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

body{
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	margin:0;
	padding:0;
	
}
img{
	border:0;
	}
p{
	margin:10px 0px;
	padding:0px;
	}
h1,h2,h3,h4{
	padding:0;
	margin:0;
	}
a{
	text-decoration:none;
	outline:none.
	}
	
/*main container starts*/
#mainwrap{
	margin:auto;
	padding:0;
	width:947px;
	}
/*header starts*/
#headwrap{
	float:left;
	width:947px;
	height:218px;
	}
#banner{
	float:left;
	width:947px;
	height:173px;
	background:url(images/banner.jpg) no-repeat left top;
	}
#toplink{
	float:right;
	width:300px;
	height:20px;
	padding:16px 0 0 0;
	}
a.home{
	float:left;
	display:block;
	background:url(images/home.jpg) no-repeat left 2px;
	width:70px;
	padding:0 0 0 15px;
	font-size:12px;
	color:#FFFFFF;
	margin:0 18px 0 0;
	}
a.contact{
	float:left;
	display:block;
	background:url(images/contact.jpg) no-repeat left 3px;
	width:70px;
	padding:0 0 0 15px;
	font-size:12px;
	color:#FFFFFF;
	}
.logo{
	float:left;
	width:270px;
	height:150px;
	margin:15px 0 0 15px;
	}
#menu{
	float:left;
	width:932px;
	height:28px;
	background:url(images/menu-bg.jpg) no-repeat left top;
	padding:17px 3px 0 12px;
	}
#menu a{
	font-size:12px;
	font-weight:bold;
	color:#00578e;
	}
#menu a:hover{
	color:#000000;
	}
#menu span{
	padding:0px 2px 0px 4px;
	}
/*header ends*/
/*center contents starts*/	
#contentwrap{
	float:left;
	width:947px;
	background:url(images/content-bg.jpg) repeat-y center top;
	}

#leftwrap{
	float:left;
	width:246px;
}
#leftwrap ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
#leftwrap li{
	background:url(images/left-nav-line.gif) no-repeat center bottom;
	margin:0;
	padding:6px 0;
	}
#leftwrap li a{
	display:block;
	background:url(images/left-arrow.gif) no-repeat left 4px;
	font-size:13px;
	text-decoration:none;
	color:#001929;
	padding:0px 0px 0 12px;
	margin:0 0 0 2;
	}
#leftwrap li a:hover{
	color:#3333CC;
	}
.recentpost{
	background:url(images/recentpost-bg.jpg) repeat-x left top;
	padding:0 20px 0 12px;
	width:212px;
	margin:0 1px;
}
.recentpost h2{
	font-size:22px;
	color:#f6f8f9;
	font-weight:normal;
	background:url(images/recent-pic.jpg) no-repeat left top;
	padding:5px 0  30px 37px;
	margin:0 0 0;
}
.category{
	background:url(images/category-bg.jpg) no-repeat left top;
	padding:25px 20px 0 12px;
	width:214px;
	margin:0;
	}
.category h2{
	font-size:20px;
	color:#f6f8f9;
	font-weight:normal;
	background:url(images/category-pic.jpg) no-repeat left top;
	padding:4px 0 20px 32px;
	margin:0 0 0 2;
}
.flickr{
	background:url(images/category-bg.jpg) no-repeat left top;
	padding:25px 10px 0 12px;
	width:224px;
	margin:0;
	}
.flickr h2{
	font-size:22px;
	color:#f6f8f9;
	font-weight:normal;
	background:url(images/flickr-pic.jpg) no-repeat left top;
	padding:5px 0  30px 37px;
	margin:0 0 0;
}
#leftwrap .flickr ul{
	margin:0 0 0 15px;
	padding:0;
	list-style:none;
	}
#leftwrap .flickr li{
	float:left;
	margin:0;
	padding:0 3px 3px 0;
	background:none;
}
#leftwrap .flickr li a{
	border:solid 1px #000000;
	width:45px;
	height:31px;
	padding:0 3px 3px 0;
	background:none;
	padding:0;
	margin:0;
}
#leftwrap .flickr img{
	border:solid 1px #000000;
	width:45px;
	height:31px;
	margin:0 3px 3px 0;
	}
#rightwrap{
	float:left;
	width:644px;
	margin:0 0 0 18px;	
	padding:20px 18px 0px 18px;
	background:url(images/rightcontent-bg.jpg) repeat-x left top;
}

.post{
	width:644px; 
	background:url(images/post-bg.jpg) repeat-x left bottom;
	margin:0 0 25px 0;
	padding:0;}
	
	
.post h1 {
	font-weight:normal;
	margin:0px;
	font-size:25px;
	line-height:30px;
	padding:0;}
	
	
.post h1 a{
	color:#060606;
	}

.post h1 a:hover{
	color:#000000;
	}
