/*-------------------------------------------

Project: Bob Whalen for Assembly
Style: main.css
Author: Kevin Mooney Jr
Company: KINETIKMEDIA | www.kinetikmedia.com
Version: 2.0

---------------------------------------------*/

/* ---- TYPE ---- */

html {
	color: #072035;
	background: #fff;
}

body {
	font-family: Verdana, Lucida Grande, Arial, sans-serif;
	font-size: 13px;
}

h1 {
	display: block;
	width: 0;
	height: 144px;
	text-indent: -9999px;
}

h2 {
	display: block;
	width: 638px;
	height: 72px;
	background: #c9c5bc;
	text-indent: -9999px;
	margin-bottom: 24px;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: lighter;
}

h3.content {
	font-family: Verdana, Lucida Grande, Arial, sans-serif;
	color: #3e0008;
	margin-bottom: 24px;
}

h3.focusheader {
	width: 286px;
	height: 15px;
	padding: 17px 8px 0px;
	display: block;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/headersmall-block.jpg) 0 0 no-repeat;
}

h3.sideheader {
	width: 315px;
	height: 28px;
	display: block;
	color: #fff;
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/header-block.jpg) 0 0 no-repeat;
	text-align: center;
	padding: 4px 0;
}

h4 {
	font-size: 13px;
	margin-bottom: 8px;
	color: #31312A;
	font-weight: bold;
}

h4.headline {
	font-size: 14px;
	margin-bottom: 4px;
	color: #3e0008;
	font-weight: normal;
}

h4.mainheadline {
	font-size: 18px;
	margin-bottom: 4px;
	color: #3e0008;
	font-weight: normal;
}

p {	
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 24px;
	line-height: 1.7em;
}

#footer p {
	font-family: Verdana, Lucida Grande, Arial, sans-serif;
	margin-bottom: 16px;
}

#footer p.friends {
	color: #b67d16;
	margin-bottom: 8px;
}

p.date {
	color: #b67d16;
	font-size: 11px;
	font-family: Verdana, Lucida Grande, Arial, sans-serif;
	margin-bottom: 16px;
}

p.paid {
	color: #760012;
	border: 1px solid #760012;
	padding: 4px;
	margin: 116px 0px 0px;
	text-align: center;
}

p.copyright {
	color: #760012;
	margin: 0px;
}

strong {
	color: #3e0008;
	font-weight: bold;
}

em {
	font-style: italic;
}


/* ---- NAVIGATION ---- */
a {
	color: #3e0008;
}

a:hover {
	color: #b67d16;
}

#nav {
	height: 40px;
	margin-top: 10px;
}

#nav li {
	height: 36px;
	display: block;
	float: left;
	padding-right: 2px;
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/nav-divider.jpg) no-repeat right center;
}

#nav li a {
	height: 16px;
	display: block;
	color: #3e0008;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 12px;
}

#nav li a:hover {
	color: #fff;
}

#nav .current a {
	color: #fff;
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/current-tile.jpg) 0 0 repeat-x;
}

#action li a {
	width: 288px;
	height: 40px;
	display: block;
	margin-bottom: 8px;
	text-indent: -9999px;
}

li.contribute a {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/contribute-button.jpg) center 0 no-repeat;
}

li.contribute a:hover {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/contribute-button.jpg) center -40px no-repeat;
}

li.volunteer a {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/volunteer-button.jpg) center 0 no-repeat;
}

li.volunteer a:hover {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/volunteer-button.jpg) center -40px no-repeat;
}

li.vote a {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/vote-button.jpg) center 0 no-repeat;
}

li.vote a:hover {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/vote-button.jpg) center -40px no-repeat;
}

#content h4 a,
.focuscontent h4 a {
	color: #3e0008;
	font-weight: normal;
	text-decoration: none;
}

#content h4 a:hover,
.focuscontent h4 a:hover {
	text-decoration: underline;
	color: #b67d16;
}

ul.footnav li {
	display: inline;
	font-size: 11px;
	text-transform: uppercase;
}

#footer a {
	text-decoration: none;
	color: #fff;
}

#footer a:hover {
	color: #b67d16;
}


/* ---- LAYTOUT ---- */
#metawrap {
	margin: 0 auto;
}

#headerwrap {
	background: #58000d url(http://www.bobwhalen.com/themes/site_themes/whalen/images/header-tile.jpg) repeat-x center 0;
}

