/*
Theme Name: WebDeveloperPlus 
Theme URI: http://webdeveloperplus.com
Description: Grungy WebdeveloperPlus Theme with clean grungy layout and looks
Version: 3.0
Author: Satbir Singh
Author URI: http://satbirsingh.com
Tags: webdeveloper, dust
*/

html, body, div, dl, dt, dd, ul,  h1, h2, h3,  pre, form, label, fieldset, input, p, blockquote, th, td, ul, ol { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ul { list-style:none }
caption, th { text-align:left }
h1, h2, h3{ font-size:100%; font-weight:normal }
q:before, q:after { content:''}
/* Global reset-RESET */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none }
a{ color:#cc3311; text-decoration:none;}
a:hover{ color:#b74121; text-decoration:underline; }
div{ position:relative; }
.clear{ clear:both; }
body{ background:#0d0402 url('http://static2.webdeveloperplus.com/wdpv3/body-bg.jpg') no-repeat top center; }
#wrapper{  width:1000px; margin:0 auto; }
#header{ height:145px; position:relative; }
#header h1{ width:324px; margin:45px 0 0 20px; float:left;  height:72px;}
#header h1 a{ text-indent:-9999px; display:block; line-height:72px; background:url('images/logo.png') no-repeat; outline:none; }
#topmenu{ height:31px; width:350px; position:absolute; top:0; right:0; background:url('images/bg-sprite.png') no-repeat -23px 0; }
#topmenu>div{ background:url('images/bg-sprite.png') no-repeat 309px 0;}
#topmenu ul{ margin:0 9px 0 7px; background:#332f27 url('images/topmenu-bg.png') repeat-x; height:31px; }
#topmenu ul li{ display:inline; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; line-height:31px; margin:0 5px;}
#topmenu li a{ color:#726852; } 
#topmenu li a:hover{ color:#b1a385; }
#topadvert{ position:absolute; height:80px; width:600px; top:45px; right:0; background:#f0f0f0; }
#horizmenu{ clear:both; height:77px; background:url('images/bg-sprite.png') no-repeat -237px 0; }
#searchbox{ width:350px; height:77px; background:url('images/bg-sprite.png') no-repeat 94px 0px; float:right;}
#searchbox p{ line-height:77px; margin-right:8px; background:#211e19 url('images/horizmenu-bg.png') repeat-x; }
.italicserif{ font-family:Georgia, 'Times New Roman', serif; font-size:1em; color:#fcfcfc; font-style:italic; margin:0 10px; }
#searchbox input.text{ width:200px; border:2px solid #cfc8ba; background:#f3f3f3; padding:3px; line-height:25px; 
	font-size:1.3em; color:#555; font-family:'Lucida Grande', Arial, serif; -moz-border-radius:5px; -webkit-border-radius:5px;}
#searchbox input.search{ text-indent:-9999px; width:34px; height:32px;  background:url('images/bg-sprite.png') no-repeat -195px -6px; cursor:pointer; border:0; }
#horizmenu ul{ margin:0 350px 0 8px; background:#211e19 url('images/horizmenu-bg.png') repeat-x; height:77px; }
#horizmenu ul li{ display:inline; line-height:77px; margin:0 2px; font-size:0.9em; 
	font-family:'Lucida Sans',Arial, sans-serif; font-weight:bold; text-transform:uppercase;}
#horizmenu li a{ color:#807d75; padding:5px; }
#horizmenu li a:hover{ color:#b4ad9c; background:#1a1814; padding:4px; border:1px solid #12100d; text-decoration:none; 
	-moz-border-radius:5px; -webkit-border-radius:5px;}
#maincontainer{ clear:both; min-height:600px; background:#afa89b url('images/grunge-body-bg.jpg'); overflow:hidden; }
#content{ background:#fff; width:650px; float:left; min-height:600px; overflow:hidden;}
#content .posts{ overflow:hidden; }
#content .recent{ margin-bottom:20px; border-bottom:1px solid #f3f3f3; position:relative; overflow:hidden; }
#content .recent h2, #content .archive h2{ background:#eddfc0 url('images/recent-header-bg.png') repeat-x 0 bottom; padding:25px 20px 3px; margin-bottom:30px; 
	font:italic normal 1.9em/1.4em Georgia, 'Times New Roman', serif; }
#content .recent h2 a{ color:#000; }
#content .recent h2 a:hover{ text-decoration:none; color:#661010; }
#content .recent .postinfo{ position:absolute; top:10px; left:20px; color:#666; font:italic 0.75em/1em Georgia, 'Times New Roman', serif; }
#content .recent .postinfo a{ color:#666; }
#content .recent .postinfo a:hover{ color:#222; }
#content .recent .content{ padding:10px 20px; font:0.9em/1.5em arial, helvetica, serif; color:#333;}
#content .recent .content .more-link{ float:right; margin:15px 0; padding:6px; -moz-border-radius:5px; -webkit-border-radius:5px;
	font: bold 0.8em/1em arial, helvetica, sans-serif; color:#f0f0f0; background:#661111;}
#content h3{ margin:2em 0 0.5em; font-weight:normal; font-size: 1.3em; }
#content h4{ margin:1em 0 0.5em; font-size:1.1em; }
#content .recent h3{ margin: 1em 0 00.5em; font-size:1.1em; font-weight:bold; text-transform:none;}
#content .recent h3 a:hover{ text-decoration:none; color:#881100; }
#content img.alignnone, #content img.largepostimage{ display:block; margin:5px auto; border:1px solid #eee; padding:5px; background:#f3f3f3; }
#content img.alignleft{ padding:5px; background:#f3f3f3; border:1px solid #eee; float:left; margin-right:5px; }
#content img.alignright{ padding:5px; background:#f3f3f3; border:1px solid #eee; float:right; margin-left:5px; }
body.single #content .recent h2{ margin-bottom:0; }
body.single #content .recent .categories{ background:#f6f6f6; border-bottom:1px solid #f0f0f0; padding:10px 20px; 
	font: 0.8em/1.6em arial,helvetica,sans-serif; color:#555; position:relative; overflow:hidden;}
body.single #content .recent .categories a{ background:#b0b0af; padding:2px 5px; color:#f3f3f3; }
body.single #content .recent .categories a:hover{ color:#333; text-decoration:none; }
body.single #content .recent .categories .tweetmeme{ width:90px; height:20px; position:absolute; top:10px; right:20px; }
body.single #content .recent .categories .share{ float:right; font-size:0.9em; margin-right:100px; }
body.single #content .recent .categories .share a{ background:transparent url('images/footer-share-sprite.png') no-repeat; margin-right:5px; padding:0 0 0 20px; color:#777; }
body.single #content .recent .categories .share a:hover{ color:#222; text-decoration:underline; }
body.single #content .recent .categories .share a.delicious{ background-position:0 -73px; }
body.single #content .recent .categories .share a.facebook{ background-position:0 -120px; }
body.single #content .recent p{ margin-bottom:20px; }
body.single #content .recent p.tags{  margin-top:1em; padding:0 20px; font: 0.8em/1.6em arial,helvetica,sans-serif; }
body.single #content .recent p.tags a{ padding:2px 5px;  background:#b0b0af; color:#f3f3f3; }
body.single #content .recent p.tags a:hover{ color:#333; text-decoration:none; }
body.single #content .recent h3{ margin:2em 0 1em; font-size:1.6em; font-weight:normal; line-height:1.2em; border-bottom:1px solid #eee; }
body.single #content .recent h4{ font-size:1.2em; margin-top:2.3em;}
body.single #content .recent ul{ list-style-type:disc;  margin:1em 0 0.5em 2em; }
body.single #content .recent ol{ list-style-type:decimal; margin:1em 0 0.5em 2em; }
body.single #content .recent .dp-highlighter { width:580px; }
body.single #content .recent .dp-highlighter ol{ list-style-type:decimal; margin:0 0 0.5em 3em; }
body.single #content .recent .dp-highlighter .bar{margin-left:3em; padding-left:0; }
#content .homepost{ width:49.5%; float:left; border-right: 1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; margin:20px 0;
	 position:relative; overflow:hidden; height:280px;}