.posted{
	width:645px;
	height:14px;
	float:left;
	border-bottom:solid 1px #539bc8;
	padding:13px 0 11px 0;
	font-size:13px;
	color:#333333;}
		
.posted a{
	color:#2a83b2;
	font-weight:bold;}
	
.posted a:hover{  
	color:#0e5c85;}	
.posted span{
	padding:0 3px;
	}
.posted2{
	float:right;
	width:500px;
	padding:17px 5px 10px 12px;
	text-align:right;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	}
		
.posted2 a{
	color:#2a83b2;
	text-decoration:none;
	font-weight:bold;}
	
.posted2 a:hover{  
	color:#0e5c85;}	
	
.posted2 span a{
	font-weight:normal;
	text-decoration:underline;
	}
.posted2 span a:hover{
	color:#000000;
	}	
.date{
	width:64px;
	height:57px;
	float:left;
	text-align:center;
	background:#539bc8;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 0px;}
	
	
.date h3 {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:37px;
	color:#FFFFFF;}
	
	
.date span{
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
	font-size:13px;
	color:#d1e0ec;
	}
.post-detail{
	float:left;
	width:557px;
	padding:17px 5px 10px 12px;
	}
.post-detail a{
	color:#2a83b2;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
	}
.post-detail a:hover{
	text-decoration:none;
	}
.comments{
	width:644px;
	padding:0 0 0px 0;
	margin:30px 0 0 0;
	background:#f2f7ff url(images/comment-bg2.jpg) no-repeat center bottom;
	text-align:center;
	}	
.comments-inner{
	width:604px; 
	padding:0 20px;
	margin:0;
	background:url(images/comment-bg3.jpg) repeat-y;
	text-align:left;
	}
	
.comments h2{
	font-size:22px;
	color:#2a83b2;
	font-weight:normal;
	padding:0 0 25px 0;
	}
.comments h2 span{
	font-size:18px;
	color:#000000;
	font-weight:normal;
	}
.comments h3{
	font-size:14px;
	color:#2a83b2;
	font-weight:bold;
	background:url(images/comment-pic.jpg) no-repeat left top;
	padding:0 0 0 20px;
	margin:0  0 15px 0;
	}
.comments a{
	color:#2a83b2;
	}	
.comments_form{
	width:600px;
	padding:0px;
	margin:25px 0px 0px 30px;
	text-align:left;}	
	
.comments_form a{
	color:#006699;
	}
.comments_form a:hover{
	color:#3366CC;
	}		
.comments_form h4{
	font-size:13px;
	font-weight:bold;
	color:#000000;}
	
	
.comments_form label{
	float:left;
	font-size:13px;
	color:#3982b3;
	margin:16px 0 0 0;
	padding:0;
	width:300px;}
	
	
/*.comments_form input{
	float:left;
	width:250px;
	height:25px;
	border:1px solid #999999;
	background-color:#f4f4f4;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 10px 0 0;
	padding:0;
	font-size:13px;
	color:#333;}*/
	
.textbox{
	float:left;
	width:250px;
	height:20px;
	border:1px solid #999999;
	background-color:#f4f4f4;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 10px 0 0;
	padding:5px 0 0 0;
	font-size:13px;
	color:#333;}	
.comments_form textarea{ 
	float:left;
	width:400px;
	height:84px;
	border:1px solid #999999;
	background-color:#f4f4f4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	margin:10px 10px 0 0;
	padding:0;}
.submit_comments_form{
	display:block;
	float:left;
	width:84px;
	height:36px;
	background:url(images/submit.jpg) left top no-repeat;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	color:#000;
}
.submit_comments_form:hover{
	background:url(images/submit.jpg) left bottom no-repeat;
	text-decoration:none;}	
a.button1{
	display:block;
	float:left;
	margin:60px 0 0 0;
	width:84px;
	height:36px;
	background:url(images/submit.jpg) left top no-repeat;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	color:#000;
}

a.button1:hover{
	background:url(images/submit.jpg) left bottom no-repeat;
	text-decoration:none;

}

		
/*center contents ends*/
	
/*footer starts*/	
#footer{
	float:left;
	width:947px;
	font-size:13px;
	line-height:18px;
	color:#333333;
	background:#ffffff url(images/footer-bg.jpg) no-repeat center top;
	padding:50px 0 0 0;
}
#footer span{
	padding:0px 20px;
}

.bottom_link{
	width:90%;
	font-size:12px;
	color:#333333;
	margin:22px 0 0 0;
	}
.bottom_link a{
	color:#333333;
	text-decoration:none;
	}
/*footer ends*/
/*main container ends*/
.clear{
	clear:both;
	}
	
.navigation{
		float:left;
		width:400px;
		margin:10px 0px 0px 30px;  
		text-align:left;}
	 
.navigation a{
	color:#999900;
	text-decoration:underline;
	text-align:left;}
	
.navigation a:hover{
	color:#999900;
	text-decoration:none;}