/*
Theme Name: bbcmsLight
Theme URI: http://bbcms.sarah-neuber.de/
Description: A child theme of bbcms with light tones.
Template: bbcms
Author: Sarah Neuber
Author URI: http://www.sarah-neuber.de
Version: 1.2
*/
@import url(../bbcms/style.css);
/*
General Styling for
Links, Messages, Forms, Tables
*/
a { text-decoration:none;color:#666;}
a:hover, a:focus { color:#333; text-decoration:underline;}

/* 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: 1.4em;}
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: #fdfeff; }

/* FORMS */
form .error {font-size:0.8em;color:#cc0000;}
label { display:block; float:left; width:100px; margin:0 12px 0.5em 0; text-align:left;}
label span {font-size:0.8em;}
label em {color:#cc0000;}
form br {clear:left;}

/* Fieldsets */
fieldset { margin: 0 0 1.5em 0;}
legend { font-weight: bold; font-size:1.2em; margin-bottom:0.5em; }

/* Text fields , textareas, select*/
input, textarea, select  { margin:0 0 0.5em 0; }
input.text, input[type='text'], textarea, select { width: 200px; display:block; float:left; border:1px solid #b7b788; background:#fdfeff;}
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 { border-color: #999966; }


/*Buttons*/
.btn, .button {background:#cccc99;border:1px solid #999966;color:#444;padding:0.1em 0.475em;}
.btn:hover, .button:hover {background:#d8d8b1;}

/*

Layout styling starts here

*/
body {background:#cccc99;font-family:Arial;color:#555;}

#pg_wrap {width:960px;margin:0 auto;}
#inner_pg_wrap {margin:0 13px 10px;background:url(images/header_bgd-trans.png) no-repeat top left;}
#top_shadow {background:transparent url(images/top_shadow.png) no-repeat top left;display:inline-block;width:100%;}
#bottom_shadow {background:transparent url(images/bottom_shadow.png) no-repeat bottom left;display:inline-block;width:100%;}
#navi .container, #inner_pg_wrap .container, #footer .container {padding:0 1em;}
#inner_pg_wrap .container {padding-bottom:20px;}

#logo_img {float:left;display:block;position:relative;}
#logo_img span {display:block;width:238px;height:128px;position:absolute;top:-6px;left:0;background:url(images/logo_img_holder-trans.png) no-repeat;}
#logo_img img {margin:11px 9px 12px;}

#header_title {float:left;text-align:center;margin:45px 0 0 120px;background-image:url(images/header_title-trans.png); background-position: center right; background-repeat: no-repeat; width:343px; height:37px;text-indent: -9999px;}
#header_title a {cursor:pointer;display:block; width:343px; height:37px; }

#navi ul { float:right;}
#navi ul li {display:inline;}
#navi ul li a { display:block;float:left;font-size:1.2em;padding:1em 0 0.5em 1em;}
#navi ul li:first-child a { background:none; padding-left:0;}
#navi ul .current_page_item a, body.cat #navi ul .blog a, body.blog_single #navi ul .blog a, 
body.shop #navi ul .current-cat a, body.blog_pg #navi ul .blog a, #navi ul .current_page_parent a, 
/*change cat-item-3 to match your shop category ID */
body.shop_single #navi ul .cat-item-3 a  {color:#333300;}

#floatswrap {background:url(images/floatswrap_bgd.png) no-repeat bottom left;padding-bottom:40px;}
#floatswrap .container {background:#f6f6f6;padding-bottom:0;}
#main_col {float:none;display:inline-block;width:100%;}
/*change body.blog if your website's blog page is named something else other than blog*/
body.home #main_col, body.blog #main_col, body.sub #main_col { float:left;width:590px;}
body.home #main_col {overflow:hidden;}
body.page #main_col {width:100%;}

/*##### TAB FEATURE ON HOMEPAGE #########################*/
#main_col .tabs {float:left;width:100%;list-style:none;}
#main_col .tabs li {display:inline;float:left;border:1px solid #baba83;border-bottom:0 none;margin-left:10px;}
#main_col .tabs li:first-child {margin-left:0;}
#main_col .tabs li.open {border:1px solid #e3e0d7;border-bottom:0 none;}
#main_col .tabs li a {display:block;float:left;background:#d7d7a3;width:186px;padding:9px 0;font-size:1.1em;text-align:center;border:1px solid #d7d7a3;color:#555;}
#main_col .tabs li a:focus, #main_col .tabs li a:hover, 
#main_col .tabs li a:active, #main_col .tabs li.open a {text-decoration:none;border:1px solid #fff;border-bottom:1px solid #f6f6f6;background:url(images/tab_bgd.png) repeat-x top left;}
#main_col .tab_content {clear:both;width:1770px;}
#main_col .tab_content .box {display:block;float:left;width:588px;border:1px solid #e3e0d7;border-top:0 none;}
#main_col .tab_content .box .box_inner {display:block;min-height:170px;border:1px solid #fff;border-top:0 none;background:#f6f6f6;padding:15px 10px 0;}
#main_col .tab_content #gallery_box .box_inner {text-align:center;} 
#main_col .tab_content #gallery_box  img {margin:0 auto 6px; padding:5px;border:1px solid #e3e0d7;background:#f2f2e7;}
#main_col .tab_content .box .box_inner ul {list-style:none;}
#main_col .tab_content .box .box_inner ul li {margin:5px 0;background:#f2f2e7;display:inline;clear:both;float:left;width:100%;}
#main_col .tab_content .box .box_inner ul li span, #main_col .tab_content .box .box_inner ul li a {display:block;padding:5px 0;}
#main_col .tab_content .box .box_inner ul li span {color:#333300;}
#main_col .tab_content .box .box_inner ul li a em {color:#555;}
#main_col .tab_content .box .box_inner .lpbcArchive li h4 {display:none;}
#main_col .tab_content .box .box_inner .lpbcArchive li {margin:0;background:transparent;}

/*############# GENERAL MAIN_COL AND POST STYLES ################################*/
#main_col a {color:#996633;}
#main_col a.more-link {display:block;text-decoration:underline;}
#main_col a.more-link:focus, #main_col a.more-link:hover, #main_col a.more-link:active {background:#f2f2e7;text-decoration:none;}
#main_col .time {margin-bottom:0;font-size:0.875em;font-style: italic;}
#main_col .post {margin-bottom:20px;}
#main_col .post p {overflow:hidden;}
#main_col h2, #main_col h3, #main_col  h2 a , #main_col  h3 a {display:block;letter-spacing: -1px;color:#333300;}
#main_col  h2 a:focus, #main_col  h2 a:hover, #main_col  h2 a:active, 
#main_col  h3 a:focus, #main_col  h3 a:hover, #main_col  h3 a:active {background:#f2f2e7;text-decoration:none;}
#main_col .notes {clear:both;font-size:0.8em;border:1px dashed #e3e0d7;border-right:0;border-left:0;text-align:right;}
#main_col #single .notes, #main_col form .notes {text-align:left;}
#main_col .post_img {float:left;border:1px solid #e3e0d7;margin:0 18px 18px 0;}
#main_col .post_img img, .page_post img {padding:4px;background:#f2f2e7;border:1px solid #fff;}
.page_post img {border-color:#e3e0d7;}
/*ON SINGLE POST PAGES*/
.single_post .time {padding-bottom:6px;}
.single_post img {padding:4px;background:#f2f2e7;border:1px solid #e3e0d7;}
.single_post img.alignleft {margin:0 18px 18px 0;}
.single_post img.alignright {margin:0 18px 0 18px;}
/*  GALLERY  */
#main_col .gallery .gallery-item .gallery-icon img {background:#f2f2e7;border:1px solid #e3e0d7!important;}

/*##################### GUESTBOOK ###################################*/
#main_col #comments h3, #main_col #respond h3 {letter-spacing: -1px;color:#333300;}
#main_col #comments ul {width:100%;list-style:none;}
#main_col #comments li {padding:1em;clear:both;overflow:hidden;border-top:1px dashed #d7d7a3;}
#main_col #comments li.authorcomment {background:#f2f2e7;}
#main_col #comments li.alt {border-top:1px dashed #996633;}
#main_col #comments .comment_data {float:left;border:5px solid #d7d7a3;}
#main_col #comments li.alt .comment_data {border:5px solid #996633;}
#main_col #comments .comment_data a {text-decoration:underline;}
#main_col #comments .comment_data a:focus, 
#main_col #comments .comment_data a:hover, 
#main_col #comments .comment_data a:active {text-decoration:none;}
#main_col #comments .comment_data_inner {width:110px;height:80px;background:#f6f6f6;}
#main_col #comments .comment_data_inner p {margin:0;padding:5px;}
#main_col #comments .comment_entry {margin-left:133px;}
#main_col #comments .comment_navigation {margin-bottom:18px;}

/*##################### BLOG COMMENTS ###################################*/
#main_col #comments h3, #main_col #respond h3 {letter-spacing: -1px;color:#333300;}
#main_col #comments ul {list-style:none;}
#main_col #comments li {padding:12px;padding-bottom:0;clear:both;overflow:hidden;border:2px solid #d7d7a3;margin-bottom:18px;}
#main_col #comments li.comment-author-admin {background:#f2f2e7;}
#main_col #comments li.alt {border:2px solid #996633;}
#main_col #comments .comment-author {float:left;width:120px;}
#main_col #comments .comment-meta, #main_col #comments li p  {margin-left:138px;}
#main_col #commentform p.notes {margin-left:0;}
#main_col #comments .comment-meta {font-size:0.8em;}
#main_col #comments li p {margin-top:18px;}
#main_col #comments li  .reply {padding-bottom:12px;}
#main_col #comments li .children {padding-left:18px;}

/*  COMMENT FORM */
#commentform label {width:200px;text-align:left;margin:0 0px 6px 12px;}
#commentform input.text, #commentform input[type='text']  {width:285px;}
#commentform textarea { width:570px;}
#commentform #submit {float:left;margin:0;}

/*############# CONTACT FORM ###########################*/
#sidebar_contact, .sidebar { float:right;width:320px;}
#sidebar_contact {background:url(images/form_bgd-trans.png) no-repeat top left;height:351px;}
#sidebar_contact .sidebar_padding {padding:26px 19px 0;}
#sidebar_contact form {margin:30px 0 0 0;}
#sidebar_contact form label, .sidebar form label{width:60px;text-align:right;}
#sidebar_contact form textarea {height: 100px;width:200px;}
#sidebar_contact form input[type='submit'], #sidebar_contact form input .sendbutton {float:right;margin-right:8px;}

/*styles to be used with the gb_contact_form*/
#sidebar_contact form legend {display:none;}
#sidebar_contact form fieldset {margin-bottom:0;}
#sidebar_contact form .whythis {font-size:0.8em;color:#996633;display:block;padding-bottom:0.2em;}
#sidebar_contact form .whythis em {color:#cc0000;}
/*error message and success*/
#gb_form_div #results .error, #gb_form_div dd  {color:#cc0000;}
#gb_form_div #results .success{color:#666633;}
#gb_form_div  .reset_form a {color:#996633;display:block;}
/*#################### BLOG SIDEBAR ##########################*/
.sidebar ul {list-style:none;}
.sidebar form label {margin-top:6px;}
#searchform input[type='text'] {width:148px;margin-right:6px;padding-top:4px;}
#searchform input[type='submit'] {float:left;}
.sidebar .sidebar_padding {padding:0 0 0 18px;}
.sidebar .tabs {float:left;width:100%;margin-top:20px;}
.sidebar .tabs li {display:inline;float:left;border:1px solid #f2f2e7;border-bottom:1px solid #e3e0d7;}
.sidebar .tabs li.open {border:1px solid #e3e0d7;border-bottom:0 none;}
.sidebar .tabs li a {display:block;float:left;background:#f2f2e7;width:96px;padding:9px 0;font-size:1.1em;text-align:center;border:1px solid #f2f2e7;}
.sidebar .tabs li a:focus, .sidebar  .tabs li a:hover, 
.sidebar .tabs li a:active, .sidebar  .tabs li.open a {text-decoration:none;border:1px solid #fff;border-bottom:1px solid #f6f6f6;background:url(images/tab_bgd.png) repeat-x top left;}
.sidebar .widget_content {clear:both;}
.sidebar .widget_content div {display:block;border:1px solid #e3e0d7;border-top:0 none;}
.sidebar .widget_content ul {display:block;border:1px solid #fff;border-top:0 none;background:#f6f6f6;padding:1em;}
.sidebar_bottom div {margin-top:20px;}
.sidebar .widget ul li a {display:block;padding:6px 0;}
.sidebar .widget ul li a:focus, .sidebar .widget ul li a:hover, .sidebar .widget ul li.current-cat a, .sidebar .widget ul li.current-cat-parent a {text-decoration:underline;color:#333;}
.sidebar .widget ul li .children {padding-left:18px;}
/*reset certain "currently on" situations*/
body.blog_pg .widget ul li.current-cat a, body.parent_cat .widget .children li.current-cat a, body.child_cat .widget ul li.current-cat-parent a, 
body.archive .widget ul li.current-cat a, body.blog_single .widget ul li.current-cat-parent a  {text-decoration:none;color:#666;}
body.child_cat .widget ul li.current-cat-parent .children li.current-cat a, 
body.blog_single .widget ul li.current-cat-parent .children li.current-cat a {text-decoration:underline;color:#333;}
/*add the 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, 
body.parent_cat .widget .children li.current-cat a:focus, body.parent_cat .widget .children li.current-cat a:hover, body.parent_cat .widget .children li.current-cat a:active, 
body.child_cat .widget ul li.current-cat-parent a:focus, body.child_cat .widget ul li.current-cat-parent a:hover, body.child_cat .widget ul li.current-cat-parent a:active {text-decoration:underline;color:#333;}
/*  PAGE SIDEBAR */
#main_col .page_post_narrow {float:left;width:660px;}
#main_col .subpg_sidebar {float:right;width:218px;border:1px solid #e3e0d7;}
#main_col .subpg_sidebar .subpg_sidebar_padding {padding:18px;}
#main_col .subpg_sidebar ul li a {display:block;padding:6px 0;}
#main_col .subpg_sidebar ul li.current_page_item a {text-decoration:underline;}
/*##################### FOOTER ################*/
#footer  h6 {float:left;color:#333;font-weight:normal;margin:0 1em 0 0;}
#footer  h6.theme {float:right;margin:0;}