/*  

Theme Name: Mojo
Theme URI: http://3oneseven.com/
Description: A simple, fluid and lightweight theme with custom features.
Version: 3.17.2
Tags: 2 column fluid newspaper style
Author: miloIIIIVII
Author URI: http://3oneseven.com/

Customize, edit, poke, prod, and adapt to your own style. Please leave credit where credit is due so that others may find the source for your site and adapt a suitable version for their own website.
*/

*{margin:0;padding:0;}

body{background:#000 url(images/207.jpg) no-repeat 99% 20% fixed;color:#fff;font:13px/23px century gothic,Arial,Tahoma,Helvetica,Sans-Serif;margin:0;padding:0;}

#home{overflow:hidden;}
#single{overflow:auto;}

/* ----------------------------------- base */
#content p{padding:16px 0;margin:0;}
a,a:visited{color:#FEE006;text-decoration:none;}
a:hover{text-decoration:none;color:#333;}
a img,img{border:0;}

h1{color:#ffffff;margin:12px 0;letter-spacing:-1px;font:normal 180%/100% century gothic,tahoma;padding:3px 0;}
h2{color:#fafafa;margin:12px 0;letter-spacing:-1px;font:normal 180%/100% century gothic,tahoma;padding:3px 0;}
h2 a, h2 a:visited{color:#ccc;text-decoration:none;border:0;}
h2 a:hover{color:#FEE006;text-decoration:none;}
h3{font:normal 160%/100%  century gothic,tahoma;color:#ccc;margin:10px 0;text-align:left;}
h4{font:normal 100%/100%  century gothic,tahoma;color:#ccc;margin:10px 0;}
h2 span,h3 span{font-style:italic;color:#666;font-size:90%;}
h1 a span{color:#666;font-size:60%;}

/* ----------------------------------- header */
#header{width:90%;height:120px;position:fixed;top:0;left:50px;background:transparent;display:block;}
#header h1 a,header h1 a:hover{display:inline-block;height:120px;width:40%;margin:0;padding:0;outline:none;background:transparent;color:#9E1519;}

/* ----------------------------------- navi */
.navbar{width:50%;margin:0;padding:0;text-align:left;background:transparent;
position:fixed;top:4%;right:2%;}
.navbar li{display:inline;list-style-type:none;margin:0;padding:0;}	
.navbar ul{margin:0;padding:0;}
.navbar ul li a{font:18px century gothic,Arial,Sans-Serif;color:#666;text-transform:lowercase;padding:0 35px 10px 0;margin:0;text-decoration:none;font-weight:normal;}
.navbar ul li a:hover{color:#fff;background:transparent;padding:0 35px 0 0;margin:0;border-top:1px solid #fff;}
.navbar li.current_page_item a{background:transparent;color:#fff;border-top:1px solid #fff;}
.navbar li.current_page_item a:hover{border-top:1px solid #FEE006;text-decoration:none;}

/* ----------------------------------- sec nav */
.day{width:40%;background:transparent;margin:0;padding:19px 0;color:#fafafa;display:block;font:normal 21px century gothic,tahoma;text-decoration:none;text-transform:lowercase;letter-spacing:-1px;}
.day p{display:block;padding:12px 0;}
.day:hover{display:block;color:#666;background:transparent;}
.day span{font-family:tahoma,arial,sans-serif;color:#ccc;}

/* ----------------------------------- front posts */
.lead-image-wrapper{background:transparent;position:relative;padding:0 10px 10px 0;margin:0;width:180px;float:left;}
.lead-image-wrapper h2{background:trasparent;font:16px century gothic,helvetica;
position:absolute;bottom:15px;left:0;z-index:1;display:block;width:85%;padding:4px 0;height:26px;overflow:hidden;}
.lead-image-wrapper h2.ldt img{width:99%;height:33px;}
.lead-image-wrapper .ltc{width:100%;height:160px;border:1px solid #333;}
.time{position:absolute;bottom:15px;right:0%;z-index:102;background:transparent url(images/32.png) no-repeat 0 2px;}
.time a{display:block;height:64px;width:50px;text-indent:-90000px;margin:0;padding:0;outline:none;background:transparent;}
.entry{padding:12px 8px;margin:16px 0;background:transparent url(images/30.png) repeat 0 0;}

/* ----------------------------------- bars */
.frontright,.frontmid,.frontleft,.row{width:900px;margin:10% auto;position:absolute;top:0px;left:50px;}
.mow{width:990px;margin:10% auto;padding:0;position:absolute;top:0px;left:50px;}
.single{width:900px;margin:10% auto;position:absolute;top:0px;left:50px;}

/* ----------------------------------- single */
.lcol{background:transparent;width:48%;
margin:0;padding:0;float:left;overflow:hidden;}
.rcol{background:transparent;width:48%;
margin:0;padding:0;float:right;overflow:hidden;}
#set{background:transparent;width:100%;height:380px;margin:16px 0;padding:0;overflow:hidden;position:relative;}

/* ----------------------------------- footer */
#footer{background:transparent;width:95%;
margin:0;padding:0;color:#333;position:fixed;bottom:10px;left:50px;}
.credit{color:#333;width:48%;text-align:right;float:right;font-size:80%;padding:0;}
.credit a{color:#333;background:transparent;}
#sfooter{background:transparent;width:95%;
margin:30px 0;padding:20px 0;color:#333;}

/* ----------------------------------- search */
#searchform{background:transparent;width:48%;padding:0;margin:-45px 0 0 0;float:left;}
#searchform #s{width:90%;padding:1px 0;border:1px dotted #333;vertical-align:middle;color:#333;font-size:80%;background:transparent;}
#searchform #searchsubmit{width:28px;height:18px;font:16px georgia,serif;color:#fff;vertical-align:middle;cursor:pointer;}

/* ----------------------------------- hovers */
h2 a{background:transparent;font:26px steiner,century gothic,helvetica;
display:block;padding:4px 0;overflow:hidden;color:#fafafa;}
h2 a hover{background:transparent;color:#666;}
#toolTip{position:absolute;z-index:1000;width:170px;background:#000;
text-align:left;padding:9px;min-height:1em;}
#toolTip p{margin:0;padding:0;color:#fff;font:14px/22px geneva,arial,sans-serif;}
#toolTip p em,#toolTip p em span{display:none;}

/* ----------------------------------- fix */
.go{clear:both;margin:0;padding:0;display:block;width:99%;height:50px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}
hr.clear{clear:both;visibility:hidden;margin:0;padding:0;}

/* ----------------------------------- floats */
.center,.aligncenter{text-align:center;margin:0 auto;display:block;padding:7px;}
.left,.alignleft{float:left;padding:7px;}
.right,.alignright{float:right;padding:7px;}

/* ----------------------------------- page navi */
.navigation{margin:0 auto;display:block;padding:7px 0;width:99%;}

/* ----------------------------------- floating */
#frame-home{width:1200px;height:500px;position:absolute;top:50px;left:0px;}
#frame-about{width:1200px;height:500px;position:absolute;top:50px;left:1200px;}
#frame-port{width:1200px;height:500px;position:absolute;top:50px;left:4200px;}
#frame-gallery{width:1200px;height:500px;position:absolute;top:50px;left:2200px;}
#frame-news{width:1200px;height:500px;position:absolute;top:50px;left:2800px;}
#frame-contact{width:1200px;height:500px;position:absolute;top:50px;left:6000px;}

/* ----------------------------------- lists */
.row ul{list-style:none;margin:0;padding:0 0 15px 0;}
.row ul li{margin:0;padding:5px 0 0 0;}
.row ul li a{text-decoration:none;}
.row ul li a:hover{color:#333;text-decoration:none;background:#000;}
.row ul li a{display:block;}

/* ----------------------------------- dates */
.date{margin:0;font-style:italic;padding:0 8px;position:absolute;top:0px;right:10px;
background:transparent url(images/30.png) repeat 0 0;}
.bigdate{font:25px century gothic,sans-serif;color:#fafafa;text-decoration:none!important;}
.dates{margin-bottom:2px;font-style:italic;float:none;}

/* ----------------------------------- post meta */
.meta{display:block;list-style-type:none;list-style-image:none;margin:20px 0;padding:5px 0;font-size:11px;}
.postspace{background:transparent;width:80%;height:32px;margin:0;padding:0;}
.rel{float:left;width:48%;margin:0;padding-right:20px;border-right:1px solid #333;}
.pro{float:right;width:44%;margin:0;padding:0;}
.drop{float:left;font:3.5em century gothic,tahoma;line-height:100%;margin:3px 8px 0 0;width:30px;text-align:center;}
.social{clear:both;height:24px;width:99%;padding:13px 0;font-size:11px;color:#666;}
.social a{color:#666;text-decoration:none;margin:0 13px 0 0;}
.social a:hover{color:#000;text-decoration:underline;margin:0 13px 0 0;}

/* ----------------------------------- comments */
#commentblock{width:99%;color:#ccc;padding:0;margin:0;border:0;
background:transparent;}
ol#commentlist{padding:5px 0;margin:0;list-style-type:none;}
.commentdate{font-size:12px;padding:0;}
#commentlist li p{margin-bottom:8px;line-height:20px;padding:0;}
.commentname{color:#ccc;margin:0;padding: 5px 0;}
.commentinfo{clear:both;}
.commenttext{clear:both;margin:5px 0;padding:10px 0;width:95%;}
.commenttext-admin{clear:both;margin:5px 0;padding:10px 0;width:95%;background:#090909;}
#commentsformheader{padding:0;}
#commentsform,#commentsform form{text-align:left;margin:0;padding:0;}
#commentsform p{margin:0;}
#commentsform form textarea{width:99%;}
p.comments_link img{margin:0;padding:0;border:none;}
#commentform #submit{font:normal 18px century gothic,Helvetica,sans-serif;color:#fff;border:none;width:99%;height:28px;cursor:pointer;background:transparent;border:1px solid #333;}
.count{float:right;font-size:26px;color:#333;}

/* ----------------------------------- calendar */
#wp-calendar{text-align:center;background:transparent;margin:0;width:95%;}
#wp-calendar td{line-height:10px;font-size:10px;color:#333;}
#wp-calendar td a{display:block;color:#333;text-decoration:none;line-height:10px;}
#wp-calendar #prev a{width:30px;font-size:90%;}
#wp-calendar #next a{width:30px;margin:0 0 0 30px;font-size:90%;}
#wp-calendar #today{background:#9FD077;color:#fff;}
#wp-calendar #today a{color:#333;font-weight:700;}
#wp-calendar caption{text-align:center;width:100%;margin:0 0 5px 0;font-variant:small-caps;}

/* ----------------------------------- basics */
table{width:100%;background:transparent;border:1px solid #333;color:#fff;margin:12px 0;}
caption{font-size:.8em;font-style: italic;text-align:right;color:#666;}
td{padding:.3em;border:1px solid #ccc;}
tr{color:#333;background:transparent;}
tr.alt,tr.even{background:transparent;}
th{padding:.3em;color:#ccc;background:transparent;border:1px solid #333;}
td a,th a{font-weight:bold;color:#ccc;}

dl{margin:12px 0;border-bottom:1px solid #333;padding:0.5em 0;}
dt{display:inline;margin:9px 0;padding:0;color:#ccc;font-style:italic;}
dd{display:block;margin:7px 0;padding:0;}
dd a{color:#ccc;}
dd a:hover{color:#333;}

code{padding:0 3px;margin:12px 0;background:transparent;}
pre{overflow:auto;padding:9px;background:transparent;border:1px solid #333;}
pre code{padding:0;background:transparent;}

.wp-caption{padding:6px 1px 0 1px;background:transparent;text-align:center;}
.wp-caption .wp-caption-text{margin:0;padding:0 5px;text-align:right;font-size:.8em;
color:#666;}
.wp-caption img{margin:0 auto;padding:0;border:1px solid #666;}
.gallery{display:block;text-align:center;margin:18px 0;}
.gallery img{border:1px solid #ccc;}