/*
Theme Name: WPExplorer.com
Theme URI: http://www.wpexplorer.com
Author: WPExplorer.com
Author URI: http://www.wpexplorer.com
*/

/*** Reset Browser Settings ***/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
a, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
input, textarea, button,
table, caption, tbody, tfoot, thead, tr, th, td {
	  background: transparent;
	  border: 0;
	  font-size: 100%;
	  margin: 0;
	  outline: 0;
	  padding: 0;
	  vertical-align: baseline;
}
article, aside, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	  background: transparent;
	  border: 0;
	  font-size: 100%;
	  margin: 0;
	  outline: 0;
	  padding: 0;
	  vertical-align: baseline;
}	
/* teach the browser some html5 */
article, aside, figure, footer, header, hgroup, nav, section {
	  display: block;
}
/* Clear */
.clear{ clear: both; }
/* Main */
body { color: #575757; background: #D2D1D0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 140%; }
p { line-height: 140%; padding: 5px 0px;}
a:link, a:visited { text-decoration: none; color: #226097; border: none;}
a:hover { text-decoration: underline;}
a img{ border: none;}
strong{ font-weight: bold; color: #333; }
blockquote { color: #333; padding: 0 10px; margin: 20px 30px; border-left: 2px solid #B81002; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; background: #F8F8F8; }
blockquote a{ color: #39F; text-decoration: underline; }
/*Headings*/
h1{ color: #262626; font-size: 30px; margin: 40px 0 20px 0; line-height: 140%; }
h2{ color: #000; font-size: 22px; padding: 20px 0px; font-weight: bold; }
h5{ font-size: 16px; color: #333; font-weight: bold; margin-top: 20px; margin-bottom: 10px; }
h3{ color: #000; font-weight: normal; font-size: 18px; margin-top: 30px; margin-bottom: 15px; padding: 0; font-style: italic }
h4{ color: #000; font-size: 22px; padding: 0px; font-weight: normal; margin: 0px; }
h2.home-subtitle{ margin-left: 20px; margin-top: 20px; }
/*Header*/
#header-wrap{ background: #222222; width: 100%; height: 96px; border-bottom: 1px solid #000; }
#header{ position: relative; margin: 0px auto; width: 960px; height: 95px; }
a#main-title{ position: absolute; top: 40px; left:0; color: #D1D1D1; font-size: 44px; }
a#main-title:hover{ text-decoration: none; color: #FFF; }
p#tagline{ position: absolute; top: 30px; left: 255px; color: #999; width: 165px; font-size: 12px; font-style: italic; text-align: center; }
.wpexplorer-logo{ position: absolute; left: 430px; top: 10px; z-index: 900; }
/*Search*/
#headextra{ background: #2382C2; position: absolute; right: 0px; bottom: 10px; width: 283px; height: 40px; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px;border-radius: 4px; }
#search{ border: 1px solid #1E70A6; font-size: 14px; width: 215px; color: #333; background: #FFF; padding: 5px 30px 5px 8px; position: absolute; right: 13px; top: 7px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#searchsubmit{ position: absolute; right: 20px; top: 12px; display: block; height: 20px; width: 20px; border: none; cursor: pointer; background: url(images/search.png) no-repeat; }
/*Navbar*/
#dropcat-wrapper{ width: 100%; height: 50px; background: #000; margin-bottom: 20px; border-top: 1px solid #2A2A2A; border-bottom: 1px solid #F4F4F4; }
#dropcat{ margin: 0 auto; position: relative; z-index: 3000; width: 960px; height: 50px; padding-top: 10px; }
ul.dropmenu{ margin: 0px; }
.dropmenu ul{ z-index: 3000; padding: 0px; margin: 0px; }
.dropmenu li{ list-style: none; float: left; }
.dropmenu li a{ display: block; cursor: pointer; color: #FFF; text-decoration: none; margin-right: 10px; padding: 5px 10px; background: #2A2A2A; border-top: 1px solid #333333; border-left: 1px solid #333333; }
.dropmenu li a:hover{ background: #2382C2; border-top: 1px solid #74AFD7; border-left: 1px solid #74AFD7; }
.dropmenu li a.current-link{ background: #2382C2; border-top: 1px solid #74AFD7; border-left: 1px solid #74AFD7; }
/*Containers*/
#wrapper { width: 960px; margin: 0 auto; }
/*Left Content*/
#left-div { border: 1px solid #A4A4A4; background: #FFF; width: 680px; float: left; padding-bottom: 20px; position: relative; }
#left-div h2{ font-size: 22px; }
#left-div ul{ margin-left: 30px; }
#left-div ol{ margin-left: 30px; }
.single-image { float: left; margin-right: 15px !important; margin-bottom: 5px; }
/*post wrapper*/
.post-wrapper { padding: 0px 20px; margin-bottom: 15px; }
.post-wrapper a{ color: #2382C2; }
.post-wrapper ul{ margin-left: 30px; }
.post-wrapper-comments { margin-bottom: 15px; border-top: 1px solid #CCC; margin-top: 20px; }
.post-wrapper img { background: #F8F8F8; padding: 10px; border: 1px solid #CCC;}
.post-wrapper-page { padding: 15px; width: 650px; background: #FFF;}
.post-wrapper-page img { background: #F8F8F8; padding: 10px; border: 1px solid #CCC;}
p.home-featured{ margin-left: 10px; font-size: 12px; }
h1.home-title{ margin-left: 20px; margin-top: 20px; border-bottom: 1px solid #CCC; margin-bottom: 20px; margin-right: 20px; padding: 20px 0;font-size: 22px; }
a.browse-all{ margin-left: 20px; margin-bottom: 30px; background: #1666B6; color: #FFF; padding: 3px 8px; }
p.home-latest{ margin-left: 20px; margin-bottom: 30px; text-decoration: underline; }
/* Sidebar */
#sidebar { width: 265px; float: right; margin-bottom: 20px; text-shadow: 1px 1px 1px #FFF; }
#sidebar-wrap{ background: #E4E4E4; border: 1px solid #A4A4A4; }
.sidebarfreebie ul{ margin-bottom: 20px; }
.sidebarfreebie li a{ padding: 5px 10px;}
.sidebarfreebie li a:hover{ text-decoration: underline; }
#sidebar h2{ padding-bottom: 10px; margin: 0px; padding-top: 0px }
#sidebar p{ font-size: 12px; margin-bottom: 20px; }
.box{ border-top: 1px solid #FFF; border-right: 1px solid #FFF; border-left: 1px solid #FFF; border-bottom: 1px solid #A4A4A4; padding: 0px 10px; }
.box ul{ list-style: none; margin-bottom: 20px; }
.box ul li a {display: block; padding: 2px 10px; }
.box a:hover{ text-decoration: none; background: #2382C2; color: #FFF; text-shadow: 1px 1px 1px #000;  }
.box-bottom{ border-bottom: 1px solid #FFF; }
/*Connect*/
ul.connect{ background: #E4E4E4; list-style: none; border: 1px solid #A4A4A4; margin-bottom: 10px; }
ul.connect li{ float: none; padding: 5px 15px; border-bottom: 1px solid #F7F7F7; border-top: 1px solid #CCC; }
ul.connect li a{ display: block; height: 32px; line-height: 32px; padding-left: 45px; }
ul.connect li:hover{ background: #f4f4f4; }
ul.connect li a:hover{ text-decoration: none !important; }
li.contact{ border-top: 1px solid #f4f4f4 !important; }
a.connect-twitter{ background: url(images/twitter.png) left no-repeat; }
a.connect-email{ background: url(images/email.png) left no-repeat; }
a.connect-delicious{ background: url(images/delicious.png) left no-repeat; }
a.connect-feed{ background: url(images/feed.png) left no-repeat; }
/*Home*/
img.featured-img{ margin-top: 40px; margin-left: 5px; }
/*BlogContent*/
h1.blog-title{ margin-bottom: 10px; }
#blog-description{ margin-bottom: 20px; }
#blogcontent ul li{ margin-bottom: 10px; padding: 0; }
#blogcontent ul{ margin-top: 20px; }
#blogcontent ol li{ margin-bottom: 10px; padding: 0; }
#blogcontent ol{ margin-top: 20px; }
#blogcontent h2{ margin-top: 35px; margin-bottom: 10px; padding: 0; }
#postcontent{ margin-top: 5px; }
#toppost{ width: 650px; height: 360px; }
img.simpleimg{ padding: 0!important; margin: 0; border: none !important;}
#postcontent ul{ list-style-image: url(images/check.png); margin-left: 30px; }
#description{ width: 650px;  padding: 5px 10px 5px 10px; margin-bottom: 15px; }
#blogposts ul{ font-size: 16px; margin: 0px; list-style: none; list-style-image: none; }
#pagetitle{ margin-bottom: 20px; text-align: center; }
#toppagetitle{ position: relative; margin-bottom: 20px; padding-left: 25px; text-align: center; height: 45px; line-height: 45px; }
#toppagetitle h1{ font-size: 24px; }
.floatright{ float: right; }
#themecategory{ height: 300px; }
a.selected{ color: #FFF !important; }
.postlist{ margin: 20px 0px; }
.postlist h2{ margin-top: 0px; margin-bottom: 0px;}
.leftdeveloper{ padding-right: 15px;}
/*Category Pages*/
.catpost{ height: 200px; width: 640px; float: left; padding: 20px; margin-bottom: 10px; border-bottom: 1px solid #dfdfdf;  border-top: 1px solid #FFF; position: relative; }
.cattitle{ font-size: 26px; font-weight: normal; border-bottom: 3px solid #2f2f2f; padding-bottom: 15px; margin-left: 25px; }
.catpost h2{ padding: 0px; }
.catthumb{ float: left; width: 190px; height: 190px; margin-right: 30px; position: relative !important; }
.catthumb img{ 	padding: 4px !important; border: 1px solid #cdcdcd !important; }
.cattext h4 a{ color: #262626; margin: 0px !important; line-height: 120%; }
.cattext h4 a:hover { text-decoration: underline; }
.catmeta{ font-size: 14px; margin-top: 10px; }
.catnavileft a { float: left; }
.catnaviright a { float: right; }
.catnavi { padding: 20px; }
.cat-post{ position: relative; float: left; width: 198px; height: 330px; padding: 0 10px 0px 15px; margin-bottom: 20px; overflow: hidden; }
.cat-developers{ height: 210px; }
.cat-post p{ padding: 0 5px; color: #999; font-size: 10px; }
.cat-post h4 a{ float: left; color: #333; font-size: 20px; font-weight: normal; width: 200px; }
h4.cat-post-free a{ width: 198px; }
.cat-post a img {padding: 5px; background: #F0F0F0; margin: 10px 0; border: 1px solid #CCC; }
.cat-post a:hover img{ border: 1px solid #000; }
/*Comments*/
textarea#comment{ width: 616px; padding: 5px; background: #EEE; border: solid #a4a4a4 1px; }
.commentsmeta{ font-size: 22px; margin-bottom: 20px; color: #000; margin-top: 10px;}
.comment-count { font-size: 22px; margin-bottom: 30px; color: #000; margin-top: 20px; border-top: 1px solid #CCC; padding-top: 20px; padding-left: 20px; }
.commentlist li{ list-style: none; margin-bottom: 30px; position: relative; }
.commentpost{ width: 480px; background: #EEE; border: 1px solid #a4a4a4; padding: 20px; margin-left: 100px; min-height: 100px; text-shadow: 0px 1px #FFF;  }
.comment-author{ font-weight: normal; color: #226097; }
img.avatar{ position: absolute; left: 0px; background: #EEE; border: solid #a4a4a4 1px; padding: 2px; }
input#author{ font-size: 14px; padding: 5px; background: #EEE; border: solid #a4a4a4 1px; }
input#email{ font-size: 14px; padding: 5px; background: #EEE; border: solid #a4a4a4 1px; }
input#url{ font-size: 14px; padding: 5px; background: #EEE; border: solid #a4a4a4 1px; }
input#submit{ display: block; padding: 5px 10px; background: #232424; color: #FFF; cursor: pointer; }
input#submit:hover{ background: #363636; } 
#commentform{ padding: 20px; }
li.navnopad a{ margin-right: 0px !important; }
.single-info{ font-size: 14px; margin-bottom: 20px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; border-bottom: 1px #dfdfdf solid;}
.single-info img { background: #F8F8F8; padding: 10px; border: 1px solid #CCC;}
.sort-themes{ position: absolute; right: 20px; top: 15px; border-bottom: 1px dashed #CCC; font-size: 12px; }
.sort-themes a{ color: #06F; }
h2.homepageh2 { border-bottom: 1px solid #ccc; padding-left: 20px; }
h2.latest-plugins { margin-top: 10px; border-bottom: 1px solid #ccc; padding-left: 20px; }
/*Random Themes*/
ul.random-themes{ padding: 0px !important; margin: 0 !important; list-style: none; text-align: center; }
ul.random-themes li{ float: left; margin-right: 10px; }
ul.random-themes img{ padding: 5px; border: 1px solid #D2D1D0; }
ul.random-themes li:hover img{ border: 1px solid #000; }
/*Blog Page*/
.home-entry{ margin-left: 20px; border-top: 1px solid #CCC; }
a.read-more{ position: absolute; right: 10px; bottom: 10px; padding: 5px 10px; background: #232424; color: #FFF; cursor: pointer; }
a.read-more:hover{ background: #5D5D5D; text-decoration: none; } 
.entry{ float: left; height: 190px; border-bottom: 1px solid #CCC; padding: 20px 0; position: relative; }
.entry-left{ height: 190px; float: left; width: 190px; margin-right: 20px; }
.entry-left img{ padding: 0; margin: 0; border: none; }
.entry-right{ height: 190px; float: left;  width: 400px; padding: 0 20px 0 0; }
h2.entry-title{ margin-top: 0; padding-top: 0; font-size: 26px; color: #333; font-weight: bold; line-height: 110%; }
h2.entry-title a{ color: #333; }
h2.entry-title a:hover{ color: #2382C2; text-decoration: none; }
img.ad-margin{ margin-bottom: 10px; }
/*Footer*/
a.wpexplorer-hover { position: absolute; right: 0px; top: 20px; text-indent: -99999px; display: block; width: 47px; height: 47px; background: url(images/wpexplorer-gray.png); }
a.wordpress-hover { position: absolute; right: 60px; top: 20px; text-indent: -99999px; display: block; width: 47px; height: 47px; background: url(images/wordpress-gray.png); }
a.wpexplorer-hover:hover{ background: url(images/wpexplorer.png); }
a.wordpress-hover:hover{ background: url(images/wordpress.png); }
#footer { width: 960px; text-align: left; color: #666; text-shadow: 0px 1px #fff; padding-top: 14px; margin: 0px auto; font-size: 11px; margin-bottom: 20px; }
#footer p{ width: 690px; }
#footer a { color: #666; font-size: 11px; text-decoration: none;}
#footer a:hover { color: #000; font-size: 11px; text-decoration: underline;}
/*PageNavi*/
.wp-pagenavi { clear: both; }
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; }
.wp-pagenavi { margin: 15px 0px 15px 0px; }
.wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #CCC; color: #413f36; background-color: #eeeeee; }
.wp-pagenavi a:visited { padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #CCC; color: #413f36; background-color: #eeeeee; }
.wp-pagenavi a:hover { border: 1px solid #333; color: #FFF; background-color: #2382C2; text-shadow: 1px 1px 1px #000; }
.wp-pagenavi a:active { padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #CCC; color: #413f36; background-color: #eeeeee; }
.wp-pagenavi span.pages { padding: 5px 9px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #CCC; color: #413f36; background-color: #eeeeee; }
.wp-pagenavi span.current { font-weight: bold; padding: 5px 9px; margin: 2px; font-weight: bold; border: 1px solid #333; color: #FFF; background-color: #2382C2; text-shadow: 1px 1px 1px #000; }
.wp-pagenavi span.extend { padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #CCC; color: #413f36; background-color: #eeeeee; }
/*Google Translate */
#translate { padding-left: 10px; width: 240px; height: 50px; }
/*Wordpress Default*/
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 10px 10px; display: inline; }
img.alignleft { padding: 4px; margin: 0 10px 10px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/*Byline*/
#byline { font-size: .85em; margin-bottom: 20px; padding-bottom: 5px; font-style: italic; text-shadow: 1px 1px 1px #FFF; border-bottom: 1px solid #CCC; position: relative; }
.twitter-share-button{ position: absolute; top: 0; right: -20px; }
/*Tricks*/
h2.tricks-title { margin-top: 20px; margin-bottom: 0px; padding: 0; font-size: 16px !important; }