/*  

Theme Name: Ines
Theme URI: http://3oneseven.com/buddypress-themes/
Description: Custom theme for BuddyPress by milo317. CSS, design and images are sole property of 3oneseven.com. NO copying, "inspiration", selling, marking as own work or any other form of use allowed.
Version: 3.17.17
Author: milo317
Author URI: http://3oneseven.com
Tags: buddypress, three-columns, custom-header, white, red

NOTE: CSS, design and images are sole property of 3oneseven.com. 
NO copying, "inspiration", selling, marking as own work 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:#CBEEF8 url(images/bg.jpg) 0 20px repeat-x fixed;color:#333;font:14px/20px Arial,Tahoma,Helvetica,Sans-Serif;text-shadow:#fff 0 1px 1px;margin:0;padding:0;}
#wrap{background:transparent;color:#333;font:15px/21px verdana,Arial,Tahoma,Helvetica,Sans-Serif;text-shadow:#fff 0 1px 1px;margin:12px auto;padding:0;width:85%;position:relative;display:block;}
#hrap{background:transparent url(images/head.jpg) 0 0px repeat-x fixed;margin:0;padding:0;width:100%;height:200px;position:fixed;top:0px;left:0;display:block;z-index:999 !important;}

a,a:visited{color:#5DA4B8;text-decoration:none;}
a:hover{text-decoration:none;color:#333;}

/* ----------------------------------- wrapper */ 
#mow{clear:both;margin:0 auto;padding:0;display:block;overflow:hidden;border:3px solid #FEFEFF;background:#AED5E1;-moz-box-shadow:0 2px 2px #333;-webkit-box-shadow:0 2px 2px #333;box-shadow:0 2px 2px #333;border-collapse:separate;border-spacing:0;}
#content{clear:both;margin:200px auto 0;padding:0;background:transparent;display:block;}
#main{background:#FEFEFF url(images/04.jpg) 0 0 repeat-x;border:3px solid #FEFEFF;margin:84px 0 24px 0;padding:8px 0;overflow:hidden;display:block;-moz-box-shadow:0 2px 2px #333;-webkit-box-shadow:0 2px 2px #333;box-shadow:0 2px 2px #333;border-collapse:separate;border-spacing:0;}
#smain{background:#FEFEFF url(images/04.jpg) 0 202px repeat-x fixed;border:3px solid #FEFEFF;margin:14px 0;padding:0;overflow:hidden;display:block;-moz-box-shadow:0 2px 2px #333;-webkit-box-shadow:0 2px 2px #333;box-shadow:0 2px 2px #333;border-collapse:separate;border-spacing:0;}

