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

/*
Theme Name:WebDevelopmentBits
Theme URI: http://www.sourcebits.com/
Description: A retro blog theme by <a href="http://www.sourcebits.com">Sourcebits</a>.</strong>
Version: 1.0
Author: Sourcebits
Author URI: http://www.sourcebits.com/
Copyright 2008-09

*/

@import "style-ie7fix.css";
@import "style-safarifix.css";
@import "style-operafix.css";

*{
	outline:0;
	}
a, a:hover{
	text-decoration:none;
	color:#dc4300;
	cursor:pointer;
	}
a:hover{
	text-decoration:underline;
	}
#header a:hover, .subscribe_links a:hover, #post_title_single a:hover{
	text-decoration:none;
	}
a:focus { outline:none }

a img{
	border:none;
	}
.clear{
	clear:both;
	}
body{
	margin:0;
	padding:0;
	font:12px Helvetica, 'Myriad Pro', Arial, sans-serif;
	background: url(images/body_bg.jpg) repeat left top;
	color:#555;
	}
#avatar{
	background: transparent url(images/avatar_webdevelopmentbits.png) no-repeat left bottom;
	height:293px;
	width:289px;
	position:absolute;
	left:701px;
	top:0;
	z-index:2000;
	}
#header{
	background:transparent url(images/mashheader.png) repeat-x left top;
	height:177px;
	position:relative;
	z-index:150;
	}
#logo_webdevelopmentbits{
	display:block;
	height:64px;
	width:500px;
	background: url(images/title_webdevelopmentbits.png) no-repeat right top;
	position:absolute;
	top:30px;
	}
#nav_top{
	padding:0;
	margin:0;
	position:absolute;
	top:100px;
	left:0;
	overflow:hidden;
	height:45px;
	width:590px;
	}
#nav_top li{
	padding:0;
	margin:0;
	list-style:none;
	height:43px;
	line-height:43px;
	float:left;
	position:relative;
	}
	
#nav_top li a{
	display:block;
	height:100%;
	color:#fff;
	font:700 14px 'Cooper Std Black', 'Cooper Std', Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	padding:0 22px;
	line-height:43px;
	}
#nav_top li a:hover, #nav_top li.current_page_item{
	background: transparent url(images/nav_hov.png) repeat-x left bottom;
	}
#wrapper{
	width:990px;
	position:relative;
	margin-top:-12px;
	background: url(images/wrapper_bg.png) repeat-y left top;
	}
#sidebar{
	width:267px;
	position:relative;
	float:right;
	padding:110px 15px 0 0;
	}
#sidebar .sidebar_sec_title{
	color:#d6dec4;
	font:700 24px 'Cooper Std Black', 'Cooper Std', Georgia, "Times New Roman", Times, serif;
	text-align:center;
	text-transform:uppercase;
	margin:50px 0px 15px;
	}
.digit_box{
	background:#a43605;
	border:solid 1px #7c2600;
	width:232px;
	margin:5px auto 12px auto;
	height:106px;
	overflow:hidden;
	font:11px Helvetica, Arial, sans-serif !important;	
	color:#f8fbef;
	padding:0 10px 10px 0;
	}
.digit{
	width:36px;
	height:33px;
	float:left;
	background: url(images/digit.png) no-repeat left top;
	font-size:14px;
	font-weight:700;
	text-align:center;
	line-height:33px;
	}
.popular_box .digit_box_title{
	color:#f8fbef;
	font:600 12px Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	margin:5px 0;
	line-height:1.5 !important;
	}
.digit_box_category{
	background:#a43605;
	border:solid 1px #7c2600;
	width:232px;
	margin:5px auto 12px auto;
	height:auto;
	overflow:hidden;
	font:11px Helvetica, Arial, sans-serif !important;	
	color:#f8fbef;
	padding:0 10px 10px 0;
	min-height:100px;
	}
.digit_box_category ul{
	padding:0;
}
.digit_box_category_content, .cat-item{
	color:#f8fbef;
	font:normal 12px 'Cooper Std Black','Cooper Std',Georgia,"Times New Roman",Times,serif !important;
	text-transform:capitalize;
	margin:5px 10px;
	line-height:1.5 !important;
	}
.arch_entry{
	padding:0px 10px
	} 
