html, body {
margin: 0;
padding: 0;
background: #fff url("../images/body_back_top.png") repeat-x top left;
/*height: 100%;*/
}

#container {
margin: 0 auto;
padding: 0;
width: 960px;
/*border: 1px solid black;*/
/*height: 100%;*/
}

#header {
margin: 0;
padding: 0;
float: left;
width: 520px;
/*border: 1px solid black;*/
display: inline;
}
	#header img {
	padding: 0;
	margin: 0;
	border: none;
	}

#preview {
margin: 0;
padding: 0;
width: 400px;
float: right;
/*border: 1px solid black;*/
display: inline;
}

.google_adsense {
margin: 0 auto;
padding: 20px 0;
width: 728px;
height: 15px;
border: none;
clear: both;
}

#blog {
margin: 4em auto 0 auto;
padding: 0;
width: 100%;
height: auto;
clear: both;
border: none;
text-align: center;
}

	.logo_img {
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
	text-align: left;
	}
	
	#blog h2 {
	margin: .2em 0 -0.5em 0;
	font-size: 2em;
	font-weight: normal;
	text-align: left;
	color: #f06;
	}

	#blog h3 {
	/*color: #003;699*/
	color: #000;
	font-size: 30px;
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -1px;
	left: -1px;
	font-family: verdana, arial, sans-serif;
	}
	
	.shadow {
	clear:both;
	position: relative;
	color: #ccc;
	font-size: 30px;
	text-align: left;
	margin: 2em 0 0 0;
	padding: 0 0 .7em 0;
	font-weight: bold;
	font-family: verdana, arial, sans-serif;
	}
	
	.stars {
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	}
	
	#blog p {
	color: #000;
	font-size: 1em;
	text-align: left;
	margin: 0 5em;
	padding: 1.5em 0 0 0;
	}
	
	#blog p.rating {
	margin: 0 .5em 0 0;
	padding: 0;
	color: #999;
	font-size: 1em;
	float: left;
	}
	
	#blog p.data {
	color: #f06;
	font-size: .8em;
	text-align: right;
	margin: 0 0 1em 0;
	padding: 0;
	float: right;
	font-weight: bold;
	}
	
	#blog p.tags {
	font-size: .8em;
	color: #f06;
	padding: 0;
	margin: 0 0 1em 0;
	float: left;
	font-weight: bold;
	border-bottom: 1px dashed #f06;
	}
	
	#blog p.notags {
	float: left;
	font-size: .8em;
	color: #666;
	padding: 0;
	margin: 0 .5em 0 0;
	font-weight: normal;
	border: none;
	}
	
	.popcorn {
	border: none;
	padding: 0;
	margin: -20px 0 20px 0;
	clear: both;
	float: right;
	}
	
	.article {
	padding: 0;
	margin: 1em 0 0 0;
	border: none;
	}
	
	#blog .pageroll {
	clear: both;
	position: relative;
	width: 300px;
	height: auto;
	float: left;
	margin: 1em 1.5em 1.5em 5em;
	padding:  0;
	}
		
		.pageroll img {
		padding: 0;
		margin: 0;
		}
		
		.pagerollimg {
		position: absolute;
		top: -30px;
		left: -35px;
		padding: 0;
		margin: 0;
		}
		
		.pagerollimg_right {
		position: absolute;
		top: -32px;
		left: 235px;
		padding: 0;
		margin: 0;
		}
	
	#blog p.terminal {
	clear: both;
	font-family: "Courier New", Courier, monospace;
	font-size: .8em;
	font-weight: bold;
	color: #999;
	background: url("../images/blog_terminal_background.png") top left no-repeat;
	margin: 1.2em 5em;
	padding: .4em 2em .4em 4em;
	}
	
	#blog p.bash {
	font-family: "Courier New", Courier, monospace;
	font-size: .8em;
	font-weight: bold;
	color: #333;
	margin: 1.2em 5em;
	padding: .4em 2em;
	border-left: 5px dotted #f09;
	}
	
	#blog p.coder {
	font-family: "Courier New", Courier, monospace;
	font-size: .8em;
	font-weight: bold;
	color: #333;
	background: none;
	margin: 1.2em 5em;
	padding: .4em 2em;
	border-left: 2px solid #f09;
	}

#footer {
clear: both;
width: 100%;
height: 100px;
padding: .5em 0 0 0;
margin: 5em 0 0 0;
background: #333;
}

	#footer_main {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

	#footer p {
	margin: 0 0 1em 0;
	padding: 0;
	font-size: .8em;
	color: #ccc;
	text-align: left;
	}

a.button,a.button:link,a.button:visited,a.button:focus,a.button:hover {
background: url("../images/button.jpg") no-repeat;
border: none;
display: block;
width: 200px;
height: 43px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff;
text-decoration: none;
vertical-align: center;
padding: 27px 0 0 0;
position: absolute;
top:0;
left: 0;
}

a.button_hover,a.button_hover:link,a.button_hover:visited,a.button_hover:focus,a.button_hover:hover {
background: url("../images/button_hover.jpg") no-repeat;
border: none;
display: block;
width: 200px;
height: 43px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff;
text-decoration: none;
vertical-align: center;
padding: 27px 0 0 0;
position: absolute;
top:0;
left: 0;
}

#button_container {
position: relative;
margin: 2em auto 60px auto;
width: 200px;
height: 43px;
}

h1, h2, p, a, span {
font-family: arial, sans-serif;
font-size: 16px;
}

h1 {
margin: 0 0 1em 0;
font-size: 1em;
font-weight: normal;
text-align: left;
color: #000;
}

p {
margin: .5em 0 .5em 0;
padding: 0;
color: #000;
}

a, a:link, a:focus,a:visited {
font-size: 1em;
color: #0000CC;
text-decoration: underline;
}

a:hover {
font-size: 1em;
color: #f09;
text-decoration: underline;
}

/* remove borders on visited links */
a:focus {
outline: none;
}


strong {
font-weight: bold;
}

img {
border: none;
}

/* preview and round corners */
.thumb_round {
margin: 5px;
float: left;
width: 70px;
height: 70px;
display: inline; /* IE6 bug fix */
}

img.mask {
position: absolute;
top: 0;
left: 0;
border: none;
display: block;
}

.thumb_navigation , .thumb_active{
position: relative;
padding: 0;
margin: 0;
display: block;
}

html>body .thumb_navigation:hover, img.mask:hover { /* hide from IE */
padding: 2px 0 0 0;
}