@charset "utf-8";

* { margin: 0; padding: 0 }
html,body { background: black; color: white }
a img { border: 0 }
a { color: white }

a.boon, .boon {color:#DC9503;}
a.boon:hover {text-decoration:none;}

.booni {display:block; border:1px dotted #D6CD74; color:#DED9BA; padding:.3em 1em .8em 1em;}
.booni a {color:#D6CD74;}
.booni a:hover {text-decoration:none;}

/* For clearing when everything else fails! */
hr { height: 0; border: 0; clear: both }

/* Fonts */
body { font: 76%/1.5 Arial,Helvetica,sans-serif }
h1,h2,h3,h4,h5,h6 { font-family: Georgia,"Times New Roman",Times,serif; font-weight: normal }
h2 { font-size: 2em; margin: 0 0 0 -0.1em }
h2,h2 a { color: #D6D6F7 }
p { margin-bottom: 1em }
h2.minor,h3 { font-size: 1.5em }
h4 { margin: 0.7em 0; font-size: 1.3em }
h2.minor,h2.minor a,h3,h3 a,h4,h4 a { color: #DC9503 }
h2 a,h3 a { text-decoration: none; border-bottom: 1px dotted }
blockquote { margin: 0 50px 0 20px; font-style: italic; color: #D8D3B2 }
q { font-style: italic }
.gallery #content h2,.contact #content h2,.about #content h2,.blog #content h2,.cart #content h2 { text-align: right; margin: 0 0 0.5em 0 }

/* Images */
img.floated,img.floatedright,.floated img,.floatedright img { border: 2px solid #DEDABA; padding: 2px; text-decoration:none; vertical-align:bottom; background-color:#000; }
.floatedright strong {display:block; text-align:center;}


.floatedright { float: right; margin: 0 0 1em 1em;  }
img.floated,p.floated img { float: left; margin: 0 1em 1em 0 }

/* Structural labels should not be visible */
.structure { position: absolute; left: -9999px }

/* Skip to content */
#skipper { position: absolute; left: -9999px }

/* Page. Margin-top so content and sidebar overlap the h1 just enough */
#page { position: relative; width: 740px; margin: 0 auto }

/* Logo. Is floating over everything else */
h1 {position: absolute; left: 0; top: -83px; z-index: 99; text-indent: -9999px; background: url(img/logo.png) no-repeat 0 20px; height: 103px; width: 740px }

/* Containers */
#container1 { margin-top: 81px; background: url(img/right.gif) repeat-y top right }
#container2 { background: url(img/sidebar.gif) repeat-y top left }

/* Sidebar */
#sidebar { width: 183px; float: left; color: #745921 }
#sidebar a { color: #745921 }
#sidebar p { margin: 0 30px 1em 18px }

	/* Nav */
	#nav { min-height: 181px; background: url(img/sidebar_top.gif) no-repeat top left; font-size: 1.1em; list-style-type: none; padding: 75px 35px 0 50px; font-weight: bold; }
	#nav li {cursor:default;}
	#nav li,#nav li.current a { background: url(img/selected_menu.gif) no-repeat center left; padding-left: 10px; }
	#nav a { display: block; margin-left: -10px; padding-left: 10px; background: url(img/sidebar.gif) repeat-y -50px 0; text-decoration: none;  }
#nav li.cart a strong, #nav li.cart strong {
	width:100%; display:block; cursor:pointer;
	background:transparent url(/img/cart.gif) 90% 50% no-repeat; 
	}	
#nav li.cart strong {cursor:default;}


	/* Gallery index in sidebar */
	#sidebar h2 { color: #745921; font: 1em Arial,Helvetica,sans-serif; padding: 0 0 4px 18px; font-weight: bold }
	#galleryindex { background: url(img/gallery_index.gif) top left; list-style-type: none; margin-left: 13px; padding-bottom: 5px; border: 1px solid #C9BF9B; width: 152px; float: left }
	#galleryindex li { float: left; width: 36px; height: 37px; padding: 9px 4px 4px 9px }
	
	/* Stationary */
	#stationary { clear: both; padding-top: 20px }
	#stationary h3 { color: #745921; font: 0.91em Arial,Helvetica,sans-serif; padding: 0 0 4px 18px; font-weight: bold }
	#stationary ul { margin: 0 30px 15px 30px; font-size: 0.91em; }



/* --------------------------------------------- RR's little nav addition 2007/02/20 ------------------------ */
ul#little_nav {
	position:absolute; top:-30px; right:10px; z-index:99; 
	list-style-type:none; margin:0; padding:0; background-color:transparent;
	}
ul#little_nav li {display:inline; margin:0 0 0 1em; }
ul#little_nav li.cart {padding-right:1.5em; background:transparent url(/css/img/cart.gif) 100% 50%  no-repeat;}
ul#little_nav li a {color:#946F2B;}









/* Content */
#content { margin-left: 183px; padding: 15px 24px 0 18px }

/* Home page */
/* This has two problems: 
 	1. if the sidebar is taller than the content the image ends up in the wrong spot 
	2. if div#diary is not taller than 181px (the height of the image) it will appear cut on top */
.home #content { padding-right: 35px }
.home #diary { margin: 0 -29px -24px 0; padding: 1em 134px 20px 0; background: url(img/right_bottom_bg.jpg) bottom right no-repeat; position: relative; z-index: 999 }
.headerimg { position: relative; z-index: 999; top:-2px; }

/* Blog */
.entry { padding-left: 30px }
.entry h3,.entry h4,.entry p.date { margin-left: -30px }
.entry h3,.entry h4 { border-bottom: 1px solid }
.entry h3 a { border-bottom: 0 }
.date { font-size: 0.91em; color: #D8D3B2 }
.date a { color: #D8D3B2 }
	/* Comments */
	ol.comments { padding: 0 0 0 2em }
	.comments li { margin-bottom: 1em }
	.comments .date { text-align: right }
	/* Comment Form */
	.commentform { border-top: 1px solid #D8D3B2; padding-top: 1em; line-height: 1.8em }
	.commentform label { float: left; width: 60px }
	.commentform .remember label { width: auto }
	.commentform input { width: 200px; float: left; margin-right: 5px; border: 1px solid #AAA }
	.commentform textarea { width: 200px; border: 1px solid #AAA }
	.commentform input.button { width: 6em; margin-top: 1em }
	.commentform a { margin-left: 5px }
	.commentform .remember input { width: auto; margin-right: 5px }

	/* Error messages */
	.error { border: 2px solid #900; background: #FDC; padding: 0.5em 1em; margin-bottom: 1em;  color: #900 }
	.error p { font-weight: bold; margin: 0 }
	.errorlist { padding: 0 0 0 2em }

/* Gallery */
.gallery #content { float: left; width: 515px; margin: 0 }
#sections { list-style-type: none }
#sections li { clear: both; padding-top: 1em }
#sections li.even { text-align: right }
#sections img { float: left; padding: 2px; border: 2px solid #DEDABA; margin: 0 1em 0 0 }
#sections li.even img { float: right; margin: 0 0 0 1em }

.gallery h2 span { float: left; font-size: 0.75em; line-height: 2.2; color: #DC9503 }
#thumbs { padding-top: 1em; float: right; width: 520px; list-style-type: none; margin-right: -5px }
#thumbs li { line-height: 1px; padding: 5px; background: url(img/stamp.gif) no-repeat center center white; float: left; margin: 0 5px 5px 0 }
#thumbs li.current { padding: 2px; border: 3px solid #FC582D }

.gallery #art h3 { clear: right; color: white; font-size: 1.3em; padding: 1em 0 0.2em }
#art p#image { text-align: center; margin: 2em 0 }
#art #image img { border: 2px solid #555; padding: 2px }
#art table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 2px solid #555 }
#art td,#art th { vertical-align: middle; text-align: right; padding: 3px; width: 30%; border-right: 2px solid #555 }
#art td img { vertical-align: middle }
#art th { background-color: #444 }
#art .size { text-align: left; width: 10% }
#art .even { background-color: #444 }
p.note { margin-top: 1em; font-size: 0.91em }

/* Contact */
.contact fieldset { padding: 1em; border: 1px solid #D8D3B2 }
.contact legend { color: #D8D3B2; font-weight: bold }
* html .contact legend { margin-bottom: 1em }
.contact label { float: left; width: 120px }
.contact input,.contact textarea { width: 300px; border: 1px solid #D8D3B2; padding: 2px; font-family: Verdana; font-size: 1em; margin-bottom: 0.5em }
.contact textarea { height: 250px }
.contact input.button { padding: 0 3px; width: auto; background: #D8D3B2; font-weight: bold; float: right; margin-top: 1em }
.contact .success { border: 2px solid #1B0; font-weight: bold; padding: 0.5em }
.contact form { margin: 0; padding: 0 }

/* Cart */
.cart #errors p {color:#FF332A;}
.orderSummary {margin:1em 0; width: 99%; border-collapse: collapse; border-spacing: 0; border:2px solid #555; border-width:2px 2px 0 0;}
.orderSummary th {background-color:#444;}
.orderSummary th, .orderSummary td {border:2px solid #555; border-width:0 0 2px 2px; padding:3px 5px;}
.orderSummary td.quantity, .orderSummary td.quantity *, .orderSummary td.remove {text-align:center;}
.orderSummary td.price {text-align:right;}
.orderSummary #editOrder {border-width:0; text-align:center; vertical-align:top;}
.orderSummary #editOrder small {font-size:0.9em;}
fieldset { padding: 1em; border: 1px solid #D8D3B2; margin:1em 0;}
legend { color: #D8D3B2; font-weight: bold }
fieldset th, fieldset td {padding:2px 4px;}
fieldset th {text-align:right; width:150px;}
form .buttons {text-align:center;}
form .buttons input, input.button {background-color:#D8D3B2; border:1px solid; color:#000; font-weight:bold; padding:0 3px;}
#errors p {font-weight:bold;}
#errors ul {margin:0 0 1em 2em; padding-left:0;}
.asterisk {color:#f33; font-weight:bold;}
#agreement {margin-bottom:1em; text-align:center;}
#privacyPolicy {padding:5px 10px 10px 10px;}
#privacyPolicy div {height:110px; overflow-y:scroll; padding-right:5px;}
#privacyPolicy h4 {font-size:100%;}
#savedInformation th {padding:2px 4px; text-align:right; vertical-align:top; width:150px;}
#savedInformation td {text-align:left; vertical-align:top;}

/* Read more links */
p.more { margin: 0; font-size: 0.91em; text-align: right }
p.more a { color: #D8D3B2; padding-left: 9px; background: url(img/link.gif) 0% 60% no-repeat }

/* Footer */
#footer { clear: both; color: #9F9F9F; line-height: 1; padding: 45px 20px 40px; font-size: 0.91em; background: url(img/footer.gif) no-repeat top left black }
#footer ul { float: right; list-style-type: none; overflow: hidden; padding: 1px 0 } /* padding necesary for showing links underlined! */
#footer li { float: left; margin-right: -1px; padding: 0 0.5em; border-right: 1px solid #9F9F9F }
#footer a { color: #9F9F9F }
#footer p { float: left; padding: 1px 0 1px 0.5em } /* padding necesary to align with footer navigation */

/* Sitemap */
#sitemap { font-family: Georgia,"Times New Roman",Times,serif; font-weight: normal; font-size: 1.4em }
#sitemap a,#sitemap li { color: #D6D6F7 }
#sitemap a:hover { color: #DC9503 }
#sitemap,#sitemap ul { padding-left: 2em }



#dress {margin:auto; text-align:center;}