/*  
Theme Name: tempo mobile style
Theme URI: http://3oneseven.com/
Description: Specials.
Version: 3.17
Author: miloIIIIVII
Author URI: http://3oneseven.com/

NOTE: Sole property of tempero.co.uk net and 3oneseven.com. 
NO copying, "inspiration" or any other form of use allowed.
Protected under copyright laws of the EU.
eur-lex.europa.eu/LexUriServ/LexUriServ.do?uri=CELEX:31992L0100:EN:HTML
*/


/* ----------------------------------- 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 16px/20px Arial,Tahoma,Helvetica,Sans-Serif;margin:0;padding:0;}

/* ----------------------------------- wrap */
#wrapper{background:transparent url(images/01.png) 0 25px no-repeat;margin:0 auto;padding:0;width:98%;overflow:hidden;}
#rapper{background:transparent;margin:0;padding:0;width:100%;overflow:hidden;}
#wrap{background:transparent url(images/03.jpg) 0 0 repeat-x;color:#333;font:normal 16px/20px Arial,Tahoma,Helvetica,Sans-Serif;margin:0 auto;padding:0;width:99%;overflow:hidden;}
.inner{background:transparent;color:#333;font:normal 16px/20px Arial,Tahoma,Helvetica,Sans-Serif;margin:0 auto;padding:0;width:99%;overflow:hidden;}

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

#content{width:99%;;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;margin:0;padding:30px 0;width:100%;background:transparent;overflow:auto;}

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

/* ----------------------------------- header */
#header{clear:both;background:transparent;width:100%;height:160px;margin:0 auto;padding:0;position:relative;}
#logo{background:transparent;width:310px;height:130px;margin:0;padding:0;overflow:hidden;display:inline-block;float:left;}
#logo h1,#logo h1 a{height:130px;width:310px;text-indent:-9000px;margin:0;padding:0;float:left;display:block;outline:none;}
#logo h1 a:hover{background:transparent;outline:none;}
.description{display:none;}
#hom{display:none;}
.toprss{display:none;}

/* ----------------------------------- search */
#search{padding:0;margin:3px 0;}
#searchdiv{margin:0;padding:0;}
#searchform{margin:0;padding:0;overflow:hidden;}
#s{clear:both;width:99%;background:transparent;color:#ccc;border:1px solid #5C554C;font:normal 14px century gothic,tahoma;text-transform:lowercase;padding:2px;margin:2px 0;position:absolute;top:110px;left:0;}

/* ---------------------------------- navi */
#navi{clear:both;background:transparent;display:block;margin:0;padding:0;font:14px arial,tahoma;text-transform:lowercase;height:30px;}
#menu ,#menu ul {margin:0;padding: 0;list-style: none;height:30px;z-index:1;}
#menu a {color:#CEC3B1;display: block;padding:4px 5px 6px 0;}
#menu a:hover {color:#fff;display:block;text-decoration: none;background:transparent;}
#menu li {float: left;margin: 0;padding: 0;}
#menu li li {float: left;margin:0 0 0 5px;padding: 0;width: 130px;}
#menu li li a, #menu li li a:link, #menu li li a:visited{background:#fff;width: 150px;float: none;margin: 0;padding: 4px 10px 5px 10px;color:#CEC3B1;}
#menu li li a:hover, #menu li li a:active {background:#fff;width: 150px;float: none;margin: 0;padding:4px 10px 5px 10px;color:#000;}
#menu li ul {position: absolute;width: 10em;left: -999em;z-index:1;}
#menu li:hover ul {left: auto;display: block;}
#menu li:hover ul, #menu li.sfhover ul {left: auto;}
#menu li.current_page_item a{background:transparent;color:#8CBD00;}
#menu li.current_page_item a:hover{color:#fff;text-decoration:none;}

/* ----------------------------------- slider */
#item{width:100%;background:transparent;padding:0;margin:2px 0 0 0;display:block;height:350px;overflow:hidden;position:relative;z-index:2;}
#it{clear:both;padding:5px 0;width:100%;overflow:hidden;color:#333;background:transparent;}
.contentslide{clear:both;padding:0;width:100%;height:350px;overflow:hidden;color:#333;background:transparent;z-index:3;}
.contentslide .opacitylayer{width:100%;height:100%;}
.contentslide .contentdiv{display:none;}

.slideimg{width:100%;display:block;padding:30px 0 0 0;z-index:1;position:relative;}
.slideimg img{display:none;}
.slidetxt{width:100%;display:inline-block;overflow:hidden;padding:50px 0 0 0;position:absolute;top:0;left:0;background:transparent;z-index:999;}
.pagination{width:99%;height:33px;padding:0;font:normal 18px georgia,times,Serif;z-index:999;position:absolute;top:310px;left:10%;background:transparent;}
.pagination a{padding:0 5px;text-decoration:none;color:#333;border:1px solid #fff;}
.pagination a:hover,.pagination a.selected{color:#8CBD00;border:1px solid #8CBD00;}

#item .read{clear:left;margin:10px 0 0 0;padding:0;border:0;background:transparent url(images/view.jpg) 50% 0 no-repeat;width:260px;height:55px;display:block;}
#item .read a{height:55px;width:260px;text-indent:-90000px;display:block;text-align:center;}

/* ----------------------------------- front */
.now{clear:both;width:100%;background:#fff;padding:0;margin:0 auto;overflow:hidden;}
.news,.mews{clear:both;width:100%;background:transparent;padding:0;margin:20px auto;}
.nimg a img{display:block;overflow:hidden;background:transparent;}
.nimg a:hover img{display:block;overflow:hidden;background:#ccc;}

.col1,.col2,.col11,.col3,.col4,.col6{width:100%;margin:3px 0;padding:10px 0;}
.col5,.col11{display:none;}

.now h2{display:block;width:100%;padding:15px 0;}
.twt{background:transparent;padding:3px 0;margin:0;color:#8CBD00;width:100%;font-size:14px;}

/* ----------------------------------- buttons */
.read{clear:both;margin:12px 0;padding:0;border:0;background:transparent url(images/view.jpg) 0 0 no-repeat;width:99%;height:40px;display:block;}
.more{margin-bottom:30px;padding:0;border:0;background:transparent url(images/view.jpg) 50% 0 no-repeat;width:99%;height:40px;display:block;}
.more a,.read a{height:40px;width:220px;text-indent:-90000px;display:block;text-align:center;}

/* ----------------------------------- h tags */
h2{color:#8CBD00;font:normal 28px century gothic, helvetica,tahoma;padding:10px 0;margin:0;letter-spacing:-2px;}
h3{color:#8CBD00;font:normal 19px century gothic, helvetica,tahoma;padding:8px 0;margin:0;letter-spacing:-1px;}

/* ----------------------------------- columns */
#middle{clear:both;;width:99%;margin:0;padding:5px 0;overflow:hidden;}

/* ----------------------------------- bar */
#sidebar{display:none;}

/* ----------------------------------- bar feeds */
#feed{background:transparent url(images/feeds.png) 50% 0 no-repeat;width:235px;height:260px;margin:0;padding:0;}
#feed .rss a{height:120px;width:230px;text-indent:-9000px;margin:0;padding:0;display:block;outline:none;}
#feed .twit a{height:120px;width:230px;text-indent:-9000px;margin:15px 0 0 0;padding:0;display:block;outline:none;}

/* ----------------------------------- 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:#8CBD00;border-left:7px double #8CBD00;font:19px times new roman;}
#content blockquote p{margin:20px 0;padding:0;}

/* ----------------------------------- lists */
#contents p{padding:5px 0;margin:4px 0;}
#content ul{list-style:none;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 0;}
#content ul li a{color:#666;text-decoration:none;}
#content ul li 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;}

/* ----------------------------------- date */
.date{font-size:11px;text-align:right;float:right;margin:-42px 0 0 0;padding:0;background:transparent url(images/cal.gif) 0 0 no-repeat;}
.date span.date{color:#333;padding:0 2px 0 4px;}
.bigdate{font:normal 25px times new roman, georgia,baskerville;color:#333;text-decoration:none!important;}

.entry{clear:both;margin:6px 0;padding:5px 0;}
.entry p{margin:12px 0;padding:4px 0;}
.rel{border-right:1px solid #ccc;float:left;width:49%;padding:19px 0 0 0;}
.book{float:right;width:49%;padding:19px 0 0 0;}
.col1 ul,.col2 ul,.rel ul,.book ul{margin:5px 0;padding:2px 0;list-style:none;}
.rel ul li a,.book ul li a{padding:6px 0;margin:5px 0;list-style:none;text-decoration:none;color:#333;}
.rel ul li img,.book ul li img{float:right;}

/* ----------------------------------- 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:#fff;border:1px solid #ccc;margin:7px 0;padding:7px 0;}
.commentslist li a{font-weight:400;}
.commentslist li.alt{background:#fafafa;}
.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:#fff;color:#333;}
.commentslist li.author a{color:#ddd;}
.commentslist li.author a:hover{color:#333;}
#comments_closed{background:#333;color:#ccc;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:#8A753F;}
.commentslist code{background:transparent;}
#commentform textarea{width:99%;height:255px;border:1px solid #ccc;padding:2px 0;margin-top:3px;color:#333;background:#fff ;}
#commentform #submit{background:transparent;font:normal 22px  times new roman, georgia,baskerville;color:#333;border:1px solid #ccc;width:200px;height:35px;cursor:pointer;text-transform:uppercase;}

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

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: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:#333;}
.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 #094426;}

table{width:100%;background:#fafafa;border:1px solid #ccc;color:#333;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:#fafafa;}
tr.alt,tr.even{background:#ccc;}
th{padding:.3em;color:#000;background:#fafafa;border:1px solid #ccc;}
td a,th a{font-weight:bold;color:#900;}

dl{margin:12px 0;border-bottom:1px solid #ccc;padding:0.5em 0;}
dt{display:inline;margin:9px 0;padding:0;color:#333;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:#fafafa;}
pre{overflow:auto;padding:9px;background:#fafafa;border:1px solid #ccc;}
pre code{padding:0;background:transparent;}

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

#sfversion {display:none;}

/* ----------------------------------- slider */
#items,#slider,#slider ul,#slider li{display:none;}

/* ----------------------------------- footer */
#footer{clear:both;background:#fff;width:100%;margin:0 auto;padding:5px 0;}
#footer .inner{background:transparent;color:#333;width:99%;overflow:auto;padding:0;}

#footer h2{color:#8CBD00;padding-left:53px;display:block;overflow:hidden;font:18px/16px century gothic,helvetica,tahoma;letter-spacing:-1px;}

.col12 ul,.col13 ul,.col14 ul,.col15 ul{list-style:none;margin:0;padding:0 0 0 54px;}
#footer .col12 ul li a,#footer .col13 ul li a,#footer .col14 ul li a,#footer .col15 ul li a{color:#333;font-size:12px;margin:0;padding:0;}
#footer ul li a:hover{color:#ccc;}

.creditl{background:transparent;margin:0;clear:both;padding:0;width:100%;display:block;height:35px;}
.creditl li{display:inline;list-style-type:none;margin:0;padding:0;}	
.creditl ul{margin:0;padding:0;}
.creditl ul li a{font:normal 14px arial,tahoma;color:#CEC3B1;text-transform:lowercase;padding:0 6px 5px 0;margin:0;text-decoration:none;width:88px;letter-spacing:-1px;background:transparent;}
.creditl ul li a:hover{color:#fff;padding:0 26px 5px 0;margin:0;background:transparent;}
.creditl li.current_page_item a{background:transparent;color:#8CBD00;}
.creditl li.current_page_item a:hover{border-top:1px solid #CEC3B1;text-decoration:none;}

.credits{clear:both;background:transparent;width:100%;margin:0 auto;padding:5px 0;display:block;color:#ccc;font:normal 11px arial;text-align:center;display:block;}
.credits a,.creditl a{color:#ccc;}
.col12{background:transparent url(images/ico1.png) 0 12px no-repeat;}
.col13{background:transparent url(images/ico2.png) 0 12px no-repeat;}
.col14{background:transparent url(images/ico3.png) 0 12px no-repeat;}
.col15{background:transparent url(images/ico4.png) 0 12px no-repeat;}

.col12,.col13,.col14,.col15{width:100%;margin:3px 0;padding:0;}