#header {
	width: 958px;
	height: 194px;
	display: block;
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/banner-logo.jpg) 0 0 no-repeat;
	margin: 0px auto;
}

#mainnav {
	width: 958px;
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/nav-tile.jpg) 0 0 repeat-x;
}

#mainwrap {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/main-tile.jpg) 0 0 repeat-x;	
}

#main {
	width: 958px;
	margin: 0px auto;
}

#contentwrap {
	width: 638px;
	float: left;
}

#content {
	padding: 0px 32px 0px 16px;
}

#focuswrap {
	width: 960px;
	clear: both;
	float: left;
	display: block;
	margin-top: 8px;
}

#focuswrapside {
	width: 320px;
	clear: both;
	float: left;
	display: block;
	margin-top: 8px;
}

.focusblock {
	width: 302px;
	min-height: 282px;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 8px;
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/sidefocus-tile.jpg) 0 0 repeat-x;
}

.focusblockcap {
	width: 315px;
	display: block;
	float: right;
}

.focuscontent {
	margin-top: 18px;
	padding: 0px 8px;
}

#sidebar {
	width: 320px;
	float: left;
}

#actionwrap {
	width: 304px;
	padding: 8px;
	float: left;
	background: #c9c5bc;	
}

.sideblock {
	width: 315px;
	display: block;
	float: right;
	margin-top: 10px;
}

.sidecontent {
	display: block;
	float: left;
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/sidefocus-tile.jpg) 0 0 repeat-x;
	padding: 20px;
	margin-top: 3px;
}

#action {
	width: 288px;
	display: block;
	padding: 8px;
	float: left;
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/action-tile.jpg) 0 0 repeat-x;
}

#footerwrap {
	margin: 16px 0px 0px;
	background: #2d0006 url(http://www.bobwhalen.com/themes/site_themes/whalen/images/footer-tile.jpg) repeat-x 0 0;
}

#footer {
	color: #fff;
	font-size: 12px;
	width: 926px;
	display: block;
	padding: 16px 16px 0px;
	margin: 0px auto;
}

#footright {
	float: right;
	text-align: right;
}

#footleft {
	float: left;
	text-align: left;
}

#spacer {
	height: 682px;
	display: block;
}

/* ---- PHOTOS ---- */

.thumbnail {
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
}

.homethumb {
	width: 75px;
	border: 4px solid #DEE7ED;
	margin-right: 6px;
	float: left;
	margin-bottom: 6px;
}

.imageright {
	margin-left: 20px;
	margin-bottom: 20px;
	float: right;
	border: 5px solid #DEE7ED;
}

.imageleft {
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	border: 5px solid #DEE7ED;
}

.photoleft {
	display: block;
	float: left;
	margin: 24px 24px 24px 0;
}

.photoright {
	display: block;
	float: right;
	margin: 24px 0 24px 24px;
}

/* ---- ELEMENTS ---- */
.line {
	display: block;
	height: 1px;
	border-top: 1px solid #c9c5bc;
	margin-bottom: 8px;
}

.linedotted {
	display: block;
	height: 1px;
	border-top: 1px dashed #c9c5bc;
	margin-bottom: 20px;
}

h2.About {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/headers/about-header.gif) 0 0 no-repeat;
}

h2.District {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/headers/district-header.gif) 0 0 no-repeat;
}

h2.Issues {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/headers/issues-header.gif) 0 0 no-repeat;
}

h2.Endorsements {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/headers/endorsements-header.gif) 0 0 no-repeat;
}

h2.press {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/headers/press-header.gif) 0 0 no-repeat;
}

h2.events {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/headers/events-header.gif) 0 0 no-repeat;
}

h2.gallery {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/headers/gallery-header.gif) 0 0 no-repeat;
}

h2.volunteer {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/headers/volunteer-header.gif) 0 0 no-repeat;
}

h2.Privacy {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/headers/privacy-header.gif) 0 0 no-repeat;
}

h2.Contact {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/headers/contact-header.gif) 0 0 no-repeat;
}

h2.Thanks {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/headers/thanks-header.gif) 0 0 no-repeat;
}

h2.vote {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/headers/vote-header.gif) 0 0 no-repeat;
}

h2.updates {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/headers/updates-header.gif) 0 0 no-repeat;
}


/*-------------------------------------------
FORMS
---------------------------------------------*/

