/*  

Theme Name: SLY
Theme URI: http://3oneseven.com/
Description: A simple, fluid and lightweight theme with custom features.
Version: 3.17.2
Tags: 2 column fixed gallery 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.
*/

/* ----------------------------------- reset.css */ 
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;vertical-align:baseline;}

body{background:#000 url(images/tile.jpg) repeat-x 0 0;color:#ccc;font:14px/20px Arial,Tahoma,Helvetica,Sans-Serif;margin:0;padding:0;}

/* ----------------------------------- wrapper */
#wrap{background:transparent;color:#ccc;font:15px/21px Arial,Tahoma,Helvetica,Sans-Serif;margin:0 auto;padding:0;width:980px;}
#content{width:100%;margin:0 auto;padding:20px 0;background:transparent;}

/* ----------------------------------- base */
#content p{padding:4px 0;margin:4px 0;}
a,a:visited{color:#EFF7AA;text-decoration:none;}
a:hover{text-decoration:none;color:#EFF7AA;background:#000;}
a img{border:none;}

h1{font:normal 55px helvetica,century gothic,arial,tahoma,verdana,sans-serif;}
h2{font:normal 27px helvetica,century gothic,arial,tahoma,verdana,sans-serif;}
h3{font:normal 23px helvetica,century gothic,arial,tahoma,verdana,sans-serif;}
h4{font:normal 15px helvetica,century gothic,arial,tahoma,verdana,sans-serif;}
h5{font:normal 14px helvetica,century gothic,arial,tahoma,verdana,sans-serif;color:#fff;padding:0;margin:0 8px 0 0;text-align:right;}

/* ----------------------------------- header */
#header{background:transparent;width:980px;height:175px;margin:0 auto;padding:0;}
#header .tag h1 a{margin:0;padding:0;color:#ccc;letter-spacing:-4px;}
.tag h1 a:hover{background:transparent;}
.tag h1 span{color:#EFF7AA;letter-spacing:-2px;font-size:30%;}
.des{margin:-47px 0 0 0;padding:0 0 0 50px;color:#ccc;}

.tag{float:left;margin:0;padding:0px 0 0 0;}
.top{float:right;margin:0;padding:0;overflow:hidden;width:310px;}

/* ----------------------------------- slider */
#item{width:980px;background:transparent url(images/) bottom center no-repeat;padding:0;margin:10px auto 0;display:block;height:285px;overflow:hidden;position:relative;}
#slider{position:absolute;margin:0;top:10px;left:45px;right:0;z-index:2;}	
#slider ul,#slider li{margin:0;padding:0;list-style:none;}
#slider li{width:900px;height:240px;overflow:hidden;margin:0;}	
#prevBtn{display:block;width:30px;height:77px;position:absolute;left:0px;top:80px;margin-right:30px;}	
#nextBtn{display:block;width:30px;height:77px;position:absolute;right:11px;top:80px;margin-left:30px;}														
#prevBtn a,#nextBtn a{display:block;width:32px;height:77px;background:url(images/arl.png) no-repeat 0 0;}	
#nextBtn a{background:url(images/arr.png) no-repeat 0 0;}					
#prevBtn a:hover,#nextBtn a:hover{ border-bottom:none;}	


/* ----------------------------------- search */
#search{background:transparent;width:290px;height:50px;float:right;margin:50px 0 0 0;padding:0;}
#searchform{margin:0;padding:5px 3px;}
#searchform #s{width:290px;padding:5px;background:transparent;font:14px helvetica,century gothic,arial,Sans-Serif;border:1px solid #333;margin:0;color:#666;float:right;text-transform:lowercase;}

/* ----------------------------------- navi */
.navbar{clear:both;width:50%;margin:0;padding:30px 0 0 0;text-align:left;background:transparent;float:left;display:inline-block;}
.navbar li{display:inline;list-style-type:none;margin:0;padding:0;}	
.navbar ul{margin:0;padding:0;}
.navbar ul li a{font:14px helvetica,century gothic,Arial,Sans-Serif;color:#666;padding:0 15px 0 0;margin:0;text-decoration:none;font-weight:normal;}
.navbar ul li a:hover{color:#EFF7AA;background:#333;border-top:1px solid #EFF7AA;}
.navbar li.current_page_item a{background:transparent;color:#EFF7AA;}
.navbar li.current_page_item a:hover{border-top:1px solid #EFF7AA;text-decoration:none;}

#categories{float:right;text-align:right;padding:0px 0 0 0;margin:0;background:transparent;width:48%;display:inline-block;}
#categories ul{list-style:none;padding:0;margin:0;}
#categories li{float:right;display:block;padding:0;}
#categories li a{font:14px helvetica,century gothic,Arial;color:#666;display:block;padding:0 0 0 15px;}
#categories li a:hover{color:#ccc;background:#000;border-bottom:1px solid #EFF7AA;}
#categories li.current-cat a{background:#333;color:#EFF7AA;}
#categories li.current-cat a:hover{background:#666;color:#ccc;border-bottom:1px solid #333;}

/* ----------------------------------- front posts */
.lead{background:transparent url(images/shadeld6.png);position:relative;padding:7px;margin:0;height:250px;width:250px;}
h2.front{font:normal 24px/12px helvetica,century gothic,Verdana,Arial,Sans-Serif;background:transparent;letter-spacing:-2px;color:#EFF7AA;margin:0;padding:0 5px 9px 0;text-align:right;}
h2.front a:hover{color:#fff;text-decoration:none;background:transparent;}
.lead img{width:250px;height:250px;border:0;}
.entries{background:transparent url(images/shadeld6.png);position:absolute;bottom:10px;left:6px;z-index:100;display:block;width:97%;padding:9px 0;height:55px;overflow:hidden;}

.lead:hover .entries{display:none;}

.permalink{position:absolute;top:0px;right:20px;display:none;padding:15px 7px;background:#000;color:#fff;font-size:16px;}
.lead:hover .permalink{display:block;}
.permalink:hover{background:#000;border:0;}

.floow{padding:7px;float:left;margin-right:25px;height:260px;width:270px;margin-bottom:10px;background:transparent;}


/* ----------------------------------- stream posts */
.leads{background:transparent url(images/shadeld6.png);position:relative;padding:7px;margin:0;height:210px;width:210px;}
h3.leads{font:normal 16px/10px helvetica,century gothic,Verdana,Arial,Sans-Serif;background:transparent;letter-spacing:-2px;color:#EFF7AA;margin:0;padding:0 5px 9px 0;text-align:right;}
h3.leads a:hover{color:#fff;text-decoration:none;background:transparent;}
.leads img{width:210px;height:210px;border:0;}
.entriess{background:transparent;position:absolute;bottom:10px;left:6px;z-index:100;display:block;width:97%;padding:9px 0;height:55px;overflow:hidden;}

.leads:hover .entries{display:none;}

.permalink{position:absolute;top:0px;right:20px;display:none;padding:15px 7px;background:#000;color:#fff;font-size:16px;}
.leads:hover .permalink{display:block;}
.permalink:hover{background:#000;border:0;}

.flow{clear:both;padding:7px;float:left;margin-right:10px;height:260px;width:270px;margin-bottom:10px;background:transparent;}

/* ----------------------------------- bars */
#row{float:left;width:72%;margin:0;padding:50px 0;background:transparent;}
#sow{float:left;width:65%;margin:0;padding:10px 0;background:transparent;}

#bar{float:right;background:transparent;margin:0;padding:65px 0;overflow:hidden;}
#barpost{float:right;background:transparent;width:20%;margin:0;padding:65px 0;overflow:hidden;}
#barnavbar{float:left;background:transparent;width:170%;margin:0;padding:20px 0;overflow:hidden;}
#sbar{float:left;background:transparent;width:12%;margin:0 0 0 12px;padding:10px 9px 20px 9px;overflow:hidden;}
#sbar a img{border:0;max-width:99%;display:block;margin:0 auto;padding:5px 0;text-align:center;}

/* ----------------------------------- lists */
#bar ul,#sbar ul,#footer ul,#foo ul{list-style:none;margin:0;padding:0 0 15px 0;}
#bar li,#sbar li,#footer li,#foo li{list-style:none;margin:0;padding:0;}
#bar ul li,#sbar ul li,#footer ul li,#foo ul li{margin:0;padding:5px 0 0 0;}
#bar ul li a,#sbar ul li a,#foo ul li a{color:#EFF7AA;text-decoration:none;}
#footer ul li a{color:#ccc;text-decoration:none;}
#sbar ul li a:hover,#bar ul li a:hover,#footer ul li a:hover,.social ul li a:hover{color:#333;text-decoration:none;background:#ccc;}
#bar li a,#sbar li a,#s_footer li a,#foo li a,.social li a{display:block;}
#bar p,#footer p{padding:2px 0 16px 0;margin:0;line-height:20px;}

#row ul li{margin:0;padding:5px 0 0 0;list-style:none;}
#row ul li a{color:#EFF7AA;text-decoration:none;list-style:none;}
#row ul li a:hover{color:#333;text-decoration:none;}
#content p ol,#content p ul{margin:0;padding:0 0 0 10px;list-style:none;}

/* ----------------------------------- headers*/
#row h2 a{color:#fff;padding:12px 0;margin:12px 0;border:0;}
#row h2{color:#ccc;letter-spacing:-2px;padding:12px 0;margin:12px 0;}
#row h3{color:#ccc;margin:0;}

#bar h2,#sbar h2{color:#fff;border:0;padding:7px 0;margin:0;letter-spacing:-3px;line-height:22px;}
#bar h3,#sbar h3{color:#ccc;padding:12px 0;margin:0;}


/* ----------------------------------- entry style */
blockquote{margin:0 0 0 25px;padding:0 25px 0 10px;font-style:italic;color:#666;border-right:6px solid #EFF7AA;}
#content blockquote p{margin:0 0 20px 0;padding: 0;}

#row .entry p img,#row .entry a img{float:left;border:none;margin:0;padding:9px;max-width:80%;}
#frontleft .entry,#frontmid .entry,#frontright .entry,#s_footer .entry,#foo .entry{padding:10px 0;margin:7px 0;}

#row .entry{border-bottom:1px dotted #ccc;}

#content img.wp-smiley{float:none;border:none;padding:0;margin:0;}
#content img.wp-wink{float:none;border:none;padding:0;margin: 0;}

/* ----------------------------------- dates */
.date{margin:-52px 0 0 0;font-style:italic;float:right;padding:0;letter-spacing:-2px;}
.date span.date{color:#7F7F7F;padding:2px 4px;}
.bigdate{font:25px helvetica,century gothic,sans-serif;color:#EFF7AA;text-decoration:none!important;}
.dates{margin-bottom:2px;font-style:italic;float:none;}
.dates span.date{color:#7F7F7F;padding:2px 4px;}

/* ----------------------------------- post meta */
.meta{display:block;list-style-type:none;list-style-image:none;background:transparent;font-size:80%;text-align:right;}
.bolism{display:block;list-style-type:none;list-style-image:none;background:transparent;margin:20px 0 0 0;padding:5px 10px;font-size:80%;}
#row .meta{border-top:1px dotted #333;}
.postspace{background:transparent;width:80%;height:32px;margin:0;padding:0;}
#postmeta{margin:12px 0;padding:0;display:block;width:99%;}
.rel{float:left;width:48%;margin:0;padding-right:20px;}
.pro{float:right;width:44%;margin:0;padding:0;background:transparent;}
.social{clear:both;background:transparent;height:24px;width:99%;padding:13px 0;font-size:12px;text-align:center;}
.social a{color:#EFF7AA;text-decoration:none;margin:0 13px 0 0;}
.social a:hover{color:#fff;text-decoration:underline;margin:0 13px 0 0;}

/* ----------------------------------- footer */
#footer{background:transparent url(images/b.png) repeat-x 0 0;min-height:190px;width:100%;margin:0px 0;padding:0px 0;color:#333;}

.credit{color:#333;width:99%;text-align:right;font-size:80%;padding:10px 0 0 0;}
.credit a{color:#333;background:transparent;}

#footer h1 a{margin:0;padding:0;color:#fff;letter-spacing:-3px;}
#footer h1 a:hover{background:transparent;}
#footer h1 span{color:#EFF7AA;letter-spacing:-2px;font-size:30%;}

#footer .tag{float:left;margin:0;padding:0;border-top:5px solid #333;}
#footer .top{float:right;margin:0;padding:0;overflow:hidden;width:40%;border-top:5px solid #333;}
.inner{background:transparent;width:980px;margin:0 auto;padding:0;}

/* ----------------------------------- comments */
#commentblock{width:100%;color:#ccc;padding:15px 0;margin:10px 0;border:0;background:transparent;}
ol#commentlist{padding:5px 0 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 5px 5px 0;}
.commentinfo{clear:both;}
.commenttext{clear:both;margin:5px 0 10px 0;padding: 10px 10px 5px 10px;width:95%;}
.commenttext-admin{clear:both;margin:5px 0 10px 0;padding:10px 10px 5px 10px;width:95%;background:#000;}
#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 helvetica,century gothic,Helvetica,sans-serif;color:#ccc;background:#000;border:1px solid #333;width:100%;height:28px;cursor:pointer;}
.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;}

/* ---------------------------------- hovers */
#toolTip{position:absolute;z-index:1000;width:170px;background:#000;text-align:left;padding:12px;min-height:1em;}
#toolTip p{margin:0;padding:0;color:#fff;font:12px/18px geneva,arial,sans-serif;}
#toolTip p em,body div#toolTip p em span{display:none;}

/* ----------------------------------- fix */
.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;}

/* ----------------------------------- tabs */
.domtabs{float:left;width:100%;list-style-type:none;margin:0;padding:0;font:13px helvetica,century gothic,arial,helvetica,sans-serif;}
.domtabs li{float:left;}
.domtabs li a{display:block;padding:5px 10px;border:1px solid #000;text-decoration:none;color:#ccc;}
.domtabs a:hover{background:#333;}
.domtabs li.active a{border:1px solid #EFF7AA;}

/* ----------------------------------- 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;}

/* ----------------------------------- flickr */
.ff a img{border:.08em solid #ccc;padding:.077em;width:5.5em;height:5.5em;margin:5px;}
.ff a:hover img{border:.08em solid #333;width:5.5em;height:5.5em;margin:5px;padding:.077em;}

/* ----------------------------------- ads */
#ad{border:0;padding:.077em;width:99%;margin:0;}
#ad a img{border:0;max-width:99%;margin:0;padding:5px;}

.navigation{border:0;padding:5px 0;width:99%;margin:0;clear:both;text-align:right;}

/* ----------------------------------- i box */
#ibox_content{background:#000;border-color:#222;color:#fff;}
#ibox_wrapper{background:#000;border-color:#444;}
#ibox_footer_wrapper{left:0;right:0;top:0;padding:3px 10px;}
#ibox_footer_wrapper,#ibox_footer_wrapper a{color:#8dd6e2;background:#000;}
#ibox_footer_wrapper a{color:#EFF7AA;font-weight:bold;text-decoration:none;padding:0 3px;}
#ibox_content{padding:10px;}
#ibox_wrapper{padding:25px 0 0 0;}

/* ----------------------------------- wordpress */
.cat{margin:16px 0;padding:5px;background:#fafafa;display:block;}
.time{float:right;font:1.5em  times new roman, georgia,baskerville;line-height:100%;margin:-30px 0 0 0;padding:2px 0 0 0;width:34px;height:40px;text-align:center;background:transparent url(images/) 0 0 no-repeat;}
.time a{cursor: help;color:#579900;}
.back{float:right;margin:-40px 0 0 0;padding:0;width:121px;height:32px;background:transparent;}
.drop{font: 2.5em  times new roman, georgia,baskerville;line-height:100%;margin:3px 8px 0 0;width:30px;text-align:center;}
.acronym, abbr, span.caps{ font-size: 0.9em;letter-spacing: .07em;}
.acronym, abbr, span.caps {cursor: help;}
.acronym, abbr {border-bottom: 1px dashed #ccc;}

#single .rel ul,#single .book ul{margin:5px 0;padding:2px 0;list-style:none;}
#single .rel ul li a,#single .book ul li a{padding:6px 0;margin:5px 0;list-style:none;text-decoration:none;}
.rel ul li img,.book ul li img{float:right;}
.rel{border-right:1px solid #333;float:left;width:49%;padding:19px 0 0 0;}
.book{float:right;width:49%;padding:19px 0 0 0;}

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

dl{margin:12px 0;border-bottom:1px solid #ccc;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:#01245C;}
dd a:hover{color:#333;}

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

.wp-caption{padding:6px 1px 0 1px;background:#000;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 #333;}
