/* 	styles for HowWeirdCanYouGet.com
	Derek Mah January 2009
 */
/* 
====================
	Set defaults
====================
 */
* {margin: 0px; padding: 0px;}
body {
	background-color: #314d5c;
	font: 12px "lucida grande", "arial", "helvetica", sans-serif;
	font-weight: normal; font-style: normal;
	color: #efdfb2;
	text-decoration: none;
	text-align: center;
	}
img {display: inline; vertical-align: baseline;}
a img {border: none;}
table, tr, td {border-collapse: collapse;}
td {vertical-align: top;}
/* 	h1 title
	h2 header
	h3 header same as h2 but without a bottom margin
	h4 bold italic, usually as a header
	h5 header same as h2 but without a top margin
	h6 right aligned quote source
 */
h1, h2, h3, h4, h5, h6, p {margin: 0em;}
h1 {
	font-size: 1.8em; font-weight:bold;
	}
h2 {
	font-size: 1.25em;
	font-weight: bold; margin-bottom: 0.25em;
	}
h3 {
	font-size: 1.25em;
	font-weight: bold;
	}
h4 {
	font-size: 1.1em;
	font-weight: bold; font-style: italic;
	}
h5 {
	font-size: 1.25em;
	font-weight: bold;
	}
h6 {
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
	}
p {
	line-height: 1.25em; margin-bottom: 0.25em;
	}
.chunky {
	font-weight: bold;
	}
.smalltext {
	font-size: 0.9em;
	}
a:link, a:visited {
	color: #bdfdff;
	text-decoration: none;
	}
a:active, a:hover {
	color: #fafcff;
	text-decoration: none;
	}

/* 
====================
	content
	
	#wrapper contains the parchment bkg.
====================
 */
#wrapper {
	position: relative; margin: 0px auto 0px auto; width: 800px; height: 720px;
	background: url(wrapper_bkg.png) left top no-repeat transparent;
	color: #806f54;
	}
#hw_welcome {
	position: absolute; top: 90px; left: 70px; width: 150px;
	text-align: center;
	}
#hw_hours {
	position: absolute; top: 65px; left: 580px; width: 150px;
	text-align: center;
	}

div.item {
	position: absolute; top: 100px; left: 240px;
	}
div.item_001 {
	top: 320px; left: 90px;
	}
div.item_002 {
	top: 392px; left: 90px;
	}
div.item_003 {
	top: 473px; left: 90px;
	}
div.item_004 {
	top: 522px; left: 90px;
	}
div.item_005 {
	top: 252px; left: 405px;
	}
div.item_006 {
	top: 331px; left: 405px;
	}
div.item_007 {
	top: 455px; left: 405px;
	}
input {
	font: 11px "lucida grande", "verdana", "arial", "helvetica", sans-serif;
	font-weight: bold; font-style: normal; text-align: center;
	color: #8f6f54;
	}