.popular_box{
	padding:1px 5px;
	overflow:hidden;
	height:104px;
	}
.popular_box p{
	margin:0px;
	padding:0;
	line-height:1.4 !important;
	}
.popular_box p a{
	text-decoration:underline;
	}
.popular_box img, .popular_box a img{
	display:none !important;	
	}
.digit_box a, .digit_box_category a{
	color:#fff;
	}
.img_spons{
	overflow:hidden;
	width:263px;
	margin:0px auto;
	}
.img_spons a{
	margin:0 3px;
	display:block;
	float:left;
	}
.subscribe_links ul{
	margin:0 0 0 -15px;
	padding:0;
	}
.subscribe_links li{
	width:220px;
	height:46px;
	background: url(images/subscribe_links.png) no-repeat left top;
	list-style:none;
	margin:5px 0;
	padding:0;
	font:700 22px 'Cooper Std Black', 'Cooper Std', Georgia, "Times New Roman", Times, serif;
	line-height:43px;
	}
.subscribe_links li a{
	display:block;
	height:100%;
	width:180px;
	color:#52585e;
	padding-left:40px;
	}
.subscribe_links li a span{
	display:block;
	padding:2px 0px 0px;
	text-align:center;
	width:100px;
	}
#main_col{
	width:690px;
	position:relative;
	margin-right:300px;
	z-index:200;
	background: url(images/maincol_bg.png) no-repeat left top;
	min-height:770px;
	/*padding-top:30px;*/
	padding:30px 0px; /* --------- Added by Chin -----------*/
	}
#search_txt_holder{
	padding:5px;
	position:absolute;
	right:14px;
	top:11px;
	background:#d6dec4;
	}
#search_txt_border{
	border:solid #fff 1px;
	padding:1px;
	width:233px;
	}
#search_txt_icon{
	background:transparent url(images/txt_search_bg.png) repeat-x left center;
}
#search_txt_grad{
	height:30px;
	background: url(images/magnifire.png) no-repeat right center;	
	width:233px;
	}
#search_txt{
	height:20px;
	width:170px;
	/*background:transparent url(images/txt_search_bg.png) repeat-x left center;
	border: 1px solid #fff;*/
	color:#666;
	padding:5px 0 0 5px;
	border:none;
	background:transparent;
	}
.hot_news_symbol{
	background:url(images/hotnews_symbol.png) left top no-repeat;
	height:60px;
	margin:0;
	overflow:hidden;
	padding-left:73px;
	text-transform:uppercase;
	}
.hot_news_rc{
	background:transparent url(images/hotnews_r.png) no-repeat right top;
	padding-right:30px;
	margin-top:9px;
	height:49px;
	float:left;
	}
.hot_news_symbol h1{
	font:700 18px 'Cooper Std Black', 'Cooper Std', Georgia, "Times New Roman", Times, serif;
	color:#f3f8e7;
	background:#bac2a8;
	height:100%;
	margin:0;
	padding:0;
	line-height:49px;
	float:left;
	}
.star_title{
	background:url(images/title_star.png) left top no-repeat;
	position:relative;
	z-index:500;
	height:80px;
	margin:0 0 -22px 0;
	font:700 18px 'Cooper Std Black', 'Cooper Std', Georgia, "Times New Roman", Times, serif;		
	color:#f3f8e7;
	padding:0 0 0 50px;
	line-height:60px;
	text-transform:uppercase;
	}
.post_info{
	float:left;
	background:#DBE1CA ;
	min-height:24px;
	padding-bottom:3px;
	width:100%;
	}
.post_outer{
	background:transparent url(images/semi_trans.png) repeat left top;
	border-top:solid 1px #fff;
	padding:10px;
	clear:left;
	}
.post_inner{
	background:#f8fbef;
	overflow:hidden;
	}
.archive_outer{
	background:transparent url(images/semi_trans.png) repeat left top;
	border-top:solid 1px #fff;
	padding:10px;
	clear:left;
	}
.archive_inner, .about_inner{
	background:#f8fbef;
	clear:left;
	padding:0px 0px 10px 0px;
	}
#main_col .post{
	background: url(images/sep.png) repeat-x top left;
	clear:left;
	margin:0 45px 5px 27px;
	padding-top:2px;
	}
