/*  
	Theme Name: Martin McCrea
	Theme URI: http://martinmccrea.com/
	Description: Wordpress Theme created for Martin McCrea by Jupitercow.
	Version: 2.0
	Author: Jupitercow
	Author URI: http://jupitercow.com/
*/

/* = SETUP
-----------------------------------------------------------------------------*/
* { margin:0; padding:0; } /* Override defaults for all tags. */
html,body { width:100%; height:100%; } /* makes sure your canvas fills the window */
body {
	background-color: #B08A41;
	text-align: center;
	font: 11px Verdana, Helvetica, Arial, sans-serif;
	color: #571F1E;
	}
img { border:0; } /* Removes borders from all images, because... who needs those anyway? */

/* = TEXT
-----------------------------------------------------------------------------*/
a { color: #a07b34; text-decoration: none; }
a:hover { text-decoration: underline; }
legend, p, h1, h2, h3, table { padding-bottom: 16px; }
legend, h1, h2, h3 { font-weight: bold; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
legend, h3 { font-size: 18px; }
legend, h1 a, h3 a, h2 a { color: #571F1E; }
p {line-height: 13px;}

/* = STAGE
-----------------------------------------------------------------------------*/
#wrap {
	width: 100%;
	background-color: #AD9356;
	}
#wrap_page {
	width: 840px;
	margin: 0 auto;
	padding-top: 16px;
	padding-bottom: 32px;
	}
#logo {
	float: left;
	margin-right: 28px;
	}
#main {
	clear: both;
	text-align: right;
	padding-top: 16px;
	}
#bg {
	text-align: right;
	background: #D7C3A0 url(images/main_bg.gif) repeat-y center top;
	}
#content {
	padding: 32px;
	text-align: left;
	min-height: 224px;
	height: auto !important;
	height: 224px;
	}
.clear {
	clear: both;
	width: 0;
	height: 0;
	overflow: hidden;
	}
.left { float: left; }
.right { float: right; }
fieldset { border: none; width: 40%; }
#top { background: url(images/main_tp.gif) no-repeat center top; }
#bottom { background: url(images/main_bm.gif) no-repeat center bottom; }
	
#btm_wrap {
	width: 100%;
	background: url(images/dsgn_btm_stripe.gif) repeat-x center top;
	}
#btm_design {
	width: 800px;
	height: 64px;
	background: url(images/dsgn_btm.gif) no-repeat center top;
	margin: 0px auto;
	}

#swf_cnr_tp_lt, #swf_cnr_bm_rt { position: absolute; }
#swf_cnr_tp_lt { margin: -16px 0 0 -16px; }
#swf_cnr_bm_rt { float:right; margin: -236px -16px 0 0; }

/* = STATUS
-----------------------------------------------------------------------------*/
.status {
	color: #D7C3A0;
	float: right;
	clear: both;
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-top: -12px;
	padding-right: 8px;
	}
.status a {
	color: #571F1E;
	}
.status p {
	padding: 0px;
	margin: 0px;
	}
.status a:hover {
	text-decoration: underline;
	}

/* = SHOP
-----------------------------------------------------------------------------*/
#content.shop { padding-top: 0; }
#content.shop .pagecontent, #content.item .pagecontent { color: #333; }
#content.shop .post, #content.item .post {
	float: left;
	margin-right: 3px;
	}
#content.shop .post {
	width: 160px;
	}
#content.shop .shop_items {
	width: 600px;
	float: right;
	}
#content.shop .shop_item {
	float: left;
	width: 122px;
	height: 220px;
	text-align: center;
	margin-left: 13px;
	/*margin-bottom: 30px;*/
	}
#content.shop .shop_item a {
	color: #571F1E;
	}
#content.shop .shop_item a:hover {
	color:  #AD9356;
	text-decoration: none;
	}
#content.shop .item_photo {
	margin-bottom: 4px;
	}
#content.shop .item_photo a {
	display: block;
	border: #AD9356 1px solid;
	}
#content.shop .item_photo a:hover {
	border-color: #571F1E;
	}
.shopform {
	border: 1px solid #999;
	font-size: 9px;
	color: #333;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* = ITEM
-----------------------------------------------------------------------------*/
#content.item p.itemnum {
	padding-bottom: 2px;
	}
#content.item .post {
	width: 320px; /* 160 */
	}
#content.item .image_col {
	float: left;
	text-align: center;
	margin-left: 20px;
	}
#content.item .main_image {
	float: left;
	padding: 3px;
	border: #571F1E 1px solid;
	}
