/*
Theme Name: Modern Wood
Theme URI: http://wpexplorer.com
Description: A clean and minimal framework by <a href="http://www.wpexplorer.com/">AJ Clarke</a>
Author: AJ Clarke
Author URI: http://www.wpexplorer.com
Version: 2.0
*/

/* ----------------------  Reset Browser A Bit &Clear Floats -------------------------- */
*{margin:0; padding:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
a img, 
a{outline:0; border:0}
caption, th, td{ text-align:left;  font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
.clear{clear:both}

/* ----------------------  WordPress Elements -------------------------- */
.aligncenter{display:block; margin:0 auto}
.alignright{float:right; margin:0 0 1em 1em}
.alignleft{float:left; margin:0 1em 1em 0}
.floatleft{float:left}
.floatright{float:right}
img.aligncenter, img.alignright, img.alignleft{text-align:center}

.textcenter{text-align:center}
.textright{text-align:right}
.textleft{text-align:left}

.wp-caption{text-align:center; background:#2C2C2C; color:#FFF; padding-top:4px; margin:10px}
.wp-caption img{margin:0; padding:0; border:none}
.wp-caption .wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}

/* ----------------------  Body -------------------------- */
body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:140%;
	color:#999;
	background:#2C2C2C url(images/bgp.jpg) no-repeat fixed center top
}

/* ----------------------  HTML Elements -------------------------- */
a{text-decoration:none}
a:hover{text-decoration:underline}
p{margin:0 0 15px}
strong{font-weight:700}
em{font-style:italic}
small{}
pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word}
hr{}
blockquote{border-left:2px solid #CCC; margin:20px; padding:0 0 0 20px}

/* ----------------------  Default Headings -------------------------- */
h1, h2, h3, h4, h5, h6{color:#FFF; line-height:130%; font-weight:700; padding:0; margin:0; text-transform:capitalize}
h1{font-size:24px; margin:0 0 30px 0}
h2{font-size:20px; margin:30px 0 20px 0}
h3{font-size:18px; margin:30px 0 20px 0}
h4{font-size:16px; margin:20px 0 10px 0}

/* ----------------------  Main Wrap &Container -------------------------- */
#xs-wrap{margin:20px auto 0 auto; width:980px}
#xs-container{
	padding:20px 0 5px
}

/* ----------------------  Header -------------------------- */
#xs-header{
	min-height:80px;
	position:relative;
	background: url(images/logo.gif) no-repeat 90px;
}
#xs-header-logo{width:600px; text-align:left}
#xs-header-description{text-transform:capitalize; font-size:12px;}

#xs-header-logo h1, #xs-header-logo h2{
	font-size:30px;
	margin:0;
	padding-left: 180px;
}
#xs-header-logo p{
	padding-left: 245px;
}
#xs-header-logo a{color:#FFF}

/* ----------------------  Main -------------------------- */
#xs-main{float:left; width:660px}
#xs-main-full-width{margin:20px 0 0 0}

/* ----------------------  Entries -------------------------- */
.xs-entry{float:left; margin:0 0 20px; padding:20px; background:url('images/bg.png') repeat}
.xs-entry-featured-image{float:left; margin:0 20px 0 0}
.xs-entry-featured-image a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
.xs-entry-meta{
	margin:0 0 5px;
	font-size:11px;
	display: none;
}
.xs-entry-meta a{color:#999}
.xs-entry-meta a:hover{color:#3872A5}
.xs-entry-read-more{font-size:11px; font-weight:700}

.xs-entry-title{margin:0 0 5px; font-size:22px; font-weight:700}
.xs-entry-title a{color:#FFF}

/* ----------------------  Archive -------------------------- */
#xs-archive-title{padding:20px; background:url('images/bg.png') repeat; margin:0 0 20px}
#xs-archive-title h1{margin:0}

/* ----------------------  Breadcrumbs -------------------------- */
#xs-breadcrumbs{padding:0 10px; background:url('images/bg.png') repeat; list-style:none; margin:10px 0 0; height:35px; line-height:35px; font-size:12px}
#xs-breadcrumbs li{display:inline}

/* ----------------------  Post -------------------------- */
#xs-post{padding:20px; margin:0 0 10px; background:url('images/bg.png') repeat}
#xs-post ul, #xs-main-post ol{margin:20px 0 20px 50px}
#xs-post-meta{
	margin:0 0 20px;
	font-size:11px;
	color:#999;
	display: none;
}

#xs-post h1{font-size:28px; margin:0 0 10px}

/* ----------------------  Post navigation -------------------------- */
#xs-post-navigation{
	margin:10px 0 0;
	height:35px;
	padding:0 20px;
	line-height:35px;
	font-size:12px;
	background:url('images/bg.png') repeat;
	display: none;
}
#xs-post-navigation-left{float:left}
#xs-post-navigation-right{float:right}

/* ----------------------  Post Category -------------------------- */
#xs-post-category{
	margin:10px 0;
	padding:20px;
	font-size:12px;
	background:url('images/bg.png') repeat;
	display: none;
}
#xs-post-category h3{ font-size:20px; margin:0 0 15px}

