/*  
Theme Name: Door Couture
Theme URI: http://doorcouture.com
Description: Theme designed by Armstrong Winston and developed by Bryan Corey
Version: 1.0
Author: Armstrong Winston
Author URI: http://www.armstrongwinston.com
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: transparent;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #464646;
	line-height:21px;
	margin: 0;
	padding: 0;
}

.home {	background:#b35738;	}
.what {	background: #7995a2; }
.collections { background: #cfa85e;	}
.stories { background: #517382; }
.contact { background: #9b616a;	}

img { border: none;	}

.clear {
	width: 100%;
	height: 1%;
	clear: both;
}

p.edit_link { text-align: center; margin: 10px 0;}

p.edit_link a {
	color: #999;
	text-decoration: none;
	font-weight: 500;
	padding-left: 20px;
	background: transparent url(images/file_edit.png) center left no-repeat;
}

.hidden { display: none; }

/* Header */

p#browser_warning {
	display: none;
	color: #999;
	text-align: center;
	padding: 20px 0;
}

#header {
	height:108px;
	background:#fff;
	padding:10px 0 0 0;
	position: relative;
}

h1#logo {
	margin: 0px auto;
	width: 125px;
	height: 100px;
}

a#addthis_button {
	position: absolute;
	top: 10px;
	right: 10px;
}

p#head_nav {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #b4b4b4;
	font-size: 11px;
}

p#head_nav a {color: #b4b4b4;text-decoration: none;}

div#nav_wrap {
	text-align:center;
	background: #34312e;
	height: 40px;
}
	
ul#nav {
	list-style-type: none;
	margin: 0 auto;
	padding: 7px 0 3px 0;
	height: 30px;
}
	
ul#nav li {
	display:inline;
	margin: 0 16px;
	line-height: 40px;
}
	
ul#nav li a {
	color:#b7b5a8;
	text-transform: uppercase;
	font-style: italic;
	outline: none;
	text-decoration: none;
	padding-top: 13px;
	/*letter-spacing: .75px;*/
}
	
ul#nav li a:hover {
	color: #fff;
	background: url(images/key.gif) top center no-repeat;
}
	
ul#nav li.current_page_item a {
	color: #fff;
	background: url(images/key.gif) top center no-repeat;
}

div#mid {
	width: 100%;
	overflow: hidden;
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 9px;
}

div#container {
	width: 706px;
	margin: 0 auto;
	padding: 0 18px;
	position: relative;
	background-position: top center;
	background-repeat: repeat-y;
}

/*div#content {
	width: 706px;
}*/

/* Panes */

div#lpane,
div#rpane {
	position: absolute;
	top: 0;
	width: 1000px;
	height: 100%;
}

div#lpane_knocker, div#rpane_knocker {
	position: absolute;
	opacity: .2;
	-moz-opacity: .2;
	filter: alpha(opacity=20);
}

div#lpane_crop, div#rpane_crop {
	position: relative;
	height: 100%;
	overflow: hidden;
}

div#lpane_knocker {
	top: 15px;
	right: 24px;
	width: 155px;
	height: 274px;
	background: transparent url(images/left_knocker.gif) center center no-repeat;
}

div#rpane_knocker {
	top: 100px;
	left: 24px;
	width: 167px;
	height: 328px;
	background: transparent url(images/right_knocker.gif) center center no-repeat;
}

div#lpane {
	left: -1000px;
}

div#lpane_vshadow {
	background-position: top right;
	background-repeat: repeat-y;
	height: 100%;
}

div#lpane_hshadow {
	background-position: bottom left;
	background-repeat: repeat-x;
	height: 100%;
	padding-bottom: 9px;
}

div#lpane_corner {
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 100%;
	padding: 0 9px 9px 0;
	position: relative;
}

div#rpane {
	left: 742px;
}

div#rpane_vshadow {
	background-position: top left;
	background-repeat: repeat-y;
	height: 100%;
}

div#rpane_hshadow {
	background-position: bottom right;
	background-repeat: repeat-x;
	height: 100%;
	padding-bottom: 9px;
}

div#rpane_corner {
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 100%;
	padding: 0 0 9px 9px;
	position: relative;
}

div#rpane_inner {
	height: 100%;
}

/* Home */

.home div#container {background-image: url(images/home_panels/center_vshadow.gif);}
.home div#mid {background-image: url(images/home_panels/center_hshadow.gif);}

