/* CSS Document */

@import url(reset.css);

/* Area Basics
---------------------------------------- */
body {
	margin: 0 auto;
	background: #0a2a56 url(../_images/bkgrd_topgradient.gif) top left repeat-x;
	color: #ffffff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 76%;
	}
div#wrap {
	margin: 0 auto;
	width: 920px;
	}
	div#content {
	margin: 0 30px 10px 30px;
	}
div#footer {
	clear: both;
	padding-top: 1.5em;
	background: transparent url(../_images/line_gold.gif) top center no-repeat;
	font-size: 90%;
	text-align: center;
	}

/* Links
---------------------------------------- */
a:link, a:visited {color: #ddd444}
a:hover, a:active {color: #ffffff}

/* Text Basics
---------------------------------------- */
p {
	margin-bottom: .8em;
	line-height: 1.6em;
	}
abbr.state, acronym, .smallcaps {
	text-transform: lowercase;
	font-variant: small-caps;
	}

/* Heading 1 + Banner
---------------------------------------- */
h1 {
	height: 90px;
	width: 920px;
	background: transparent url(../_images/h1.gif) top center no-repeat;
	text-indent: -9999px;
	}
div#banner {
	margin: -2px 0;
	padding-top: 65px;
	height: 240px;
	width: 920px;
	background: transparent url(../_images/bkgrd_banner.gif) center no-repeat;
	}
div#banner object {
	position: relative;
	top: -13px;
	margin-left: 21px;
	}

/* Headings
---------------------------------------- */
h2 {
	margin-bottom: .8em;
	color: #ddd444;
	font-size: 180%;
	}
h3 {
	margin-bottom: .8em;
	color: #ddd444;
	font-size: 150%;
	text-transform: lowercase;
	font-variant: small-caps;
	border-bottom: 1px dotted #b8af28;
	line-height: 120%;
	}
h4, div.furnish h3 {
	margin-bottom: .8em;
	color: #ddd444;
	font-size: 120%;
	font-weight: bold;
	line-height: 130%;
	}
	div.furnish h3 {
	text-transform: none;
	font-variant: normal;
	border-bottom: 0;
	}

/* Navigation
---------------------------------------- */
ul#nav {
	margin: 0 20px;
	}
ul#nav li {
	position: relative;
	float: left;
	width: 13%;
	height: 2em;
	margin-right: .75em;
	}
ul#nav li a {
	display: block;
	padding: .8em 1.5em;
	background: #27415c url(../_images/nav-bkgrd.jpg) bottom left repeat-x;
	width: 77%;
	height: 2em;
	font-size: 110%;
	text-transform: lowercase;
	font-variant: small-caps;
	text-align: center;
	text-decoration: none;
	border: 1px solid #ada418;
	border-collapse: collapse;
	}
	ul#nav li a:hover {
	color: #0a2a56;
	background: #bdb972 url(../_images/nav-hover.jpg) top center repeat-x;
	}
	ul#nav li#selected {
	padding: .8em 1.5em;
	width: 11.1%;
	font-size: 110%;
	background: #fff url(../_images/nav-selected.jpg) bottom center repeat-x;
	color: #0a2a56;
	text-transform: lowercase;
	font-variant: small-caps;
	text-align: center;
	border: 1px solid #ada418;
	border-collapse: collapse;
	}
	ul#nav li.last {margin-right: 0}
	ul#nav li#selected {margin-right: -.05em}
ul.anchor-list {
	margin-bottom: 1.6em;
	line-height: 1.6em;
	list-style-type: upper-roman;
	}
p.top {
	margin-top: 1.6em;
	}

/* Home
---------------------------------------- */
div#intro {
	position: relative;
	float: left;
	margin: 0 0 2em 15px;
	padding: 2em 0 0 90px;
	width: 400px;
	min-height: 275px;
	background: transparent url(../_images/symbols/column.gif) left top no-repeat;
	}
	div#intro p a#blog-link {
	display: block;
	margin-top: 2em;
	width: 320px;
	height: 170px;
	background: transparent url(../_images/blog.jpg);
	text-indent: -9999px;
	border: 1px solid #8f8711;
	}
	div#intro p a:hover#blog-link {border: 1px solid #ddd444}
img#patricktintype {
	position: relative;
	float: left;
	width: 69px;
	height: 90px;
	margin: 1em 1em 0 0;
	border: 1px solid #003;
	}
div#links {
	position: relative;
	float: right;
	margin: 0 60px 2em 0;
	padding-top: 15px;
	width: 322px;
	background: transparent url(../_images/symbols/trowel1.gif) top right no-repeat;
	}
	div#links h2 {
	font-size: 120%; 
	font-weight: bold;
	}
	
