/*
Theme Name: folioBlog Brown
Theme URI: http://folioblog.sarah-neuber.de/
Description: A child theme of folioBlog with brown tones.
Template: folioBlog
Author: Sarah Neuber
Author URI: http://www.sarah-neuber.de
Version: 2.0
*/
@import url(../folioBlog/style.css);
/*
General Styling for
Links, Messages, Forms, Tables
*/
a { text-decoration:none;color:#ae3a00;}
a:hover, a:focus { text-decoration:underline;}
.error {color:#993300;}
.success {color:#336600;}

blockquote {color: #907a67;border-left:3px solid #c6c3a5;padding-left:18px;}

/* FORMS */
form .error {font-size:0.8em;}
label { display:block; float:left; width:80px; margin:0 12px 6px 0; text-align:right;font-size:1.1em;}
label span, label em {color:#993300;}
label span {font-size:0.8em;}
form br {clear:left;}

/* Fieldsets */
fieldset { margin: 0 0 18px 0;}
legend { font-weight: bold; font-size:1.2em; margin-bottom:6px; }

/* Text fields , textareas, select*/
input, textarea, select  { margin:0 0 6px 0; }
input.text, input[type='text'], textarea, select { width: 160px; display:block; float:left; border:1px solid #c6c3a5;color:#28211b;background:#eff1e1;}
#header input.text, #header input[type='text'], #footer select, .sidebar input.text {border:1px solid #4c3f34;border-top:1px solid #000;border-left:1px solid #000;background:transparent;color:#ececec;}
textarea {height: 200px;width:312px;}
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }

/*hover and focus styles*/
textarea:focus, textarea:hover, input[type='text']:focus, input.text:focus, input[type='text']:hover, 
input[type='password']:focus, input[type='password']:hover, select:focus, select:hover {background:#f3f3f3;}
#header input[type='text']:focus, #footer select:focus, #header input[type='text']:hover, #footer select:hover, .sidebar input.text:focus, .sidebar input.text:hover { background:#362c23;}

/*Buttons*/
.formbtn, .button {background:#ae3a00;border:1px solid #cc6600;color:#ececec;padding:0 4px;}
.formbtn {float:left;margin-left:12px;display:inline;}
.button {padding:4px 12px;}
.formbtn:focus, .formbtn:hover, 
.button:focus, .button:hover {background:#d76906;text-decoration:none;}

/* TABLES */
/* tables still need 'cellspacing="0"' in the markup */
table, thead, tbody, tr, th, td {font-size:1em}
table { border-collapse:separate; border-spacing:0; margin-bottom:18px;}
caption, th, td { text-align:left;}
th { border-bottom: 2px solid #ccc; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding:6px; }
tfoot { font-style: italic; }
caption { background: #ffc; }

/*

Layout styling starts here

*/

/*make sticky footer*/
html, body { height:100%;}
body {background:#362c23 url(images/header_bgd_slice.png) repeat-x top left;font-family:Tahoma;color:#28211b;}
#pg_wrap {min-height:100%;height:auto;background:#eff1e1;}
.container {width:960px;margin:0 auto;}
#floatswrap {padding-bottom:286px;background:#eff1e1;}/*to keep content from hiding behind the footer. Value= footer's height +36px */

/*  FOOTER */
#footer {position:relative;z-index:10;margin-top:-251px;border-top:2px solid #28211b;background:#362c23;color:#907a67;}
#footer a {color:#669933;}
#footer .container {height:249px;/*minus the footer's border*/}
#footer .footer_box {float:left;width:292px;margin-bottom:18px;padding-top:30px;}
#footer .footer_box .footer_inner_box {border-left:1px solid #2a231c;padding-left:18px;}
#footer .middle {margin:0 15px;text-align:center;}
#footer .footer_box h3 {margin-bottom:12px;color:#ececec;}
#footer .footer_box p {margin:0;}
#footer .footer_box a {display:block;padding:8px 0;}
#footer .copyright_notes {clear:both;border-top:1px solid #28211b;}
#footer .copyright_notes p {margin:0;padding:6px 0;text-align:center;font-size:0.8em;border-top:1px solid #45392f;}
#footer select {float:none;color:#907a67;margin:0 auto;}

/* HEADER TITLE, SEARCH, MAIN NAVIGATION AND CART */
#header {background:url(images/header_bgd.png) no-repeat top left;}
#header  .container{padding-top:35px;}
#header h1 {float:left; width:196px; height:65px;background:url(images/logo.png) no-repeat top left;text-indent:-9999em;}
#header h1 a { color:#ececec;cursor:pointer;display:block;width:196px; height:65px; }

/* SEARCH*/
#searchform {float:right;width:300px;color:#ececec;margin-top:15px;}
#trackingform {float:none;width:100%;margin-top:18px;}
#searchform label, #trackingform label {color:#907a67;}
#trackingform .tracking_input {width:90px;color:#ececec;}
/*when on a 404 page*/
#main_col .main_col_searchform #searchform {float:left;}

/* MAIN NAVIGATION */
#main_navi {clear:both;padding-bottom:8px;}
#main_navi ul {float:right;}
#main_navi ul li {display:inline;float:left;margin-left:3px;}
#main_navi ul li a { display:block;padding:6px 10px;float:left;font-size:1.2em;letter-spacing:1px;color:#ead593;border:1px solid transparent;}
#main_navi ul li a:focus, #main_navi ul li a:hover, #main_navi ul li a:active, #main_navi ul li.current-cat a, 
#main_navi ul li.current-cat-parent a, body.home #main_navi ul li.home a, 
#main_navi ul li.current_page_item a, #main_navi ul li.current_page_parent a,
/*Highlight the Gallery/Shop when inside
change the number on cat-item-3 and cat-item-4 to much your featured/Gallery and Shop li class*/ 
body.gallery #main_navi ul li.cat-item-6 a {text-decoration:none;background:#4c3f34;color:#ececec;border-color:#56483c;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
/*when inside other than the blog's categories, blog remains highlighted - reset*/
body.gallery #main_navi ul li.current_page_parent a, 
body.search_pg #main_navi ul li.current_page_parent a,
/*this happens to the Gallery and the Shop when on Blog- reset*/ 
body.blog_pg #main_navi ul li.current-cat-parent a, 
body.archive #main_navi ul li.current-cat-parent a, 
body.archive #main_navi ul li.current_page_parent a, 
body.blog_pg #main_navi ul li.current-cat a {color:#ead593;border:1px solid transparent;background:transparent;}
/*add the Blog and Gallery hover styles back on*/
body.gallery #main_navi ul li.current_page_parent a:focus, body.blog_pg #main_navi ul li.current-cat-parent a:focus, 
body.search_pg #main_navi ul li.current_page_parent a:focus, body.arhive #main_navi ul li.current-cat-parent a:focus, body.archive #main_navi ul li.current_page_parent a:focus, 
body.gallery #main_navi ul li.current_page_parent a:hover, body.blog_pg #main_navi ul li.current-cat-parent a:hover, 
body.search_pg #main_navi ul li.current_page_parent a:hover, body.archive #main_navi ul li.current-cat-parent a:hover, body.archive #main_navi ul li.current_page_parent a:hover, 
body.gallery #main_navi ul li.current_page_parent a:active, body.blog_pg #main_navi ul li.current-cat-parent a:active, 
body.search_pg #main_navi ul li.current_page_parent a:active, body.archive #main_navi ul li.current-cat-parent a:active, body.archive #main_navi ul li.current_page_parent a:active 
{text-decoration:none;background:#4c3f34;color:#ececec;border-color:#56483c;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

/* THE CONTENT COLUMNS*/
#floatswrap .container {padding-top:36px;position:relative;}
#main_col {float:left;width:558px;display:inline;}
body.sub #main_col {width:600px;}
body.single #main_col, body.search_pg #main_col {width:960px;}
.sidebar {float:right;width:360px;display:inline;}
body.sub .sidebar {width:300px;}

/*  GENERAL POST STYLING*/
/* headings/titles */
.title, .page_post h3  {border-bottom:1px solid #fff;}
.title span, .teaser h3 a, .page_post h3 span {display:block;border-bottom:1px solid #c6c3a5;}
.title span, .page_post h3 span {padding-bottom:6px;}
body.home .title span {padding:24px 0;}
body.sub .sidebar .title {font-size:1.575em;border-bottom:1px solid #45392f;margin-bottom:0;}
.sidebar .title span {border-bottom:1px solid #28211b;color:#ececec;}
body.home .sidebar {padding-top:24px;}
.page_sidebar .title {margin-bottom:18px;}
#floatswrap h1 a:focus, #floatswrap h1 a:hover, #floatswrap h1 a:active, 
#floatswrap h2 a:focus, #floatswrap h2 a:hover, #floatswrap h2 a:active, 
#floatswrap h3 a:focus, #floatswrap h3 a:hover, #floatswrap h3 a:active {text-decoration:none;color:#28211b;}
.tag_post h3  {text-align:center;}

/* the post content */
.post, .widget {margin-bottom:48px;overflow:hidden;}
.post_padding {padding:18px;}
.widget {border:1px solid #28211b;background:#362c23;}
.post, .page_post {border:1px solid #c6c3a5;min-height:225px;background:#f3f3f3;}
#footer .widget {border:0 none;background:transparent;}
.tag_post, .search_post  {float:left;margin-left:24px;}
.tag_post {width:286px/*249px*/;min-height:260px;}
.search_post {width:266px;}
.tag_post_first, .search_post_first {margin-left:0;}
.notes {font-size:0.875em;color:#4c3f34;border-bottom:1px solid #c6c3a5;text-align:right;}
.tag_post .notes {text-align:center;}
.search_post .notes {text-align:left;}
.notes a {padding:0 6px;}
.readmore {background:#b03d00 url(images/read_more_btn.png) no-repeat top left;white-space:nowrap;display:block;margin:6px 0;float:left;width:79px;height:25px;text-indent:-9999em;padding:0;border:0 none;}
.readmore:focus, .readmore:hover {background:#b03d00 url(images/read_more_btn.png) no-repeat 0 -25px;}
.readmore:active {background:#b03d00 url(images/read_more_btn.png) no-repeat 0 -50px;}
/* the post image/s */
.thumb_img {float:left;}
.sidebar  .thumb_img {float:right;}
body.page .thumb_img {float:none;display:block;margin:0 auto 18px;text-align:center;}
.thumb_img img, .single_post img, .page_post img   {padding:3px;background:#eff1e1;border:1px solid #c6c3a5;}
.single_post img  {padding:6px;}
/*  galleries */
.gallery {clear:both;margin:0 auto 25px !important;}
.gallery .gallery-item .gallery-icon {display:block;margin:0 auto;}
.gallery .gallery-item .gallery-icon .lightbox-enabled {display:block;}
.gallery .gallery-item .gallery-icon img {border:0 none !important;background:#eff1e1!important;border:1px solid #c6c3a5!important;margin:0;padding:4px;}
.gallery .gallery-item .gallery-caption {margin:0 !important;padding:6px 0;}
/*  the post teaser extract*/
.teaser_landscape {margin-left:186px;/*the width of the image + 26px (6px+2px+18px)*/}
.teaser_portrait {margin-left:116px;/*the width of the image + 26px*/}
.teaser_square {margin-left:146px;/*the width of the image + 26px*/}
.sidebar .teaser_landscape {margin:0 186px 0 0;/*the width of the image + 26px (6px+2px+18px)*/}
.sidebar .teaser_portrait {margin:0 116px 0 0;/*the width of the image + 26px*/}
.sidebar .teaser_square {margin:0 146px 0 0;/*the width of the image + 26px*/}

/* THE SIDEBAR */
.widget ul li a {display:block;padding:8px 6px;color:#669933;border:1px solid transparent;}
.widget ul li a.open {color:#907a67;}
.widget ul.children li  {padding:0 18px}
.widget ul.children li a {padding:8px 6px;}
.widget ul li a:focus, .widget ul li a:hover, .widget ul li a:active, 
.widget ul li.current-cat a, .widget ul li.current_page_item a {text-decoration:none;border:1px solid #45392f;border-top:1px solid #28211b;border-left:1px solid #28211b;color:#907a67;}
/*when on blog page the current-cat is hilghlighed-reset*/
body.blog_pg .widget ul li.current-cat a, .widget ul li.current-cat ul.children li a {color:#669933;border-color:transparent;}
/*add hover styles back on*/
body.blog_pg .widget ul li.current-cat a:focus, body.blog_pg .widget ul li.current-cat a:hover, body.blog_pg .widget ul li.current-cat a:active, 
.widget ul li.current-cat ul.children li a:focus, .widget ul li.current-cat ul.children li a:hover, .widget ul li.current-cat ul.children li a:active 
{text-decoration:none;border:1px solid #45392f;border-top:1px solid #28211b;border-left:1px solid #28211b;color:#907a67;}

.tag_cloud {display:block;text-align:center;padding:6px 0;}
.tag_cloud a {padding:0 6px;color:#669933;}

/*THE SLIDE SIDEBAR*/
.blog_single_sidebar, .gallery_sidebar {position:absolute;top:0;right:0;z-index:600;}
#panel {display:none;border-top:0 none;text-align:left;background:#362c23;border:1px solid #28211b;}
#panel .widget {padding:18px 18px 48px;margin-bottom:0;background:transparent;border:0 none;}
.btn_slide {clear:both;float:right;display:block;width:100px;height:25px;background:url(images/btn_slide.png) no-repeat top;text-indent:-9999em;}
.btn_slide:focus, .btn_slide:hover {text-decoration:none;}
a.active {background:url(images/btn_slide.png) no-repeat bottom;}

/* WP-PAGENAVI */
.wp-pagenavi {clear:both;margin-bottom:24px;}
.wp-pagenavi a, .wp-pagenavi a:link {padding:4px 6px;margin:4px;}
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {padding:4px 6px;margin:4px;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.pages, 
.wp-pagenavi span.extend {background:#362c23;border:1px solid #28211b;color:#ececec;}
.wp-pagenavi a:focus, .wp-pagenavi a:hover, 
.wp-pagenavi a:active, .wp-pagenavi span.current {text-decoration:none;background:#f3f3f3;border:1px solid #c6c3a5;color:#28211b;}
.wp-pagenavi span.current {font-weight:bold;}

/* FEATURED CONTENT*/
.featured {position:relative;}
#floatswrap .featured .container {padding-top:0;}
body.gallery #floatswrap .featured .container {padding-top:36px;position:relative;}
.featured .featured_img {float:left;margin-right:40px;}
.featured_slider img {padding:6px;background:#eff1e1;border:1px solid #c6c3a5;float:none!important;margin:0!important;}
body.home .featured_slider img {background:#eae5ce;border:1px solid #000;}
.featured_slider .post {background:transparent;padding:0;border:0 none;}
.featured_slider .post, .featured_slider .post h2 a {color:#ececec;}
body.gallery .featured_slider .post, body.gallery .featured_slider .post h2 a {color:#28211b;}
#floatswrap  .featured_slider .post h2 a:focus, #floatswrap  .featured_slider .post h2 a:hover, #floatswrap  .featured_slider .post h2 a:active {color:#ae3a00;}
body.home .featured_slider .notes {color:#907a67;border-color:#362c23;}
body.home .featured_slider .notes a {color:#d65e0b;}
/*Coda Slider*/
.featured_slider {width:960px;height:392px;background:#201509 url(images/featured_bgd.jpg) no-repeat top left;}
body.gallery .featured_slider {background:transparent;}
.featured_slider li {padding:36px;border:1px solid #000;height:318px;width:886px;}
body.gallery .featured_slider li {padding:18px;border-color:#c6c3a5;height:336px;background:#f3f3f3;}
/*Coda Slider- Image only*/
#portfolioCodaImgSlider .featured_img {float:none;background:none;border:0 none;display:block;margin:0 auto;text-align:center;}
#portfolioCodaImgSlider .featured_img img {margin:0 auto;}
/*thumbnails*/
#portfolio-nav {padding:0 30px;}
body.home #portfolio-nav {border-bottom:2px solid #201509;}
#portfolio-nav li , #portfolio-nav li  a {display:block;float:left;}
#portfolio-nav li {border:1px solid #c8c5a8;margin:10px 0 10px 10px;}
#portfolio-nav li a {border:1px solid #fff;}
#portfolio-nav li a img {margin:3px;padding:0;background:transparent;border:0 none;}
/*  active thumbnail */
#portfolio-nav li.active_slide, #portfolio-nav li.active_slide a { border:1px solid #ae3a00; }

/*  COMMENTS */
.avatar {padding:3px;background:#f3f3f3;border:1px solid #c6c3a5;float:left;margin-right:6px;}
.read_comments ul, .read_comments ul li {list-style-type:none;}
.read_comments ul li {list-style-position:outside;overflow:hidden;padding:6px;margin-bottom:12px;background:#eff1e1;}
.read_comments ul li.alt {background:#f3f3f3;}
.read_comments ul li.comment-author-admin {border:1px solid #f3f3f3;background:#c6c3a5;}
.read_comments ul li .children {padding:6px 0 0 24px;}
.read_comments  .comment_data, .read_comments .comment-author {float:left;width:150px;padding:12px;}
.read_comments .comment-meta {margin:0 0 6px 0px;font-size:0.8em;}
.read_comments ul li p {margin-left:150px;padding-left:12px;}
.read_comments  .reply {clear:both;}
/*comment navigation*/
.read_comments .comment_navigation  {padding:6px 0;}
/*  COMMENT FORM */
#comments, #postcomment {border-top:1px solid #c6c3a5;clear:both;}
#comments span, #postcomment span {border-top:1px solid #fff;display:block;padding:6px 0;}
#commentform {padding-bottom:24px;}
#commentform label {width:200px;text-align:left;margin:0 0 6px 12px;display:inline;}
#commentform input.text, #commentform input[type='text'], #commentform textarea, #commentform select {width:285px;border-color:#c6c3a5;color:#28211b;}
#commentform textarea { width:570px;}
#commentform textarea:focus, #commentform textarea:hover, #commentform input[type='text']:focus, #commentform input.text:focus, #commentform input[type='text']:hover, 
#commentform input[type='password']:focus, #commentform input[type='password']:hover, #commentform select:focus, #commentform select:hover { background:#f3f3f3;}
#commentform #submit {float:left;margin:0;padding:4px;}

/*FAVORATE LINKS PAGE*/
.bookmarks_gallery, .bookmarks_mini_gallery {text-align: center;margin: 0 auto;overflow:hidden;margin-bottom:24px;}
.bookmarks_mini_gallery {margin-bottom:0;}
.bookmarks_gallery li  {float:left;display:inline;margin:0 8px 15px;}
.bookmarks_mini_gallery li {float:left;display:inline;margin:0 4px 6px;}
.bookmarks_gallery a, .bookmarks_mini_gallery a {display:block;float:left;}
#footer .footer_box .bookmarks_mini_gallery a {margin:0;padding:0;}
.bookmarks_gallery img, .bookmarks_mini_gallery img {width:160px;height:120px;padding:5px;background:#eff1e1;border:1px solid #c6c3a5;}
.bookmarks_mini_gallery img {background:#e4ddd7;border:1px solid #28211b;width:40px;height:30px;padding:2px;}
.bookmarks_mini_gallery h2 {display:none;}
/*MONTHLY ARCHIVES*/
.monthly_archive {margin-bottom:18px;padding-left:18px;overflow:hidden;}
.monthly_archive li {float:left;width:100%;}
.monthly_archive li span, .monthly_archive li a {display:block;padding:6px 0 6px 6px;float:left;}

/*BLOG ARCHIVES*/
.lpbcArchive li {margin-bottom:18px;}
.lpbcArchive li ul {list-style:circle;}
.lpbcArchive li ul li {list-style-position:inside;margin-bottom:6px;padding-left:18px;}
.lpbcArchive li ul li a {padding:0 6px;}

/*ADVERTISING*/
.ads_padding {padding:15px 2px;}
body.home .ads_padding {padding:18px;}
.ads img {padding:3px;background:#e4ddd7;border:1px solid #28211b;margin:0 6px 15px;}
body.home .ads img {margin:0 13px 15px;}

/*TOOLTIPS*/
#tooltip {position:absolute;z-index:999;padding:5px;width:250px;background:#eae5ce;border:1px solid #fff;}
#tooltip span {display:block;padding:5px 7px;background:#362c23;color:#ececec;}