@charset "UTF-8";

/* CSS Document */



body{

	background:url(img/bodybg.jpg) repeat top center;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#222;

	}

	

a:link{ color:#009900;}

a:visited{ color:#339933;}

a:hover, a:visited:hover{ color:#00CC00; text-decoration:underline;}

a:active{ color:#33CC00;}



ul{ list-style:none; margin:0; padding:0;}

li{ margin:0; padding:0; }	



#wrapper{

	width:722px;

	padding-left:42px;

	margin:0 auto;

	background:url(img/shadeleft.png) repeat-y top left;

	}

* html #wrapper{ background:url(img/shadeleft.jpg) repeat-y top left; }

	

#header{
	width:722px;	height:199px;
	background:url(img/header.png) no-repeat top left;
	}
* html #header{ background:url(img/header.jpg) no-repeat top left; }

#header a img{border:none;}

	

#container{
	width:722px;
	background:url(img/mainbg.png) repeat-y top left;
	}
* html #container{ background:url(img/mainbg.jpg) repeat-y top left; }

#content{ width:500px; }

#sidebar{ width:222px; }

	

#content, #sidebar{

	float:left;

	}

	

.clear{

	clear:both;

	width:100%;

	height:1px;

	margin-top:-1px;

	}

	

.entry{

	margin:0 25px 35px 25px;}	



.entry h2, .authordate{ font-family:Arial, sans; }



.entry h2{

display:block;

	font-size:18px;

	line-height:24px;

	margin:0 0 5px 0;

	color:#060; 

	font-weight:normal;

	}

.navigation{

display:block; margin-bottom:10px;}

.authordate{

	font-size:12px;

	color:#959595; 

	}



.postmeta{

	color:#060;

	display:block;

	padding:3px 10px;

	border-bottom:1px solid #060;

	border-top:1px dotted #060;

	}

	

.commentcount a:link{ color:#66CC00; font-size:14px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;}

.commentcount a:hover{ text-decoration:underline; color:#66FF33; }

	

#sidebar h2 { margin:0; line-height:14px; padding:4px;

	color:#009900; font-size:20px; font-family:Arial, sans; font-weight:normal; }	



#sidebar ul { margin:0; padding:0; }



#sidebar ul li { display:block; margin:0 30px 20px 15px; }



#sidebar ul li div.topimage { background:url(img/box_top.png) no-repeat top left; height:10px; margin:0; padding:0;}
* html #sidebar ul li div.topimage { background:url(img/box_top.jpg) no-repeat top left;}

#sidebar ul li ul { margin:0; padding:1px 0 20px 0; background:url(img/box_bottom.png) no-repeat bottom left; }
* html #sidebar ul li ul { margin:-5px 0 0 0; background:url(img/box_bottom.jpg) no-repeat bottom left; }

#sidebar ul li ul li { margin:0; padding:0; background:none;}



#sidebar ul li ul li a{ padding:0 5px 4px 20px; background:url(img/arr_green.gif) no-repeat 10px center;}





#searchform input { background:url(img/input1.jpg) repeat-x top left; border:#1e8b38 1px solid; color:#006600; display:inline; }
#searchform input:hover, #searchform input:active  { background:url(img/input2.jpg) repeat-x top left; border:#1e8b38 1px solid; color:#003300; display:inline; }



.web20 img{ margin-left:17px;} 



p img {

	padding: 0;

	max-width: 100%;

	}

	

.entry img{ margin: 4px; }



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}

	

	#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 100%;

	padding: 2px;

	}



#commentform #submit {

	margin: 0;

	float: right;

	}

/* End Form Elements */







/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding: 0;

	text-align: justify;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}