.post_date{
	background-color:#52585e;
	color:#f8fbef;
	float:left;
	padding:2px 10px;
	margin:5px 0 0 -5px;
	text-transform:uppercase;
	font-size:10px;
	font-weight:700;
	}
.num_comments{
	position:relative;
	float:right;
	background: url(images/comments_num_bg.jpg) repeat-x left top;
	height:24px;
	margin-right:40px;
	line-height:20px;
	font-weight:700;
	}
.num_comments a{
	color:#555;
	}
.num_comments_l{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:20px;
	background: url(images/comments_num_l.jpg) no-repeat left top;
	margin-left:-20px;
	}
.num_comments_r{
	position:absolute;
	right:0;
	top:0;
	height:100%;
	width:20px;
	background: url(images/comments_num_r.jpg) no-repeat right top;
	margin-right:-20px;
	}
.post_title{
	margin:0;
	padding:0;
	background: #b3bba1 url(images/title_post_r.jpg) no-repeat right -1px;
	font-size:18px;
	color:#f8fbef;
	font-weight:normal;
	float:left;
	border:solid 1px #fff;
	}
.post_title a{
	display:block;
	color:#f8fbef;
	padding:5px 50px 5px 20px;
	margin:0 0px 0 0;
	}
.post_content{
	clear:left;
	padding:15px 25px;
	}
.post_content ul li{
line-height:18px;
padding:0 0 10px;
}

.post_content p{
	line-height:1.5;
	}
.post_inner .readmore{
	height:30px;
	background:#95b535 url(images/readmore_l.jpg) no-repeat left top;
	display:block;
	padding:0 5px 0 15px;
	color:#fff;
	float:right;
	text-transform:uppercase;
	line-height:30px;
	font-weight:700;
	font-size:10px;
	}
.readmore a{
	color:#fff;
	}
#footer{
	clear:both;
	background: transparent url(images/footer_bg.png) no-repeat left top;
	height:25px;
	color:#dee5cd;
	font-size:10px;
	font-weight:700;
	padding-top:35px;
	padding-left:30px;
	}
#footer a{
	color:#dee5cd;
	}
/*Post Single Start*/
#post_title_single{
	background:url(images/post_single_ill.png) no-repeat left top;
	margin:-35px 45px 0 27px;
	padding:79px 0 0 141px;
	font-size:18px;
	}
#post_title_single a{
	color:#fff;
	background:#91bf26;
	display:block;
	padding:3px 10px 3px 0;
	}
/* --------- Added by Chin -----------*/
.post_content img{
	background:#bac2a8 url(images/img_edge.jpg) no-repeat right bottom;
	padding:21px;
	margin:1px;
	}	

/* Comment Form Start */

/* --------- Added by Chin -----------*/
.comment_avatars{
	padding:3px;
	}
/* --------- Added by Chin -----------*/
.comment_avatars img, .comment_content img{
	background:none;
	padding:0px;
	}
.comment_content{
	clear:left;
	padding:15px 25px;
	}
.comment_content p{
	line-height:1.5;
	}

.form_comment{
	background:#d6dec4;
	margin:20px 45px 0px 27px; /* --------- Changed by Chin -----------*/
	padding:31px 31px 0 31px;
	border-top: 1px solid #c6cdb7;
	border-right: 1px solid #c6cdb7;
	border-left: 1px solid #c6cdb7;
	position:relative;
	}
.form_bg{
	background:url(images/form_bg.png) repeat-x left bottom;
	position:relative;
	bottom:-5px;
	margin:0 -32px 0 -32px;
	height:5px;
	clear:left;
	border-right: 1px solid #c6cdb7;
	border-left: 1px solid #c6cdb7;
	width:616px;
	}
.form_comment input[type="text"]{
	float:left;
	width:324px;
	height:22px;
	margin:0 20px 15px 0;
	padding-top:3px;
	background-color:#eff3e6;
	border:1px inset #d0d3c9;
	}
.form_comment label{
	float:left;
	height:25px;
	color:#52585e;
	font:700 12px 'Cooper Std Black', 'Cooper Std', Georgia, "Times New Roman", Times, serif;
	line-height:25px;
	height:30px;
	text-transform:uppercase;
	background: url(images/label_bg.png) repeat-x left bottom;
	width:166px;	
	margin:0 0 10px 20px;
	padding:0 10px;
	}