/* ---- MAILING ---- */
form.mailing {
	margin-top: 16px;
	padding-top: 16px;
	position: relative;
	float: left;
	border-top: 2px solid #c9c5bc;
}

form.mailing p {
	font-family: Verdana, Lucida Grande, Arial, sans-serif;
	color: #2f0008;
	margin-bottom: 8px;
}

input.email {
	width: 274px;
	margin-bottom: 8px;
}

input.zip {
	width: 165px;
	margin-right: 8px;
}

input.button {
	color: #fff;
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/input-tile.jpg) 0 0 repeat-x;
	height: 26px;
	border: 1px solid #610010;
	text-transform: uppercase;
}

input.button:hover {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/inputover-tile.jpg) 0 0 repeat-x;
	border: 1px solid #D49A20;
}

/* ---- VOLUNTEER ---- */
#freeform {
	display: block;
	float: left;
}

.hiddenFields {
	visibility: hidden;
	right: -9999px;
	position: fixed;
}

ul.form {
	font-size: 100%;
	list-style-type: none;
	margin: 0;
}

li.formblock {
	display: block;
	position: relative;
	float: left;
	margin-bottom: 20px;
}

input {
	width: 100px;
	height: 12px;
	border: 1px solid #4f4b44;
	display: block;
	float: left;
	padding: 6px;
}

input.formtext,
textarea.formtextarea {
	border: 1px solid #94A6B0;
	color: #072035;
	font-size: 100%;
	margin: 0;
	padding: 2px 4px;
	width: 575px;
	float: left;
}

textarea.formtextarea {
	height: 10em;
}

input.formcheckbox {
	display: block;
	height: 12px;
	width: 12px;
	margin-top: 2px;
	border: 1px solid #94A6B0;
	padding: 0px;
}

label.formlabel {
	border: none;
	color: #31312A;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 6px;
}

label.formcheck {
	display: block;
	width: 550px;
	margin: 0px 25px 10px;
}


/*-------------------------------------------
SPOTLIGHT
---------------------------------------------*/
 
/*--- TYPE ---*/
.spotcontent h3 {
	font-family: Verdana, Lucida Grande, Arial, sans-serif;
	color: #fff;
	font-size: 18px;
	margin-bottom: 24px;
}
 
.spotcontent p {
	color: #C8C4BC;
	margin-bottom: 24px;
}
 
 
/*--- NAVIGATION ---*/
#spotnav li a {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/input-tile.jpg) 0 0 repeat-x;
	color: #fff;
	text-decoration: none;
	text-align: center;
	width: 24px;
	height: 24px;
	display: block;
	padding: 6px 4px 0px;
	border: 1px solid #610010;
}
 
#spotnav li a:hover {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/inputover-tile.jpg) 0 0 repeat-x;
	border: 1px solid #D49A20;
}
 
 
#spotnav .spotcurrent .activeSlide {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/inputover-tile.jpg) 0 0 repeat-x;
	border: 1px solid #D49A20;
}
 
.spotcontent a {
	text-decoration: none;
	color: #fff;
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/input-tile.jpg) 0 0 repeat-x;
	height: 20px;
	border: 1px solid #610010;
	text-transform: uppercase;
	padding: 4px 12px 2px;
	float: right;
}
 
.spotcontent a:hover {
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/inputover-tile.jpg) 0 0 repeat-x;
	border: 1px solid #D49A20;
}
 
 
/*--- LAYOUT ---*/
#spotwrap {
	width: 622px;
	display: block;
	float: left;
	padding: 8px;
	background: #c9c5bc;
}
 
#spotlight {
	width: 624px;
	height: 284px;
	display: block;
	position: relative;
	overflow: hidden;
	background: url(http://www.bobwhalen.com/themes/site_themes/whalen/images/tile-spotlight.jpg) 0 0 repeat-x;
	/*-webkit-border-radius:3px;
	-moz-border-radius: 3px;*/
}

 
#spotnav {
	z-index: 999;
	position: relative;
	display: block;
	top: 22px;
	right: 182px;
	float: right;
}
 
#spotnav li {
	float: left;
	margin-left: 4px;
}
 
.spot {
	position: relative;
	width: 310px;
	height: 284px;
	display: block;
     	float: left;
}
 
.spotcontent {
	width: 268px;
	height: 190px;
	float: left;
	margin: 72px 22px 22px 332px;
	display: block;
}