/*
Theme Name: Revista Wordpress Theme
Theme URI: http://wpexplorer.com
Description: A free WordPress theme by <a href="http://www.wpexplorer.com/">AJ Clarke</a>
Author: AJ Clarke
Author URI: http://www.wpexplorer.com
Version: 1.0
Tags: fixed-width, custom-header, custom-background, custom-menu, threaded-comments, right-sidebar, light, two-columns
*/

/* ----------------------  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:15px auto}
.alignright{float:right; margin:0 0 15px 15px}
.alignleft{float:left; margin:0 15px 15px 0}
.floatleft{float:left}
.floatright{float:right}

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

.wp-caption{border:1px solid #DDD; text-align:center; background:#F3F3F3; 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}

table#wp-calendar{font-size:12px; margin:0 auto; width:100%}
#wp-calendar caption{padding:3px; background:#333; color:#FFF; text-shadow:1px 1px #000; text-align:center}
#calendar_wrap table td, 
#calendar_wrap table th{text-align:center; background:#f3f3f3; padding:7px !important}
#calendar_wrap table td#prev{text-align:left; padding:0 0 0 12px}
#calendar_wrap table td a{color:#06F; display:block}

/* ----------------------  Body -------------------------- */
body{font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.5em; color:#333; background:#E2E0E0}

/* ----------------------  HTML Elements -------------------------- */
a{color:#0180D1; text-decoration:none}
a:hover{color:#014776; text-decoration:underline}
p{margin:0 0 10px}
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} */

pre {border: solid 1px #999999;margin: 20px;padding:10px;background: #F1F0F0;font-size:12px;overflow:auto;font-family:Courier,"Courier New","Lucida Console",Monaco}
code {font-size:12px;color:#111;}

hr{}
blockquote{border-left:2px solid #CCC; margin:20px; padding:0 0 0 10px; font-style:italic}

/* ----------------------  Default Headings -------------------------- */
h1, h2, h3, h4, h5, h6{font-family:"Lucida Grande",Arial,"Lucida Sans Unicode",sans-serif; color:#333; line-height:1em; font-weight:bold; padding:0; margin:0; letter-spacing:1px; text-shadow:0pt 1px 1px rgba(0,0,0,0.2)}
h1{font-size:24px; margin:0 0 30px 0}
h2{font-size:18px; margin:30px 0 20px 0}
h3{font-size:16px; margin:30px 0 20px 0}
h4{font-size:14px; margin:20px 0 10px 0}

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

/* ----------------------  Header -------------------------- */
#xs-header-wrap{width:100%; background:#163575 url(images/header-bg.jpg) no-repeat left}
#xs-header{width:980px; margin:0 auto; position:relative}
#xs-header-logo{padding:20px 0; font-family:'Amaranth',arial,serif; width:500px; text-align:left}
#xs-header-description{color:#dee8f0; font-size:12px; text-shadow:1px 1px 1px #000}
#xs-header-img{}

#xs-header-logo h1, #xs-header-logo h2{font-size:36px; margin:0 0 5px}
#xs-header-logo h1 a, #xs-header-logo h2 a{color:#FFF; text-decoration:none}
#xs-header-logo h1 a:hover, #xs-header-logo h2 a:hover{text-decoration:underline}

#xs-header-social{width:auto !important; position:absolute; right:0; bottom:2px; list-style:none; border:none !important}
#xs-header-social li{float:left; position:relative; border:none}

/* ----------------------  Main -------------------------- */
#xs-main{float:left; width:640px; padding:30px 20px; background:#FFF; border:1px solid #BEBEBE}

/* ----------------------  Entries -------------------------- */
.xs-entry{float:left; position:relative; width:640px; margin:20px 0 0; padding:10px 0 20px; border-bottom:1px solid #EEE}
.xs-entry-featured-image{float:left; border:1px solid #ddd;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.xs-entry-featured-image img{border:1px solid #fff; padding:5px; background:#f0f0f0;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
.xs-entry-featured-image a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85}
.xs-post-entry-right{float:right; width:510px}
.xs-read-more{font-size:11px}

.xs-entry-title{margin:0 0 20px; font-size:20px; text-shadow:0pt 1px 1px rgba(0,0,0,0.2)}
.xs-entry-title a{color:#333; text-decoration:none}

/* ----------------------  Post -------------------------- */
#xs-post{width:640px; margin:0 0 20px; position:relative; overflow:hidden; background:#FFF}
#xs-post ul, #xs-post ol{margin:20px 0 20px 50px}
#xs-post li{margin:0 0 5px}

#xs-post-meta{font-size:11px; color:#999; padding:8px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:20px 0}
#xs-post-meta span{margin:0 15px 0 0}
#xs-post-meta-clock{padding:0 0 0 15px; background:url(images/clock.gif) left no-repeat}
#xs-post-meta-comments{padding:0 0 0 15px; background:url(images/bubble.gif) left no-repeat}
#xs-post-meta-author{padding:0 0 0 15px; background:url(images/author.gif) left no-repeat}
#xs-post-meta-category{padding:0 0 0 15px; background:url(images/folder.gif) left no-repeat}

#xs-post-featured-image{float:right; margin:0 0 10px 20px; border:1px solid #ddd;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#xs-post-featured-image img{border:1px solid #fff; padding:5px; background:#f0f0f0;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}

#xs-post h1{font-family:"Lucida Grande",Arial,"Lucida Sans Unicode",sans-serif; margin:0}
#xs-page-title{margin:0 0 30px !important}

/* ----------------------  Post Admin -------------------------- */
#xs-post-admin{text-align:right; padding:20px 0 0 0}
#xs-post-admin span{padding:0 0 0 15px; background:url(images/doc.gif) left no-repeat; font-size:11px}

/* ----------------------  Post Page Navigation -------------------------- */
#xs-post-page-navigation{margin:20px 0; padding:5px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC}

/* ----------------------  Post Tags-------------------------- */
#xs-post-tags{margin:10px 0; text-align:right}
#xs-post-tags a{color:#963; font-weight:bold}
#xs-post-tags a:hover{text-decoration:none; text-shadow:1px 1px 1px #FFF}
.xs-post-tag-outter{display:inline-block;  height:25px; line-height:22px; padding:0 0 0 16px; margin:0 0 0 10px; background:url(images/post-tag-span.png) no-repeat left}
.xs-post-tag-inner{display:inline-block; height:25px; padding:0 0 0 10px; background:url(images/post-tag.png) repeat}
.xs-post-tag-right{display:inline-block; height:25px; padding:0 20px 0 0; background:url(images/tag-right.png) no-repeat right}

/* ----------------------  Post Navigation -------------------------- */
#xs-post-navigation{margin:20px 0; padding:8px 0; font-size:11px}
#xs-post-navigation-left{float:left; width:300px}
#xs-post-navigation-left a{display:block; background:url(images/arrow-left.png) no-repeat left; padding:0 0 0 25px; height:20px; line-height:20px}
#xs-post-navigation-right a{display:block; background:url(images/arrow-right.png) no-repeat right; padding:0 25px 0 0; height:20px; line-height:20px}
#xs-post-navigation-right{float:right; width:300px; text-align:right}

/* ----------------------  Post Author -------------------------- */
#xs-post-author{margin:20px 0}
#xs-post-author .avatar{float:left; margin:0 15px 10px 0; outline:1px solid #DDD; border:1px solid #fff; padding:2px; background:#f0f0f0}

#xs-post-author-meta{padding:10px 0; margin:0; font-size:11px}

#xs-post-author h4{background:#EEE; font-size:12px; height:30px; line-height:30px; padding:0 10px 0 10px; margin:0 0 20px 0; border-left:1px solid #FFF; border-right:1px solid #FFF; outline:1px solid #CCC; border:1px solid #FFF; text-shadow:1px 1px #FFF}

/* ---------------------- Post Related Posts -------------------------- */
#xs-related-posts{margin:20px 0}
#xs-related-posts img{padding:5px; outline:1px solid #DDD; border:1px solid #fff; background:#EEE}
#xs-related-posts a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85}
#xs-related-posts ul{list-style:none; margin:0 0 0 -17px}
#xs-related-posts li{float:left; width:130px; margin:0 17px}

#xs-related-posts h4{background:#EEE; font-size:12px; height:30px; line-height:30px; padding:0 10px 0 10px; margin:0 0 20px 0; border-left:1px solid #FFF; border-right:1px solid #FFF; border-top:1px solid #FFF; outline:1px solid #CCC; border:1px solid #FFF; text-shadow:1px 1px #FFF}

/* ----------------------  Comments -------------------------- */
#commentsbox{}
h3#comments{background:#EEE; font-size:12px; height:30px; line-height:30px; padding:0 10px; outline:1px solid #CCC; border:1px solid #FFF; text-shadow:1px 1px #FFF}
ol.commentlist{margin:0px 0 0; clear:both; overflow:hidden; list-style:none}
ol.commentlist li{margin:10px 0; line-height:18px; padding:10px; border:1px solid #EEE}
.bypostauthor{}
.comment-author{}
.comment-author a:link, 
.comment-author a:visited{font-weight:bold; text-decoration:none !important}
.comment-author .fn{}
cite.fn{font-weight:700; font-size:14px}
.comment-author .avatar{float:left; margin:0 10px 0 0}
.comment-meta{font-size:11px}
.comment-meta .commentmetadata{color:#000}
.comment-meta a{color:#666; text-decoration:none !important}
ol.commentlist li p{line-height:22px; margin:5px 0 0}
.reply{text-align:right; margin-top:10px; font-size:10px}
.reply a{text-decoration:none}
li.odd{}
li.even{}
.children{list-style:none; margin:1em 0 0; text-indent:0}
.children li.depth-2{margin:0 0 0px 50px}
.children li.depth-3{margin:0 0 0px 50px}
.children li.depth-4{margin:0 0 0px 50px}
.children li.depth-5{margin:0 0 0px 50px}
.comment-nav{padding:5px; height:20px}
.comment-nav a:link, .comment-nav a:visited{}
.cancel-comment-reply a{color:#F00; font-weight:700}
#respond{margin:20px 0px}
#respond h3{font-size:18px; margin:0 0 20px}
#commentform{}
#commentform p{padding:10px 0}
#respond label{display:block; padding:5px 0}
#respond label small{font-size:10px}
#respond input{margin-bottom:10px; padding:5px 5px; margin:0 10px 10px 0; background:#fff; border:1px solid #ddd}
#commentform input{width:50%}
#respond input#commentSubmit{padding:5px 0; width:100px; font-size:12px; background:#211F1D; border-top:1px solid #333; border:1px solid #000; color:#FFF; text-decoration:none; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; margin:10px 0px; cursor:pointer; border:0; outline:none; -moz-box-shadow:2px 2px 5px #CCC; -webkit-box-shadow:2px 2px 5px #CCC; box-shadow:2px 2px 5px #CCC}
#commentSubmit:hover{background:#403D37 !important}
#commentSubmit:active{padding:5px 0 0 !important}
textarea#comment{border:none; background:#fff; border:1px solid #ddd; width:70%; margin:10px 0px 0px 0px; padding:5px 5px}
#comments-closed{padding:10px 0}

/* ----------------------  Author Page -------------------------- */
#xs-author-page{}
#xs-post-author-avatar-wrap{float:left; margin:0 15px 0 0; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#xs-post-author-avatar-wrap img{border:1px solid #fff; padding:5px; background:#f0f0f0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px}
#author-links{margin:0 0 0 20px}

#xs-author-latest-posts{margin:20px 0 0; padding:20px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC}

/* ----------------------  Search &Archieve Pages -------------------------- */
#xs-search-title{margin:0 0 20px}
#xs-archive-description{padding:0 0 20px; border-bottom:1px solid #CCC}
#xs-archive-description p{margin:0}

#xs-archive-title h1{margin:0 0 20px}
#xs-search-title h1{margin:0}

/* ----------------------  Sidebar -------------------------- */
#xs-sidebar-right{float:right; width:280px; font-size:12px; text-shadow:1px 1px 1px #FFF}
#xs-sidebar-right ul{list-style:none}
#xs-sidebar-right li{margin:5px 0; padding:5px 0; border-bottom:1px solid #CCC}
.xs-sidebar-right-box{margin:0 0 20px; border:1px solid #BEBEBE; background:#F5F5F5; padding:10px}

#xs-sidebar-right h4{background:#CFCFCF; font-size:14px; height:30px; line-height:30px; margin:-9px -9px 10px; padding:0 10px 0 10px; border-bottom:1px solid #AAA; text-shadow:1px 1px #FFF}

/* ----------------------  Pagination-------------------------- */
#xs-pagination{width:660px; float:left; margin:20px 0 0; font-size:11px}
#xs-pagination span, #xs-pagination a{float:left; display:block; margin:2px 5px 2px 0; padding:1px 8px 1px 8px; text-decoration:none; color:#666; border:1px solid #BEBEBE}
#xs-pagination a:hover{background:#f0f0f0; border:1px solid #BEBEBE; text-shadow:1px 1px 1px #FFF;}
#xs-pagination .current{background:#f0f0f0; border:1px solid #BEBEBE; color:#666; text-shadow:1px 1px 1px #FFF}

/* ---------------------- Twitter -------------------------- */
#xs-twitter{font-family:'Droid Serif',arial,serif; position:relative; width:940px; margin:20px auto 0 auto; background:#C1C1C1 url(images/twitter-bg.png) repeat-x; padding:10px 20px; font-size:14px; color:#666; text-shadow:1px 1px 1px #FFF; font-style:italic; outline:1px solid #B4B4B4; border:1px solid #FFF}
#xs-twitter ul{list-style:none; margin:0; width:850px; line-height:1.5em}
#xs-twitter-bird{display:block; background:url(images/twitter.png) no-repeat; position:absolute; right:10px; bottom:0; height:35px; width:72px}

/* ---------------------- Copyright / Think Twice Before Removing -------------------------- */
#xs-copyright-wrap{width:100%; background:#2C2C2C; border-top:1px solid #FFF; font-size:12px}
#xs-copyright{position:relative; margin:0 auto; width:980px; height:40px; line-height:40px; color:#666; font-size:10px}
#xs-copyright p{margin:0}
#xs-copyright a{color:#666; text-decoration:underline}
#xs-copyright a:hover{text-decoration:none}

/* ----------------------  Search Bar -------------------------- */
#searchbar{position:relative; margin:0 0 20px; height:35px; border:1px solid #BEBEBE}
#xs-search-input{background:#EEE; width:241px; height:33px; line-height:30px; border:1px solid #FFF; padding:0 25px 0 10px; font-size:12px; color:#333; text-shadow:1px 1px 1px #FFF; font-weight:bold}
#xs-search-input:focus{background:#F5F5F5 !important}
#xs-search-submit{display:block; background:url('images/xs-search-icon.png') no-repeat; height:15px; width:15px; position:absolute; top:11px; right:8px; display:block; cursor:pointer; text-indent:-9999px; outline:none; bordeR:none}

/* ----------------------  Ad Spots -------------------------- */
#xs-header-ad{position:absolute; right:0; top:20px}
#xs-bottom-post-ad{margin:30px 0 0}
#xs-top-post-ad{margin:20px 0}

/* ----------------------  Menu Wrap -------------------------- */
#xs-primary-menu-wrap{width:100%; background:#EBEBEB; border-bottom:1px solid #BEBEBE}
#xs-primary-menu{width:980px; height:40px; margin:0 auto; position:relative; z-index:99}
#xs-primary-menu ul{max-width:780px; border-right:1px solid #BEBEBE; border-left:1px solid #FFF}

/* ----------------------  Important Main Meny Style -------------------------- */
.sf-menu{float:left}
.sf-menu li{height:40px}
.sf-menu li li{height:40px}
.sf-menu a{display:block; height:40px; line-height:40px; background:#EBEBEB; color:#333; font-weight:700; text-shadow:1px 1px #FFF; display:block; padding:0 20px; text-decoration:none; border-right:1px solid #FFF; border-left:1px solid #BEBEBE}
.sf-menu a:hover{background:#FFF}
.sf-menu a:active{background:#D1D1D1}
.sf-menu li.sfHover a{outline:0}

/* ----------------------  Drop Down Settings -------------------------- */
.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu ul{background:#FFF; position:absolute; top:-999em; width:200px !important; border-left:1px solid #BEBEBE !important; border-bottom:1px solid #BEBEBE !important; padding-bottom:2px}
.sf-menu ul a{line-height:40px; margin:0; padding:0 20px; border-right:1px solid #FFF; border-left:1px solid #FFF; border-top:1px solid #BEBEBE}
.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:40px; 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:640px; height:262px; border:1px solid #DDD}
#slider-inner{width:618px; height:240px; background:#f0f0f0; border:1px solid #FFF; padding:10px}
#slider{float:left; z-index:5; width:600px; height:240px; position:relative}
#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, .nivo-nextNav{background:url('images/slider-arrows.png') no-repeat}
.nivo-nextNav{background-position:0 -120px; right:15px}
.nivo-nextNav:hover{background-position:0 -180px}
.nivo-prevNav{background-position:0 0; left:15px}
.nivo-prevNav:hover{background-position:0 -60px}

/* ---------------------- Tipsy -------------------------- */
.tipsy{padding:5px; font-size:10px; opacity:0.8; filter:alpha(opacity=80); background-repeat:no-repeat; background-image:url(images/tipsy.gif)}
.tipsy-inner{padding:5px 8px 4px 8px; background-color:black; color:white; max-width:200px; text-align:center}
.tipsy-inner{-moz-border-radius:3px; -webkit-border-radius:3px}
.tipsy-north{background-position:top center}