#content .right{ border-right:0; margin-right:0; margin-left:0.5%; }
#content .homepost h2{ font:italic normal 1.1em/1.1em Georgia, 'Times New Roman', serif; margin:0 20px; padding:20px 0 15px;}
#content .homepost h2 a:hover{ text-decoration:none; color:#661111; }
#content .homepost .categories{ position:absolute; top:0; left:20px; font: 0.75em arial, helvetica, sans-serif; color:#666; }
#content .homepost .categories a{ font-weight:bold; color:#888; }
#content .homepost .categories a:hover{ color:#111; }
#content .homepost .excerpt{ padding:0 20px; font: 0.8em/1.3em arial, helvetica, sans-serif; color:#333; text-align:justify; }
#content .homepost .excerpt img{ float:left; margin:0 5px 5px 0; border:2px solid #f0f0f0; }
#content .homepost .postinfo{ position:absolute; bottom:0; width:90%; left: 20px; font:italic 0.75em/2em arial,helvetica, sans-serif; color:#666; }
#content .homepost .postinfo a{ color:#555; }
#content .homepost .postinfo a:hover{ color:#111; }
#content .homepost .postinfo .readmore{ float:right; margin-right:5px; font-weight:bold; }
#content .homepost .postinfo .readmore a{ color:#881111; font-style:normal;}
#content .subscribenshare{ margin:20px; border:1px solid #e7e3bd; padding:10px; background:#f7f3d9; overflow:hidden; font-family:arial, helvetica, sans-serif;}
#content .subscribenshare h3{ margin-top:0.3em; font-size:1.3em; color:#882211;  }
#content .subscribenshare .sharebox{ margin-bottom:2em; overflow:hidden; padding-left:10px; }
#content .subscribenshare .sharebox .sharebuttonbox{ margin-right:20px; width:65px; text-align:center; float:left;}
#content .subscribenshare p{ font: 0.9em/ 1.5em arial, helvetica, sans-serif; }
#content .subscribenshare p img.alignleft{ background:transparent; border:none; margin:0 10px 0 5px; }
#content .subscribenshare #delicious-counter{ font:0.75em Arial, Helvetica, sans-serif; color:#333; }
#relatedposts{ padding:0 20px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; }
#relatedposts h3{ margin:2em 0 1em; font-size:1.6em; font-weight:normal; border-bottom:1px solid #eee; }
#relatedposts ol{ list-style:none; }
#relatedposts li { width:49%; float:left; margin-right:0.5%; margin-bottom:10px; border-right:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; }
#relatedposts li a{ display:block; padding:10px 5px; font:0.9em/1.4em; font-weight:bold; color:#999;}
#relatedposts li a:hover{ background:#f3f3f3; color:#111; text-decoration:none;}
#relatedposts li img{ float:left; margin-right: 10px; border:2px solid #f0f0f0; }
#content #commentsblock{ padding:0 20px; overflow:hidden; font-family:Arial, Helvetica, sans-serif;}
#content #commentsblock h3{ margin:2em 0 1em; font-size:1.6em; font-weight:normal; border-bottom:1px solid #eee; overflow:hidden; }
#commentsblock h3 #leavecomment{ font-size:0.5em; }
ol.commentlist{ margin: 5px; list-style:none; }
ol.commentlist li.comment{ margin-bottom:5px; border:1px solid #eee; background:#f6f6f6; padding:10px 5px; }
ol.commentlist li.alt{ background:#fcfcfc; }
ol.commentlist li.comment-author-admin{ background:#f7f3d9; border-color:#e7e3bd; }
ol.commentlist li.comment .vcard{ line-height:2.5em; font-size:0.9em; display:inline;}
ol.commentlist li.comment .vcard cite{ font-style:italic; }
ol.commentlist li.comment .vcard img{ float:left; margin:5px 10px; border:1px solid #eee; }
ol.commentlist li.comment .vcard span.says{ font-size:0.9em; color:#666; }
ol.commentlist li.comment .comment-meta{ font-size:0.7em; margin:-5px 0 15px 70px;}
ol.commentlist li.comment .comment-meta a{ color:#999; }
ol.commentlist li.comment .comment-body > p{font-size:0.8em; color:#333; line-height:1.5em; margin-left:70px;}
ol.commentlist li.comment .comment-body > em{ color:#666; font-size:0.7em; margin-top:-20px;}
ol.commentlist li.comment .comment-body > br{ display:none; }
ol.commentlist li.comment .comment-body .reply{  line-height:2.5em; font-size:0.7em; font-weight:bold; overflow:auto; text-align:right; }
ol.commentlist li.comment .comment-body .reply a{ padding:5px; border:1px solid #d9d2b0; background:#e7e3bd; color:#881100; -moz-border-radius:5px; -webkit-border-radius:5px; }
ol.commentlist li.comment .comment-body .reply a:hover{ background:#d9d2b0; text-decoration:none; }
ol.commentlist li.comment ul.children{ margin-left:10px; }

ol.trackbacks{ margin:5px 5px 20px; list-style:disc; color:#ccc; list-style-position:inside; }
ol.trackbacks li{ font: 0.8em/1.2em arial, helvetica, sans-serif;  padding: 5px; border-bottom:1px solid #f3f3f3;}
#respond .cancel-comment-reply{ padding:5px; margin-top:-1em; }
#respond .cancel-comment-reply a{ font-size:0.9em; color:#882211; }
#respond p{ line-height:1.2em; font-size:0.8em; clear:both; margin-bottom:10px; }
#respond p label{ width:100px; float:left; cursor:pointer; }
#respond p input{ border:1px solid #ccc; background:#f3f3f3; font-size:1.3em; color:#666; padding:2px; font-family:Arial, Helvetica, sans-serif;}
#respond p input:focus{ background:#fff; border-color:#333; }
#respond p textarea{ width:70%; border:1px solid #ccc; background:#f3f3f3; font-size:1.0em; font-family:Arial, Helvetica, sans-serif; color:#333; padding:2px;}
#respond p textarea:focus{ background:#fff; border-color:#333; }
#respond p.info{ font-style:italic; font-size:0.75em; color:#666; }
#respond p input.submit{ border:1px solid #771100; padding:5px 15px; background:#882211; color:#f9f9f9; cursor:pointer; font-size:0.85em; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
	-moz-border-radius:5px; -webkit-border-radius:5px;}
#respond p input.submit:focus, #respond p input.submit:hover{ background:#aa3311; }
#respond p.subscribe-to-comments label{ float:none; width:auto;}


#content .navigation{ margin:1.5em 0 0; background:#f3f3f3; padding:20px; border-top:1px solid #eee; overflow:hidden; font-family:arial, helvetica, sans-serif; }
#content .navigation span.text{ font-size:0.8em; font-style:italic; color:#aaa;}
#content .navigation a{ color:#882211; font-weight:bold; }
#content .navigation a:hover{ color:#cc3311; text-decoration:none; }
#content .navigation .alignleft{ width:49%; float:left; }
#content .navigation .alignright{ width:49%; float:right; text-align:right; }

#sidebar{ background:url('images/sidebar-shadow-left.png') repeat-y; min-height:600px; width:350px; margin-left:650px;}
#subscribebox{ background:url('images/bg-sprite.png') no-repeat; background-position:0 0; width:350px; height:55px; }
#subscribebox div{ background:url('images/bg-sprite.png') no-repeat; background-position:329px 0px; width:350px; height:55px; }
#subscribebox ul{ background:#211e19 url('images/subscribe-bg.png') repeat-x; height:55px; margin:0 10px; }
#subscribebox ul li{ float:left; height:55px; line-height:55px; margin-right:2px;}
#subscribebox li.icon{ width:45px; line-height:35px; height:35px; margin:10px 0;}
#subscribebox li span.italicserif{ margin:0 5px 0 0; }
#subscribebox li.icon a{ background:url('images/bg-sprite.png') no-repeat; margin:0px auto;}
#subscribebox li.feedimage{ line-height:26px; height:26px; margin:15px 0 14px; }
#subscribebox li.icon a.rss{ width:34px; background-position:-49px -1px; text-indent:-9999px; height: 34px; display:block;}
#subscribebox li.icon a.email{ width:34px; background-position:-102px -1px; text-indent:-9999px; height: 34px; display:block;}
#subscribebox li.icon a.twitter{ width:34px; background-position:-150px -1px; text-indent:-9999px; height: 34px; display:block;}
#sidebar .sidebox{ margin-top:20px;}
#sidebar .sidebox h3{ line-height:48px; background:url('images/sidebar-title-bg.png') repeat-x; color:#b0b0af; font-size:1em; font-style:italic;
	font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; padding:0 25px;}
#sidebar .sidebox ul{ padding:0 25px; font-family:Arial, Helvetica, serif; font-size:0.95em;}
#sidebar .sidebox li{ margin-bottom:2px; }
#sidebar .sidebox li a{ padding:5px; display:block; color:#666; font-weight:bold;}
#sidebar .sidebox li a:hover{ color:#222; text-decoration:none; padding:5px 5px 4px; border-bottom:1px dashed #333; }
#sidebar .sidebox .sidecontainer{ padding:0 25px; overflow:hidden;}
#footer{ clear:both; padding:50px 5px 0; overflow:hidden;}
#footer .columns{ overflow:hidden; }
#footer h4{ color:#b99d7f; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; padding:10px 5px 20px 0; font-weight:normal;}
#footer .leftblock{ width:600px; float:left;  position:relative; }
#footer .rightblock{ width:390px; margin-left:600px; position:relative;}
#footer .leftblock #popularposts{ width:269px; border-right:1px dotted #1e1510;  }
#footer .leftblock #coolstuff{ width:269px; border-right:1px dotted #1e1510; position:absolute; right:30px; top:0; }
#footer .rightblock #categories{ width:169px; border-right:1px dotted #1e1510;  }
#footer .rightblock #pages{ width:190px; position:absolute; right:0; top:0;  }
#footer .rightblock #pages ul.share li a{ padding-left:20px; background:url('images/footer-share-sprite.png') no-repeat; }
#footer .rightblock #pages ul.share li a.rss{ background-position:0 0; }
#footer .rightblock #pages ul.share li a.twitter{ background-position:0 -23px; }
#footer .rightblock #pages ul.share li a.stumble{ background-position:0 -46px; }
#footer .rightblock #pages ul.share li a.delicious{ background-position:0 -69px; }
#footer .rightblock #pages ul.share li a.technorati{ background-position:0 -92px; }
#footer ul{ margin-right:10px; }
#footer li{ margin-bottom:15px; overflow:hidden; font-size:0.75em; font-family:Arial, Helvetica, sans-serif;}
#footer li p{  }
#footer li p.postinfo{ color:#333; font-size:0.9em; font-style:italic;}
#footer li a{ color:#666; }
#footer li a:hover{ color:#f0f0f0; text-decoration:none;}
#footer li img{ float:left; margin-right:10px; border:2px solid #999; }
#footer .rightblock li{ margin-bottom:2px; }
#footer .rightblock li a{ display:block; padding:4px; }
#footer .rightblock li a:hover{  border-bottom:1px dotted #ccc;  padding-bottom:3px;}
#footer p.bottominfo{ border-top:1px dotted #1e1510; margin-bottom:20px;
	font-size:0.7em; color:#444; font-family:Arial, Helvetica, sans-serif; padding:10px; }
#footer p.bottominfo a{ font-style:italic; color:#999; }

#content .archive .changer{ padding:20px; background:#f3f3f3; font:1em/1.5em arial, helvetica, sans-serif; color:#333; margin-bottom:1em;}
#content .archive .post{ overflow:hidden; margin:0 20px; padding:10px; border-bottom:1px dotted #eee; font:1em/1.5em Arial, helvetica, sans-serif; }
#content .archive .post img{ float:left; border:2px solid #f0f0f0; margin-right:10px; }
#content .archive .post a{ font-weight:bold; color:#777; }
#content .archive .post a:hover{ color:#111; text-decoration:none; }
#content .archive .post .postinfo{ font-size:0.8em; font-style:italic; color:#999; }
#content .archive #tagcloud{ margin:0 20px 2em; font-family:Arial, Helvetica, sans-serif; line-height:1.6em;}
#content .archive #tagcloud h3{ margin:2em 0 1em; font-size:1.6em; font-weight:normal; border-bottom:1px solid #eee; }