/* ----------------------------------- header */ 
#header{clear:both;background:#AED5E1 url(images/03.jpg) 0 0 repeat-x;border:3px solid #FEFEFF;width:84.5%;height:64px;margin:0 auto;padding:0;position:relative;overflow:hidden;-moz-box-shadow:0 2px 2px #333;-webkit-box-shadow:0 2px 2px #333;box-shadow:0 2px 2px #333;border-collapse:separate;border-spacing:0;}
#head{float:left;width:52%;overflow:hidden;display:inline-block;}
#header h1,#header h1 a{font:normal 42px 'Lobster',baskerville,palatino linotype,georgia,times new roman,serif;text-shadow:#000 0 1px 1px;color:#FEFEFF;border:0;margin:0;padding:8px 0 0 0;letter-spacing:-2px;}
#header h1 a:hover{background:transparent;color:#ccc;}
.des{margin:0;padding:0;color:#666;text-transform:uppercase;font:14px georgia,times new roman,serif;position:absolute;top:0;left:5px;display:none;}

/* ---------------------------------- navi */
#navi{background:transparent;width:85%;clear:both;display:block;margin:27px auto 50px;padding:0;font:normal 17px times new roman,georgia,times,serif;height:30px;z-index: 999 !important}
#menu ,#menu ul {margin:0;padding: 0;list-style: none;height:30px;}
#nav,.snav {margin: 0;padding: 0;}	
#nav ul,.snav ul {float: left;list-style: none;margin: 0;padding: 0;}
#nav li,.snav li {float: left;list-style: none;margin: 0;padding: 0;}
#nav ul li,.snav ul li {list-style: none;margin: 0 0 0 -1px;padding: 0;}
#nav li a,.snav li a {color: #D8F1F8;display: block;margin: 0;padding: 6px 10px;border-right: 0;text-decoration: none;text-shadow:#000 0 1px 1px;}
#nav li a:hover,.snav li a:hover{background: #AED5E1;color: #fff;text-shadow:#000 0 1px 1px;display: block;margin: 0;padding: 6px 10px;text-decoration: none;}
#nav li li a, #nav li li a:link, #nav li li a:visited {background: #AED5E1;border-bottom:1px solid #666;text-shadow:#fff 0 1px 1px;width: 170px;color: #000;float: none;margin: 0;padding: 7px 10px;text-decoration:none;}
#nav li li a:hover, #nav li li a:active {background: #fff;color: #333;padding: 7px 10px;text-shadow:#fff 0 1px 1px;}
#nav li ul {z-index: 999 !important;position: absolute;left: -999em;height: auto;width: 190px;margin: 0;padding: 0;-moz-box-shadow:0 2px 2px #000;-webkit-box-shadow:0 2px 2px #000;box-shadow:0 2px 2px #000;}
#nav li ul a { width: 160px;}
#nav li ul a:hover, #nav li ul a:active { }
#nav li ul ul {margin:-34px 0 0 191px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover { position: static;}
#nav .current_page_item a,#nav .selected a  {background:transparent;color: #fff;text-shadow:#000 0 1px 1px;display: block;margin: 0;padding:6px 10px;text-decoration: none;}

/* ----------------------------------- search */ 
#search{background:transparent;width:210px;height:30px;float:right;margin:0;padding:0;z-index: 999;}
#searchform{margin:0 auto;padding:5px 3px;/* text-align: center; */}
#searchform #s{width:200px;padding:2px;background:#AED5E1;border:3px solid #FEFEFF;font:14px baskerville,palatino linotype,georgia,times new roman,serif;margin:0;color:#5B4225;float:right;position:absolute;top:27px;right:7.7%;-moz-box-shadow:0 2px 2px #333;-webkit-box-shadow:0 2px 2px #333;box-shadow:0 2px 2px #333;border-collapse:separate;border-spacing:0;z-index:1000 !important;}
#searchform #s * { z-index: 999; }

/* ----------------------------------- feed */ 
#feed{width:25px;padding:2px;background:transparent url(images/feed.png) top right no-repeat;width:50px;height:30px;font-size:15px;margin:0;color:#ff9900;position:absolute;top:29px;right:29.9%;text-shadow:#000 0 1px 1px;z-index:1000 !important;}
#feed * { z-index: 999; }
#feed a{color:#ff9900;}

/* ----------------------------------- members ****************/
.contents{margin:0;padding:0;background:transparent;display:inline-block;width:409px;position:absolute;top:91px;right:7.7%;z-index: 997 !important}
.col4m{width:100px;margin:0;float:left;display:inline-block;padding:0;height:100px;background:transparent url(images/1.png) 50% 50% no-repeat;}
.col5m{width:100px;margin:0;display:inline-block;padding:0;height:100px;background:transparent url(images/2.png) 50% 50% no-repeat;}
.col6m{width:100px;margin:0;display:inline-block;float:left;padding:0;height:100px;background:transparent url(images/3.png) 50% 50% no-repeat;}
.col7m{width:100px;float:right;display:inline-block;padding:0;height:100px;background:transparent url(images/4.png) 50% 50% no-repeat;}
.col4s{width:100px;margin:0;float:left;display:inline-block;padding:0;height:100px;background:transparent url(images/5.png) 50% 50% no-repeat;}
.col5s{width:100px;float:left;display:inline-block;padding:0;height:100px;background:transparent url(images/6.png) 50% 50% no-repeat;}
.col6s{width:100px;margin:0;display:inline-block;float:left;padding:0;height:100px;background:transparent url(images/7.png) 50% 50% no-repeat;}
.col7s{width:100px;float:right;display:inline-block;padding:0;height:100px;background:transparent url(images/8.png) 50% 50% no-repeat;}

.col4m a,.col5m a,.col6m a,.col7m a,.col4s a,.col5s a,.col6s a,.col7s a{display:block;height:100px;width:100%;color:#5B4225;font:20px 'Lobster',baskerville,palatino linotype,georgia,times new roman,serif;margin:10px auto 0;padding:8px 0;outline:none;text-align:center;}
.col4m a:hover,.col5m a:hover,.col6m a:hover,.col7m a:hover,.col4s a:hover,.col5s a:hover,.col6s a:hover,.col7s a:hover{color:#000;}

/* ----------------------------------- h tags */
h1,h2{color:#5DA4B8;letter-spacing:-1px;padding:10px 0;margin:0;font:28px 'Lobster',baskerville,palatino linotype,georgia,times new roman,serif;border:0;}
h2 span,h3 span{color:#5DA4B8;}
h3{color:#5DA4B8;font:24px 'Lobster',baskerville,palatino linotype,georgia,times new roman,serif;margin:0;margin:10px 0;padding:8px 0;}
#footer h3 {color:#fff;margin:10px 0;padding:1px 0;text-shadow:#000 0 1px 1px;}
h4{color:#5DA4B8;font:18px 'Lobster',baskerville,palatino linotype,georgia,times new roman,serif;margin:0;margin:10px 0;padding:8px 0;}
h2 a,h3 a,h4 a,h5 a{color:#5DA4B8;}

#sub{width:200px;padding:2px;background:transparent;margin:0;position:absolute;top:100px;right:4px;}
#mow small a,#wrap .sm,#wrap .sm a{color:#7F7665;font:11px georgia,times new roman;text-transform:uppercase;}

/* ----------------------------------- button */
.read a{font:16px 'Lobster',times new roman,serif;clear:both;margin:15px 0;display:block;padding:3px;width:120px;background:#AED5E1;border:2px solid #FEFEFF;color:#5B4225;text-shadow:#fff 0 1px 1px;-moz-box-shadow:0 2px 2px #333;-webkit-box-shadow:0 2px 2px #333;box-shadow:0 2px 2px #333;border-collapse:separate;border-spacing:0;}
.read a:hover{background:#5DA4B8;color:#fff;text-shadow:#000 0 1px 1px;}

/* ----------------------------------- bars */ 
#contentmiddle{float:left;width:30%;margin:4px 0;padding:8px 0;overflow:hidden;}
#contentmiddle2{float:left;width:49%;margin:4px 0;padding:8px 0;border:0;overflow:hidden;}
#contentmiddle3{float:left;width:69%;margin:4px 0;padding:8px 0;border:0;}

#r_sidebar{float:right;width:11%;margin:4px 0;padding:8px 0;overflow:hidden;display:inline-block;}
#l_sidebar{float:left;width:11%;margin:4px 0;margin-left:3%;padding:8px 0;overflow:hidden;display:inline-block;}
#left_sidebar{float:left;width:30%;margin:4px 0;margin-right:3%;padding:8px 0;overflow:hidden;display:inline-block;}
#middle{float:right;width:30%;margin:4px 0;padding:8px 0;overflow:hidden;display:inline-block;}
#bar{float:right;width:25%;margin:4px 0;padding:8px 0;overflow:hidden;display:inline-block;}

#sbar{clear:both;width:100%;margin:4px auto;padding:8px 0;overflow:hidden;display:block;}

/* ----------------------------------- front krawallo */ 
.r1{clear:both;background:#FFF9E3;width:99%;height:250px;overflow:hidden;margin:1px 0;padding:0;border:2px solid #7F7665;}
.r1:hover,.r3:hover,.fr1:hover{border:2px solid #AFD7E0;}
.fr1{clear:both;float:left;background:#FFF9E3;width:159px;height:auto;overflow:hidden;margin:1px 5px 1px 0;padding:0;border:2px solid #7F7665;}
.fr1 a img{width:100%;height:auto;}

.r2{background:transparent;border:0;width:30%;height:400px;overflow:hidden;margin:15px 2% 0 0;padding:0;float:left;display:inline-block;}
.belt{display:block;}
.panel{float:left;overflow:hidden;margin:0 1.5% 1.5% 0;padding:0;width:154px;background:transparent;height:154px;position:relative;}
.lead{margin:0;width:80%;background:#FEFEFF;position:absolute;bottom:20px;left:5px;display:block;}
.lead h4{color:#5DA4B8;font:24px/19px 'Lobster',baskerville,palatino linotype,georgia,times new roman,serif;text-shadow:#000 0 1px 1px;margin:0;margin:0;padding:1px 0;}

/* ----------------------------------- bar lists */ 
#l_sidebar ul,#left_sidebar ul,#middle ul,#bar ul,#sbar ul,#footer ul{list-style:none;margin:0;padding:0 0 6px 0;}
#l_sidebar li,#left_sidebar li,#middle li,#bar li a,#sbar li{margin:3px 0;padding:3px 0;display:block;}
#l_sidebar ul li a,#left_sidebar ul li a,#middle ul li a,#bar ul li a,#sbar ul li a{margin:3px 0;padding:3px 15px 3px 0;color:#333 !important;text-decoration:none;background:transparent;border-bottom:1px solid #fafafa;}
#l_sidebar ul li a:hover,#left_sidebar ul li a:hover,#r_sidebar ul li a:hover,#footer ul li a:hover,#middle ul li a:hover,#sbar ul li a:hover,#bar ul li a:hover,#s_footer ul li a:hover{color:#333;text-decoration:none;border-bottom:1px solid #ccc;background:#fafafa url(images/arrowback_icon.gif) 100% 50% no-repeat;}
#footer ul li a:hover{border:0 !important;}
#l_sidebar h3,#left_sidebar h3,#middle h3,#bar ul,#sbar h3,#contentmiddle h3{line-height:16px;}

#content p{padding:10px 0;margin:0;}
.sl{margin:10px auto;padding:0;width:100%;height:3px;clear:both;display:block;background:#AFD7E0;}
.box{padding:0;margin:0 0 8px 0;display:block;width:100%;}
.box .avatar{padding:0;margin:4px 8px 0 0;}
.box .list-1 li{padding:0;margin:0 8px 0 0;float:left;display:inline-block;}

/* ----------------------------------- lists */
#content p ol,#content p ul{margin:4px 0;padding:10px 0 0 10px;list-style:none;}
blockquote{margin:0 0 0 25px;padding:0 25px 0 10px;font:18px 'Lobster',baskerville,palatino linotype,georgia,times new roman,serif;color:#666;border-left:6px solid #5B4225;}
#content blockquote p{margin:0 0 20px 0;padding: 0;}
#contentmiddle3 ul li{margin:0;padding:5px 15px 5px 0;list-style:none;}
#contentmiddle3 ul li a{color:#5B4225;text-decoration:none;list-style:none;}
#footer ul li a{color:#5B4225;text-decoration:none;list-style:none;display:block;}
#contentmiddle3 ul li a:hover{color:#333;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;}
.entry .drop{float:left;font:3.5em georgia,serif;line-height:100%;margin:3px 8px 0 0;width:30px;text-align:center;color:#5B4225;}

/* ----------------------------------- posts */
.entry{margin:1px 0;padding:10px 20px;clear:both;}
.sdate{font:16px 'Lobster',baskerville,palatino linotype,georgia,times new roman,serif;text-align:right;float:right;margin:0;padding:0;}
.smeta{display:block;background:transparent;font-size:11px;margin:0;padding:4px 20px;border:0;}
.smeta .author-avatar{float:left;padding:0;margin:0 5px 0 0;}

.postspace{background:transparent;width:99%;height:32px;margin:0;padding:0;clear:both;display:block;}
#postmeta{background:transparent url(images/01.jpg) 0 0 repeat-x;width:99%;margin:0;padding:0;display:block;}
.rel{float:left;width:48%;margin:0;padding-right:20px;}
.social{float:right;width:44%;margin:0;padding:0;}

.content-title {color: #1F2122; font-size: 18px; padding: 0 0 18px 0; border-bottom: 1px solid #ccc;position: relative;}
.content-title a {color: #1F2122; text-decoration: none;}
.content-title a:hover {color: #333;}
.content-title span {color: #d9d9d9;}
.content-title span a {color: #d9d9d9; text-decoration: none;}
.content-title span a:hover {color: #000; text-decoration: none;}

.post-navigation {width:100%; padding: 15px 0; position: relative;clear:both;display:block;}
.post-navigation a {display: block; color: #000; font: 11px Helvetica, Arial, sans-serif; text-decoration: none; line-height: 1.5;}
.post-navigation a:hover {text-decoration: none;}
.post-navigation a em {display: block; color: #aaa9a9; font: italic 11px trebuchet ms,arial;text-transform:lowercase;}
.post-navigation a:hover span {text-decoration: underline;}
.post-prev {width: 250px; min-height: 40px; padding-left: 30px; float: left; text-align: left; background: url(images/post_prev.png) 0 50% no-repeat;}
.post-next {width: 250px; min-height: 40px; padding-right: 30px; float: right; text-align: right; background: url(images/post_next.png) 100% 50% no-repeat;}
.line {width: 1px; height: 100%; background: #d9d9d9; position: absolute; top: 15px; right: 50%;}

.f, .t, .di, .su {width: 16px; height: 15px; position: absolute; bottom: 15px;}
.f {right: 63px; background: url(images/social.png) 0 0 no-repeat;}
.t {right: 42px; background: url(images/social.png) -16px 0 no-repeat;}
.di {right: 21px; background: url(images/social.png) -32px 0 no-repeat;}
.su {right: 0; background: url(images/social.png) -48px 0 no-repeat;}
.f:hover {background-position: 0 -15px;}
.t:hover {background-position: -16px -15px;}
.di:hover {background-position: -32px -15px;}
.su:hover {background-position: -48px -15px;}

.widget {margin-bottom: 35px;clear:both;display:block;}
.widget-small {width: 130px;}
.widget h3, .widget-small h3{padding-bottom: 15px; margin-bottom: 20px;}
.widget a:hover, .widget-small a:hover {text-decoration: underline;}
.widget p, .textwidget {color: #262626; font: 12px/1.3 Helvetica, Arial, sans-serif;}
.widget p a, .textwidget a {text-decoration: underline;}
.widget p a:hover, .textwidget a:hover {text-decoration: none;}
.widget li, .widget-small li {font-size: 12px; color: #262626; margin-bottom: 3px;}

.rpthumb {display: block; padding-bottom: 15px; margin-top: 15px; border-bottom: 1px dotted #d9d9d9;}
.rpthumb img {width: 50px; width: 50px; margin-right: 15px; float: left;}
.rpthumb-title {display: block; font: 12px helvetica, frutiger,arial,tahoma; margin-bottom: 6px;margin-right:10px;}
.rpthumb-date {display: block; font-size: 11px; color: #aaa9a9;}
.rpthumb:hover {text-decoration: none !important;}
.rpthumb:hover .rpthumb-title {text-decoration: underline;}

.widget_tag_cloud a {margin: 0 2px;}
.widget_calendar table {width: 100%;}
.widget_calendar caption {font-size: 13px; padding-bottom: 10px; text-align: left;}
.widget_calendar th, .widget_calendar td {padding: 5px 0; font-size: 13px;}
.widget_calendar tbody a {text-decoration: underline;}
.widget_calendar tbody a:hover {text-decoration: none}

/* ----------------------------------- comments */
.comments h3 {font-size: 18px; font-weight: normal; color: #000; padding: 15px 0 10px 0; border-bottom: 1px solid #d9d9d9;}
.comments a {color: #000;}
#comments {margin: 30px 0;clear:both;}
.comment {padding: 15px 0 15px 30px; border-bottom: 1px dotted #d9d9d9;}
.comment td {vertical-align: top;border:0 !important;}
.comment-meta {position: relative; min-height: 70px; font-size: 11px; margin-right: 30px;}
.avatar {display: block; margin-right: 10px;}
.comment-author {color: #aaa9a9;}
.comment-author span {color: #000;}
.comment-author a, .comment-author span {text-decoration: none; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; font-style: normal;}
.comment-author a:hover {text-decoration: underline;}
.comment-author, .comment-date {white-space: nowrap;}
.comment-reply-link {position: absolute; bottom: 1px; text-decoration: none;}
.comment-reply-link:hover {text-decoration: underline;}
.comment-text p {color: #4b4b4b; ; font: 12px/19px Helvetica, Arial, sans-serif; margin-bottom: 15px;}
.children {margin-left: 80px;}
.children .children {margin-left: 50px;}
.children .comment {padding-left: 0;}

#respond p, .nopassword {margin: 10px 0; font: 11px Helvetica, Arial, sans-serif;}
.nopassword {padding-left: 30px;}
#respond p a {text-decoration: none;}
#respond p a:hover {text-decoration: underline;}
#commentform {padding: 30px 0 0 30px;}
#commentform table {width: 100%; margin-bottom: 15px;}
#commentform td {vertical-align: top; width: 33.33%;border:0 !important;}
#commentform td p {font: bold 11px Helvetica, Arial, sans-serif; color: #333; margin-bottom: 5px;}
#commentform td p span {color: #aaa9a9; font: italic 11px Georgia, Geneva, "Times New Roman", times;}
.commform-textarea {border: 1px solid #d9d9d9; padding: 10px; margin-bottom: 10px;}
#comment {width: 100%; height: 120px; padding: 0; margin: 0; border: none; border-color: #fff; overflow: auto;}
.commform-author div {margin-right: 15px; border: 1px solid #d9d9d9; padding: 5px;}
.commform-email div {border: 1px solid #d9d9d9; padding: 5px;}
.commform-url p {margin-left: 15px !important;}
.commform-url div {margin-left: 15px; border: 1px solid #d9d9d9; padding: 5px;}
#author, #email, #url {width: 100%; margin: 0; padding: 0; border: none; font: 12px Helvetica, Arial, sans-serif; color: #333;}
#submit{background:#AED5E1;display: block;height:31px;margin:20px 0 0 0;clear:both;padding:8px;overflow: hidden;float: left;text-decoration: none;color:#5B4225;border:2px solid #FEFEFF;}		
#submit:hover {background: #5DA4B8;color: #fff;text-shadow: 0 1px 1px #000;}
p#cancel-comment-reply {float: right; line-height: 28px; margin: 0;}

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

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

/* ----------------------------------- flickr */
.ff a img{border:.08em solid #ccc;padding:.077em;width:3.5em;height:3.5em;margin:5px;}
.ff a:hover img{border:.08em solid #333;width:3.5em;height:3.5em;margin:5px;padding:.077em;}
.single .entry a img,.single .entry img{-moz-box-shadow:0 2px 2px #666;-webkit-box-shadow:0 2px 2px #666;box-shadow:0 2px 2px #666;max-width:95%;height:auto;}

/* ----------------------------------- ads */
.ad,.ads{border:0;padding:20px 0;width:99%;margin:0;clear:both;}
.ads a img,.ad a img{border:0;margin-right:1%;padding:2px;float:left;}

.navigation{clear:both;border:1px dotted #ccc;width:90%;margin:10px 0;padding:5px;display:block;}
.rss a img{border:0;padding:2px;margin:0;}

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

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

/* -----------------------------------  Panel Tab/ */
.tab{background:transparent;height:42px;position:relative;top:0;z-index:999;}
.tab ul.login {display: block;position: relative;float: right;clear: right;height: 42px;width: auto;font-weight:400;line-height: 42px;margin: 0;right:10px;color:#333;font-size:90%;text-align: center;}
.tab ul.login li.left {background:transparent;height: 42px;width: 30px;padding: 0;margin: 0;display: block;float: left;}
.tab ul.login li.right {background:transparent;height: 42px;width: 30px;padding: 0;margin: 0;display: block;float: left;}
.tab ul.login li {text-align: left;padding: 0 6px;display: block;float: left;height: 42px;background:transparent;}
.tab ul.login li a {color:#333;}
.tab ul.login li a:hover {color:#ccc;}
.tab .sep {color:#333;}
.tab a.open, .tab a.close {height: 20px;line-height: 20px !important;padding-left: 30px !important;cursor: pointer;display: block;width: 100px;position: relative;top: 5px;}
.tab a.open,.tab a.close,.tab a:hover.open,.tab a:hover.close {background:transparent;}

/* ----------------------------------- footers */
#footer{clear:both;border:3px solid #FEFEFF;background:#AED5E1 url(images/03.jpg) 0 0 repeat-x;width:85%;margin:10px auto;padding:10px 0;color:#333;overflow:hidden;display:block;-moz-box-shadow:0 2px 2px #333;-webkit-box-shadow:0 2px 2px #333;box-shadow:0 2px 2px #333;border-collapse:separate;border-spacing:0;}
#footer .meta{display:block;list-style-type:none;list-style-image:none;background:transparent;}
.inner{background:transparent;width:100%;margin:0 auto;padding:0;display:block;}

/* ----------------------------------- footer navi */
#navbarf{clear:both;display:block;width:100%;margin:15px auto;padding:0;width:85%;background:transparent;}
#navbarf ul{margin:0;padding:0;list-style-type:none;}
#navbarf li{display:inline;list-style-type:none;margin:0;padding:0;}	
#navbarf ul li a{font:normal 16px baskerville,palatino linotype,georgia,times new roman,serif !important;color:#5B4225 !important;text-decoration:none;padding:0 10px 0 5px !important;}
#navbarf ul li a:hover{color:#000;}

#foo{clear:both;border:3px solid #FEFEFF;background:#AED5E1;width:85%;height:99px;margin:10px auto;padding:0;color:#333;-moz-box-shadow:0 2px 2px #333;-webkit-box-shadow:0 2px 2px #333;box-shadow:0 2px 2px #333;border-collapse:separate;border-spacing:0;}

.fhead{float:left;width:38%;overflow:hidden;display:inline-block;}
#foo h1,#foo h1 a{font:normal 34px/30px 'Lobster',baskerville,palatino linotype,georgia,times new roman,serif;text-shadow:#000 0 1px 1px;color:#FEFEFF;border:0;margin:0;padding:20px 0 0 0;letter-spacing:-2px;}
#foo h1 a:hover{background:transparent;color:#ccc;}
#foo .des{margin:4px 0 0 0;padding:0;color:#666;text-transform:uppercase;font:16px georgia,times new roman,serif;}
#foo .fcontents{margin:0;padding:0;background:transparent;display:inline-block;width:409px;float:right;z-index: 999 !important}

.col1{width:20%;float:left;margin-right:15px;margin-left:15px;background:transparent;}
.col2{width:15%;float:left;margin-left:15px;background:transparent;}
.col3{width:19%;float:right;margin-left:15px;background:transparent;}

.col4{width:22%;margin-right:3%;float:left;padding:5px 0;}
.col5{width:27%;float:left;padding:5px 0;}
.col6{width:18%;margin-left:3%;float:left;padding:5px 0;}
.col7{width:22%;float:right;padding:5px 0;}

/* ----------------------------------- credits */ 
.credits{clear:both;width:85%;height:65px;display:block;margin:20px auto;padding:10px 0;background:transparent;font:11px arial,verdana;}
.creditsl{display:inline-block;margin:0;padding:0;float:left;width:30%;color:#5B4225;}	
.creditsr{display:inline-block;margin:0;padding:0;color:#5B4225;float:right;width:30%;height:65px;background:transparent url(images/05.png) top right no-repeat;}
.creditsr p{margin:0;padding-right:60px;text-align:right;}	