/* Ordering
------------------------------------------------ */
p.desc-undec {height: 18em}
p.desc-dec {height: 23em}
div.furnish p.desc {height: 12em}
div.personal p.desc {height: 14em}
p.price {color: #ddd444}
div.order-form {
	clear: both;
	padding-bottom: 2em;
	font-style: italic;
	}
div.order-form select {
	font-style: normal;
	}
p.bill-young {
	margin-left: 226px;
	}

/* In-Stock, Lodge Furnishings, Personal Effects
------------------------------------------------ */
h2#in-stock {
	padding: 5px 0 0 33px;
	min-height: 26px;
	background: transparent url(../_images/symbols/bees-tiny.gif) top left no-repeat;
	}
h2#lodge-furnishings {
	padding: 4px 0 0 33px;
	min-height: 26px;
	background: transparent url(../_images/symbols/blazenstar-tiny.gif) top left no-repeat;
	}
h2#personal-effects {
	padding: 5px 0 0 40px;
	min-height: 26px;
	background: transparent url(../_images/symbols/moonstars1-tiny.gif) top left no-repeat;
	}
h2#links {
	padding: 5px 0 0 33px;
	min-height: 26px;
	background: transparent url(../_images/symbols/trowel1-tiny.gif) top left no-repeat;
	}
h3#dec, h3#care {clear: left}
div.in-stock, div.furnish, div.personal, div.clothing {
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 2.2em;
	width: 205px;
	}
	div.in-stock img, div.furnish img, div.personal img {margin-bottom: 10px}
div.in-stock h4, div.in-stock p, 
div.furnish h3, div.furnish p, 
div.personal h3, div.personal p {
	margin: 0 .5em .8em .5em;
	}
a.add-img {display: none}

/* Custom Aprons
------------------------------------------------ */
h2#custom-aprons {
	padding: 3px 0 0 38px;
	min-height: 26px;
	background: transparent url(../_images/symbols/wingedtime-tiny.gif) top left no-repeat;
	}
p#build-your-own {
	position: relative;
	float: left;
	width: 560px;
	height: 200px;
	}
	p#build-your-own a {
	display: block;
	width: 560px;
	height: 200px;
	background: transparent url(../_images/custom/build-your-own.jpg) center no-repeat;
	text-indent: -9999px;
	border: 2px solid #8f8711;
	}
	p#build-your-own a:hover {border: 2px solid #fff}
p#custom-contact {
	position: relative;
	float: right;
	width: 285px;
	height: 200px;
	}
	p#custom-contact a {
	display: block;
	width: 285px;
	height: 200px;
	background: transparent url(../_images/custom/custom-contact.jpg) center no-repeat;
	text-indent: -9999px;
	border: 2px solid #8f8711;
	}
	p#custom-contact a:hover {border: 2px solid #fff}
h3#praise {clear: both; padding-top: 1em}
div.apron {
	clear: both; 
	margin-bottom: 2em;
	}
div.apron img {
	position: relative; 
	float: left; 
	margin:0 2em 2em 0; 
	width: 200px;
	border: 1px solid #8f8711;
	}
div.apron blockquote {
	display: table;
	font-size: 130%;
	line-height: 160%;
	}
div.apron blockquote cite {
	display: block;
	margin-top: .8em;
	color: #ddd444;
	font-size: 80%;
	font-style: normal;
	line-height: 150%;
	}
div.new-row {clear: left}

form#custom-contact, form#build-apron {margin-left: 40px}
	form#custom-contact dt, form#build-apron dt {margin: 1em 0 .5em 0}
	form#custom-contact dd input, form#build-apron dd input {width: 205px}
	form#custom-contact dd#comments-box textarea, form#build-apron dd#comments-box textarea {width: 515px}
	
	form#custom-contact dt#comments-label {margin: -16.1em 0 .5em 23em}
	form#custom-contact dd#comments-box {margin: 0 0 0 23em}
	form#custom-contact dd#submit-btn {margin: 1em 0 3em 22.85em}
	
	form#build-apron dt#comments-label {margin: -11.9em 0 .5em 23em}
	form#build-apron dd#comments-box {margin: 0 0 2em 23em}
	form#build-apron h3 {clear: both}
	
	div.apron-style-option, div.apron-trim-option, 
	div.apron-bib-option, div.apron-body-option {
	position: relative;
	float: left;
	margin-bottom: 2em;
	width: 25%;
	text-align: center;
	line-height: 1.6em;
	}
	
/* Links
------------------------------------------------ */
div.col {
	position: relative;
	float: left;
	width: 49%;
	}
	div.col.left {margin-right: 1%}
	div.col.right {margin-left: 1%}
ul.links li {
	margin-bottom: 12px;
	width: 420px;
	height: 85px;
	}