.home div#lpane_vshadow {background-image: url(images/home_panels/left_vshadow.gif);}
.home div#lpane_hshadow {background-image: url(images/home_panels/left_hshadow.gif);}

.home div#lpane_corner {background-image: url(images/home_panels/left_corner.gif);}
.home div#rpane_vshadow {background-image: url(images/home_panels/right_vshadow.gif);}
.home div#rpane_hshadow {background-image: url(images/home_panels/right_hshadow.gif);}
.home div#rpane_corner {background-image: url(images/home_panels/right_corner.gif);}
/*.home div#rpane, .home div#lpane {background: #90482d url(images/home_panels/panel_gradient.gif) top center repeat-x;}*/
.home div#rpane, .home  div#lpane {background: #a54929;}


div#home_slideshow {
	width: 706px;
	height: 460px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}

/* What */

.what div#container {background-image: url(images/what_panels/center_vshadow.gif);}
.what div#mid {background-image: url(images/what_panels/center_hshadow.gif);}

.what div#lpane_vshadow {background-image: url(images/what_panels/left_vshadow.gif);}
.what div#lpane_hshadow {background-image: url(images/what_panels/left_hshadow.gif);}
.what div#lpane_corner {background-image: url(images/what_panels/left_corner.gif);}
.what div#rpane_vshadow {background-image: url(images/what_panels/right_vshadow.gif);}
.what div#rpane_hshadow {background-image: url(images/what_panels/right_hshadow.gif);}
.what div#rpane_corner {background-image: url(images/what_panels/right_corner.gif);}
/*.what div#rpane, .what div#lpane {background: #628494 url(images/what_panels/panel_gradient.gif) top center repeat-x;}*/
.what div#rpane, .what div#lpane {background: #628494 }

.what div#content { background-color: #EFF2F4; }

div#cancer {
	padding-top: 45px;
}

p#cancer_caption {
	font-size: 10px;
	line-height: 13px;
	color: #464646;
	text-align: center;
}

.post h2, .post h2 a {
	font-size:17px;
	font-weight: normal;
	margin: 20px 0 0 0;
	color: #628494;
	padding: 0 0 6px 0;
	background: url(images/divider.jpg) bottom left no-repeat;
}
	
	
h2 { margin-bottom:10px; }

.post p {margin: 18px 0;}
.post strong { color: #628494; font-weight: 700;}
.post a, .door-to-table-content a { color: #628494; font-weight: bold; text-decoration: none;}
.post a:hover, .door-to-table-content a:hover { text-decoration: underline; }

.post h2 a {
	font-weight:normal;
	color:#ffffff;
}
	
.post h2 a:hover { text-decoration:underline; }

/* Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
	
/*.post img {	border: 1px solid #628494; }*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 6px 0 18px 20px;
	display: inline;
	}

img.alignleft {
	margin: 4px 20px 18px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
img.size-medium, img.size-large, img.size-full {
	border: 0;
	padding-bottom: 10px;
	background-image: url(images/curved_shadow.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}

img.size-large, img.size-full {
	background-image: url(images/curved_shadow_l.png);
}

/* Collections */

.collections div#container {background-image: url(images/collections_panels/center_vshadow.gif);}
.collections div#mid {background-image: url(images/collections_panels/center_hshadow.gif);}

.collections div#lpane_vshadow {background-image: url(images/collections_panels/left_vshadow.gif);}
.collections div#lpane_hshadow {background-image: url(images/collections_panels/left_hshadow.gif);}
.collections div#lpane_corner {background-image: url(images/collections_panels/left_corner.gif);}
.collections div#rpane_vshadow {background-image: url(images/collections_panels/right_vshadow.gif);}
.collections div#rpane_hshadow {background-image: url(images/collections_panels/right_hshadow.gif);}
.collections div#rpane_corner {background-image: url(images/collections_panels/right_corner.gif);}
.collections div#rpane, .collections div#lpane {background: #C19A4F;}

.collections div#content {
	height: 460px;
	background: #292826;
}

/* Slideshow Stuff */

div#slideshow {
	position: relative;
	width: 100%;
	overflow: hidden;	
	margin: 0;
	padding: 0;
	height: 460px;
}

div#slideshow_strip {
	position: relative;
	z-index: 5;
	width: 10000px;
	height: 460px;
}

