@charset "utf-8";

/* Blog body CSS
-------------------- */
body {margin:0px; padding:0px; background:url(images/main_bg.jpg) repeat-y center top; font-family:Arial, Helvetica, sans-serif}
img {border:0px;}
ul{list-style:none; margin:0px; padding:0px;}
form, label {margin:0px; padding:0px;}
td {border-collapse:collapse}
a {outline:none}
.clear {clear:both; margin:0px; padding:0px;}
#mainwrap {width:965px; margin:0px; padding:0px}

/* Header Css Starts here 
--------------------------*/
#header {width:965px;}
.logo {width:261px; float:left}
.header_bg {background:url(images/header_bg.jpg) repeat-y left #dcdfe0; float:left}

.phone {
position:absolute;
width: 380px;
margin-left: 296px;
  font-family:"Trebuchet MS";
  font-size:24px;
  color:#3d3d3d;
  margin-top:12px;
  margin-bottom:-3px;
  padding-left:30px;
	background:url(images/phone_icon.jpg) no-repeat;
}

#top_nav {
	width:700px;
	height:55px;
	text-align:left;
float:right;
position:absolute;
margin-top: 53px;
margin-left: 1px;
	}
	
#top_nav ul{margin:0px; padding:0px; list-style:none;}	

#top_nav li {
	float:left;
	margin:0px;
	text-decoration:none;	
}

#top_nav li a {
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#547aa2;
	padding:20px 8px 12px 9px;
	margin:0px;
	text-decoration:none;	
}
#top_nav li a:hover {
	color:#ffffff;
	background:url(images/top_navbg.jpg) left bottom repeat-x;
	text-decoration:none;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#top_nav li a:active {
	color:#ffffff;
	background:url(images/top_navbg.jpg) left bottom repeat-x;
	text-decoration:none;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.banner_bg {
	width:750px;
	height:122px;
	padding:25px 0 0 215px;
	margin:0px;
	text-align:left;
	background:url(images/banner.jpg) no-repeat left top;
}

span.head1 {
	font-family: "Times New Roman", Times, serif, verdana;
	font-size:22px;
	color:#373737;	
}

span.head2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:35px;
	color:#5f87af;	
	margin:0 0 0 30px;
}

span.head3 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#9c9c9c;	
	margin:0 0 0 120px;
}

/* Header Css Starts here 
--------------------------*/

#content_area {
	width:950px;
	text-align:left;
	margin:0px; 
	padding:35px 5px 0 10px;
}

#content_left {
	width:250px;
	padding:0 33px 0 0px;
	float:left;
}	

.box_wrap {margin:0px; padding:0px;}

h1.recent {
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	color:#386797;
	line-height:18px;
	background:url(images/recentpost_bg.jpg) no-repeat left top;
	padding:20px 0 0 58px;
	margin:0px;
}

h1.recent span{
	font:"Times New Roman", Times, serif;
	font-size:22px;
	color:#5c5c5c;
}


h1.category {
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	color:#386797;
	line-height:30px;
	background: url(images/category_bg.jpg) no-repeat left top;
	padding:12px 0 0 58px;
	margin:0px;
}

h1.archive {
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	color:#386797;
	line-height:35px;
	background: url(images/archive_bg.jpg) no-repeat left top;
	padding:12px 0 0 58px;
	margin:0px;
}

h1.flickr {
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	color:#386797;
	line-height:35px;
	background: url(images/flickr_bg.jpg) no-repeat left top;
	padding:12px 0 0 60px;
	margin:0px;
}

.flickr_box {
	margin:0px; 
	padding:18px 0 0 20px;
	text-align:left;	
	background:url(images/post_bg.jpg) no-repeat left top;
}

.flickr_box img{
width:64px;
height:45px;
border:0px;
padding:0px;
}

.flickr_box a{ 
width:64px;
height:45px;
display:block; 
border: 1px solid #5c88c7; 
text-decoration:none; 
float: left; 
margin:0px 7px 6px 0px;
}

.flickr_box a:hover{
border: 1px solid #7cb2ff; 
}
/*
.flickr_box li{
	margin:0px 7px 6px 0px; 
	padding:0px;
	float:left;
}
.flickr_box img {display:block;width:64px; height:45px;  margin:0px 7px 6px 0px; padding:0px; float:left; border:1px solid #5c88c7;}
.flickr_box img:hover{display:block;width:64px; height:45px;  margin:0px 7px 6px 0px; padding:0px; float:left; border:1px solid #000;}
*/
.list_box {
	margin:0px; 
	padding:18px 7px 0 28px;
	text-align:left;
	font-size:12px;
	color:#4f667d;
	background:url(images/post_bg.jpg) no-repeat left top;
}

.list_box li{
	margin:0 0 0px 0; 
	padding:0 0 6px 10px;
	background:url(images/list_arrow.gif) no-repeat left 7px;
}

.list_box li a{
	text-decoration:none;
	color:#4f667d;
}

.list_box li a:hover{
	text-decoration:none;
	color:#078dff;
}

#rss_box {
	font-family:"Times New Roman", Times, serif;
	font-size:26px;
	color:#386797;
	padding:13px 0 0 70px;
	margin:0 0 20px 0;
	background: url(images/rss_bg.jpg) no-repeat right top;
	border:1px solid #bac4cb;
}
#rss_box h6{
	font:12px normal Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:18px;
	margin:0px;
	padding:0 0 18px 0;
}

#rss_box h6 a{ text-decoration:underline; color:#386797; padding:0px; margin:0px;}
#rss_box h6 a:hover{ text-decoration:none;}
	
