/*
Still The Jake.com - Screen Styles

author: Cory Duncan of Substance, Inc / findsubstance.com
colors:
	red - #b23
*/

html, body, h1, h2, h3, p, blockquote, form, fieldset, button, textarea, dl, dt, dd, ul, ol, li, cite {
	border: none;
	margin: 0;
	padding: 0;
	}
li { list-style: none; }
abbr { border: none; text-decoration: none; }
cite { font-style: normal; }
a { outline: none; }
a:link, a:visited { color: #333; }
a:hover { color: #b23; text-decoration: none; }
img { border: none; display: block; } 
body {
	background: #fff;
	color: #333;
	font: 12px/1.0 Arial, Helvetica, Sans-serif;
	position: relative;
	}
p { line-height: 1.1666em; }
h1, h2, h3 { text-transform: uppercase;	}
h1 { 
	background: url(../img/headers/stillthejake.png) no-repeat 0 0;
	color: #b23; 
	font-size: 24px; 
	height: 18px;
	margin: 0 0 5px;
	overflow: hidden;
	text-indent: -9999px;
	width: 248px;
	}
h2 { color: #666; font-size: 16px; margin: 0 0 6px; }
h3 { font-size: 14px; }


/* -- structure -- */ 
#wrap {
	margin: 0 auto;
	padding: 60px 0 0;
	width: 840px;
	}
#main {
	float: left;
	width: 364px;
	}
#sub {
	float: right;
	width: 460px;
	}


/* -- content -- */
#content {
	border: 1px solid #333; border-left: none; border-right: none;
	margin: 9px 0 0;
	overflow: hidden;
	padding: 18px 0;
	width: 100%;
	}
.sec {
	border-top: 1px solid #666;
	margin: 11px 0 0;
	padding: 9px 0 0 7px;
	position: relative;
	}
.sec h2 {
	background: no-repeat 0 0;
	height: 13px;
	overflow: hidden;
	text-indent: -9999px;
	width: 275px;
	}
.sec .more a {
	background: no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 9px;
	}
.first { 
	border: none;
	margin: 0;
	overflow: hidden;
	width: 100%;
	}
p.price { 
	color: #333;
	float: left;
	font-size: 24px;
	line-height: 1em;
	margin: 0 6px 0 0;
	}
p.shipping { 
	color: #666;
	float: left;
	font-size: 10px;
	line-height: 11px;
	width: 340px;
	}
p.shipping span { display: block; }
.toggler { cursor: pointer; }
.success {
	background: #b23;
	color: #fff;
	left: 0;
	padding: 6px 0;
	position: absolute;
	text-align: center;
	top: 0;	
	width: 100%;
	}
.success a:link, .success a:visited { color: #fff; }

/* about */
.about h2 { 
	background-image: url(../img/headers/about.png);
	margin: 16px 0 0;
	}
.about p { margin: 6px 0 0; }
.about .more a {
	background-image: url(../img/links/schedule.png);
	height: 28px;
	width: 145px;
	}
.about .more a:hover { background-position: 0 -28px; }

/* sightings */
.sightings h2 { background-image: url(../img/headers/sightings.png); margin-bottom: 9px; }
.sightings ul { 
	margin: 0 0 6px;
	overflow: hidden;
	width: 100%;
	}
.sightings li { float: left; margin: 0 3px 0 0; }
.sightings .more a {
	background-image: url(../img/links/all-photos.png);
	height: 9px;
	width: 113px;
	}
.sightings .more a:hover { background-position: 0 -9px; }
.sightings .toggler {
	background: url(../img/links/upload-photo.png) no-repeat 0 0;
	border-top: 1px solid #999;
	height: 17px;
	margin: 0 0 0 -7px;
	overflow: hidden;
	text-indent: -9999px;
	width: 149px;
	}
.sightings .toggler:hover { background-position: 0 -17px; }
.sightings .toggler-open { background-position: 0 -34px; }
.sightings .toggler-open:hover { background-position: 0 -51px; }
.sightings .stretcher {
	margin: 0 0 0 -9px;
	padding: 0 0 0 9px;
	}

/* product */
.product div {
	border-top: 1px solid #333;
	margin: 9px auto 0;
	padding: 9px 0 0;
	width: 254px;
	}
.product ul {
	background: url(../img/products/stillthejake-thumbs.png) no-repeat 0 0;
	height: 76px;
	margin: 0 auto;
	width: 128px;
	}
.product li { float: left; }
.product li a {
	background: url(../img/products/thumbs-nav.png) no-repeat;
	display: block;
	height: 76px;
	overflow: hidden;
	text-indent: -9999px;
	width: 64px;
	}
.product li.front a { background-position: 0 0; }
.product li.back a { background-position: -64px 0; }
.product li.front a:hover { background-position: 0 -76px; }
.product li.back a:hover { background-position: -64px -76px; }
.product li.front a.on { background-position: 0 -152px; }
.product li.back a.on { background-position: -64px -152px; }


/* -- footer -- */
#footer {
	overflow: hidden;
	padding: 7px 0;
	width: 100%;
	}
#footer p {
	background: url(../img/footer.png) no-repeat 0 0;
	float: right;
	height: 12px;
	overflow: hidden;
	position: relative;
	text-indent: -9999px;
	width: 331px;
	}
#footer p a { 
	height: 12px;
	position: absolute;
	right: 0;
	top: 0;
	width: 125px;
	}
#footer p a:hover { background: url(../img/footer.png) no-repeat -206px -12px; }

/* -- forms -- */
label { padding-right: 4px; }
button {
	background: no-repeat 0 0;
	cursor: pointer;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	}
input, select { 
	font: 12px/normal Arial, Helvetica, Sans-serif;
	margin: 0;
	}
.field { margin: 4px 0; }

/* purchase form */
.purchase {
	margin-top: 6px;
	padding-top: 6px;
	}
.purchase form p { margin: 0 0 8px; width: auto; }
.purchase form button {
	background-image: url(../img/buttons/purchase.png);
	height: 31px;
	margin: 0 0 -4px -9px;
	width: 130px;
	}
.purchase form button:hover { background-position: 0 -31px; }
.purchase form input { width: 30px; }
.purchase form select { width: 180px; }

/* photo upload form */
.sightings form input.txt { width: 223px; }
.sightings form button {
	background-image: url(../img/buttons/submit.png);
	height: 28px;
	margin: 0 0 0 -9px;
	width: 79px;	
	}
.sightings form button:hover { background-position: 0 -28px; }