div#slideshow_strip img {
	position: relative;
	z-index: 10;
	margin: 0 20px 0 0;
	height: 460px;
	/*width: 307px;*/
	padding: 0;
}

div#slideshow_strip a#back_to_start img { width: auto; }

div#slideshow_strip a {
	float: left;
	display: inline;
	position: relative;
	height: 460px;
	margin: 0;
	padding: 0;
	color: #999;
	text-decoration: none;
	text-align: center;
}

div#slideshow_strip a span {
	position: absolute;
	bottom: 0;
	left: 0;
	/*width: 297px;*/
	z-index: 50;
	font-size: 10px;
	line-height: 16px;
	color: #999;
	background: #000;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
	padding: 5px;
}

.door-to-table div#slideshow_strip a span { height: 66px; }

div#slideshow_strip a span strong {
	font-size: 14px;
	color: #C0984D;
	font-weight: normal;
}

div#ss_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: #666;
	font-size: 12px;
	line-height: 50px;
	height: 50px;
	padding: 205px 0;
	margin: 0;
	z-index: 30;
	background: #292826;
}

div#ss_overlay img {
	vertical-align: middle;
}

a#slideshow_next,
a#slideshow_prev {
	top: 50%;
	margin: -30px 0 0 0;
	padding: 0;
	display: block;
	width: 60px;
	height: 60px;
	overflow: hidden;
	position: absolute;
	color: #fff;
	text-decoration: none;
	font-size: 200px;
	font-weight: bold;
	text-align: center;
	line-height: 460px;
	z-index: 100;
	-moz-outline: 0;
	opacity: .40;
	-moz-opacity: .40;
	filter:alpha(opacity=40);
}

a#slideshow_next {
	right: 60px;
	background-image: url(images/lightview/arrow-right.png);
}

a#slideshow_prev {
	left: 60px;
	background-image: url(images/lightview/arrow-left.png);
}

a#slideshow_next.disabled,
a#slideshow_prev.disabled {
	display: none;
}

a#slideshow_next:hover,
a#slideshow_prev:hover {
	opacity: .35;
	-moz-opacity: .35;
	filter:alpha(opacity=35);
}

.tooltip{
	width: 150px;
	color:#fff;
	margin: 5px 0 0 25px;
	text-decoration:none;
	text-align:center;
	padding: 10px;
	background: #CFA85E;
	border: 1px solid #000;
}

/* Overlay Stuff */

div#collection_overlay {
	/*float: left;*/
	position: absolute;
	top: 0;
	left: 365px;
	width: 300px;
	height: 550px;
	padding: 0 25px 0 20px;
}

img#detail {
	position: fixed;
	top: 0;
	left: 0;
	/*float: left;*/
	height: 548px;
	width: 365px;
	border: 1px solid #d5b271;
}

img#thumb {
	position: absolute;
	bottom: 0;
	left: 20px;
	display: block;
	width: 115px;
	height: 173px;
	border: 1px solid #d5b271;
	cursor: pointer;
}

div#collection_overlay h3.title,
.popup-form h3.title {
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	color: #C0984D;
}

h4.price {
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	color: #C0984D;
}

div#the_content {
	margin-top: 5px;
	padding: 20px 0;
	border-top: 1px solid #d5b271;
}

div#collection_overlay p {
	color: #464646;
	line-height: 21px;
	margin-bottom: 21px;
}

#the_content p.purchase_link a { color:#000; }
p.purchase_link img {height: 15px; vertical-align: middle; position: relative; top: -2px;}

div#buttons {
	margin: 30px 0 40px 0;
}

div#buttons form {
	float: left;
	margin-right: 10px;
}

fieldset#buttons {
	width: 300px;
	border: 0;
	margin-top: -10px;
}

#buttons p { margin: 5px 0; }

#buttons label {
	display: none;
}

#buttons input { margin: 10px 10px 10px 0; }

#buttons input.text {
	float: left;
	display: inline;
	padding: 5px;
	width: 120px;
	font-size: 12px;
	color: #464646;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

#buttons input.default { color: #ccc; }

#buttons input.default:focus { color: #464646; }

#buttons .last { margin-right: 0; }

.button {
	margin-right: 0;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 12px;
	color: #fff;
	text-decoration: none;
}

.green {
	border-color: #425315;
	background: transparent url(images/green_button.gif) center left repeat-x;
}

