/* 
	Main styles for hunchbackassignments.com
	Derek Mah, July 2009

	text b8962b
	info box backgrounds:
		black 000000
		rust 542b00
		cream f5f7cd
		black for IE 36322f

*/
	
/* 
====================
	Set defaults

	h1 title
	h2 header
	h3 header same as h2 with bottom margin removed
	h4 bold italic, usually as a header or call-out
	h5 header same as h2 with top margin removed
	h6 small print, usually copyrights and indicia
	hb_margin can be added to any element to add the standard vertical margins

====================
 */
* {
	margin: 0px; padding: 0px;
	}
body {
	background: url(fp_bkg.jpg) center -150px no-repeat #000000;
	font: 12px "lucida grande", "arial", "helvetica", sans-serif;
	font-weight: normal; font-style: normal;
	color: #b8962b;
	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, h2, h3, h4, h5 {
	color: #e8e2b0;
	font-family: "times", "georgia", serif;
	}
h1, h2, h3, h4, h5, h6, p, table, ul, ol, .hb_margin {
	margin: 1.70em 0em 1.70em 0em;
	}
h1 {
	font-size: 1.8em; font-weight:bold;
	margin: 1.55em 0em 0.95em 0em;
	}
h2, h3, h5 {
	font-size: 1.25em; font-weight: bold;
	margin: 1.36em 0em 1.36em 0em;
	}
h3 {
	margin-bottom: -1.10em;
	}
h4 {
	font-size: 1.20em; font-style: italic;
	margin: 1.42em 0em 1.42em 0em;
	}
h5 {
	margin-top: -1.25em;
	}
h6 {
	margin: 0em 0em 0em 0em;
	font-size: 9px; font-weight: normal;
	}
p {
	line-height: 1.70em;
	}
.hb_bold {
	font-weight: bold;
	}
.hb_small {
	font-size: 0.9em;
	}
.hb_quoted {
	display: block;
	margin: 0px; padding: 0px 2px;
	font-size: 9px;
	}
a:link, a:visited {
	color: #e8e2b0;
	text-decoration: none;
	}
a:active, a:hover {
	color: #ffffe0;
	text-decoration: underline;
	}

/* 
====================
	layout
====================
 */
#hb_content {
	position: relative;
	width: 950px; margin: 0px auto 0px auto;
	}
#hb_contentpad {
	padding: 230px 0px 0px 0px; text-align: left;
	}
.hb_2c_left {
	width: 625px; float: left; display: inline;
	}
.hb_2c_right {
	width: 625px; float: right; display: inline;
	}
.hb_1c_left {
	width: 300px; float: left; display: inline;
	}
.hb_1c_middle {
	width: 300px; margin: 0px auto 0px auto;
	}
.hb_1c_right {
	width: 300px; float: right; display: inline;
	}
.hb_box_outer {
	margin: 0px 0px 25px 0px;
	}
.hb_box_inner {
	margin: 1px; padding-left: 20px; padding-right: 17px;
	text-align: left;
	}
.border_black {
	border: solid 1px #000000;
	}
.border_gold {
	border: solid 1px #b8962b;
	}
.fill_black {
	background: url(info_bkg_000000_black.png) left top repeat transparent;
	}
.hb_height_tall {
	height: 700px;
	}
.hb_height_short {
	height: 400px;
	}
.hb_valign_middle {
	vertical-align: middle;
	}
.hb_scroll {
	overflow: auto;
	}
.hb_right {
	width: 102px; float: right;
	margin: 0px 0px 0px 15px;
	}
.hb_left {
	width: 102px; float: left;
	margin: 0px 15px 0px 0px;
	}
.hb_clear {
	clear: both;
	}

.hidefromiphone {
	display: block;
	}
.showonlyiphone {
	display: none;
	}
.hb_iphone {
	width: 350px; height: 611px; position: relative;
	margin: 0px auto 0px auto;
	background: url(iphone_bkg.png) left top no-repeat transparent;
	}
.hb_iphone div {
	position: absolute; left: 46px; top: 110px;
	width: 258px; height: 389px;
	margin: 0px; padding: 0px;
	overflow: auto;
	}
.hb_iphone div h1, 
.hb_iphone div h2, 
.hb_iphone div p, 
.hb_iphone div p a:link, 
.hb_iphone div p a:visited {
	color: #000000;
	padding-left: 7px; padding-right: 2px;
	}

#hb_logo {
	position: absolute; left: 0px; top: 20px;
	background: url(hunchback_logo_500.png) left top no-repeat transparent;
	width: 500px; height: 182px;
	}
#hb_logo a {
	display: block; width: 500px; height: 150px;
	}
#hb_topnav {
	position: absolute; left: 170px; top: 180px;
	font: 1.5em "times", "georgia", serif; font-weight: bold;
	}
#hb_topnav .hb_toplink {
	text-transform: none;
	}
#hb_topnav .hb_toplinkcurrent {
	text-transform: uppercase;
	}

#hb_stylepicker {
	position: absolute; right: 0px; top: 10px;
	text-align: right;
	}
#hb_stylepicker a {
	margin-left: 10px;
	}
#hb_stylepicker a img {
	border: solid 1px #b8962b;
	vertical-align: middle;
	}
#hb_stylepicker a:hover img {
	border: solid 1px #ffffe0;
	}

/* 
====================
	footer
====================
 */
#hb_footer {
	clear: both;
	padding: 20px 0px 20px 0px;
	text-align: center;
	}
#hb_footer p {
	font-size: 0.85em;
	}