/*

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;
	background-image:url(images/background.jpg);
	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;
	background-image:url(images/background.jpg);
}

#header h1 {
	float:left;
	width:459px;
	height:136px;
	background:url(images/logo.png) no-repeat top left;
	text-indent:-9999em;
}

#header h1 a {
	color:#555;
	cursor:pointer;
	display:block;
	width:459px;
	height:136px;
}

/*  Shopping cart */

#header .cart {
	float:right;
	width:211px;
	height:126px;
	background:url(images/frame.png) no-repeat top right;
	/*background:#EEC591;*/
	padding: 5px;
}
#header .cart p {
	display:block;
	color:#000;
	line-height:1em;
	text-align:left;
	padding-top: 13px;
	padding-right: 0;
	padding-bottom: 14px;
	padding-left: 28px;
}

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