.tan {
	border-color: #B27C15;
	background: transparent url(images/tan_button.gif) center left repeat-x;
}

/* Collections */

.door-to-table #container, .door-to-table #content {
	height: auto !important;
}

.door-to-table-content {
	padding: 30px;
	background: #fff;
}

.door-to-table-content h2 {
	font-size:17px;
	font-weight: normal;
	margin: 0 0 20px;
	color: #C0984D;
	padding: 0 0 6px 0;
	background: url(images/divider.jpg) bottom left no-repeat;
}

.door-to-table-content a { color: #C0984D; }

.door-to-table-content h3 {
	margin: 40px 0 0 0;
	padding: 0;
	font-size: 17px;
	font-weight: normal;
	color: #C0984D;
}

.door-to-table-content p {
	margin: 5px 0 18px 0;
	padding: 0;
}

/* Door Stories */

.stories div#container {background-image: url(images/stories_panels/center_vshadow.gif);}
.stories div#mid {background-image: url(images/stories_panels/center_hshadow.gif);}

.stories div#lpane_vshadow {background-image: url(images/stories_panels/left_vshadow.gif);}
.stories div#lpane_hshadow {background-image: url(images/stories_panels/left_hshadow.gif);}
.stories div#lpane_corner {background-image: url(images/stories_panels/left_corner.gif);}
.stories div#rpane_vshadow {background-image: url(images/stories_panels/right_vshadow.gif);}
.stories div#rpane_hshadow {background-image: url(images/stories_panels/right_hshadow.gif);}
.stories div#rpane_corner {background-image: url(images/stories_panels/right_corner.gif);}
/*.stories div#rpane, .stories div#lpane {background: #426979 url(images/stories_panels/panel_gradient.gif) top center repeat-x;}*/
.stories div#rpane, .stories div#lpane {background: #426979; }
.stories div#content { background-color: #E5EAEC; }

.stories img.size-medium, .stories img.size-large { background-image: url(images/curved_shadow_mag.png); }

.stories .post { 
	position: relative;
	padding: 30px 0;
	background: transparent url(images/divider.jpg) bottom left no-repeat;
	/*min-height: 240px;*/
}

.stories .single {
	background: none;
}

/*.stories .post img.alignleft {
	position: absolute;
	top: 30px;
	left: 0px;
	margin-right: -200px;
	width: 180px;
	height: auto;
}*/

.stories h3.title {
	margin: 0 0 5px 0;
	padding: 0;
	color: #517382;
	font-size: 18px;
	line-height: 21px;
}

.stories h3.title a {
	font-weight: normal;
}

.stories .post p {
	margin: 5px 0 18px 0;
	padding: 0;
}

small {
	display: block;
	line-height: 21px;
	font-size: 12px;
	color: #517382;
	margin: 0 0 20px 0;
	font-style: italic;
}
.post small a { font-weight: normal; }

h2.empty {
	text-align: center;
	font-weight: normal;
	color: #517382;
	padding: 50px;
}

/* Sidebar */

.what #content,
.stories #content {
	background-image: url(images/sidebar.gif);
	background-repeat: repeat-y;
	background-position: top right;
}

div#content_column {
	position: relative;
	float: left;
	padding: 0 20px 20px 20px;
	width: 466px;
}

div#sidebar {
	position: relative;
	float: right;
	padding: 20px;
	width: 160px;
	background: #fff;
}

div#sidebar a,
div#sidebar ul li {
	color: #517382;
	text-decoration: none;
}

div#sidebar h3, div#sidebar h3 a {
	font-size: 11px;
	line-height: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

div#sidebar h3,
div#sidebar ul li {
	margin: 10px 0;
}

div#sidebar h3 {margin-bottom: 20px;}

div#sidebar ul {
	margin: 0 0 40px 0;
	padding: 0;
	list-style-type: none;
}

/* Contact */

.contact div#container {background-image: url(images/contact_panels/center_vshadow.gif);}
.contact div#mid {background-image: url(images/contact_panels/center_hshadow.gif);}

