@charset "UTF-8";
/* CSS Document */

/*** some people may not like to clear all of their padding and margin spacing but I do, I want to have full control ****/

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

body{
	background:url(images/body-bg.jpg);
	font-family:Helvetica, Arial, sans-serif;
}

a{
	outline:none;
}

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

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

/*** I usually do center aligned designs so I am going to set the container to sit in the middle of the page ****/

#header{
	background:url(images/header.jpg) no-repeat;
	height:89px;
	width:900px;
	margin:0px auto;
}

	#homelink{
		display:block;
		width:298px;
		height:78px;
		float:left;
	}	
	
	#header form{
		margin:0px 0px 0px 572px;
		padding-top:20px;
		display:block;
	}

	#header input#s{	
		background:url(images/search-box.jpg) no-repeat;
		width:208px;
		height:24px;
		border:0px;
		padding:10px 0px 0px 5px;
	}
	
	#header input#searchsubmit{	
		background:url(images/search-btn.jpg) no-repeat;
		width:81px;
		height:34px;
		border:0px;
	}

#container{
	width:908px;
	margin:0px auto; /**** learn css shortcuts, it will make your life easier ****/
	background:url(images/content-bg.jpg) repeat-y;
}

#nav { 
	background:url("images/nav.jpg") no-repeat; 
	width:908px; 
	height:47px; 
	margin:0;
	padding:0;
	position:relative;
	z-index:99; 
	}

#nav span { display: none; }

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

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

#nav-01 { width: 84px;}
#nav-02 { width: 70px;}
#nav-03 { width: 98px;}
#nav-04 { width: 124px;}
#nav-05 { width: 70px;}
#nav-06 { width: 125px;}
#nav-07 { width: 124px;}
#nav-08 { width: 93px;}
#nav-09 { width: 92px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */
#nav-01 a:hover { background:url("images/nav.jpg") 0px -47px no-repeat; }
#nav-02 a:hover { background:url("images/nav.jpg") -84px -47px no-repeat; }
#nav-03 a:hover { background:url("images/nav.jpg") -154px -47px no-repeat; }
#nav-04 a:hover { background:url("images/nav.jpg") -252px -47px no-repeat; }
#nav-05 a:hover { background:url("images/nav.jpg") -376px -47px no-repeat; }
#nav-06 a:hover { background:url("images/nav.jpg") -446px -47px no-repeat; }
#nav-07 a:hover { background:url("images/nav.jpg") -571px -47px no-repeat; }
#nav-08 a:hover { background:url("images/nav.jpg") -695px -47px no-repeat; }
#nav-09 a:hover { background:url("images/nav.jpg") -788px -47px no-repeat; }

#sidebar{
	width:241px;
	float:left;
}

	#sidebar ul{
		width:221px;
		margin-left:13px;
		list-style-type:none;
		background:#CEFFCB url(images/category-top.jpg) no-repeat;
		padding-top:10px;
	}
	
	#sidebar ul li{
		list-style-image:url(images/category-arrow.jpg);	
		margin-left:30px;
		font-size:14px;
		color:#4F9E4B;
	}
		
		#sidebar ul li h2{
			font-size:14px;
			font-weight:normal;
		}

	#sidebar ul li ul{
		background:none;
		margin-left:0px;
		padding-top:5px;
		margin-bottom:20px;
		width:150px;
	}

	#sidebar ul li ul li{
		background:none;
		margin-left:0px;
		margin-bottom:5px;
		list-style-image:none;
		width:150px;
	}
		#sidebar ul li ul li a:link, #sidebar ul li ul li a:visited{
			color:#646464;
			font-size:11px;
			text-decoration:none;
		}
		
		#sidebar ul li ul li a:hover, #sidebar ul li ul li a:active{
			color:#000;
			font-size:11px;
			text-decoration:none;
		}
	
	div.category-bottom{
		background:url(images/category-bottom.jpg) no-repeat;
		height:10px;
		width:220px;
		margin-left:13px;
		margin-top:-20px;
	}