.form_comment label.lbl_msg{
	clear:left;
	float:none;
	display:block;
	margin-left:0;
	width:538px;
	}
.form_comment textarea{
	display:block;
	clear:left;
	width:100%;
	height:127px;
	border:1px inset #d0d3c9;
	}
.form_comment br{
	clear:left;
	}
.form_comment input[type="button"], .form_comment input[type="submit"]{
	height:35px;
	background:url(images/btn_form.jpg) repeat-x left bottom;
	border:none;
	color:#f8fbef;
	font:700 12px 'Cooper Std Black', 'Cooper Std', Georgia, "Times New Roman", Times, serif;
	cursor:pointer;
	margin:7px 10px 0 0;
	padding:0 20px 3px 20px;
	line-height:30px;
}

/* Comment Form End */

/* Contact Form Start */
.form_contact{
	background:#d6dec4 url(images/form_contact_ill.png) no-repeat 10px 10px;
	margin:0 45px 0 27px;
	padding:19px 31px 0 31px;
	border-top: 1px solid #c6cdb7;
	border-right: 1px solid #c6cdb7;
	border-left: 1px solid #c6cdb7;
	position:absolute;
	width:554px;
	z-index:250;
	}
.form_contact .form_bg{
	background:url(images/form_bg.png) repeat-x left bottom;
	position:relative;
	bottom:-5px;
	/* *top:23px; */
	margin:70px -32px 0 -32px;
	height:5px;
	clear:both;
	border-right: 1px solid #c6cdb7;
	border-left: 1px solid #c6cdb7;
	width:616px;
	}
.form_contact input[type="text"]{
	float:left;
	width:193px;
	height:22px;
	margin:0 10px 15px 0;
	padding-top:3px;
	background-color:#eff3e6;
	border:1px inset #d0d3c9;
	}
.form_contact label{
	float:left;
	height:25px;
	color:#52585e;
	font:700 12px 'Cooper Std Black', 'Cooper Std', Georgia, "Times New Roman", Times, serif;
	line-height:25px;
	height:30px;
	text-transform:uppercase;
	background: url(images/label_bg.png) repeat-x left bottom;
	width:160px;	
	margin:0 0 10px 10px;
	padding:0 10px;
	display:block;
	}
.form_contact label.lbl_msg{
	width:330px;
	margin-left:45px;
	}
.input_holder2{
	/*width:397px;
	*width:425px;
	float:right;*/
	position:relative;
	width:400px;
	left:158px;
	}
.form_contact textarea{
	/*display:block;*/
	/*clear:left;*/
	width:350px;
	height:173px;
	border:1px inset #d0d3c9;
	margin-left:45px;
	background:#EFF3E6;
	}
.form_contact br{
	clear:left !important;
	}
.form_contact .gray_strip input[type="button"], .form_contact .gray_strip input[type="submit"]{
	height:40px;
	width:125px;
	background:url(images/contct_submit.png) no-repeat left bottom;
	border:none;
	color:#f8fbef;
	font:700 12px 'Cooper Std Black', 'Cooper Std', Georgia, "Times New Roman", Times, serif;
	cursor:pointer;
	margin:0;
	padding:0 15px 0 0;
	line-height:30px;
	text-transform:uppercase;
	text-align:right;
	position:absolute;
	right:0;
}
.gray_strip{
	background:#bac2a8;
	position:absolute;
	left:0;
	bottom:100px;
	/* *bottom:115px; */
	width:235px;
	height:40px;
	padding:10px 0;
	text-align:right;
	}
/* contact Form End */

/*Archive Start*/
#main_col .archive{
	margin-top:53px;
	/* *margin-top:80px; */
	}
.archive_holder{
	background:url(images/archive_illu.png) left top no-repeat;
	margin:-102px 0 -16px 10px;
	padding-top:145px;
	position:relative;
	z-index:300;
	}
.tbl_archive th{
	background:url(images/thbg.png) left top repeat-x;
	height:40px;
	color:#343a47;
	font:700 18px 'Cooper Std Black', 'Cooper Std', Georgia, "Times New Roman", Times, serif;
	text-align:left;
	padding-left:30px;
	position:relative;
	z-index:320;
	}
