/* CSS Document: Design and programming by J Hogue at Highchair designhaus */

html, body, table, address, form, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, td, hr, blockquote, ul, ol, dl, li, address { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }

body, td, input, select, textarea { font-family: "Lucida Grande", LucidaGrande, Helvetica, Arial, sans-serif; font-weight: normal; }
body {
	background-color: rgb(237,229,224); 
	color: #333; 
	text-align: left; 
	font-size: 10px; 
	line-height: 12px; 
}
img, img a, a img { border: none; }
div.clearit {
	clear: both; 
}

#everyoneneedsawrapper {
	width: 76em;
	height: 4em; 
	/* border: 1px solid #cc0; temp */
	margin: 2em auto;
}
#left {
	float: left;
	width: 25em;
	padding: 3em 0 0 0;
	/* border: 1px solid #c00; temp */
}
	#left a h1 { 
		color: #a99; 
		text-decoration: none; 
	}
	#left a:hover h1 { color: #546; } 
		#left h1 {
			font-size: 1.6em; 
			line-height: 1.4em;
			font-weight: normal; 
		}
	#left h2 {
		font-size: 1.5em; 
		line-height: 1em;
		color: #546;
	}
	#left ul { 
		list-style-type: none;
		padding: 2em 0;
	}
		#left li { padding: .3em 0; }
		#left ul ul { 
			font-size: .9em; 
			padding: 0 0 0 1em; 
		}
	#left a {
		font-size: 1.4em; 
		color: #966;
		text-decoration: none;
	}
	#left a:hover {
		color: #000; 
		text-decoration: none;
	}
		#left li a.select { color: #a99; } 
		#left li a.select:hover { color: #966; } 
	#left p {
		color: #666; 
		font-size: 1.1em; 
		line-height: 1.4em;
		padding: 0 2em .6em 0; 
	}
	#news {
		font-size: 1.1em; 
	}
#right {
	float: right;
	width: 50em;
	padding: 0 0 2em 0; 
}
	div.rule {
		height: 1px; 
		color: #fff;
		background-color: #999;
		margin: .5em 0 1em 0; 
	}
	#image, #thumbs, #art, #text {
		width: 48em;
		min-height: 24.6em;
		padding: .7em 1em 1em 1em;
		background-color: #fff;
	}
		#image img { 
			width: 48em;
		}
		#thumbs { 
			width: 49em; 
			padding: 1em 0 0 1em; 
		}
		#thumbs img {
			float: left; 
			width: 15.5em;
			padding: 0 .7em .7em 0;
		}
	h4 {
		float: left; 
		width: 23em; 
		color: #a99; 
		font-size: 1.4em; 
		line-height: 1.2em; 
		font-weight: normal; 
		padding: .2em 0 1em 0;
	}
	#portnavigation {
		float: right; 
		width: 15em; 
		padding-top: .8em; 
		text-align: right;
	}
	#detailnav {
		padding-top: .8em; 
		text-align: right;
	}
		#portnavigation a, #detailnav a { 
			padding: .3em .4em;
			margin: 0 0 0 .3em; 
			color: #546;
			background-color: rgb(237,229,224); 
			font-size: 1.1em; 
			text-decoration: none; 
		}
		#portnavigation a:hover, #detailnav a:hover { 
			background-color: #a99; 
		}
	#text h4 {
		float: none; 
		width: auto;
		color: #658;
		font-size: 1.6em; 
	}
		#text h5 {
			color: #966;
			font-size: 1.4em; 
			padding: .4em 1.8em .8em 0;
			font-weight: bold; 
		}
		#text a { color: #546; }
		#text a:hover { color: #a99; }
		#text p {
			font-size: 1.3em; 
			line-height: 1.8em; 
			padding: 0 2em 1em 2em;
		}
		#text p.press { color: #658; }
		#text p.press b { color: #999; }
		#text p span {
			float: left; 
			font-size: 1.5em; 
			color: #999; 
			padding: 0 .2em 0 0; 
		}
		#text .randomthumb {
			float: right; 
			padding: .5em; 
		}
		#text dl {
			font-size: 1.2em; 
			margin: 0 2em 1em 2em; 
			border-bottom: 1px dotted #ccc; 
		}
			#text dt {
				position: relative;
				font-weight: bold; 
				color: #999; 
				margin: .2em 0 -1em 0;
				padding: .2em 0 0 0; 
				border-top: 1px dotted #ccc; 
			}
			#text dd {
				 
				margin: 0 0 0 7em; 
				line-height: 1.6em; 
			}