/*  

Theme Name: supreme
Theme URI: http://3oneseven.com/themes/
Description: Another approach on a magazine like three col fixed theme with custom painting.
Version: 3.17
Tags: white, three-columns, fixed-width, theme-options, right-sidebar
Author: miloIIIIVII
Author URI: http://3oneseven.com/

*/


/* ----------------------------------- 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; }
*{margin:0;padding:0;}

body{background:#fff url(images/01.jpg) 0 0 repeat-x;color:#333;font:normal 15px/20px Arial,Tahoma,Helvetica,Sans-Serif;margin:0;padding:0;}

/* ----------------------------------- wrap */
#wrapper{background:transparent url(images/03.png) 0 281px no-repeat;margin:0 auto;padding:0;width:980px;overflow:hidden;position:relative;}
#rapper{clear:both;background:transparent url(images/02.jpg) 70% 0 no-repeat;margin:0;padding:0;width:100%;overflow:hidden;position:relative;}
#wrap{background:transparent url(images/) 100% 200px no-repeat;margin:0 auto;padding:0;width:980px;overflow:hidden;}
#single{background:#fff url(images/01.jpg) 0 0 repeat-x;margin:0 auto;padding:0;width:100%;overflow:auto;}
.inner{background:transparent;margin:0 auto;padding:0;width:980px;overflow:hidden;}

#rap{background:transparent;margin:0;padding:0;width:100%;overflow:auto;}
#set{background:transparent;margin:0 auto;padding:0;width:980px;overflow:hidden;height:30px;}

#content{width:980px;margin:0 auto;padding:0;background:transparent;overflow:hidden;}
#row{clear:both;margin:0;padding:0;width:100%;height:220px;background:transparent;}
#sow{clear:both;width:100%;background:transparent;padding:10px 0 0 0;margin:10px auto 0;display:block;position:relative;z-index:1;overflow:hidden;}

