/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

body{
	background:transparent url(../images/bg.jpg) repeat-x;
	color:4D4D4D;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

a{
	outline:none;
}

h1, h2, h3, h4{
	color:#AECAD9;
}

h2{
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4{
	color:#AECAD9;
}

a span, h1 span, h2 span, h3 span{
	display:none;
}

#wrap{
	background:#FFF url(../images/bg_wrap.jpg) repeat-y;
	width:900px;
	margin:0px auto;
}

#header{
	background:transparent url(../images/header.jpg) no-repeat;
	height:294px;
}

#topofcols{
	background:url(../images/cols_top.jpg) no-repeat;
	width:900px;
	height:15px;
}

/* ------------------------ horizontal sprite nav ------------------------ */
#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:900px; 
	height:51px; 
	margin:0;
	padding:0; 
	list-style-type:none;
	}

#nav span { display: none; }

#nav li, #nav a { height:51px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 117px;}
#nav-02 { width: 109px;}
#nav-03 { width: 127px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("../images/nav.jpg")  -0px -51px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.jpg") -117px -51px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.jpg") -226px -51px no-repeat; }

/******* leftcol *********/

#leftcol{
	width:212px;
	float:left;
	padding-top:20px;
}

#leftcol a{
	font-weight:bold;
	font-size:14px;
}

#leftcol a:link, #leftcol a:visited{
	color:#FFF;
	text-decoration:none;
}

#leftcol a:hover, #leftcol a:active{
	color:#9EC430;
	text-decoration:none;
}

#leftcol li{
	list-style-type:none;
}

#leftcol ul li ul{
	margin-left:40px;
}

#leftcol ul li ul li ul{
	margin-left:25px;
}

h2#categories{
	background:url(../images/tab_categories.jpg) no-repeat;
	height:112px;
}

h2#archives{
	background:url(../images/tab_archives.jpg) no-repeat;
	height:112px;
	margin-top:20px;
}

#searchform{
	width:170px;
}

#searchformli{
	margin:15px 0px 15px 30px;
}

#searchsubmit{
	margin-top:5px;
}

#rsslink{
	background:url(../images/rss.jpg) no-repeat;
	display:block;
	width:207px;
	height:102px;
}

/******** middlecol *******/

#middlecol{
	width:473px;
	}

#wrap>#middlecol{
	margin-left:215px;
}

#middlecol-top{
	background:#2881C9 url(../images/middlecol_top.jpg) no-repeat;
	width:474px;
	height:30px;
}

#middlecol a:link, #middlecol a:visited{
	color:#2881C9;
	text-decoration:none;
}

#middlecol a:hover, #middlecol a:active{
	color:#A0C535;
	text-decoration:none;
}

	#middlecol h2, #middlecol h3, #middlecol h4, #middlecol ul, #middlecol ol{
		margin:0px 21px 0px 18px;
	}
	
	#middlecol p{
		margin:10px 21px 10px 18px;
	}
	
	#middlecol h2{
		margin-bottom:10px;
		border-bottom:1px dashed;
		font-size:24px;
		font-family:Arial, Helvetica, sans-serif;
	}

.smallmeta{
	font-size:10px;
	color:#2881C9;
	margin:0px 21px 15px 18px;
	display:block;
}

#middlecol p.postmetadata{
	font-size:11px;
	margin:15px 21px 15px 18px;
}

#middlecol ol.commentlist{
	margin-top:20px;
	margin-bottom:20px;
	list-style-type:none;
}

	#middlecol ol.commentlist li{
		margin-bottom:20px;
	}
	
	#middlecol ol.commentlist li cite{
		color:#AECAD9;
		}

form#commentform input{
	margin-bottom:5px;
}

embed{
	margin-left:18px;
}

div.navigation{
	margin-left:18px;
}

/********** rightcol ***********/

#rightcol{
	width:200px;
	float:right;
	margin-left:3px;
	color:#FFF;
}

#ads{
	width:160px;
	margin:22px 0px 0px 0px;
}

/****** footer ******/

#clear{
	height:1px;
	clear:both;
}

#footer{
	height:163px;
	background:url(../images/footer.jpg) no-repeat;
}

	#footer p{
		width:731px;
		margin:0px 0px 0px 114px;
		padding-top:86px;
		color:#FFF;
		font-weight:bold;
	}
	
	#footer a:link, #footer a:visited{
		color:#2881C9;
		text-decoration:none;
	}
	
	#footer a:hover, #footer a:active{
		color:#2881C9;
		text-decoration:underline;
	}
	
/******* sociable plugin ***********/

div.sociable{
	margin:15px 57px 0px 21px;
}

#middlecol div.sociable ul{
	margin:10px 57px 0px 0px;
}

div.sociable li{
	list-style-type:none;
	display:inline;
}

div.sociable img{
	border:none;
	}