/*   
Theme Name: Minimal Xpert Wordpress Theme
Theme URI: http://www.wpexplorer.com
Description: A minimal yet premium-like Free Wordpress Theme by WPExplorer.com
Author: AJ Clarke
Author URI: http://www.wpexplorer.com
Version: 1.0
Tags: two colum, fixed width, theme-options
*/


/*** Reset Browser Settings ***/
*{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*** Main Body ***/
body { font-size: 14px; font-family: arial, sans-serif; line-height: 1.5em; background: #FFF  url(images/body.gif) repeat; }

/*** Clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear{ clear: both; }

/*** Links ***/
a { text-decoration: none; color: #3E6C9F; }
a:hover { text-decoration: underline; }

/*** Text ***/
p { margin: 0 0 1em; }
textarea,input { font-size: 13px; font-family: arial, sans-serif; }
strong { font-weight: bold; color: #000; }
em {font-style: italic; }

/*** Headings ***/
h1 { font-size: 2em; color: #464646; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1em; }
h2,h3,h4 { color: #514F44; }
.postcontent h2{ font-size: 1.5em; font-weight: bold; color: #464646; margin: 20px 0px 10px 0px; }
h1.posttitle { font-size: 2.143em; font-weight: bold; margin-bottom: 20px; margin-left: 20px; letter-spacing: -1px; line-height: 1.1em; }
h1.pagetitle { font-size: 1em; text-align: center; font-style: italic; }
.postcontent h3 { font-size: 1.3em; font-weight: normal; color: #333; margin: 2em 0em 0.63em 0em; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; }
h3#comments { font-weight: bold; font-size: 1.43em; padding: 10px 20px; margin-bottom: 20px;  }
#respond h3 { font-weight: bold; font-size: 1.43em; padding: 10px 20px; }
#featuredposts h2 { font-size: 2.143em; font-weight: bold; letter-spacing: -1px; margin: 0 0 .2em 0; padding: .1em 0 0 0; line-height: 1.1em; color: #5E8DC1;  }
h2.posttitlehome{ color: #3E6C9F; font-size: 1.5em; margin: 0px 0px 10px 20px; font-weight: normal; }

/*** Main Layout ***/
#container { width: 980px; background: #FFF url(images/pagebg.png) repeat-y; margin: 0 auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;  }
#main { float: left; width: 600px; position: relative; z-index: 1; }
#sidebar { float: right; width: 300px; padding: 20px; }

/*** Header ***/
#header { width: 980px; margin: 0px auto; padding: 40px 0; height: 20px; background: #FFF; border-left: 1px solid #ccc; border-right: 1px solid #ccc;  }
p.logo a{ font-size: 45px; color: #333; padding-left: 20px; }
p.logo a:hover{ text-decoration: none; color: #87AAD1; }
p.tagline{ margin-left: 20px; color: #999; }

/*** Main Nav-Bar ***/
#catmenu{ width: 680px; }
#drop-navbar { margin: 0 auto; position: relative; z-index: 10; width: 980px; background: #FFF; border-bottom: 1px solid #716F62; border-top: 1px solid #716F62; font-size: 0.79em; border-left: 0; border-right: 0; border-left: 1px solid #ccc; border-right: 1px solid #ccc;  }
#main-navbar ul { position: absolute; top: -999px; left: 0px; z-index: 10; list-style: none; }
#main-navbar li:hover { visibility: inherit; }
#main-navbar li { list-style: none; float: left; position: relative; font-weight: bold; border-right: 1px solid #EDEDED; padding: 5px; }
#main-navbar a { display: block; position: relative; color: #414141; text-decoration: none;  }
#main-navbar a:hover{ color: #63a5ee; }
#main-navbar ul li { float: none; margin: 0; text-shadow: none; }
#main-navbar li:hover ul,
#main-navbar li.sfHover ul { left: 0; top: 2.5em; z-index: 99; }
ul#main-navbar li:hover li ul,
ul#main-navbar li.sfHover li ul { top: -999em; }
ul#main-navbar li li:hover ul,
ul#main-navbar li li.sfHover ul { top: 0;}
ul#main-navbar li li:hover li ul,
ul#main-navbar li li.sfHover li ul { top: -999em; }
ul#main-navbar li li li:hover ul,
ul#main-navbar li li li.sfHover ul { top: 0; }
#main-navbar ul,
ul#main-navbar li li:hover ul,
ul#main-navbar li li.sfHover ul,
ul#main-navbar li li li:hover ul,
ul#main-navbar li li li.sfHover ul { width: 150px; left: 150px; }
#main-navbar { margin: 1px 0 0 0; }
#main-navbar a { padding: 5px 10px; text-decoration: none; }
#main-navbar li ul { margin-top: 12px; border-left: 1px solid #716F62; border-right: 1px solid #716F62; border-top: 1px solid #FFF; }
#main-navbar li ul ul { margin: -4px 0 0 0; }
#main-navbar li li { padding: 5px 0px; background: #FFF; border-bottom: 1px solid #333; border-right: 0; }
#main-navbar li:hover,
#main-navbar li.sfHover,
#main-navbar a:focus,
#main-navbar a:hover,
#main-navbar a:active,
#main-navbar li:hover a { outline: 0; }
#main-navbar li a.sf-with-ul { min-width: 1px; padding: 5px 15px 5px 10px; }


/***Page Navi ***/
#pagenavi{ height: 35px; background: #EDEDED; width: 100%; border-bottom: 2px solid #63a5ee; }
#pagenavi ul{ list-style: none; width: 980px; margin: 0px auto;  }
#pagenavi li{ float: left; line-height: 35px;}
#pagenavi a{ color: #333; text-decoration: none; display: block; padding: 0px 20px; }
#pagenavi a:hover{ color: #000; background: #f7f7f7; }

/*** Featured Section ***/
#featuredsection{ width: 980px; height: 280px; padding: 0px; margin: 0 auto; background: none; }

/** Featured Slider **/
#featuredposts { clear: both; height: 240px; width: 838px; padding: 40px 66px 0 74px; margin: 0px; background: #FFF; position: relative; border-bottom: 1px solid #716F62; border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED;}
#featuredslides,
#featuredposts .slide { width: 800px !important; height: 198px !important; position: relative; background-color: transparent !important; }
#featuredposts .featuredcontent { float: left; width: 450px; margin: 0 27px 0 0; background-color: transparent !important; }
#featuredposts .featuredimage { float: left; border: 4px solid #E4E4E4; }
#featuredposts p { font-size: 1.143em; color: #CCC; line-height: 1.5em; margin: 0 0 1em 0; background: none; }
a#prev,
a#next { position: absolute; display: block; width: 41px; height: 40px; top: 110px; z-index: 20; }
a#prev { background: url(images/previous.png) top left no-repeat; left: -10px; }
a#next { background: url(images/next.png) top left no-repeat; right: -10px; } 
a#prev:hover{ background: url(images/previoushover.png) top left no-repeat; }
a#next:hover { background: url(images/nexthover.png) top left no-repeat; }

/*** Read More Buttons ***/
.readmore-featured { position: absolute; top: 168px; left: 0; }
.readmore-featured a:hover { text-decoration: underline; }

/*** Page Navigation ***/
.paginate{ font-weight: normal; font-size: .88em; padding: 20px; width: 580px; }
.paginate a:hover{ text-decoration: none; }
.paginate-left{ float: left; }
.paginate-right{ float: right; }
.paginate-right a{ text-decoration: underline; }

/*** Main .Post Divs ***/
#main { margin-top: 40px; }

/*** Post Content ***/
.post .postcontentt h1 { font-size: 2em; font-weight: bold; color: #FF7600; }
.postcontent { color: #707070; padding: 0 20px; border-bottom: 1px solid #CCC; margin-bottom: 20px; }
.postcontent ul { margin: 10px 40px; }
.postcontent ol { margin: 10px 40px; }
.postcontent .alignleft { float: left; margin: 0 10px 10px 0; }
.postcontent .alignright { float: right; margin: 0 0 10px 10px; }
.postcontent .aligncenter,
.postcontent .center { text-align: center; margin: 0 auto; display: block; }
.postcontent blockquote { padding: 0 15px 0 10px; font-style: italic; border-left: 4px solid #63a5ee; font-size: 0.86em; margin: 20px 0; margin-left: 20px; }
.postcontent img { padding: 5px; border: 1px solid #CCC; margin: 10px; }
.postimg img{ float: left; margin-right: 10px; margin-bottom: 10px; margin-left: 0px !important; margin-top: 0px !important; }
.homeposts{ margin-bottom: 20px; }

/*** Byline ***/
.postmeta { font-weight: bold; font-size: .857em; margin-bottom: 10px; }
#byline { float: left; color: #333; text-transform: uppercase; letter-spacing: 1px; font-size: .857em; padding-left: 20px; position: relative; padding-bottom: 10px; }
#byline a{ color: #999; text-decoration: none; }
span.metas{ margin-right: 10px; background: #EBEBEB; padding: 5px; color: #999; text-shadow: 1px 1px 1px #FFF; }

/*** Category Pages ***/
h1.category-title{ padding: 0px 0px 20px 20px; font-size: 1em; font-style: italic; }

/*** ToolTips ***/
.tooltip { display:none; background:transparent url(images/tooltip.png); font-size:12px; height:70px; width:160px; padding: 25px; color:#000; z-index: 500; font-size: 1em; text-align: left; }

/*** Comments ***/
.reply a{ position: absolute; bottom: 0; right: 0;  background: #F2F2F2; border-top: 1px solid #CCC; border-left: 1px solid #CCC; padding: 2px 7px; color: #333; text-shadow: 1px 1px 1px #FFF; text-decoration: none !important; font-size: .8em; }
.comment-author { font-size: 1.23em; color: #000; margin-right: 10px; text-shadow: none !important; }
.comment-author .comment-date a { font-size: .7em; color: #898989; }
.commentlist li { margin-bottom: 20px; }
ol.commentlist { list-style: none; padding-left: 20px;}
.commentlist .children li { padding-bottom: 0; }
.comment-avatar { float: left; margin: 0 10px 0 0px; width: 72px; height: 72px; }
.comment-content { position: relative; float: left; width: 460px; padding: 10px; border: 1px solid #CCC; }
.commentlist .children { list-style: none; padding: 0; margin: 20px 0px 20px 20px;}
.commentlist .children li { padding: 0; }
.commentlist .children .comment-content { width: 440px; }
.commentlist .children .children .comment-content { width: 420px; }
.commentlist .children .children .children .comment-content { width: 400px; }
.commentlist .children .children .children .children .comment-content { width: 380px; }
.commentlist .children .children .children .children .children .comment-content { width: 360px; }
#commentform{ padding: 20px; }
#commentform textarea,
#commentform input { border: 1px solid #898989; padding: 4px; }
#commentform label { text-transform: uppercase; font-weight: bold; font-size: .857em; color: #898989; padding: 0 0 0 5px; }
#commentform label span { font-weight: normal; font-style: italic; font-size: .8em; }
#commentform textarea { width: 572px; }
input#submit { padding: 5px; border: 1px solid #CCC; color: #FFF; background: #999; cursor: pointer; }
input#submit:hover{ background: #000; color: #FFF; }
input#author{ border: 1px solid #cdcdcd; }
input#email{ border: 1px solid #cdcdcd; }
input#url{ border: 1px solid #cdcdcd; }
textarea#comment{ border: 1px solid #cdcdcd; }
ol.commentlist li#blank { visibility: hidden; }
#cancel-comment-reply-link { margin-left: 20px; color: #C50A17; font-weight: bold; }

/*** Footer ***/
#footer h4{ font-size: 1.8em; color: #333; }
#footer {  padding: 0; margin: 0 auto; width: 980px;  font-size: .88em; color: #999; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #FFF; }
#footer a{ color: #5E8DC1 }
#footer ul{ list-style: none; }
#footer li{ float: left; width: 205px; padding: 20px; }
li.blogroll{ width: 180px !important; }
#footer li li{ margin: 0; padding: 5px 0; }

/*** Copyright ***/
#copyright{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; color: #989898; margin: 0 auto; width: 940px;  font-size: .85em; padding: 20px; background: #FFF; border-top: 1px solid #CCC; margin-top: 5px; }
.left{ float: left; }
.right{ float: right; }

/*** Search ***/
#searchform{ position: absolute; right: 10px; top: 7px; font-size: .8em }
input#search{ width: 200px; padding: 5px; border: 1px solid #CCC; color: #666; background: #F9F9F9; }
#searchsubmit{ background: #999; color: #FFF; font-weight: bold; padding: 5px; cursor: pointer; }
#searchsubmit:hover{ background: #000; }

/*** Sidebar ***/
#sidebar ul{ background: #FFF; list-style: none; border: 1px solid #CCC; margin: 0;  padding: 20px 0;}
#sidebar li{ margin-bottom: 5px; padding: 5px 10px; }
.box{ background: #FFF; margin-bottom: 20px; }
.box a{ color: #666; }
.box a:hover{ text-decoration: none; color: #5E8DC1; }
#sidebar h4{ font-size: 1.14em; color: #999; font-weight: bold; padding: 10px 0px; margin: 0; }

/*** Subscribe ***/

.subscribe-twitter a{ padding-left: 25px; padding-top: 5px; padding-bottom: 5px;  background: url(images/twitter.png) left no-repeat; }
.subscribe-twitter a:hover{ margin-left: 0px !important;}
.subscribe-feed a{ padding-left: 25px; padding-top: 5px; padding-bottom: 5px;  background: url(images/feed.png) left no-repeat; }
.subscribe-feed a:hover{ margin-left: 0px !important; }

/*** Ads ***/
.ads a:hover{ margin-left: 0 !important;}
.ads ul{ height: 270px; padding-left: 3px !important; }
.ads li{ float: left; border: 0 !important; width: 125px; height: 125px; }

/*** Related Posts ***/
h3.relatedpostsheader{ margin-left: 20px; margin-bottom: 10px; font-size: 1.43em; font-weight: bold; }
p.relatedposts{ margin-left: 20px; padding: 0; margin-bottom: 5px; }

/********* Nivo Slider Style *************/

/*
 * Note: Include the nivo-slider.css file that comes
 * with the main download before including this file.
 */

#slider { z-index: 5; width: 980px; height: 400px; margin: 0 auto; position:relative; background: #FFF url(images/nivoslider/loading.gif) no-repeat 50% 50%; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#slider img { position:absolute; top:0px; left:0px; display:none; }
#slider a {	border:0; }
.nivo-controlNav { position:absolute; left:47%; bottom:-30px; }
.nivo-controlNav a { display:block; width:10px; height:10px; background:url(images/nivoslider/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px;	float:left;}
.nivo-controlNav a.active { background-position:-10px 0; }
.nivo-directionNav a { display:block; width:32px; height:34px; background:url(images/nivoslider/arrows.png) no-repeat; text-indent:-9999px; border:0; }
a.nivo-nextNav { background-position:-32px 0; right:10px; }
a.nivo-prevNav { left:10px; }