/* ----------------------  Post Tags -------------------------- */
#xs-post-tags{margin:10px 0; padding:20px; font-size:12px; background:url('images/bg.png') repeat}

#xs-post-tags-header{ font-size:20px; margin:0 0 15px}

/* ----------------------  Post Author -------------------------- */
#xs-post-author{
	margin:10px 0;
	padding:20px;
	font-size:12px;
	background:url('images/bg.png') repeat;
	display: none;
}
#xs-post-author .avatar{float:left; margin:0 15px 10px 0}
#xs-post-author-meta{padding:10px 0 0 0; margin:0; font-size:11px}

#xs-post-author h3{ font-size:20px; margin:0 0 15px}

/* ---------------------- Post Related Posts -------------------------- */
#xs-related-posts{
	margin:10px 0;
	padding:20px;
	font-size:12px;
	background:url('images/bg.png') repeat;
	display: none;
}
#xs-related-posts img{float:left; margin:0 15px 10px 0}
#xs-related-posts a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
#xs-related-posts ul{list-style:none; margin:0 10px 0 0}
#xs-related-posts ul li{min-height:60px; margin:0 0 20px 0}

#xs-related-posts h4{ font-size:20px; margin:0 0 20px}
#xs-related-posts h3{font-size:12px; margin:0 0 5px 0}
#xs-related-posts h3 a{color:#FFF}

/* ----------------------  Comments -------------------------- */
#comments{
	position:relative;
	padding:20px;
	margin:10px 0;
	background:url('images/bg.png') repeat;
	font-size:12px;
	display: none;
}
#xs-leave-reply{height:12px; line-height:12px; position:absolute; top:20px; right:20px; font-size:11px; text-decoration:underline}
#xs-leave-reply a{color:#999}
#xs-leave-reply a:hover{color:#FFF}
.xs-comment-list{list-style:none}
.xs-comment-list li{margin:0 0 10px 0}
.xs-comment-list .children{list-style:none; margin:0}
.xs-children li{margin:0 0 0 10px; padding:0; border:none}
.xs-children li li, ul.children li li li, ul.children li li{margin:0 0 0 30px}

#comments h3{ font-size:20px; margin:0 0 20px}
#respond h3{ font-size:20px; margin:20px 0}

