/*
Theme Name: ArtBlog Grey
Theme URI: http://artblog.sarah-neuber.de/
Description: A child theme of ArtBlog with light grey tones.
Template: ArtBlog
Author: Sarah Neuber
Author URI: http://www.sarah-neuber.de
Version: 2.0
*/
@import url(../ArtBlog/style.css);
/*
General Styling for
Links, Messages, Forms, Tables
*/
a { text-decoration:none;color:#663300;}
a:hover, a:focus { color:#333; text-decoration:underline;}
.error {color:#cc0000;}
.success {color:#669900;}

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

/* 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-top: 2px solid #dbdbdb;border-bottom: 2px solid #8d8d8d; font-weight: bold; }
td { border-top: 1px solid #dbdbdb;border-bottom: 1px solid #8d8d8d; }
th,td { padding:0.5em; }
tfoot { font-style: italic; }
caption { background: #ffc; }

/* FORMS */
form .error {font-size:0.8em;color:#cc0000;}
label { display:block; float:left; width:80px; margin:0 12px 6px 0; text-align:right;font-size:1.1em;}
label span {font-size:0.8em;color:#cc0000;}
label em {color:#cc0000;}
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 #999; background:#eeeeee;}
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:#dadada; }


/*Buttons*/
.btn, .button {background:#4b4b48;border:3px solid #42423f;color:#d3d3c4;padding:0 4px;}
.btn {float:right;margin-left:12px;}
.button {padding:3px 12px;}
.btn:focus, .btn:hover, .button:focus, .button:hover {background:#545454;text-decoration:none;}


html, body { height:100%;}
html {background:#b3b3a7 url(images/body_bgd.jpg) repeat top left;}
body {background:url(images/header_bgd.jpg) repeat top left;font-family:Tahoma;color:#444;}
#pg_wrap {min-height:100%;height:auto;background:url(images/shine-trans.png) repeat-y center;}
.container {width:960px;margin:0 auto;}
#floatswrap {padding-bottom:283px;}
/*  FOOTER */
#footer {position:relative;z-index:10;margin-top:-263px;border-top:3px solid #333;background:#42423f;color:#ececec;}
#footer .container {height:260px;/*minus the footer border 3px altogether*/}
#footer .footer_box {float:left;width:310px;padding-top:30px;}
#footer .middle {margin:0 15px;}
#footer .footer_box h3 {border-bottom:1px solid #4b4b48;}
#footer .footer_box h3 span {display:block;padding-bottom:6px;border-bottom:1px solid #333;color:#afafaf;}
#footer .footer_box ul {padding-left:12px;}
#footer .footer_box a {display:block;padding:6px 0;color:#888;}
#footer .c_notes {clear:both;border-top:1px solid #333;}
#footer .c_notes p {margin:0;padding:6px 0;text-align:center;font-size:0.8em;color:#666;border-top:1px solid #4b4b48;}
#footer .c_notes p a {color:#999966;}
/* THE COLUMNS*/
#main_col {float:left;width:576px;display:inline;}
#sidebar {float:right;width:360px;display:inline;}
body.sub #main_col, body.sub #sidebar {margin-top:20px;}
/* HEADER TITLE AND CART */
#header {background:#4b4b48;border-top:4px solid #42423f;border-bottom:4px solid #42423f;}
#header h1 {float:left; width:323px; height:72px;background:url(images/logo.png) no-repeat top left;text-indent:-9999em;}
#header h1 a { color:#555;cursor:pointer;display:block;width:323px; height:72px; }
/*  Shopping cart */
#header .cart {float:right;width:170px;background:url(images/cart.png) no-repeat top right;}
#header .cart a, #header .cart span {padding:16px 0 14px 20px;display:block;color:#888;line-height:1.75em;text-align:left;}
#header .cart a:focus, #header .cart a:hover, #header .cart a:active {color:#dbdbdb;text-decoration:none;}
#header .cart span {color:#cc9933;}
/* MAIN NAVIGATION */
#main_navi {background:url(images/navi.png) no-repeat top left;height:70px;}
#main_navi ul {float:left;width:960px;}
#main_navi ul li {display:inline;float:left;}
#main_navi ul li a { display:block;padding:9px 18px;color:#333;float:left;font-size:1.2em;letter-spacing:1px;background:url(images/link_divider.png) no-repeat left center;}
#main_navi ul li:first-child a {background:none;}
#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 {color:#993300;text-decoration:none;}
body.home #main_navi ul li.current-cat a, body.page #main_navi ul li.current-cat a, body.home #main_navi ul li.current-cat-parent a, 
body.archive #main_navi ul li.current-cat-parent a {color:#333;}
body.home #main_navi ul li.current-cat a:focus, body.home #main_navi ul li.current-cat a:hover, body.home #main_navi ul li.current-cat a:active, 
body.page #main_navi ul li.current-cat a:focus, body.page #main_navi ul li.current-cat a:hover, body.page #main_navi ul li.current-cat a:active, 
body.archive #main_navi ul li.current-cat-parent a:focus, body.archive #main_navi ul li.current-cat-parent a:hover, body.archive #main_navi ul li.current-cat-parent a:active , 
body.home #main_navi ul li.current-cat-parent a:focus, body.home #main_navi ul li.current-cat-parent a:hover, body.home #main_navi ul li.current-cat-parent a:active 
{color:#993300;text-decoration:none;}
/* SEARCH*/
#main_navi #searchform {float:right;width:304px;padding-right:18px}
#main_navi #searchform label, #main_col #searchform label {padding-top:6px;}
#main_navi #searchform  input#s, #main_col #searchform  input#s {margin-top:3px;}
#main_navi #searchform #searchsubmit, #main_col .main_col_search #searchform #searchsubmit {float:left;}
/* FEATURED CONTENT  image holder for featured and single*/
.featured {margin-top:18px;position:relative;padding-bottom:64px;background:url(images/featured_divider.png) no-repeat bottom;}
.featured span {z-index:100;display:block;height:392px;position:absolute;top:0;left:0;}
.featured span.landscape {width:522px;background:url(images/image_holder_landscape-trans.png) no-repeat;}
.featured span.portrait {width:312px;background:url(images/image_holder_portrait-trans.png) no-repeat;}
.featured span.square {width:402px;background:url(images/image_holder_square-trans.png) no-repeat;}
.featured img {float:left;margin:0 0 0 20px;}
.featured img.size-full-square {margin:0 0 0 22px;}
.featured img.size-full-portrait {margin:0 0 0 19px;}
.featured_post_landscape {margin-left:554px;}
.featured_post_portrait {margin-left:344px;}
.featured_post_square {margin-left:434px;}
/*  GENERAL POST STYLING  for multible post pages*/
.post, .search_post {margin-bottom:48px;}
.tag_post {margin-bottom:0px;min-height:200px;}
.notes {font-size:0.8em;color:#666;}
.by {margin-bottom:0;}
.readmore {background:#dbdbdb;border:1px solid #8d8d8d;border-top:1px solid #eee;border-left:1px solid #eee;color:#555;}
.readmore:focus, .readmore:hover, .readmore:active {border:1px solid #eee;border-top:1px solid #8d8d8d;border-left:1px solid #8d8d8d;color:#999;background:transparent;}
h2, h3 {border-bottom:1px solid #dbdbdb;}
h2 a , h3 a, h2 span, h3 span  {display:block;border-bottom:1px solid #8d8d8d;color:#333;padding:6px 0;}
h2 a:focus, h2 a:hover, h2 a:active, 
h3 a:focus, h3 a:hover, h3 a:active {text-decoration:none;color:#663300;}
#sidebar ul, .tag_cloud {margin-bottom:50px;}
.tag_cloud {display:block;text-align:center;}
body.sub #sidebar h3.title, .track_order {background:url(images/side_title_bgd-trans.png) no-repeat;border:0 none;padding:6px 0 16px 12px;}
body.sub #sidebar .related li, body.sub #sidebar .browse_category li {border-bottom:1px solid #dbdbdb;}
body.sub #sidebar .related li a, body.sub #sidebar .browse_category li a {display:block;padding:8px 0;border-bottom:1px solid #8d8d8d;color:#444;}
body.sub #sidebar .browse_category  ul li a:focus, body.sub #sidebar .browse_category  ul li a:hover, 
body.sub #sidebar .browse_category  ul li a:active, body.sub #sidebar .browse_category li.current-cat a {color:#993300;text-decoration:none;}
.thumb_img, .post_img {float:left;border:1px solid #8d8d8d;}
#sidebar .thumb_img, #sidebar .post_img {float:right;}
.thumb_img img, .post_img img {padding:4px;border:1px solid #cdcfc7;}
#sidebar .thumb_img img, .tag_post .thumb_img img, .post_img img {border-color:#dbdbdb;}
.teaser {padding-bottom:6px;}
.excerpt {margin-left:136px;}
.teaser_landscape {margin-left:196px;}
#sidebar  .teaser_landscape, #sidebar .excerpt {margin-left:0;margin-right:196px;}
.teaser_portrait {margin-left:126px;}
#sidebar  .teaser_portrait {margin-left:0;margin-right:126px;}
.teaser_square {margin-left:156px;}
#sidebar  .teaser_square {margin-left:0;margin-right:156px;}
/* STYLES ONLY ON HOMEPAGE */
body.home #main_col, body.home #sidebar {position:relative;top:-36px;}
body.home #main_col h3, body.home #sidebar h3.title {margin-bottom:18px;}
body.home #main_col h3 {padding-left:18px;}
/*  GALLERIES */
.gallery .gallery-item .gallery-icon {display:block;width:114px;border:1px solid #8d8d8d;}
.gallery .gallery-item .gallery-icon a {display:block;border:1px solid #dbdbdb;}
.gallery .gallery-item .gallery-icon img {border:0 none !important;margin:5px;padding:0;}
.gallery .gallery-item .gallery-caption {margin:0 !important;}

/*  GENERAL POST STYLING  for single view */
body.single .post {margin-bottom:18px;}
body.single .img_holder {position:relative;margin-top:18px;padding-bottom:24px;text-align:center;}
body.single .img_holder span {z-index:1;display:block;width:576px;height:341px;position:absolute;top:0;left:0;background:url(images/img_holder-trans.png) no-repeat;}
body.single .img_holder span.landscape, body.single .img_holder span.portrait, body.single .img_holder span.square {height:392px;}
body.single .img_holder span.landscape {width:522px;background:url(images/image_holder_landscape-trans.png) no-repeat;}
body.single .img_holder span.portrait {width:312px;background:url(images/image_holder_portrait-trans.png) no-repeat;}
body.single .img_holder span.square {width:402px;background:url(images/image_holder_square-trans.png) no-repeat;}
body.single .img_holder img {margin:0 auto;}
.other_post_single p {clear:both;}
.other_post_single img, .page_post img {border:1px solid #8d8d8d;padding:5px;background:#dbdbdb;}
/*  ART POSTS in tag view */
.tag_post {float:left;width:468px;margin-left:24px;}
.tag_post_first {margin-left:0;}
body.tag #floatswrap h2 {margin-bottom:18px;}
/*  COMMENTS */
#comments ul, #comments ul li {list-style-type:none;}
#comments ul li {list-style-position:outside;overflow:hidden;padding:6px;margin-bottom:12px;border:2px solid #babebe;}
#comments ul li.alt {border:2px solid #7a8181;}
#comments ul li.comment-author-admin {background:#e1e1e1;}
#comments ul li .children {padding:6px 0 0 24px;}
#comments  .comment_data, #comments .comment-author {float:left;width:150px;padding:12px;}
#comments .comment-meta {margin:0 0 18px 150px;font-size:0.8em;}
#comments ul li p {margin-left:150px;padding-left:12px;border-left:3px solid #999;}
#comments  .reply {clear:both;}
/*comment navigation*/
#comments .comment_navigation  {padding:6px 0;}
/*  COMMENT FORM */
#comments, #respond {border-top:1px solid #8d8d8d;}
#comments h3 span, #respond h3 span {border-top:1px solid #dbdbdb;display:block;color:#333;padding:6px 0;}
#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;}

/* 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:#dbdbdb;border:1px solid #8d8d8d;border-top-color:#eee;border-left-color:#eee;color:#555;}
.wp-pagenavi a:focus, .wp-pagenavi a:hover, 
.wp-pagenavi a:active, .wp-pagenavi span.current {text-decoration:none;border:1px solid #eee;border-top-color:#8d8d8d;border-left-color:#8d8d8d;color:#999;}
.wp-pagenavi span.current {font-weight:bold;border-right-color:#cdcfc7;border-bottom-color:#cdcfc7;}

/* CONTACT PAGE CONTACT FORM */
.cform {width:100%;}
.cform legend  {display:none;}
.cform fieldset {background:transparent;border:0 none;padding:0;margin:0;}
.cform li {clear:both;}
.cform label, .cform label span {text-align:left;font-size:1.1em;color:#555;}
.cform input, .cform textarea {width: 266px;}
.cform textarea {width:100%;margin-top:6px;}
.cform .reqtxt, .cform .emailreqtxt {color:#cc0000;}
.cform .cf-ol {list-style-type:none;margin:0;}
.cform .backbutton, .cform .resetbutton, .cform .sendbutton {width:100px;background:#4b4b48;border:3px solid #42423f!important;color:#d3d3c4;padding:0 4px;}
.cform .backbutton:hover, .cform .resetbutton:hover, .cform .sendbutton:hover, 
.cform .backbutton:focus, .cform .resetbutton:focus, .cform .sendbutton:focus {background:#545454;text-decoration:none;}
div.waiting {background:transparent !important;color:#cc9900 !important;}
.failure {color:#cc0000;}
div.success {color:#669900 !important;background:transparent !important;}

/*tooltips*/
#tooltip{position:absolute;z-index:999;background:#ededed;padding:5px;border:1px solid #fff;width:250px;}
#tooltip span{display:block;color:#fff;background:#505050;padding:2px 7px;}