#content_right {
	width:655px;
	padding:0 0 0 12px;
	float:right;
}

.post {
	width: 655px;
	background:url(images/post_bg_bottom.jpg) no-repeat bottom left;
}	

.date {
	width:90px;
	height:58px;
	text-align:center;
	color:#fff;
	font:27px normal "Times New Roman", Times, serif;	
	background:url(images/date_bg.jpg) repeat-x;
	float:left;
}

.date span {
	font-size:22px;
	color:#94a8bb;
}

.comment_status {
	width:553px;
	padding:0 0 0 10px;
	float:left;
}

.navigation {width:150px; padding:0 0 0px 0; margin:0px; text-decoration:none; color:#5f87af; clear:both; font-size:15px; font-weight:bold}
.navigation a {color:#5f87af; text-decoration:none; font-size:13px;}
.navigation a:hover{color:#5f87af; text-decoration:underline; padding-bottom:2px;}

.comment_status h1 a{color:#386797; text-decoration:none}
.comment_status h1 a:hover{color:#478ed6;}

.comment_status h2 a{color:#698db1; text-decoration:none}
.comment_status h2 a:hover{color:#345576;}

.comment_status h1 {
	margin:0px 0 0px 0px;
	padding:0px 0 5px 0;
	color:#386797;
	font-weight:normal;
	font:30px normal "Times New Roman", Times, serif;
	background:url(images/post_title.jpg) no-repeat bottom;
}

.comment_status h2 {
	margin:0px;
	padding:3px 0 0 0;
	font-size:12px;
	color:#000;
	font-weight:normal;
}

.post_content {
	text-align:left;
	font-size:12px;
	line-height:17px;
	padding:15px;	
	background:url(images/post_bg_top.jpg) no-repeat left top;
}
.post_content a{color:#386797; text-decoration:underline; padding-top:15px}
.post_content a:hover{text-decoration:none}
.post_content img{ float:right; border:1px solid #cbcbcb; margin:8px 0 8px 15px; }
.bookmark {margin:20px 0 0 0; padding:0px;}

.comment_wrap {margin:25px 0 20px 0;}
.comment_box {margin:20px 0 0 0; padding:0 12px 25px 12px; font-size:13px; color: #586470; line-height:17px; background:url(images/comment_bg.jpg) no-repeat left bottom;}
.comment_wrap h3{ color:#386797; font:24px normal "Times New Roman", Times, serif; margin:0px 0 15px 0; padding:0px;}
.comment_wrap h3 span{ color:#000; font:30px normal "Times New Roman", Times, serif;}
.comment_wrap h3 a{ color:#386797; text-decoration:none}
.comment_name a{padding:0 0 0 13px; font-size:14px; color:#586470; font-weight:bold;text-decoration:none;}


.contact_form {margin:0px; padding:0px;font:13px normal "Arial", Times, serif; color:#386797;}
.contact_form a{color:#006699;}
.contact_form h4{font:24px normal "Times New Roman", Times, serif; color:#386797; margin:0 0 20px 0; padding:0px;}
.contact_form h4 span {font:30px normal "Times New Roman", Times, serif; color:#000}
.contact_text {width:250px; height:22px; margin:0 0 10px 0; padding:3px 0 0 5px; border:1px solid #999; background:#f4f4f4}
.submit{width:100px;height:32px;border:none;background:url(images/submit.jpg) no-repeat left top;display:block; outline:none}
.contact_textarea{width:400px; height:78px; border:1px solid #999; margin:0 0 10px 0; padding:3px 0 0 5px; background:#f4f4f4; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
.contact_form label {padding:0px 0 0px 10px; color:#3b85b7; font-size:12px; vertical-align:top; font-size:12px; font-family:Arial, Helvetica, sans-serif}

/* Footer Css Starts here 
--------------------------- */

#footer {width:100%; background:url(images/footer_bg.jpg) repeat-x left top; color:#9c9c9d; font-size:13px;}
.footer_bg{background:url(images/footer_top_bg.jpg) no-repeat center top; padding:7px 0 0 0;}
.footer_bg a{padding:0 14px 0 14px; text-decoration:none; color:#32414f; outline:none}
.footer_bg a:hover{color:#9c9c9d;}


#twitter_div{
text-align:left;
FONT-FAMILY: verdana, Helvetica, sans-serif;
font-size:11px;
color:#666;
width:230px;
border:1px solid #bac4cb;
padding:10px;
}
#twitter_div h2{
 font:26px normal "Times New Roman", Times, serif;
	color:#386797;text-decoration:none;
padding:0px;
}
#twitter_div h2 span{
 font:22px normal "Times New Roman", Times, serif;color:#5c5c5c;text-decoration:none;
}
#twitter_div h2 a{
 font:26px normal "Times New Roman", Times, serif;
	color:#386797;text-decoration:none;
padding:0px;
}
#twitter_div h2 a span{
 font:22px normal "Times New Roman", Times, serif;color:#5c5c5c;text-decoration:none;
}
#twitter_div h2 a:hover{
 font:26px normal "Times New Roman", Times, serif;
	color:#386797;text-decoration:none;
}
#twitter_div h2 a:hover span{
 font:22px normal "Times New Roman", Times, serif;color:#5c5c5c;text-decoration:none;
}
#twitter_div ul li a{
text-align:left;
FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #6699cc; LINE-HEIGHT: 14px; FONT-FAMILY: verdana, Helvetica, sans-serif;
text-decoration:none;
}
#twitter_div ul li a:hover{
text-align:left;
FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #666; LINE-HEIGHT: 14px; FONT-FAMILY: verdana, Helvetica, sans-serif;
text-decoration:underline;
}