.xs-comment{position:relative; margin:0 0 10px 0; padding:10px; background:url('images/comments-bg.png') repeat; border:1px solid #000}
.xs-comment-author, .xs-comment-author a{font-weight:700; font-size:14px}
.xs-comment-date{margin:5px 0; color:#999}
#comments .avatar{float:left; margin:0 15px 0 0; background:#FFF; padding:2px; border:1px solid #EEE}
.xs-comment-reply{text-align:right; margin:10px 0 0 0}
.comment-reply-link{font-size:10px; padding:2px 5px; color:#FFF}

#cancel-comment-reply-link{color:#FFF; font-weight:bold}
#xs-comment-form textarea, 
#xs-comment-form input{background:#333; color:#FFF; padding:5px; border:none}
#xs-comment-form textarea{width:570px}
#xs-comment-form label{font-size:10px; color:#999; padding:0 0 0 5px}
#xs-comment-form .required{color:#F00}
input#submit{background:#333; padding:10px 15px; border:none; color:#FFF; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px}
input#submit:hover{background:#484848}

/* ----------------------  Author Page -------------------------- */
#xs-author-page{min-height:100px;padding:20px; background:url('images/bg.png') repeat}
#xs-author-page .avatar{float:left; margin:0 15px 0 0}

/* ----------------------  Sidebar -------------------------- */
#xs-sidebar-right{float:right; width:290px; font-size:12px}
#xs-sidebar-right ul{list-style:none; margin:0}
#xs-sidebar-right li{margin:5px 0}
.xs-sidebar-right-box{margin:0 0 20px; padding:10px 20px; background:url('images/bg.png') repeat}

#xs-sidebar-right h4{font-size:20px; color:#FFF; font-weight:normal; margin:0 0 10px; padding:0 0 5px}

/* ----------------------  Pagination-------------------------- */
#xs-pagination{clear:both; padding:0 0 20px; position:relative; font-size:11px; line-height:13px}
#xs-pagination span, #xs-pagination a{display:block; float:left; margin:2px 4px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#FFF; background:url('images/bg.png') repeat}
#xs-pagination .current{padding:6px 9px 5px 9px}

/* ----------------------  Footer -------------------------- */
#xs-footer-wrap{
	margin:0 auto;
	width:960px;
	padding:10px;
	background:url('images/bg.png') repeat;
	display: none;
}
#xs-footer{padding:20px 0 0 20px}
#xs-footer-widget-left, 
#xs-footer-widget-middle-left, 
#xs-footer-widget-middle-right, 
#xs-footer-widget-right{float:left; width:205px}
#xs-footer-widget-left, 
#xs-footer-widget-middle-left, 
#xs-footer-widget-middle-right{margin:0 30px 0 0}
.xs-footer-box{margin:0 0 20px}
.xs-footer-box ul{list-style:none}
.xs-footer-box ul li{padding:5px 0; margin:5px 0; border-bottom:1px dotted #999}

#xs-footer h4{ font-weight:normal; font-size:18px; margin:0 0 10px}

/* ---------------------- Copyright -------------------------- */
#xs-copyright{width:940px; margin:5px auto 20px auto; position:relative; padding:0 20px; height:40px; line-height:40px; color:#999; font-size:10px; background:url('images/bg.png') repeat}
#xs-copyright p{margin:0}
#xs-copyright a{color:#999}
#xs-back-to-top{position:absolute; right:20px; top:0; font-size:11px}
#xs-back-to-top a{color:#999}
#xs-back-to-top a:hover{color:#FFF}

/* ----------------------  Search -------------------------- */
#xs-search-wrap{position:relative; width:290px; margin:0 0 20px 0; font-size:14px}
#xs-search-input{width:260px; height:35px; line-height:35px; padding:0 25px 0 5px; color:#999; background:#000; border:none}
#xs-search-submit{display:block; height:25px; line-height:25px; position:absolute; top:5px; right:10px; display:block; cursor:pointer; outline:none; border:none; color:#FFF}

/* ----------------------  Ad Spots -------------------------- */
#xs-top-ad{position:absolute; right:0; top:0}

/* ----------------------  Menu Wrap -------------------------- */
#xs-primary-menu{
	min-height:3em;
	font-size:14px;
	margin:20px auto 0;
	position:relative;
	z-index:99
}

/* ----------------------  Menu Arrows -------------------------- */
.sf-menu a.sf-with-ul{padding-right:2.25em; min-width:1px}
.sf-sub-indicator{position:absolute; display:block; right:.75em; top:1.05em; width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('images/arrows.png') no-repeat -10px -100px}
a >.sf-sub-indicator{top:1em; background-position:0 -100px}
a:focus >.sf-sub-indicator, 
a:hover >.sf-sub-indicator, 
a:active >.sf-sub-indicator, 
li:hover >a >.sf-sub-indicator, 
li.sfHover >a >.sf-sub-indicator{background-position:-10px -100px}
.sf-menu ul .sf-sub-indicator{background-position:-10px 0}
.sf-menu ul a >.sf-sub-indicator{background-position:0 0}
.sf-menu ul a:focus >.sf-sub-indicator, 
.sf-menu ul a:hover >.sf-sub-indicator, 
.sf-menu ul a:active >.sf-sub-indicator, 
.sf-menu ul li:hover >a >.sf-sub-indicator, 
.sf-menu ul li.sfHover >a >.sf-sub-indicator{background-position:-10px 0}

/* ----------------------  Important Styles Menu | Best To Only Edit Paddings -------------------------- */
.sf-menu{float:left}
.sf-menu a{padding:1em; text-decoration:none}
.sf-menu a:hover{text-decoration:none !important}
.sf-menu li li a{padding:0.8em 1em}
.sf-menu li:hover, .sf-menu li.sfHover, 
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{outline:0}

/* ----------------------  Essential Menu Styles | DO NOT EDIT  -------------------------- */
.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu{line-height:1.0}
.sf-menu ul{position:absolute; top:-999em; width:15em}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; position:relative}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{left:0; top:3em; z-index:99}
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul{left:15em; top:0}
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul{left:15em; top:0}

/* ----------------------  Slider Layout -------------------------- */
#slider-wrap{width:100%; margin:0 0 20px 0}
#slider{z-index:5; width:100%; height:280px; margin:0 auto 10px auto; position:relative; background:#000 url('images/loading.gif') no-repeat 50% 50%}
#slider img{position:absolute; top:0; left:0; display:none}
#slider a{border:0}
.nivoSlider{position:relative}
.nivoSlider img{position:absolute; top:0px; left:0px}

/* ----------------------  Image With Link -------------------------- */
.nivoSlider a.nivo-imageLink{position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none}

/* ----------------------  Slider Slices -------------------------- */
.nivo-slice{display:block; position:absolute; z-index:50; height:100%}

/* ----------------------  Caption Styles -------------------------- */
.nivo-caption{position:absolute; left:0; bottom:0; background:#000; opacity:0.8; width:100%; z-index:89}
.nivo-caption p{color:#FFF; padding:10px; margin:0}

/* ---------------------- Direction nav styles (e.g. Next &Prev) -------------------------- */
.nivo-directionNav a{position:absolute; top:43%; z-index:99; display:block; width:47px; height:60px; text-indent:-9999px; border:0; cursor:pointer}
.nivo-prevNav{background:url('images/left-arrow.png') no-repeat; left:15px}
.nivo-nextNav{background:url('images/right-arrow.png') no-repeat; right:15px}
.nivo-prevNav:hover{background-position:0 -60px}
.nivo-nextNav:hover{background-position:0 -60px}