#rightcol{
	width:667px;
	float:left;
}

	.slideshow{
		margin:0px;
		widht:662px;
		height:258px;
	}
	
	#blog-banner{
		background:url(images/blog-banner.jpg) no-repeat;
		widht:662px;
		height:258px;
		margin-bottom:6px;
	}
	
	#infobox{
		background:url(images/infobox.jpg) no-repeat;
		width:662px;
		height:137px;
	}
	
	a#quote-btn{
		background:url(images/quote-btn.jpg) no-repeat;
		display:block;
		width:322px;
		height:40px;
		margin-left:160px;
		margin-top:4px;
	}
	
	#rightcol #content{
		padding-top:4px;
	}
	
	#rightcol #content-wrap{
	}
	
	#content-bottom{
	}
	
	.heading-top{
		/*background:url(images/heading-top.jpg) no-repeat; */
		height:10px;
		margin-left:10px;
	}
	
	.heading{
		/*background:#84D1E4; */
		width:644px;
		margin-left:10px;
	}
	
	.heading-bottom{
		/* background:url(images/heading-bottom.jpg) no-repeat; */
		height:16px;
		margin-left:10px;
	}
	
	.entry{
		margin-top:10px;
	}
	
	#rightcol .post p.dateandtime{
		margin:0px 10px 0px 10px;
	}
	
	#rightcol #blog .post{
		margin-bottom:10px;
	}
	
	#rightcol .post h2{
		font-size:22px;
		
		font-weight:normal;
		color:#84D1E4;
		margin:10px 10px 15px 10px;
	}
	
	#rightcol h3{
		font-size:18px;
		
		font-weight:normal;
		color:#84D1E4;
		margin:10px 10px 10px 10px;
	}
	
	#rightcol .post h2.blog{
		font-size:28px;
		
		font-weight:normal;
		color:#656565;
		margin:0px 15px 0px 15px;
		padding-top:10px;
	}
	
	#rightcol p{
		font-size:12px;
		line-height:26px;
		margin:0px 15px 15px 15px;
		color:#656565;
	}
	
	#rightcol #infobox p{
		line-height:20px;
		margin:0px 25px 0px 163px;
		padding:20px 0px 0px 0px;
	}
	
	#rightcol #infobox a:link, #rightcol #infobox a:visited{
		color:#FFF;
	}
	
	#rightcol #infobox a:hover, #rightcol #infobox a:active{
		color:#84D1E4;
	}
	
	#rightcol ul, #rightcol ol{
		font-size:12px;
		line-height:26px;
		margin:0px 45px 15px 45px;
		color:#656565;
	}
	
		#rightcol ol.commentlist{
		margin:10px 26px 10px 25px;
		list-style-type:none;
	}

	#rightcol ol.commentlist p{
		margin:0px 21px 10px 0px;
	}

	#rightcol #commentForm textarea{
		width:630px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		border:1px #84D1E4 solid;
		margin-left:15px;
		margin-bottom:5px;
	}
	
	label{
		font-size:12px;
		color:#656565;
		margin-left:15px;
	}
	
	#rightcol div.sociable{
		margin:0px 15px;
	}
	
		#rightcol div.sociable img{
			border:none;
		}
		
	#rightcol fieldset{
		border:none;
	}
	
	#rightcol input, select{
		display:block;
		margin:0px 15px 15px 15px;
		border:1px #84D1E4 solid;
		height:25px;
		padding-left:5px;
	}

	#rightcol input{
		border:1px #84D1E4 solid;
	}
	
	#rightcol input#Submit{
		padding:0px;
		cursor:pointer;
	}
	
	#rightcol label.error{
		margin-top:-13px;
		margin-bottom:15px;
		display:block;
	}

	#rightcol input#hidden{
			border:none;
	}

	#rightcol .ngg-galleryoverview{
		width:600px;
		margin-left:15px;
	}

	#rightcol #commentform textarea {
	border:1px solid #84D1E4;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin-bottom:5px;
	margin-left:15px;
	width:615px;
	}
	
	#clear{
		clear:both; /*** this stops the floating ***/
	}

#footer{
	width:908px;
	margin:0px auto;
	background:url(images/footer-bg.jpg) repeat-y;
	padding-bottom:20px;
}

	#footer-top{
		background:url(images/footer-top.jpg) no-repeat;
		height:52px;
	}
	
	#footer p{
		margin:10px 20px 0px 20px;
		color:#FFF;
		font-size:12px;
	}