#content.item input.addtocart {
	display: block;
	width: 145px;
	text-align: center;
	color: #571F1E;
	border: #571F1E 1px solid;
	background-color: #EDC270;
	padding: 3px 8px;
	}
#content.item input.addtocart:hover {
	color: #EDC270;
	background-color: #571F1E;
	text-decoration: none;
	}
#content.item a {
	color: #571F1E;
	}

/* = CART NAV
-----------------------------------------------------------------------------*/
#status ul#nav, ul#nav li { list-style: none; display: inline; }
ul#nav li { margin-bottom: 16px; }
#status { background: url(images/st_spacer.gif) top right repeat-x; }
#status ul#nav a {
	float: left;
	display: block;
	overflow: hidden;
	height: 0px !important; 
	height /**/:40px; /* for IE5/Win only */
	margin-right: 52px;
	padding-top: 40px;
	}
#status #cart a { background: url(images/st_cart.gif) top left no-repeat; width: 32px; }
#status #size a { background: url(images/st_sizing.gif) top left no-repeat; width: 41px; }
#status #checkout a { background: url(images/st_billing.gif) top left no-repeat; width: 44px; }
#status #review a { background: url(images/st_review.gif) top left no-repeat; width: 49px; }
#status #finish a { background: url(images/st_complete.gif) top left no-repeat; width: 75px; margin-right: 0px !important; }

#status ul#nav a:hover { background-position: 0 -40px; }
#status ul#nav a.current_page_item { background-position: 0 -80px; }
#status ul#nav a.disabled { background-position: 0 -120px; }
#status ul#nav a.disabled:hover { background-position: 0 -120px; }

#status ul#nav #title {
	float: left;
	background: url(images/st_title.gif) top left no-repeat;
	width: 314px;
	height: 40px;
	overflow: hidden;
	}

/* = CART
-----------------------------------------------------------------------------*/
input.cart {
	display: inline;
	}
form.cart {
	display: inline;
	}
#cart .title, #cart .item {
	border-bottom: #D7C3A0 3px solid;
	}
#cart .title {
	font-weight: bold;
	font-size: 12px;
	line-height: 24px;
	color: #FFF;
	background-color: #571F1E;
	border-top: none;
	}
#cart .one {
	text-align: left;
	}
#cart .item {
	padding: 3px;
	height: 53px;
	background-color: #EEDDBB;
	}

/* = CART CHECKOUT BUTTONS
-----------------------------------------------------------------------------*/
#shopout ul#nav, ul#nav li { list-style: none; display: inline; }
#shopout ul#nav a {
	float: right;
	display: block;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win only */
	margin-left: 16px;
	padding-top: 20px;
	}
#shopout #checkout a { background: url(images/cart_checkout.gif) top left no-repeat; width: 99px; }
#shopout #contshop a { background: url(images/cart_contshop.gif) top left no-repeat; width: 142px; }
#shopout #back a { background: url(images/cart_back.gif) top left no-repeat; width: 63px; }
#shopout #gotobilling a { background: url(images/cart_gotobilling.gif) top left no-repeat; width: 127px; }
#shopout #finish a { background: url(images/cart_finish.gif) top left no-repeat; width: 78px; }
#shopout #review a { background: url(images/cart_review.gif) top left no-repeat; width: 82px; }

#shopout ul#nav a:hover { background-position: 0 -20px; }

/* = HOME
-----------------------------------------------------------------------------*/
.home {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 30px;
	margin-left: 272px;
	}
#signature {
	position: relative;
	width: 153px;
	height: 35px;
	background-image: url(images/home_signature.gif);
	margin-top: 32px;
	}
#the_lady {
	position: absolute;
	float: left;
	width: 213px;
	height: 262px;
	background-image: url(images/home_lady.gif);
	/**/margin-left: 64px;/*-240*/
	/**/margin-top: -265px;/**/
	}

/* = MAIN MENU
-----------------------------------------------------------------------------*/
#menu { width: 320px; float: left; }
#menu #miblock { margin: 0 auto; }
#menu ul#nav { }
#menu ul#nav, ul#nav li { list-style: none; display: inline; }
#menu ul#nav a {
	float: left;
	display: block;
	overflow: hidden;
	height: 0px !important; 
	height /**/:24px; /* for IE5/Win only */
	margin-right: 12px;
	margin-top: 16px;
	padding-top: 24px;
	}
