/*
Theme Name: webdistrofolio
Version: 1.0
*/

html, body 													{ font-family: "Lucida Sans Unicode", Verdana, Tahoma; font-size: 100%; height: 100%; /*background: #E1DFD0 url(images/body_top_bg.jpg) repeat-x top left;*/background: #DAD8C5 url(images/body_mid_bg.jpg) center top no-repeat; }

.clear															{ clear: both; }

/* Page Wrapper */
#wrapper														{ margin: 0 auto; width: 940px; }

/* Top Section */
#navTop														{ height: 27px; }
#navTop p.count 											{ line-height: 27px; font-size: 12px; color: #FFFFFF; float: left; display: inline; }
#navTop p.count span 								{ font-weight: bold; color: #657600; }
#navTop p.rss												{ line-height: 27px; font-size: 11px; float: right; display: inline; }
#navTop p.rss a 											{ padding: 0 17px 0 0; color: #FFFFFF; text-decoration: none; background: url(images/rss_icon.jpg) no-repeat right;  }
#navTop p.rss a:hover 								{ text-decoration: underline; }

/* Header Section */
#header														{ width: 940px; height: 93px; padding-top: 22px; }

/* Logo */
.logo 															{ width: 310px; height: 93px; float: left; display: inline; }
/*.logo a 															{ width: 254px; height: 93px; background: url(images/wdlogo.png) no-repeat; display: block; }*/

/* Search Section */
.search 														{ width: 300px; height: 40px; margin: 24px 0 0 0; float: right; display: inline; background: url(images/search_bg.jpg) no-repeat; }
.search #searchform 									{ padding: 10px 0 0 10px; }
.search #searchform #s								{ padding: 2px 0 0 0; color: #FFF; border: 0; background: #2B2D21; }

/* Main Menu Section */
#mainMenu 													{ height: 93px; position: relative; float: right; display: inline; width: 600px; }
#subPages, #subPages * 							{ margin:0; padding:0; list-style: none; }
#subPages 													{ height: 40px; /*border-left: 1px solid #ccc;*/ position: absolute; right: 0; margin-top: 27px; }
#subPages li 												{ line-height: 40px; float: left; list-style:none; margin-left: 1px; }
#subPages li a 											{ color: #F5F4F1; display: block; padding: 0 20px; font-size: 14px; line-height: 40px; /*border-right:1px solid #ccc;*/ background: #83886B; text-decoration: none; font-weight: bold; }
#subPages li.current_page_item a 				{ color: #fff; background: #757A60; }
#subPages li a:hover 				{ color: #fff; background: #757A60; }
#subPages li ul 											{ position:absolute; left: -999em; width:15em; margin-top:0px; }
#subPages li:hover ul, 
#subPages li.sfhover ul 								{ margin-top: 0; margin-left: -1px; left:auto; z-index:10 !important; }
#subPages li:hover ul li a:hover 					{ color: #fff; }
#subPages li.sfhover ul li a 							{ font-weight: normal; }
#subPages li.sfhover ul li a:hover 				{ color: #fff; }
#subPages li ul li 											{ color: #FF0000; display:block !important; width:12em; /*border:1px solid #ddd !important; border-right: none !important; border-top:none !important; */background:#fff; margin-top: 1px; } 


/* Gallery Main Section */
#galleryWrap 												{ margin: 20px 0 0 0; width: 940px; overflow: hidden; }
#gallery 														{ /*width: 640px;*/ overflow: hidden;/*float: left; display: inline;*/margin-top: 10px; }
.title																{ background: #fff;}
.title p.bread												{ padding-left: 15px; font-size: 11px; color: #323429; /*line-height: 25px;*/ float: left; display: inline; }
.title p.bread a 											{ color: #323429; text-decoration: underline; }
.title p.bread a:hover 									{ text-decoration: none; border: none; }
.title p.bread span 										{ font-weight: bold; }
.title p.rss 													{ padding-right: 15px; font-size: 11px; /*line-height: 25px;*/ float: right; display: inline; }
.title p.rss a													{ padding-right: 17px; text-decoration: none; color: #323429; background: url(images/rss_icon_cats.jpg) no-repeat right; }
.title p.rss a:hover 										{ text-decoration: underline; border: none; }

.outercontainer 												{ border-top: 1px solid #CACABC; border-right: 2px solid #CBCBBC; border-bottom: 2px solid #CBCBBC; border-left: 1px solid #CACABC; margin: 0 0 20px 0; }
.innercontainer 												{ background: #EDECE7; overflow: hidden; border-top: 1px solid #fff; border-right: 1px solid #B4B4A0; border-bottom: 1px solid #B4B4A0; border-left: 1px solid #fff; text-align: center; }
.thumboutercontainer 												{ margin-top: 275px; }
.thumbinnercontainer 												{ padding: 10px 0 0 0; }
.innercontainer p											{ padding: 15px 15px 20px 15px; font-size: 14px; line-height: 20px; color: #555; }
.innercontainer p.twittext											{ padding: 15px 100px 20px 100px; font-size: 14px; line-height: 20px; color: #555; }
.innercontainer p.testitext											{ padding: 15px 75px 20px 125px; font-size: 14px; line-height: 20px; color: #555; }
.innercontainer h1											{ padding: 10px 16px 0 16px; font-size: 24px; font-weight: bold; line-height: 32px; color: #333; }
.innercontainer h2											{ padding: 0px 6px 10px 46px; font-size: 22px; font-weight: bold; line-height: 30px; color: #333; }
.innercontainer .textbox		{ float: left; width: 298px; text-align: left; margin: 0px 6px; padding-top: 20px; }
.innercontainer .textbox p											{ padding: 0 6px 20px 6px; font-size: 12px; line-height: 18px; color: #6A6A6A; }
.innercontainer a	{ text-decoration: none; color: #660000; }
.innercontainer a:hover	{ text-decoration: none; color: #330000; border-bottom: dotted 1px #330000; }
.design			{ background: url(images/design.png) 6px 0 no-repeat; }
.development	{ background: url(images/development.png) 6px 0 no-repeat; }
.programming	{ background: url(images/programming.png) 6px 0 no-repeat; }
.twitcontainer	{ position: relative; }
.twitter		{ background: url(images/twitter.png) no-repeat; width: 83px; height: 80px; position: absolute; bottom: -8px; left: 1px; }
.thumbup		{ background: url(images/thumbup.png) no-repeat; width: 92px; height: 80px; position: absolute; bottom: -8px; left: 8px; }
.outercontentcontainer		{ float: left; display: inline; width: 620px; }
.innercontentcontainer		{ text-align: left; }
.innercontentcontainer p	{ padding: 0 15px 20px 15px; font-size: 10pt; line-height: 14.5pt; color: #555; }
.innercontentcontainer h1 													{ padding: 10px 15px 15px 15px; font-size: 22px; font-weight: normal; }
.innercontentcontainer.details 											{ margin: 0 10px 0 10px; overflow: hidden; }
.innercontentcontainer .details a img.thumbnail					{ margin: -10px auto 10px auto; width: 598px; height: 147px; border: 1px solid #DCDCD4; display: block; overflow: hidden; padding: 5px; background: #fff;}
.innercontentcontainer .details img.thumbnail					{ width: 598px; height: 147px; /*border: 1px solid #DCDCD4;*/ display: block; overflow: hidden;}
.innercontentcontainer .detailMeta 									{ color: #323429;  }
.innercontentcontainer .detailMeta p 									{ font-size: 12px; line-height: 18px; padding: 0 15px; }
.innercontentcontainer label {font-size: 12px; display: block: margin-bottom: 10px; background: #333; float: none;}
.innercontentcontainer label span {display: block: margin-bottom: 3px;}
.innercontentcontainer ul.listcontent	{ padding: 0 15px 20px 15px; font-size: 10pt; color: #555;  }
.innercontentcontainer ul.listcontent li {list-style-type: circle; line-height: 14.5pt; margin-bottom: 5px; padding-left: 6px; margin-left: 15px; }

.thumbs														{ margin: 0px 6px 20px 6px; width: 298px; height: 182px; float: left; display: inline; position: relative; text-align: left;}

.thumbs a img 												{ margin: 6px 2px 8px 2px; width: 284px; height: 147px; display: block; padding: 5px; background: #fff; border: 1px solid #D7D3C3; }
.thumbs h5 													{ margin: 0 0 0 6px; font-size: 12px; font-weight: bold; background: url(images/newwindow.png) 0 2px no-repeat; padding-left: 15px; }	 											
.thumbs h5 a 												{ color: #323429; text-decoration: none;}
.thumbs h5 span 										{ position: absolute; right: 6px; color: #657600;}
.thumbs h5 a:hover 									{ text-decoration: none; }

.outercontent		{ float: left; width: 620px; }
.content														{ width: 620px; background: #FFFFFF; border-top: 1px solid #DCDCD4; border-right: 2px solid #DCDCD4; border-bottom: 2px solid #DCDCD4; border-left: 1px solid #DCDCD4; float: left; display: inline; }


/* Sidebar Section */
#sidebar 														{ width: 300px; float: right; display: inline; }

/*125x125 Adds */
#adds															{ padding: 15px 0 0 0; margin: 0 0 20px 0; width: 298px; height: auto; background: #FFFFFF; border: 1px solid #DCDCD4; overflow: hidden;}
#adds a 														{ width: 125px; height: 125px; position: relative;}
#adds a img 												{ height: 125px; width: 125px; margin: 0 0 15px 15px; float: left; display: inline; border: 1px solid #DCDCD4; overflow: hidden; }

/* Categories */
#cats 															{ width: 295px; padding: 0 0 5px 0; overflow: hidden; }
#cats h3 														{ margin: 15px 15px 0 15px; padding: 0 0 10px 0; font-size: 16px; color: #323429; border-bottom: 1px solid #DCDCD4; font-weight: normal; }
#cats ul 														{ border-top: 1px solid #fff; list-style: none; padding-top: 10px; margin: 0 15px 15px 15px;}
#cats ul li 													{ font-size: 12px; margin-bottom: 1px; }
#cats ul li a 													{ color: #323429; text-decoration: none; display: block; background: #DCDCD4; padding: 7px 5px; }
#cats ul li a:hover 										{ text-decoration: none; border: none; background: #D1D1C6; }

/* Archives */
#recent														{ width: 295px; padding: 0 0 5px 0; overflow: hidden; }
#recent h3 														{ margin: 15px 15px 0 15px; padding: 0 0 10px 0; font-size: 16px; color: #323429; border-bottom: 1px solid #DCDCD4; font-weight: normal; }
#recent ul 														{ border-top: 1px solid #fff; list-style: none; padding-top: 10px; margin: 0 15px 15px 15px;}
#recent ul li 												{ font-size: 12px; margin-bottom: 1px; }
#recent ul li a 											{ color: #323429; text-decoration: none; display: block; background: #DCDCD4; padding: 7px 5px; }
#recent ul li a:hover 								{ text-decoration: none; border: none; background: #D1D1C6; }

/* Tags*/
#tags															{ width: 295px; padding: 0 0 5px 0; overflow: hidden; }
#tags h3 														{ margin: 15px 15px 0 15px; padding: 0 0 10px 0; font-size: 16px; color: #323429; border-bottom: 1px solid #DCDCD4; font-weight: normal; }
#tags ul 														{ border-top: 1px solid #fff; list-style: none; padding-top: 10px; margin: 0 15px 15px 15px; }
#tags ul li 													{ padding: 0 0 10px 0; /*font-size: 12px;*/ float: left; display: inline; }
#tags ul li a 													{ padding: 3px 0; margin-right: 10px; color: #323429; text-decoration: none; display: block; float: left; }
#tags ul li a:hover 										{ text-decoration: none; border: none; background: #DCDCD4;  }

/* Footer Section */
#footerWrap 												{ clear: both; margin: 20px 0 0 0; width: 100%; background: #323429; overflow: hidden;}
.footerInner 												{ width: 100%; background:url(images/footer_top_bg.jpg) repeat-x left top; overflow: hidden;}
#footer														{ width: 940px; margin: 50px auto; overflow: hidden; }

/* Footer Modules */
.category														{ width: 300px; margin: 0 22px 0 2px; float: left; display: inline; }
.category h3 													{ color: #FFFFFF; margin: 0 0 15px 0; font-size: 18px; font-weight: normal; }
.category ul 													{ list-style: none;}
.category ul li 												{ font-size: 12px; margin: 0 0 1px 0; display: block; position: relative; padding: 7px 5px 7px 5px; text-align: right; color: #9EA086; width: 290px; background: #2B2D21;  }
.category ul li a 												{ padding: 7px 5px 7px 5px; display: block; color: #657600; text-decoration: none; background: #2B2D21; position: absolute; top:0; left:0; width: 263px; text-align: left; border-right: solid 1px #323429; }
.category ul li a:hover 									{ color: #96E93F; text-decoration: none; background: #1D1E16; }

.contact 														{ width: 300px; float: left; display: inline; }
.contact h3													{ color: #FFFFFF; margin: 0 0 15px 0; font-size: 18px; font-weight: normal; }
.contact p		{ font-size: 12px; line-height: 18px; color: #9EA086; }

.links															{ width: 290px; margin: 0; float: left; display: inline; margin: 0 20px 0 0; }
.links h3														{ color: #FFFFFF; margin: 0 0 15px 0; font-size: 18px; font-weight: normal; }
.links ul 														{ list-style: none;}
.links ul li 														{ font-size: 12px; margin: 0 0 1px 0; display: block; }
.links ul li a 													{ padding: 7px 5px 7px 5px; display: block; color: #657600; text-decoration: none; background: #2B2D21; }
.links ul li a:hover 										{ color: #96E93F; text-decoration: none; background: #1D1E16; }

/* Copyright */
#copyrightWrap											{ height: 35px; width: 100%; background: #2b2d21; border-top: 1px solid #3d3f32;}
.copyrightInner 											{ width: 940px; margin: 0 auto; line-height: 35px;}
p.copyText 													{ font-size: 11px; color: #FFFFFF; float: left; display: inline;}
p.copyText span 											{ color: #657600; }
p.copyText a												{ color: #657600; text-decoration: none; }
p.copyText a:hover 									{ text-decoration: underline;!important}
p.anchorLink 												{ font-size: 11px; float: right; display: inline; }
p.anchorLink a												{ color: #657600; text-decoration: none; }
p.anchorLink a:hover 									{ text-decoration: underline;!important}

/* The Comments Template Section Styles */
.comments-template 									{ margin: 20px 0px 0 0; width : 620px; overflow: hidden; }
.comments-template ol 								{ list-style: none; border-top: 1px solid #DCDCD4; }
.comments-template ol li 								{ padding: 0 10px 10px 10px; border-bottom: 1px solid #DCDCD4; position: relative; }
.comments-template ol li img.gravatar 		{ float: left; width: 50px; height: 50px; display: block; border: 1px solid #DCDCD4; margin: 10px 10px 10px 0; }
.comments-template ol li p 							{ padding : 10px 0 5px 0; font-size : 10pt; text-align: justify; line-height: 18px; color: #323429; margin-left: 60px; }
.comments-template ol li a 							{ color: #657600;text-decoration : none;}
.comments-template ol li a:hover 				{ text-decoration : underline;}
.comments-template h3#comments				{ color: #323429;padding: 5px 0 5px 10px; font-size: 18px; font-weight: normal; }
.comments-template h3#reply 					{ color: #323429;padding: 10px; font-size: 18px; font-weight: normal; }
.comments-template .meta 							{ font-size : 11px;color : #606060;}
.comments-template .meta a 						{ color: #657600;text-decoration : none;}
.comments-template .meta a:hover			 	{ text-decoration : underline;}
.comments-template p.logged 					{ margin-bottom: 10px;margin-top: 10px;font-size: 12px;color: #606060;}
.comments-template p.logged a 					{ color: #657600;text-decoration : none;}	
#commentform #comment							{ margin-top : 10px;font-size : 10pt;border : 1px solid #DCDCD4;background: none;}
#commentform        										{ padding: 0 10px 0 10px;display: block;}
#commentform label 									{ font-size : 11px;color : #666666;}
#commentform input 									{ margin-top : 5px; width : 300px;font-size: 12px;padding : 2px 0 2px 2px;border : 1px solid #DCDCD4;background: none;}
#commentform #submit 								{ margin-bottom : 20px;padding : 0;width : 166px;height : 33px;border : none;overflow : hidden;}
#commentform p 											{ padding : 5px 0 0 0;font-size : 10px;color : #606060;}
#commentform p a 										{ color: #657600;text-decoration : none;}
#commentform p a:hover 							{ text-decoration : underline;}