/*
Theme Name: SKNY
Theme URI: 
Description: The theme for the Susan Kaufmann Studio.
Version: 0.1
Author: Michael Hessling
Author URI: http://cherrypj.com/
Tags: gray, multiple columns, no comments

*/



body { background:url('i/bg-body.gif') repeat-x 25px 0; color: #666; font-family: Verdana, sans-serif; }
#doc4 { width: 900px; }
#hd { height: 160px; }
#hd h1 { background:url('i/logo.gif') no-repeat 0 7px; display: block; height: 41px; text-indent: -3000px; width: 468px; }

#yui-main #main { 
	margin-left:13.846em; /* 180px; */
}
#yui-main.series #main { 
	margin-left:13.538em; /* 176 px; extra 4 for image borders */
}
#main p { margin-bottom: 1em; }
#main h1 { 
	background: #ececec; 
	color: #333; 
	font-size: 184.6%; /* 24px */
	line-height: 1.0;
	margin: 0 0 20px 0;
	padding: 10px 10px; 
}
#slideshow { height: 800px; }
.entry { clear: right; overflow: hidden; margin-bottom: 20px; }
.hp-meta { float: right; margin-left: 20px; line-height: 1.5; }
#main .hp-meta h2, #main .hp-meta h3 { font-weight: bold; }
#main .hp-meta a { font-style: italic; }
.series #main h1 { margin-left: 4px; }
#main h2, #main h3 { color: #333; font-weight: normal; font-size: 93%; /* 12px */ }
#main a { color: #444; }
#main a:hover { text-decoration: none; }

#main .series { margin-bottom: 1em; }
#main .series h2 { font-weight: normal; }
.series #main a { text-decoration: none; }
.series #main a:hover { text-decoration: none; }

#navigation { text-align: right; text-transform: lowercase; }
#navigation li { border-bottom: 1px solid #b6b6b6; width: 12.3077em; letter-spacing: 1px; }
#navigation li.last { border-bottom: none;}
#navigation a { color: #333; display: block; padding: 5px 5px 5px 0; text-decoration: none; }
#navigation a:hover, #navigation a.on, #navigation .current_page_item a, #navigation li.on a { background-color: #b6b6b6; color: #fff; }
#navigation a.on, #navigation .current_page_item a { cursor: default; }
#navigation li ul {
	border-top: 1px solid #b6b6b6;
}
#navigation li li {
	width: 100%;
	font-size: 0.846em;
	letter-spacing: 0;
	border-bottom-color: #dcdcdc;
}
#navigation li li a {
	padding-right: 20px;
	color: #666;
}

#ft {
	padding-top: 60px;
}
#ft p { color: #aaa; font-size: 70%; margin-bottom: 0.5em; text-align: right; }
#ft a { color: #aaa; text-decoration: none; }

#main .ngg-gallery-thumbnail-box, #main .ngg-album-compact {
	width: 360px;
	padding: 0;
	padding-right: 0 !important;
}
#main .ngg-gallery-thumbnail img, #main .ngg-album-compact img {
	margin: 0 12px 20px 0;
	padding: 4px;
}
#main .ngg-album-compact a:hover img {
	background: #666;
	border: none;
}
#main .ngg-album-compact h2 {
	font-size: 1.077em; /* 14px */
	margin-left: 4px;
}
#main .ngg-album-compact h2 a {
	color: #666;
}
#main .ngg-album-compact h2 a:hover, #main .gallery-thumbnail-meta a:hover {
	text-decoration: underline;
}
#main .gallery-thumbnail-meta {
	width: 106px;
	margin: 0;
	font-size: 0.846em /* 11px; */
}
#main .gallery-thumbnail-meta h2 {
	font-size: 1.45em; /* 16px */
}
#main .gallery-thumbnail-meta p {
	margin-top: 7px;
	line-height: 1em;
}
#main .gallery-thumbnail-meta p.contact {
	margin-top: 40px;
	line-height: 1em;
}
#main .contact a {
	display: block;
	width: 75px;
	height: 21px;
	background: transparent url(i/available.jpg) no-repeat top left;
	text-indent: -9999em;
}
#main .contact a:hover {
	background-position: 0 -44px;
}
#main .contact a.sold {
	background-position: 0 -86px;
}
#main .ngg-imagebrowser .pic {
	text-align: center;
}
#main .ngg-imagebrowser img {
	padding: 0;
	border: none;
	margin: auto;
	width: auto;
}
#main #image-meta {
	margin-bottom: 20px; font-size: 84.6%; 
}

#image-meta #meta-1 { width: 220px; float: left; margin-right: 20px; }
#image-meta #meta-1 h1 { margin: 0; padding: 10px 0; text-align: right; }
#image-meta #meta-1 p { text-align: right; }
#image-meta #meta-1 p.contact { float: right; margin-top: 10px; text-align: left; }
#image-meta #meta-2 { width: 350px; float: left; margin-right: 20px; text-transform: lowercase; }
#image-meta #meta-2 ul { float: none; padding-top: 0; width: 350px; }
#image-meta #meta-2 li { margin-bottom: 0.25em; }
#image-meta #meta-2 li.series-name { font-style: italic; font-weight: bold; line-height: 1.0; margin-top: 18px; text-transform: none; }
#image-meta ul { float: left; text-transform: lowercase; padding-top: 50px; width: 100px; }
#image-meta ul li.back a { background: url('i/prev.gif') no-repeat 0 50%; float: left; margin-left: 6px; padding-left: 20px; }
#image-meta ul li.next a { background: url('i/next.gif') no-repeat 100% 50%; float: right; margin-right: 6px; padding-right: 20px; }
#image-meta ul li.up { clear: both; text-align: center; }

/* Contact us form */
/* Used for WP CF 7 forms */
.wpcf7-form ul {margin:0;}
.wpcf7-form li {list-style:none;margin-bottom:10px;overflow:hidden;}
form.wpcf7-form fieldset{border-top:1px solid #ddd; padding:1em; margin:0 0 1.5em 0;}
form.wpcf7-form legend {font-weight:bold; font-size:1.2em;padding:0 10px;}
form.wpcf7-form label, form.wpcf7-form input {display:block; float:left; width:150px;}
form.wpcf7-form input.check,form.wpcf7-form label.check {display:inline;float:none;width:auto;}
form.wpcf7-form label {text-align:right; width:100px; padding-right:10px;}
form.wpcf7-form input.text, form.wpcf7-form input.check, form.wpcf7-form textarea, form.wpcf7-form select {border:1px solid #ddd;padding:5px;}
form.wpcf7-form input.text:focus, form.wpcf7-form input.check:focus, form.wpcf7-form textarea:focus, form.wpcf7-form select:focus {border:1px solid #666;}
form.wpcf7-form br,form.wpcf7-form li,form.wpcf7-form p{clear:left;}
form.wpcf7-form input#submit {background-color: #b6b6b6;border:#ddd;color:#fff;font-weight:bold;margin:10px 0 10px 110px;padding:5px;width:auto;}