#menu #about a { background: url(images/mi_about.gif) top left no-repeat; width: 40px; }
#menu #return-policy a { background: url(images/mi_return.gif) top left no-repeat; width: 83px; }
#menu #sizing a { background: url(images/mi_sizing.gif) top left no-repeat; width: 37px; }
#menu #order a { background: url(images/mi_order.gif) top left no-repeat; width: 36px; }
#menu #contact a { background: url(images/mi_contact.gif) top left no-repeat; width: 49px; }
#menu #wedding a { background: url(images/mi_wedding.gif) top left no-repeat; width: 55px; /*margin-left: 48px;*/ }
#menu #boutique a { background: url(images/mi_boutique.gif) top left no-repeat; width: 56px; }
#menu #accessories a { background: url(images/mi_accessories.gif) top left no-repeat; width: 75px; /*margin-right: 0px !important;*/ }
#menu #trunk-show a { background: url(images/mi_trunkshow.gif) top left no-repeat; width: 73px; margin-right: 0px !important; }
#menu #policies a { background: url(images/mi_policies.gif) top left no-repeat; width: 48px; }
#menu #trade-shows a { background: url(images/mi_tradeshows.gif) top left no-repeat; width: 81px; margin-right: 0px !important; }

#menu ul#nav a:hover { background-position: 0 -24px; }
#menu ul#nav a.current_page_item { background-position: 0 -24px; }

/* = SEARCH FORM
-----------------------------------------------------------------------------*/
#search {
	width: 128px;
	float: right;
	text-align: right;
	padding-right: 8px;
	padding-top: 18px;
	}
#search #s {
	width: 120px;
	height: 16px;
	line-height: 16px;
	text-align: left;
	background-color: #D7C3A0;
	color: #571F1E;
	border: 1px solid #ad9356;
	padding: 2px 4px;
	}
#search #searchsubmit {
	text-align: right;
	color: #D7C3A0; 
	background-color: transparent;
	font-size: 12px;
	font-weight: bold;
	border: none;
	cursor: pointer;
	padding-top: 4px;
	}
#search #searchsubmit:hover { color: #571F1E; }
#search.embed #searchsubmit { color: #ad9356; }
#search.embed #searchsubmit:hover { color: #571F1E; }
#search.embed { float: left; width: 250px; }

/* = FOOTER
-----------------------------------------------------------------------------*/
#footer {
	font-size: 10px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 0 auto;
	}
#footer a { text-decoration: none; }
#footer #footer_menu, #footer #copyright, #footer #design { line-height: 18px; }
#footer #footer_menu, #footer #footer_menu a, #footer #design a:hover { color: #D7C3A0; }
#footer #copyright, #footer #footer_menu a:hover, #footer #design a { color: #571F1E; }
#footer #design { padding-bottom: 32px; }

/* = SIZING
-----------------------------------------------------------------------------*/
table#adultsizechart {
	text-align: center;
	line-height: 20px;
	border: #AD9356 2px solid;
	margin: 0 auto 32px;
	padding: 16px 0;
	}
#adultsizechart td.gray{ background-color: #EDB; }
#adultsizechart td.title {
	width: 90px;
	font-style: oblique;
	}
#adultsizechart td.left, #adultsizechart td.title { font-weight: bold; }
#adultsizechart td.left { text-align: left; padding-left: 16px; }
img.center { margin-left: 150px; }

/* = SIZE
-----------------------------------------------------------------------------*/
images/customSizeDiagram.gif
#customForm { /*width: 268px;*/ }
#customForm .title {
	}
#customForm .item_name {
	float: left;
	width: 194px;
	text-align: right;
	}
#customForm .item_input {
	float: left;
	width: 74px;
	}
#customDiagram {
	float: right;
	width: 500px;
	height: 400px;
	background-image: url(images/customSizeDiagram.gif);
	}

/* = SIMILAR DRESSES
-----------------------------------------------------------------------------*/
.similar img {
	margin-bottom: 8px;
	float: right;
	}
.sim_dress {
	width: 122px;
	height: 145px;
	float: right;
	text-align: center;
	clear: right;
	}
.sim_dress .item_photo a {
	width: 120px;
	height: 120px;
	overflow: hidden;
	}
.sim_dress a {
	color: #571F1E;
	}
.sim_dress a:hover {
	color: #AD9356;
	text-decoration: none;
	}
.sim_dress .item_photo {
	margin-bottom: 4px;
	}
.sim_dress .item_photo a {
	display: block;
	border: #AD9356 1px solid;
	}
.sim_dress .item_photo a:hover {
	border-color: #571F1E;
	}