.contact div#lpane_vshadow {background-image: url(images/contact_panels/left_vshadow.gif);}
.contact div#lpane_hshadow {background-image: url(images/contact_panels/left_hshadow.gif);}
.contact div#lpane_corner {background-image: url(images/contact_panels/left_corner.gif);}
.contact div#rpane_vshadow {background-image: url(images/contact_panels/right_vshadow.gif);}
.contact div#rpane_hshadow {background-image: url(images/contact_panels/right_hshadow.gif);}
.contact div#rpane_corner {background-image: url(images/contact_panels/right_corner.gif);}
.contact div#rpane, .contact div#lpane {background: #8C5059; }
.contact div#content {background: #fff; }

.contact div#content {
	position: relative;
	padding-top: 100px;
	height: 360px;
}

.contact h2 {
	position: absolute;
	left: 30px;
	top: 20px;
	width: 646px;
	font-size:17px;
	margin: 0;
	color: #8D515A;
	font-weight: normal;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #7c7c7c;
	/*background: url(images/divider.jpg) bottom left no-repeat;*/
}

.contact fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

.contact label {
	display: none;
}

div#contact_left {
	float: left;
	width: 350px;
	padding: 0 0 30px 30px;
	color: #4f4f4f;
}

div#contact_left p {
	margin: 0;
	padding: 0 30px 0 0;
}

div#contact_left a {
	color: #4f4f4f;
	text-decoration: underline;
}

ul#contact_info {
	list-style-type: none;
	padding: 20px 0 0 0;
	margin: 20px 0 0 0;
	border-top: 1px solid #7c7c7c;
}

ul#contact_info li,
ul#contact_info li a {
	text-align: left;
	line-height: 30px;
	font-size: 12px;
	color: #494949;
}

ul#contact_info li em {
	font-size: 14px;
	color: #8D515A;
}

ul#contact_info li a {
	text-decoration: none;
}

ul#contact_info li a:hover {
	border-bottom: 2px solid #999;
}

ul#contact_info li h3 {
	font-family: georgia, serif;
	font-weight: lighter;
	font-size: 25px;
	margin: 0;
	display: inline;
}

form#contact {
	text-align: center;
	margin: 0;
	padding: 0 30px 30px 0;
}

form#contact fieldset#bordered {
	border-left: 1px solid #7c7c7c;
	padding-left: 30px;
}

input.text,
textarea.text {
	border: 1px solid #7c7c7c;
	color: #7c7c7c;
	text-align: left;
	padding: 5px;
	margin: 5px 0;
	width: 250px;
	line-height: 21px;
	font-family: "Lucida Grande", lucida, sans-serif;
	font-size: 13px;


}

form#contact textarea {
	height: 105px;
	font-family: "Lucida Grande", lucida, sans-serif;
	font-size: 13px;
}

form#contact input#submit,
form#contact input#reset {
	margin: 10px 20px 0 20px;
	width: auto;
}

div#content p#error,
div#content p#thanks {
	position: absolute;
	top: 20px;
	left: 30px;
	padding: 10px;
	width: 624px;
}

p#error {
	background: #fff;
	border: 1px solid #b10002;
	color: #b10002;
}

p#thanks {
	background: #fff;
	border: 1px solid #7c7c7c;
}

/* Footer */

h1#slogan img {width: 100%;}

#footer {	
	width: 700px;
	margin: 10px auto 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
}

p#copyright {
	margin-top: 15px;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	opacity: .3;
	-moz-opacity: .3;
	filter:alpha(opacity=30);
}

p#copyright a {
	text-decoration: none;
	color: #fff;
}

p#copyright a:hover {
	text-decoration: underline;
}

/* Popup Form */

.popup-form h3 {text-align: center;}
.popup-form fieldset {text-align: center; border: 0; padding: 20px;}
.popup-form .text {width: 150px; margin-right: 10px;}
.popup-form #submit {width: 150px;}

/* Thanks page */
.thanks-content { height: 400px; }
#ej-download-link { width: 100%; border: 0; }

/* Post Navigation */
.navigation_single {
	position: absolute;
	width: 100%;
	top: 400px;
}

/* Begin Comments*/

#respond {
	margin-top: 30px;
}

h3#comments {
	padding: 0;
	margin-top: 30px;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
#commentform input {
	width: 250px;
	padding: 5px;
	margin: 5px 5px 1px 0;
	border: 1px solid #c7c7c7;
	}

#commentform {
	margin: 5px 0 0 0;
	padding: 0;
	}
#commentform textarea {
	width: 456px;
	padding: 5px;
	border: 1px solid #c7c7c7;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	background: #fff;
	}
	
/* End Comments */