.tbl_archive td{
	font-weight:700;
	padding:15px 0 0 30px;
	vertical-align:top;
	text-transform:capitalize;
	}
.tbl_archive td span{
	font-weight:700;
	float:left;
	line-height:20px;
	font-weight:normal;
	}
.tbl_archive li{
	list-style:none;
	list-style-position:inside;
	}
.arch_month{
	width:100px;
	}
.arch_year{
	width:35px;
	}
.arch_num{
	width:25px;
	}
.arch_entry{
	width:45px;
	}
.arch_cat{
	width:140px;
	overflow:hidden;
	}
/*Archive End*/

/* About Start*/
.about_title{
	background:url(images/about_namebg.png) no-repeat left top;
	width:423px;
	height:40px;
	margin:0 0 0 -10px;
	padding:5px 0;
	color:#f8fbef;
	position: relative;
	overflow:hidden;
	z-index:250;
	}
.about_title .name{
	font:700 18px Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0 10px 0 25px;
	font-style:italic;
	float:left;
	background: url(images/name_bg.jpg) repeat-x left bottom;
	}
.about_title .namesep{	
	background: url(images/name_sep.png) repeat-x right bottom;
	height:17px;
	}
.about_title .desig{
	position:absolute;
	left:25px;
	bottom:5px;
	text-transform:uppercase;
	font-size:10px;
	}
.about_img{
	width:158px;
	height:158px;
	background: url(images/about_img_bg.png) no-repeat left top;
	float:left;
	padding:6px 10px 14px 10px;
	overflow:hidden;
	}
.about_img img{
	max-height:138px;
	max-width:138px;
	}
.about_content{
	clear:left;
	padding:20px 25px;
	overflow:hidden;
	}
.about_content p{
	margin:0 0 10px 180px;
	}
.about_entry{
	padding-bottom:20px;
	}
/* About End*/
.markup{
	text-align:right;
	position:absolute;
	right:30px;
	}

/* Contacts error Alignment */
.wpcf7-mail-sent-ng {
	border:0px !important;
	color:#FF0000;
	text-align:center;
	width:525px;
}
.wpcf7-response-output {
	bottom:0;
	left:50px;
	margin:2em 0.5em 1em;
	padding:0.2em 1em;
	position:relative;
	top:350px;
	z-index:300;
	text-align:center;
	width:530px;
}
.wpcf7-mail-sent-ok{
	color:#398F14;
	border:0px !important;
	text-align:center;
	width:525px;
}
.wpcf7-not-valid-tip {
	display:none !important;
}
.contact{
	position:absolute;
	top:100px;
	left:580px;
	height:43px;
	line-height:43px;
	}
.contact a{
	height:100%;
	color:#fff;
	font:700 14px 'Cooper Std Black', 'Cooper Std', Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	padding:13px 22px;
	line-height:43px;
	}
.contact a:hover{
	background: transparent url(images/nav_hov.png) repeat-x left bottom;
	}
.post_details{
	float:left;
	width:350px;
	padding:1px 10px 0px;
	font-size:10px;
	overflow:hidden;
	}
.post_details a, .post_tags a{
	color:#555555;
	}
.post_author{
	width:100%;
	overflow:hidden;
	display:block;
	float:left;
	}
.post_cat{
	width:100%;
	display:block;
	float:right;
	}
.post_tags{
	display:block;
	float:left;
	font-size:9px;
	padding:0 10px;
	width:400px;
	text-transform:lowercase;
	}
.children{
	margin-left:10px;
	}
li.cat-item{
	list-style:none;
}
.post_nav{
	padding:10px 30px;
	font-family:'Cooper Std Black','Cooper Std',Georgia,"Times New Roman",Times,serif !important;
}
code, pre{
	padding:0px 10px 10px;
	background:#ececec;
	display:block;
	border:10px solid #ececec;
	overflow:auto;
	border-bottom:0px;
}
div.wpcf7-validation-errors{
	border:none !important;
}
span.wpcf7-not-valid-tip-no-ajax {
	padding:0 5px;
	text-align:right;
	margin:0 0 0 15px;
	display:inline!important;
}
.input_holder2 p{
	position:relative;
}