/* ----------------------------------- links */
a,a:visited{color:#2C355A;text-decoration:none;}
a:hover{text-decoration:underline;color:#666;}
a img{border:none;}

/* ----------------------------------- h tags */
h2{font:normal 24px arial,helvetica,tahoma;padding:10px 0;margin:0;color:#2C355A;}
h3{font:normal 19px arial,helvetica,tahoma;padding:8px 0;margin:0;color:#2C355A;}
h4{font:normal 17px arial,helvetica,tahoma;padding:8px 0;margin:0;color:#2C355A;}

/* ----------------------------------- header */
#header{background:transparent url(images/05h.png) 100% 0px no-repeat;width:100%;height:373px;display:block;margin:0;padding:0;}
#head{background:transparent url(images/04h.png) 100% 245px no-repeat;width:100%;height:373px;display:block;margin:0;padding:0;}
#head h1,#head h1 a{display:inline-block;height:370px;width:480px;text-indent:-90000px;margin:0;padding:0;outline:none;float:left;}
#head h1 a:hover{outline:none;}
#head .blurb{display:inline-block;height:70px;width:380px;text-indent:-90000px;margin:0;padding:0;outline:none;float:right;}
#head .time{font:11px arial,century gothic;letter-spacing:-0.05em;color:#2C355A;text-shadow:#fff 1px 1px 1px;;position:absolute;top:274px;right:0;width:201px;margin:0;padding:0;}
#head .time .r{float:left;display:inline-block;width:80px;margin:0;padding:0;text-align:left;overflow:hidden;}
#head .time .s{float:left;display:inline-block;width:60px;margin:0;padding:0;text-align:left;overflow:hidden;}
#head .time .t{float:right;display:inline-block;width:60px;margin:0;padding:0;text-align:left;overflow:hidden;}

/* ----------------------------------- searchOLD */
#searchsubmitO{padding:2px;margin:2px 0;background:transparent;border:1px solid #B2E1F5;color:#B2E1F5;}
#searchO{margin:0;padding:0;position:absolute;top:310px;left:480px;}
#searchformO{margin:5px 0 0 0;padding:0;overflow:hidden;}
#sO{width:170px;background:transparent;color:#B2E1F5;border:1px solid #B2E1F5;font:normal 13px arial,tahoma;padding:3px;margin:2px 5px 0 0;}

/* ----------------------------------- search */
#searchsubmit{padding:2px;margin:2px 0;background:transparent;border:1px solid #666;color:#666;}
#search{margin:0;padding:0;}
#searchform{margin:0px 0 0 0;padding:0;overflow:hidden;}
#s{width:170px;background:transparent;color:#666;border:1px solid #666;font:normal 13px arial,tahoma;padding:3px;margin:2px 5px 0 0;}

/* ---------------------------------- navi */
#nav{clear:both;background:transparent;display:block;padding:0;margin:30px 0 0 0;height:36px;z-index:999;display:block;}
#nav ul{width:980px;list-style-type:none;padding:0;margin:0;z-index:999;}
#nav li{display:inline;float:left;min-height:20px;position:relative;text-align:left;padding:5px 15px;margin:0 40px 0 0;}
#nav h2{padding:0;margin:0;text-decoration:none;font:normal 20px/100% arial,helvetica,century gothic;color:#2C355A;text-shadow:#96A2D4 1px 1px 1px;}
#nav h2 span{padding:0;margin:0;font:normal 16px century gothic,arial;text-transform:uppercase;color:#2C355A;text-shadow:#fff 1px 1px 1px;}
#nav li ul{width:300px;height:auto;top:100%;left:0;font:normal 16px century gothic,arial;line-height:1.9em;color:#2C355A;}
#nav li.Largenav ul{width:200px;height:auto;top:100%;left:0;}
#nav li ul li{text-align:left;width:200px;height:auto;display:block;border-bottom:1px solid #ccc;}
#nav li.Largenav ul li{text-align:left;width:200px;height:auto;display:block;}
#nav a{text-decoration:none;}
#nav li li ul{top:0;left:0;}
#nav li li:hover ul{left:200px;}
#nav ul ul,#nav ul li:hover ul ul,#nav ul ul li:hover ul ul,#nav ul ul ul li:hover ul ul,
#nav ul ul ul ul li:hover ul ul{position:absolute;display:none;}
#nav li:hover ul,#nav ul li:hover ul,#nav ul ul li:hover ul,#nav ul ul ul li:hover ul,#nav ul ul ul ul li:hover ul,#nav ul ul ul ul ul li:hover ul{display:block;width:200px;}
#nav #PhpWebcontent{display:none;}
#nav ul ul{background:#fff;}
#nav ul li{background:transparent;display:block;}
#nav h2,#nav h2 a{color:#2C355A;}
#nav a{color:#2C355A;display:block;}
#nav ul li:hover{color:#000;display:block;background:#ECF5F8;cursor:pointer;text-shadow:#fff 1px 1px 1px;}
#nav ul li ul li{background:#fff;display:block;}
#nav ul li ul li:hover{display:block;background:#ccc;width:200px;}
#nav ul li ul ul li{background:#ccc;display:block;}
#nav ul li ul ul li:hover{background:#ccc;display:block;}

/* ----------------------------------- slider */
#slider1{background:transparent;padding:0;margin:20px 0 0 0;width:310px;height:170px;position:relative;z-index:2;float:right;display:inline-block;}
.sliderwrapper{margin:2px 0;padding:0;width:100%;height:170px;overflow:hidden;background:transparent;position:relative;}
.sliderwrapper .opacitylayer{width:100%;height:100%;}
.sliderwrapper .contentdiv{visibility:hidden;position:absolute;left:0;top:0;padding:0;background:transparent;width:100%;height:170px;}
.sliderwrapper .pagination{display:none;}
.sliderwrapper h2 a{margin:0;padding:0;display:block;width:99%;font:normal 24px arial,helvetica,verdana;color:#333;text-shadow:#fff 1px 1px 1px;}
.sliderwrapper h2 a:hover{color:#204076;text-decoration:none;}
.sliderwrapper .entry{margin:0;padding:0;display:block;width:99%;overflow:hidden;}

/* ----------------------------------- front */
.news{clear:both;width:980px;background:transparent;padding:0;margin:0 auto;position:relative;font:14px/20px arial,tahoma;}
.col1 h3 a,.col2 h3 a,.col3 h3 a{display:block;height:140px;width:290px;text-indent:-90000px;margin:0;padding:0;outline:none;}

.col1{background:transparent url(images/m1.jpg) 0 0 no-repeat;width:290px;height:380px;display:inline-block;}
.col2{background:transparent url(images/m2.jpg) 0 0 no-repeat;width:290px;height:380px;display:inline-block;}
.col3{background:transparent url(images/m3.jpg) 0 0 no-repeat;width:290px;height:380px;display:inline-block;}

.col1{float:left;margin:10px 0;padding:0;}
.col2{float:left;margin:10px 0 0 50px;padding:0;}
.col3{float:right;margin:10px 0;padding:0;}

.col1 .entry,.col2 .entry,.col3 .entry{margin:10px 0 0 0;padding:0 15px;}

.reno{background:transparent;width:220px;height:121px;}
.reno a img{text-align:center;display:block;margin:0 auto;padding:9px 0;}

/* ----------------------------------- buttons */
.read{margin:12px 0;padding:0;border:0;background:transparent;width:99%;height:31px;display:block;}
.more{margin:0;padding:0;border:0;background:transparent;width:99%;height:31px;display:block;}
.read a,.more a{height:31px;width:220px;text-indent:-90000px;display:block;text-align:center;}

/* ----------------------------------- columns */
#middle{float:left;width:72%;margin:0;padding:5px 0 0 10px;}

/* ----------------------------------- bar */
#sidebar{float:right;background:transparent;width:25%;margin:0;padding:10px 0;}
#sidebar p{padding:16px 0;margin:0;}
#sidebar ul{list-style:none;margin:0;padding:7px 0;}
#sidebar li{list-style:none;margin:0;padding: 0;}
#sidebar ul li,#footer ul li{margin: 0;padding:5px 0;}
#sidebar ul li a{text-decoration:none;}
#sidebar h2{color:#333;background:transparent;}
#sidebar ul li a:hover{color:#333;text-decoration:underline;}

/* ----------------------------------- lists */
#content p ol,#content p ul{margin:12px 0;padding:10px 0;}
blockquote{margin:25px 0;padding:0 25px 0 10px;font-style:italic;color:#2C355A;border-left:7px double #2C355A;font:19px times new roman;}
#content blockquote p{margin:20px 0;padding:0;}

/* ----------------------------------- date */
.date{font-size:11px;text-align:right;float:right;margin:-42px 0 0 0;padding:0;}
.date span.date{color:#333;padding:0 2px 0 4px;}
.bigdate{font:normal 25px times new roman, georgia,baskerville;color:#AE9E77;text-decoration:none!important;}

.entry{clear:both;margin:6px 0;padding:5px 0;}
.entry p imgs{float:left;border:none;margin:5px;max-width:80%;}
.green{color:#094426;text-decoration:none;font-style:italic;}

/* ----------------------------------- lists */
.entry p{padding:5px 0;margin: 5px 0;}
#content ul{list-style:disc;margin:0;padding:12px 0;list-style-position:inside;}
#content ul ul{list-style:circle;margin:0;padding:12px 0;list-style-position:inside;}
#content ul li{margin:0;padding:5px 0 0 15px;}
#content ul li a,#content a{text-decoration:none;}
#content ul li a:hover,#content a:hover{color:#000;text-decoration:underline}
#content ol{margin:0;padding:12px 0;}
#content ol li{margin:0;padding:5px 0 0 9px;list-style-type:upper-roman;}

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

.postspace{clear:both;background:transparent;width:99%;height:32px;margin:0;padding:0;}

/* ----------------------------------- footer */
#footer{clear:both;background:#fff url(images/03.jpg) 50% 0% no-repeat;width:100%;margin:30px auto 0;padding:21px 0;}
#footer .inner{background:transparent;color:#ccc;width:980px;margin:0 auto;padding:5px 0;}

#footer ul,.news ul,.mews ul,#footer li,.news li,.mews li{list-style:none;margin:0;padding:0;}
#footer ul li,.news ul li,.mews ul li{margin: 0;padding:3px 0;}
#footer ul li a{color:#ccc;}
#footer ul li a:hover{color:#333;}

#footer .creditl ul{list-style:none;margin:0;padding:0;font-size:90%;}
#footer .creditl ul li{margin:0;padding:3px 20px 0 0;display:inline-block;float:left;}
#footer .creditl ul li a{color:#ccc;}
#footer .creditl ul li a:hover{color:#333;}

.creditl{clear:both;background:transparent;margin:45px 0;clear:both;padding:4px 0;font:normal 16px arial;color:#ccc;width:100%;display:block;border-top:1px solid #ccc;}
.credits{clear:both;background:transparent;width:100%;margin:10px 0;padding:19px 0;font:normal 11px arial;color:#ccc;text-align:left;display:block;}
.credits a,.creditl a{color:#ccc;}

/* ----------------------------------- comments */
#comments{width:100%;padding:12px 0;}
#comments h3,h3#respond{color:#555;margin-bottom:7px;}
ol.commentslist{list-style:none;margin:5px 0;}
.commentslist li{background:transparent;border:1px solid #333;margin:7px 0;padding:7px 0;}
.commentslist li a{font-weight:400;}
.commentslist li.alt{background:#AE9E77;}
.commentslist li:hover{border-color:#888;}
.commentslist .comment_text{margin:0;line-height:1.4em;overflow:hidden;}
.comment_text p,.comment_text ul,.comment_text ol,.comment_text blockquote{margin:1em 0;}
.comment_text ul,.comment_text ol,.comment_text blockquote{margin:0 1em;}

p.author_meta{font-weight:400;font:18px georgia;margin:0 0 0 7px;}
p.post_meta{font-size:11px;text-align:right;margin:0 7px 0 0;}
.count{float:left;display:block;width:33px;height:33px;font:33px georgia;color:#333;line-height:33px;}

.commentslist li.author{background:transparent;color:#666;}
.commentslist li.author a{color:#ddd;}
.commentslist li.author a:hover{color:#666;}
#comments_closed{background:#AE9E77;color:#333;padding:7px 0;margin-top:12px;line-height:1.5em;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{color:#ddd;font-weight:bold;text-decoration:underline;}
p.nocomments a:hover{color:#ccc;}
ol.pingslist{margin:1.5em 2em;font-size:12px;}
.pingslist li{color:#7F7F7F;margin:0 0 7px 0;}
.pingslist li a{font-weight:bold;}
#commentform p{margin:1em 0;}
#commentform p a{font-weight:bold;}
#author,#email,#url,#comment{font:1.1em arial,helvetica,verdana,sans-serif;border:1px solid #BBB;padding:2px;}
#comment{width:99%;overflow:hidden;}
#commentform p small{font-size:10px;color:#900;}
.commentslist code{background:transparent;}
#commentform textarea{width:99%;height:255px;border:1px solid #AE9E77;padding:2px 0;margin-top:3px;color:#333;background:transparent ;}
#commentform #submit{background:transparent;font:normal 22px times new roman,georgia,baskerville;color:#AE9E77;border:1px solid #AE9E77;width:200px;height:35px;cursor:pointer;text-transform:uppercase;}

p.comments_link img{margin:0;padding:0;border:none;}

/* ----------------------------------- clearfix */
.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;display:block;margin:0 auto;padding:5px;}
.alignleft,.left{float:left;margin-right:10px;margin-bottom:5px;}
.alignright,.right{float:right;margin-left:10px;margin-bottom:5px;}

.navigation{color:#333;font:normal 16px Arial,Sans-Serif;padding:8px 0;margin:12px 0;font-variant:small-caps;clear:both;}

/* ----------------------------------- wordpress */
.cat{margin:10px 0;padding:0;background:transparent;display:block;clear:both;background:#ccc;height:2px;}
.times{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;}
.times a{cursor: help;color:#900;}
.back{float:right;margin:-40px 0 0 0;padding:0;width:121px;height:32px;background:transparent;}
.drop{float: left;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 #2C355A;}

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

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

code{padding:0 3px;margin:12px 0;background:transparent;}
pre{overflow:auto;padding:9px;background:transparent;border:1px solid #ccc;}
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 #fff;}
.gallery{display:block;text-align:center;margin:18px 0;}
.gallery img{border:1px solid #fff;}