/*  

Theme Name: mobileCSS
Theme URI: http://3oneseven.com/
Description: A simple, fluid and lightweight theme with custom features.
Version: 3.17
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; }
*{margin:0;padding:0;}

body{background:#fff;color:#333;font:15px/20px Tahoma,Helvetica,serif;margin:0;padding:0;}
#wrap{background:transparent;color:#333;font:15px/20px Tahoma,Helvetica,serif;margin:0 auto;padding:0;width:90%;
overflow:hidden;position:relative;}
#content{width:100%;margin:0 auto;padding:0;background:transparent;}

a,a:visited{color:#FE7902;text-decoration:none;}
a:hover{text-decoration:none;color:#000;background:transparent;}
a img{border:none;}

/* ---------------------------------- header */
#header{background:transparent;width:100%;height:100px;margin:0;padding:0;border-top:4px solid #FE7902;}
.tag h1 a{margin:0;padding:0;color:#333;font:47px times new roman,georgia,Serif;
background:transparent;letter-spacing:-5px;text-decoration:none;}
.tag h1 a:hover{background:transparent;}
.description{font-size:25%;color:#ccc;letter-spacing:-1px;}
.tag{width:100%;background:transparent;margin:0;padding:10px 0 20px 0;overflow:hidden;}
.top{display:none;}

/* ---------------------------------- date js */
#dateToday{height:95px;overflow:hidden;width:100%;} 
#dateToday div{float:left;background:transparent;color:#ccc;font-weight:700;overflow:hidden;
font-family:times new roman,georgia,arial,serif;} 
#month{width:95px;margin-right:1px;padding-left:2px;font-size:49px;padding-top:55px;height:79px;} 
#month span{margin-left:20px;}
#day{width:145px;margin-right:2px;font-size:182px;height:127px;line-height:60%;letter-spacing:-15px;} 
#day span{margin-left:-20px;margin-top:-20px;} 
#year{width:60px;font-size:49px;padding-top:55px;height:39px;} 
#year span{margin-left:-5px;}

/* ---------------------------------- search */
#search{background:transparent;width:99%;display:block;}
#searchform{margin:0;padding:0;}
#searchform #s{width:100%;background:transparent;font:14px times new roman,georgia,arial,serif;
margin:0;padding:0 6px;color:#666;border:0;clear:both;}

#login{clear:both;width:100%;padding:0 6px;display:block;font:normal 14px times new roman, georgia,baskerville;}
#login a{color:#666;text-decoration:none;}
#login a:hover{color:#FE7902;text-decoration:none;background:#fff;}

/* ---------------------------------- navi */
#navi{background:#fafafa;display:block;padding:0;font:normal 14px times new roman, times,serif;
border-bottom:1px solid #ccc;height:30px;}
#menu ,#menu ul {margin: 0;padding: 0;list-style: none;height:30px;}
#menu a {color: #666;display: block;padding: 4px 6px;}
#menu a:hover {color: #ccc;display:block;text-decoration: none;background:#FE7902;}
#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:transparent;
width: 150px;float: none;margin: 0;padding: 4px 6px;color:#666;}
#menu li li a:hover, #menu li li a:active {background:#ccc;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:#FE7902;color:#fff;}
#menu li.current_page_item a:hover{color:#000;text-decoration:none;}

/* ----------------------------------- catnavi */
.sf-menu, .sf-menu * {margin:0;padding:0 0 0px 0;list-style:none;font:normal 14px times new roman,times,serif;}
.sf-menu {height:32px;background:#fafafa;border-bottom:1px solid #ccc;}
.sf-menu ul {position:absolute;top:-999em;width:10em;}
.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;color:#666;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:30px;z-index:150;}
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:10em;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:10em;top:0;}
.sf-menu {float:left;margin:0;width:100%;}
.sf-menu a {padding:8px  10px;text-decoration:none;color:#666;}
.sf-menu a, .sf-menu a:visited {color:#666;}
.sf-menu li {background:transparent;color:#666;}
.sf-menu li li {background:#ccc;}
.sf-menu li li li {background:#ccc;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {background:#fff;outline:0;color:#FE7902;}
.sf-menu li.current-cat a{background:#ccc;color:#FE7902;}
.sf-menu li.current-cat a:hover{background:#fff;color:#333;}

/* ----------------------------------- front */
.lead-image-wrapper{background:transparent;position:relative;padding:0 ;margin:0;}
.lead-image-wrapper h2
{font:normal 32px/100% times new roman,georgia,Verdana,Arial,serif;position:absolute;top:15px;left:0;z-index:1;letter-spacing:-2px;}
.lead-image-wrapper h2 a{color:#333;text-decoration:none;background:#fff;}
.lead-image-wrapper h2 a:hover{color:#FE7902;text-decoration:none;background:transparent;}
.lead-image-wrapper img{width:100%;height:160px;}
.read{display:block;text-align:right;}

#contentmiddle{display:block;width:99%;margin:0;padding:10px 0;overflow:hidden;}
.round{width:100%;margin:10px auto;padding:0;height:31px;background:#fafafa;margin:0;display:block;clear:both;border-top:1px solid #ccc;}
.col1,.col2,.col3{display:block;width:99%;margin:0;padding:0;overflow:hidden;}
.col1 a img,.col2 a img{border:0;float:left;margin:0;padding:0 9px 40% 0;}
#col5 a img,#col4 a img{border:0;float:left;margin:0;padding:0 9px 0 0;}

/* ----------------------------------- widgets */
.widgets,.widget{display:none;}

/* ----------------------------------- tabs */
ul.tabnav{display:none;}

/* ----------------------------------- slider */
#slider{background:transparent;padding:0;}
.stepcarousel{position:relative;overflow:scroll;width:100%;height:229px;margin:10px 0 0 0;background:transparent;}
.stepcarousel .belt{position:absolute;left:0;top:0;}
.stepcarousel .panel{float:left;overflow:hidden;margin:0 60px 0 10px;width:200px; 
background:transparent;height:220px;border:0;}
.stepcarousel .panel .entry{text-align:left;overflow:hidden;margin:0;padding:0;font-size:80%;}
.stepcarousel h4 a{font:normal 19px Georgia,Times New Roman,Times,serif;height:25px;overflow:hidden;display:block;
margin:0;padding:0;}
.stepcarousel h5{display:none;}
.stepcarousel .panel img{background:transparent;margin:0;padding:0;}

/* ----------------------------------- headers */
h1{font:normal 55px Georgia,Times New Roman,Times,serif;}
h2{font:normal 27px Georgia,Times New Roman,Times,serif;}
h3{font:normal 23px Georgia,Times New Roman,Times,serif;}
h4{font:normal 15px Georgia,Times New Roman,Times,serif;}
h5{font:normal 12px/15px Georgia,Times New Roman,Times,serif;
color:#666;padding:0;margin:8px 0;width:99%;display:block;}

/* ---------------------------------- bars */
#bar,#sbar{display:block;width:99%;margin:0;padding:0;overflow:hidden;background:transparent;}

#bar ul,#sbar ul,#s_footer ul,#footer ul{list-style:none;margin:0;padding:0 0 15px 0;}
#bar li,#sbar li,#s_footer li,#footer li{list-style:none;margin:0;padding:0;}
#bar ul li,#sbar ul li,#s_footer ul li,#footer ul li{margin:0;padding:5px 0 0 0;}
#bar ul li a,#sbar ul li a,#s_footer ul li a{color:#FE7902;text-decoration:none;}
#footer ul li a{color:#333;text-decoration:none;}

#sbar a img{border:0;max-width:95%;display:block;margin:0 auto;padding:5px;text-align:center;}
#sbar ul li a:hover,#bar ul li a:hover,#s_footer ul li a:hover,#footer ul li a:hover,.social ul li a:hover{color:#fff;text-decoration:none;background:#333;}
#bar li a,#sbar li a,#s_footer li a,#footer li a,.social li a{display:block;}

/* ---------------------------------- lists */
#content p{padding:10px 0;margin:0;}
#content p ol,#content p ul{margin:0;padding:0 0 0 10px;list-style:none;}
blockquote{margin:0 0 0 25px;padding:0 25px 0 10px;font-style:italic;color:#666;border-left:6px solid #333;}
#content blockquote p{margin:0 0 20px 0;padding: 0;}

/* ---------------------------------- wraps */
#contentmiddle2{display:block;width:99%;margin:0;padding:0;overflow:hidden;background:transparent;}
.entry{padding:6px 0 20px 0;margin:0;}
#contentmiddle ul li,#contentmiddle2 ul li{margin:0;padding:5px 0 0 0;list-style:none;}
#contentmiddle ul li a,#contentmiddle2 ul li a{color:#FE7902;text-decoration:none;list-style:none;}
#contentmiddle ul li a:hover,#contentmiddle2 ul li a:hover{color:#fff;text-decoration:none;}
#content img.wp-smiley{float:none;border:none;padding:0;margin:0;}
#content img.wp-wink{float:none;border:none;padding:0;margin: 0;}

/* ---------------------------------- date */
.date{font-size:11px;text-align:left;margin-bottom:2px;}
.date span.date{color:#7F7F7F;padding:0 2px 0 4px;}
.bigdate{font:25px times,sans serif;color:#333;text-decoration:none!important;}
.meta{display:block;background:transparent;font-size:70%;color:#666;text-align:right;}
.bolism{display:block;background:#fafafa;margin:20px 0;font-size:70%;}
#contentmiddle2 .meta{border-bottom:1px dotted #ccc;}
.postspace{background:transparent;width:80%;height:32px;margin:0;padding:0;}
#postmeta{margin:5px 0;padding:0;display:block;clear:both;}
.rel{float:left;width:48%;margin:0;padding-right:20px;}
.social{float:right;width:44%;margin:0;padding:0;background:transparent url(images/06.gif) bottom right no-repeat;}

/* ---------------------------------- footer */
#footer{background:transparent;width:100%;margin:10px 0 0 0;padding:20px 0 0 0;color:#333;}

.credit{clear:both;margin:20px auto 0;display:block;color:#ccc;width:100%;height:100px;
background:transparent url(images/milo317.gif) bottom center no-repeat;font-size:70%;text-align:center;}
.credit a{color:#ccc;background:transparent;}
.inner{background:transparent;width:90%;margin:0 auto;padding:0;border-bottom:5px solid #FE7902;border-top:1px solid #ccc;}

.col11,.col12,.col13,.col4,.col5,.col6{display:block;width:99%;margin:0;padding:0;overflow:hidden;background:transparent;}
.col4,.col5,.col6{font-size:80%;}

/* ---------------------------------- f navi */
#navif{background:#fafafa;display:block;padding:0;font:normal 18px times new roman, times,serif;
border-bottom:1px solid #ccc;height:30px;}
#menuf ,#menuf ul {margin: 0;padding: 0;list-style: none;height:30px;}
#menuf a {color: #666;display: block;padding: 4px 10px 6px 10px;}
#menuf a:hover {color: #ccc;display:block;text-decoration: none;background:#FE7902;}
#menuf li {float: left;margin: 0;padding: 0;}
#menuf li li {float: left;margin: 0 0 0 5px;padding: 0;width: 130px;}
#menuf li li a, #menuf li li a:link, #menuf li li a:visited {background:transparent;
width: 150px;float: none;margin: 0;padding: 4px 10px 5px 10px;color:#666;}
#menuf li li a:hover, #menuf li li a:active {background:#ccc;width: 150px;
float: none;margin: 0;padding: 4px 10px 5px 10px;color:#000;}
#menuf li ul {position: absolute;width: 10em;left: -999em;z-index:1;}
#menuf li:hover ul {left: auto;display: block;}
#menuf li:hover ul, #menuf li.sfhover ul {left: auto;}
#menuf li.current_page_item a{background:#FE7902;color:#fff;}
#menuf li.current_page_item a:hover{color:#000;text-decoration:none;}

/* ---------------------------------- s footer */
#s_footer{padding:0;margin:0;width:100%;clear:both;}
#s_footer li,#footer li{list-style:none;}

.rss{background:transparent url(images/004.gif) top left no-repeat;width:256px;height:67px;margin:0;padding:5px 0 0 0;}
.rss a{display:block;height:67px;width:256px;text-indent:-9000px;margin:0;padding:0;}
.mail{background:transparent url(images/003.gif) top left no-repeat;width:256px;height:67px;margin:0;padding:0;}
.mail a{display:block;height:67px;width:256px;text-indent:-9000px;margin:0;padding:0;}
#s_footer .mail a:hover,#s_footer .rss a:hover{background:transparent;}

#col4,#col5,#col6{display:block;width:99%;margin:0;padding:0;overflow:hidden;background:transparent;}

/* ----------------------------------- comments */
#comments{clear:both;width:100%;padding:12px 0;margin:4px 0;}
#comments h3,h3#respond{color:#555;margin:7px 0;}

ol.commentslist{margin:5px 0;list-style-type:upper-roman;}
ol.commentslist li{margin:5px 0;list-style-type:upper-roman;}
.commentslist li{background:transparent;border:1px solid #ccc;margin:7px 0;padding:7px 0;}
.commentslist li a{font-family:georgia;}
.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;padding:0 0 0 10px;float:left;width:80%;}
.comment_text ul,.comment_text ol,.comment_text blockquote{margin:0 1em;}

.comment-date{width:60px;float:right;padding:0 0 0 20px;margin:0;height:70px;display:inline-block;}
p.author_meta{font-weight:700;margin:0 0 0 7px;padding:0 20px;width:80%;}
p.post_meta{font-size:11px;text-align:right;margin:0 7px 0 0;}
.count{float:right;display:block;width:53px;height:53px;font:53px georgia;color:#ccc;line-height:53px;}

.commentslist li.author{background:transparent;color:#ccc;}
.commentslist li.author a{color:#ddd;}
.commentslist li.author a:hover{color:#333;}
#comments_closed{background:#fafafa;color:#333;padding:7px 0;margin:12px 0;line-height:1.5em;}
p.nocomments{margin:0 12px 0 7px;}
p.nocomments a{color:#ddd;font-family:georgia;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-family:georgia;}
#commentform p{margin:1em 0;}
#commentform p a{font-family:georgia;}
#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:#7F7F7F;}
.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 url(images/007.gif) top right no-repeat;font:normal 22px georgia,times new roman, times,sans-serif;color:#ccc;
border:1px solid #ccc;width:200px;height:35px;cursor:pointer;text-transform:uppercase;}

/* ---------------------------------- calendar */
#wp-calendar {text-align:center;background:#fff;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;}
#wp-calendar #next a {width:30px;margin:0 0 0 30px;}
#wp-calendar #today {background:#ccc;color:#000;}
#wp-calendar #today a {color:#fff;font-weight:700;}
#wp-calendar caption {text-align: center;width: 100%;margin:0 0 5px 0;font-variant: small-caps;}

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

/* ---------------------------------- clears */
.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 */
.aligncenter,.center{display: block;margin:0 auto;text-align:center;padding:3px;}
.alignright,.right{float:right;padding:4px;margin:0 2px;display:inline-block;}
.alignleft,.left{float:left;padding:4px;margin:0 2px;display:inline-block;}

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

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

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

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

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

/* ---------------------------------- top slider */
#toppanel {position: absolute;
top:5px;left:0;width:100%;z-index:999;text-align:center;margin:0 auto;}
#panel{width:100%;height: 280px;color: #fff;background: #FE7902;overflow: hidden;position: relative;z-index: 3;display: none;
border-bottom:1px solid #333;border-top:1px solid #333;}
#panel h1 {font: 1.6em georgia,times,times new roman;padding: 5px 0;margin: 0;color:#fff;text-align: left;}
#panel h2{font-size:1.0em;padding: 10px 0;margin: 0;color:#fff;text-align: left;}
#panel p {margin: 5px 0;padding: 0;}
#panel a {text-decoration: none;color: #F2EFBC;}
#panel a:hover {color:#fff;}
#panel a-lost-pwd {display: block;float: left;}
#panel ul {margin: 0 0 5px 0;padding: 0;line-height: 1.6em;list-style: none;}
#panel .content {width: 960px;margin: 0 auto;padding-top: 15px;text-align: left;font-size: 0.85em;}
#panel .content .left{width:250px;float: left;margin-bottom: 25px;padding: 0 15px;border-right: 1px solid #F2EFBC;
min-height: 220px;}
#panel .content .border {border-left: 1px solid #F2EFBC;}
#panel .content .narrow {width:120px !important;}
#panel .content form {margin: 0 0 10px 0;}
#panel .content label {float: left;padding-top: 8px;clear: both;width: 280px;display: block;}
#panel .content input.field {border: 1px #F2EFBC solid;background: #414141;margin-right: 5px;margin-top: 4px;width: 200px;color: white;height: 16px;}
#panel .content input:focus.field {background: #545454;}

/* ---------------------------------- login */
#panel .content input.bt_login,
#panel .content input.bt_register {
display: block;float: left;clear: left;height: 24px;
text-align: center;cursor: pointer;border: none;font-weight: bold;margin: 10px 0;}
#panel .content input.bt_login {width: 74px;background: transparent url(images/bt_login.png) no-repeat 0 0;}
#panel .content input.bt_register {width: 94px;color: white;background: transparent url(images/bt_register.png) no-repeat 0 0;}
#panel .lost-pwd {display: block;float:left;clear: right;padding: 15px 5px 0;font-size: 0.95em;text-decoration: underline;}
#panel h2 a#close .close{background: url(images/cross_bullet.gif.png) no-repeat left 0;}