/* Base CSS Document for Judge Martha Geer Campaign
Author: Strategic Insights, contact Jennifer Hoy
Site design: Strategic Insights
Date Created: 01/21/2010
Last Updated: 11/04/2010
Copyright: Strategic Insights */


/*-------------------------
Structure
------------------------*/

*, html, body, div, span,*/ applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	
}
	body {
		background: url(/elements/images/bg-body.gif) repeat-x 0 0 #95a9c3;
		color: #333;
		font-family: Helvetica, Arial, sans-serif;
		line-height: 1;
		margin: 0 auto;
		text-align: center;
		
	}
		div {
			display: block;
			
		}
			div#wrapper {
				margin: 0 auto;
				position: relative;
				text-align: left;
				width: 960px;
			
			}
				div#header {
					background: url(/elements/images/bg-header.jpg) no-repeat;
					height: 161px;
				
				}
				div#content {
					background: url(/elements/images/bg-content.gif) repeat-y 50% 0;
				
				}
					div#banner {
						background: url(/elements/images/bg-banner.gif) no-repeat 50% bottom;
						overflow: auto;
						padding-bottom: 15px;
					
					}
						div#banner div {
							background: #c9d3e1;
							clear: both;
							color: #333;
							overflow: auto;
							padding: 40px;
						
						}
				div#footer {
					background: url(/elements/images/bg-footer.gif) no-repeat 50% top;
					padding-top: 25px;
					position: relative;
				
				}

/*-------------------------
Secondary divs
------------------------*/

div#columns {
	background: url(/elements/images/bg-columns.gif) repeat-y 0 0;
	margin-left: 24px;
	overflow: auto;
	padding: 20px 20px 0 20px;
	width: 883px;

}
	body#page-home div#columns {
		background: url(/elements/images/bg-columnshome.gif) repeat-y 0 0;
		padding-top: 0;
	
	}
	div#main, div#endorsements, div#appearances {
		float: left;
	
	}
		div#main {
			margin-right: 20px;
			padding-right: 20px;
			width: 576px;
		
		}
			div#main div#endorsements {
				width: 100%;
			
			}
			body#page-home div#main {
				margin-right: 0;
				padding-right: 0;
				width: 422px;
			
			}
			div#main object {
				padding-bottom: 20px;
			
			}
		div#sidebar {
			float: left;
			margin-left: 15px;
			padding-right: 20px;
			width: 225px;
		
		}
			body#page-home div#sidebar {
				margin-left: 0;
				padding-right: 0;
				width: 446px;
			
			}
		body#page-home div#endorsements, body#page-home div#appearances {
			width: 174px;
		
		}
			body#page-home div#endorsements {
				margin: 0 55px 0 43px;
			
			}
div#newsletter {
	margin: 0 24px 0 0;
	position: absolute;
	right: 0;
	width: 336px;

}
p.socialmedia {
	border-top: 1px solid #D4DCE7;
	display: block;
	margin-top: 20px;
	padding-top: 15px;

}
div#rotate {
	margin-bottom: 20px;

}
#thanks {
	padding: 10px;
	text-align: left;

}

/*-------------------------
Images
------------------------*/

img {
	border: none;

}
	img#logo {
		position: absolute;
		top: 12px;
		left: 41px;
	
	}
	img#print-logo {
		display: none;
		
	}
	div#footer p.caption img {
		position: relative;
		top: 2px;
	
	}

/*-------------------------
Forms
------------------------*/

form div {
	clear: both;

}
	form div.sm-marg {
		margin-bottom: 8px;
		padding-top: 8px;
	
	}
form input, form textarea {
	background: #fff;
	border: 2px solid #94a8c3;
	color: #94a8c3;
	display: block;
	float: left;
	margin: 0 0 6px 0;
	padding: 4px;
	width: 236px;

}
	form input.checkbox {
		border: none;
		margin: 0 5px 6px 0;
		width: auto;
	
	}
	div#endorsements form input {
		margin-right: 5px;
		width: 164px;
	
	}
	form input.error, form textarea.error {
		background: #ffbcbc !important;
		border-color: #ff0000;

	}

	form input:focus, form textarea:focus {
		color: #666;
		border-color: #c9d3e1;
	
	}
	form input.truehide {
		border: none;
		display: none;
	
	}
	form input#but-submit {
		border: 0;
		clear: both;
		float: none;
		height: 32px;
		margin: 0 0 0 20.4em;
		padding: 0;
		width: 71px;
	
	}
		div#endorsements form input#but-submit {
			margin-left: 108px;
			width: 71px;
		
		}
form label, form input {
	font-size: .814em;

}
	form label {
		display: block;
		float: left;
		font-weight: bold;
		margin: 0 10px 6px 0;
		padding-top: 8px;
		width: 6em;
	
	}
		form label.checkbox {
			margin-top: -7px;
			width: auto;
		
		}

/*-------------------------
Headlines
------------------------*/

h1, h2, h3 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	margin: 0;

}
	div#banner h1 {
		display: block;
		height: 32px;
		width: 521px;
	
	}
		body#page-home div#banner h1 {
			background: url(/elements/images/h1-banner.gif);
			height: 61px;
			margin-bottom: 24px;
		
		}
		body#page-bio div#banner h1 {
			background: url(/elements/images/h1-bio.gif) no-repeat 0 0;
		
		}
		body#page-appearances div#banner h1 {
			background: url(/elements/images/h1-appearances.gif) no-repeat 0 0;
		
		}
		body#page-endorsements div#banner h1 {
			background: url(/elements/images/h1-endorsements.gif) no-repeat 0 0;
			width: 549px;
		
		}
		body#page-community div#banner h1 {
			background: url(/elements/images/h1-community.gif) no-repeat 0 0;
		
		}
		body#page-volunteer div#banner h1 {
			background: url(/elements/images/h1-volunteer.gif) no-repeat 0 0;
			width: 673px;
		
		}
		body#page-contact div#banner h1 {
			background: url(/elements/images/h1-contact.gif) no-repeat 0 0;
			width: 578px;
		
		}
		#thanks h1 {
			color: #275F87;
		
		}
	h2 {
		background: inherit;
		color: #275f87;
		font-size: 1.625em;
	
	}
		div#columns h2 {
			margin-bottom: 24px;
		
		}
	h3 {
		background: inherit;
		color: #936e32;
		font-size: .814em;
		line-height: 1.847em;
		text-transform: uppercase;
	
	}
		div#main h3 {
			background: inherit;
			color: #527f9f;
			font-size: 1.375em;
			text-transform: none;
		
		}
		div#footer h3 {
			background: inherit;
			color: #fff;
			padding: 10px 21px 13px 21px;
		
		}

/*-------------------------
Paragraphs
------------------------*/

p {
	font-size: .814em;
	line-height: 1.539em;

}
	div#banner p {
		font-size: .875em;
		line-height: 1.568em;
		margin-bottom: 3px;
	
	}
		div#banner p.caption {
			display: inline-block;
			font-style: italic;
		
		}
	blockquote p {
		background: url(/elements/images/bg-blockquotep.gif) no-repeat right bottom;
		margin-bottom: 24px;
		padding: 0 0 4px 0;
		width: auto;
	
	}
		blockquote p.caption {
			background: none;
			color: #666;
			font-size: .75em;
			font-style: italic;
			line-height: 1.166em;
			text-align: right;
			width: 100%;
		
		}
	div#footer p.caption {
		font-size: .689em;
		margin-bottom: 50px;
		padding-left: 14px;
		text-align: right;
	
	}
	
/*-------------------------
Lists
------------------------*/

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;

}
	ul#nav {
		display: block;
		height: 33px;
		list-style-type: none;
		position: absolute;
		top: 128px;
		left: 36px;
	
	}
		ul#nav li {
			float: left;
		
		}
	div#columns ul, div#columns dl {
		font-size: .814em;
		line-height: 1.539em;
		list-style-type: none;
		margin: 5px 0 24px 0;
	
	}
		div#rotate ul, div#rotate ul li {
			display: block;
			width: 205px;
		
		}
			body#page-home div#rotate ul, body#page-home div#rotate ul li {
				width: 174px;
				
			}
		div#columns dl.dates {
			clear: both;
			line-height: 1;
			margin: 14px 0 -2px 0;
			overflow: auto;
		
		}
			div#columns div#main dl.dates {
				margin-right: 0;
			
			}
			div#columns dl dt {
				display: block;
				font-weight: bold;
				
			}
				div#columns dl.dates dt {
					float: left;
					height: 42px;
					margin-right: 7px;
					width: 33px;
				
				}
					div#columns div#main dl.dates dt {
						clear: left;
					
					}
		div#columns ul li, div#columns dl dd {
			background: #fff;
			border-bottom: 1px solid #d4dce7;
			margin: 0 0 3px 0;
			padding-bottom: 3px;
		
		}
			body#page-endorsements div#columns ul.endorselist li {
				border: none;
			
			}
				body#page-endorsements div#columns ul.endorselist li ul li {
					border-bottom: 1px solid #d4dce7;
					font-size: 1.186em;
				
				}
			div#columns dl.dates dd {
				border: none;
				color: #666;
				display: block;
				float: left;
				margin-bottom: 16px;
				padding-bottom: 10px;
				width: 165px;
			
			}
				body#page-home div#columns dl.dates dd {
					width: 134px;
					
				}
				div#columns div#main dl.dates dd {
					float: none;
					width: auto;
				
				}
			div#columns dl dd ul {
				font-size: 1em;
				list-style-type: circle;
				margin: 0 0 0 40px;
			
			}
				div#columns dl dd ul li {
					border: none;
				
				}
	div#footer ul {
		clear: both;
		display: block;
		font-size: .689em;
		list-style-type: none;
		margin: 0 45px 0 37px;
		overflow: auto;
		position: absolute;
		top: 3.0625em;
		width: 560px;
	
	}
			div#footer ul#redunav li {
				border-right: 1px solid #8195b0;
				float: left;
				padding: 4px 3px 4px 0;
				margin-left: 3px;
				
			}
				div#footer ul#redunav li.reset {
					border: 0;
					padding-right: 0;
				
				}
			div#footer ul#address {
				margin-top: 0;
				top: 6.003em;
			
			}
				div#footer ul#address li {
					margin-bottom: 2px;
					padding-left: 3px;
					
				}

/*-------------------------
Misc. typography
------------------------*/

blockquote {
	background: url(/elements/images/bg-blockquote.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 25px;

}
	body#page-home blockquote {
		padding-right: 10px;
	
	}
span.error {
	color: #ff0000;
	display: inline;
	float: left;
	font-size: .814em;
	font-weight: bold;
	padding-left: 8px;
	position: relative;
	top: 8px;

}
dl.dates dt span {
	display: block;
	width: 34px;

}
	dl.dates dt span {
		background: url(/elements/images/date.gif) no-repeat 0 0;
	
	}
		dl.dates dt span.m1, dl.dates dt span.m2, dl.dates dt span.m3, dl.dates dt span.m4, dl.dates dt span.m5, dl.dates dt span.m6, dl.dates dt span.m7, dl.dates dt span.m8, dl.dates dt span.m9, dl.dates dt span.m10, dl.dates dt span.m11, dl.dates dt span.m12 {
			height: 18px;
		
		}
			dl.dates dt span.m1 {
				background-position: 0 0;
			
			}
			dl.dates dt span.m2 {
				background-position: 0 -18px;
			
			}
			dl.dates dt span.m3 {
				background-position: 0 -36px;
			
			}
			dl.dates dt span.m4 {
				background-position: 0 -54px;
			
			}
			dl.dates dt span.m5 {
				background-position: 0 -72px;
			
			}
			dl.dates dt span.m6 {
				background-position: 0 -90px;
			
			}
			dl.dates dt span.m7 {
				background-position: 0 -108px;
			
			}
			dl.dates dt span.m8 {
				background-position: 0 -126px;
			
			}
			dl.dates dt span.m9 {
				background-position: 0 -144px;
			
			}
			dl.dates dt span.m10 {
				background-position: 0 -162px;
			
			}
			dl.dates dt span.m11 {
				background-position: 0 -180px;
			
			}
			dl.dates dt span.m12 {
				background-position: 0 -198px;
			
			}
		dl.dates dt span.d01, dl.dates dt span.d02, dl.dates dt span.d03, dl.dates dt span.d04, dl.dates dt span.d05, dl.dates dt span.d06, dl.dates dt span.d07, dl.dates dt span.d08, dl.dates dt span.d09, dl.dates dt span.d10, dl.dates dt span.d11, dl.dates dt span.d12, dl.dates dt span.d13, dl.dates dt span.d14, dl.dates dt span.d15, dl.dates dt span.d16, dl.dates dt span.d17, dl.dates dt span.d18, dl.dates dt span.d19, dl.dates dt span.d20, dl.dates dt span.d21, dl.dates dt span.d22, dl.dates dt span.d23, dl.dates dt span.d24, dl.dates dt span.d25, dl.dates dt span.d26, dl.dates dt span.d27, dl.dates dt span.d28, dl.dates dt span.d29, dl.dates dt span.d30, dl.dates dt span.d31 {
			height: 24px;
		
		}
			dl.dates dt span.d01 {
				background-position: -34px 0;
			
			}
			dl.dates dt span.d02 {
				background-position: -68px 0;
			
			}
			dl.dates dt span.d03 {
				background-position: -102px 0;
			
			}
			dl.dates dt span.d04 {
				background-position: -136px 0;
			
			}
			dl.dates dt span.d05 {
				background-position: -170px 0;
			
			}
			dl.dates dt span.d06 {
				background-position: -204px 0;
			
			}
			dl.dates dt span.d07 {
				background-position: -238px 0;
			
			}
			dl.dates dt span.d08 {
				background-position: -272px 0;
			
			}
			dl.dates dt span.d09 {
				background-position: -306px 0;
			
			}
			dl.dates dt span.d10 {
				background-position: -34px -24px;
			
			}
			dl.dates dt span.d11 {
				background-position: -68px -24px;
			
			}
			dl.dates dt span.d12 {
				background-position: -102px -24px;
			
			}
			dl.dates dt span.d13 {
				background-position: -136px -24px;
			
			}
			dl.dates dt span.d14 {
				background-position: -170px -24px;
			
			}
			dl.dates dt span.d15 {
				background-position: -204px -24px;
			
			}
			dl.dates dt span.d16 {
				background-position: -238px -24px;
			
			}
			dl.dates dt span.d17 {
				background-position: -272px -24px;
			
			}
			dl.dates dt span.d18 {
				background-position: -306px -24px;
			
			}
			dl.dates dt span.d19 {
				background-position: -340px -24px;
			
			}
			dl.dates dt span.d20 {
				background-position: -34px -48px;
			
			}
			dl.dates dt span.d21 {
				background-position: -68px -48px;
			
			}
			dl.dates dt span.d22 {
				background-position: -102px -48px;
			
			}
			dl.dates dt span.d23 {
				background-position: -136px -48px;
			
			}
			dl.dates dt span.d24 {
				background-position: -170px -48px;
			
			}
			dl.dates dt span.d25 {
				background-position: -204px -48px;
			
			}
			dl.dates dt span.d26 {
				background-position: -238px -48px;
			
			}
			dl.dates dt span.d27 {
				background-position: -272px -48px;
			
			}
			dl.dates dt span.d28 {
				background-position: -306px -48px;
			
			}
			dl.dates dt span.d29 {
				background-position: -340px -48px;
			
			}
			dl.dates dt span.d30 {
				background-position: -34px -72px;
			
			}
			dl.dates dt span.d31 {
				background-position: -68px -72px;
			
			}
div#columns ul strong {
	display: block;

}

/*-------------------------
Inline nav + buttons
------------------------*/

a, #thanks .continue {
	background: #f1d8a2;
	border: 1px solid #f5e5c5;
	color: #584019;
	cursor: pointer;
	display: inline-block;
	padding: 7px;
	text-decoration: none;

}
	div#banner a {
		background: #dab77f;
		border-color: #edce8b;
		color: #372200;
	
	}
	a:visited {
		background: #f4e2b9;
		border-color: #f7ebd3;
		color: #776039;
	
	}
		div#banner a:visited {
			background: #d7bd93;
			border-color: #e6cf9c;
			color: #57411d;
		
		}
	a:hover, a:active {
		background: #f8ebd1;
		border-color: #faf2e2;
		color: #584019;
		
	
	}
		div#banner a:hover, div#banner a:active {
			background: #d3c2a6;
			border-color: #dfd0ad;
			color: #57411d;
		
		}
	dl.dates a, a.inline {
		background: #fff;
		border: none;
		color: #003454;
		display: block;
		font-weight: bold;
		margin-bottom: 5px;
		padding: 0;
		text-decoration: underline;
	
	}
		a.inline {
			display: inline;
		
		}
		dl.dates a:visited, a.inline:visited {
			background: #fff;
			color: #335d76;
		
		}
		dl.dates a:hover, dl.dates a:active, a.inline:hover, a.inline:active {
			background: #fff;
			color: #668598;
		
		}
	a.fakehide, div#header a, div#footer a {
		background: transparent;
		border: none;
		padding: 0;
	
	}
	div#header span.caption a {
		background: inherit;
		color: #aaa6a3;
		text-decoration: none;
	
	}
	div#footer a {
		background: transparent;
		color: #003454;
		text-decoration: underline;
	
	}
		div#footer a:visited {
			color: #1e4b6a;
		
		}
		div#footer a:hover, div#footer a:active {
			color: #3b6280;
		
		}

/*-------------------------
Main navigation
------------------------*/

ul#nav li a {
	display: block;
	height: 33px;

}
	ul#nav li#nav-home a {
		background: url(/elements/images/nav-home.gif) no-repeat 0 0;
		width: 74px;
	
	}
	ul#nav li#nav-bio a {
		background: url(/elements/images/nav-bio.gif) no-repeat 0 0;
		width: 142px;
	
	}
	ul#nav li#nav-appearances a {
		background: url(/elements/images/nav-appearances.gif) no-repeat 0 0;
		width: 138px;
	
	}
	ul#nav li#nav-endorsements a {
		background: url(/elements/images/nav-endorsements.gif) no-repeat 0 0;
		width: 148px;
	
	}
	ul#nav li#nav-community a {
		background: url(/elements/images/nav-community.gif) no-repeat 0 0;
		width: 174px;
	
	}
	ul#nav li#nav-volunteer a {
		background: url(/elements/images/nav-volunteer.gif) no-repeat 0 0;
		width: 110px;
	
	}
	ul#nav li#nav-contact a {
		background: url(/elements/images/nav-contact.gif) no-repeat 0 0;
		width: 98px;
	
	}
		ul#nav li#nav-home a:visited, ul#nav li#nav-bio a:visited, ul#nav li#nav-appearances a:visited, ul#nav li#nav-endorsements a:visited, ul#nav li#nav-community a:visited, ul#nav li#nav-volunteer a:visited, ul#nav li#nav-contact a:visited {
			background-position: 0 -33px;
		
		}
		ul#nav li#nav-home a:hover, ul#nav li#nav-home a:active, body#page-home ul#nav li#nav-home a, ul#nav li#nav-bio a:hover, ul#nav li#nav-bio a:active, body#page-bio ul#nav li#nav-bio a, ul#nav li#nav-appearances a:hover, ul#nav li#nav-appearances a:active, body#page-appearances ul#nav li#nav-appearances a, ul#nav li#nav-endorsements a:hover, ul#nav li#nav-endorsements a:active, body#page-endorsements ul#nav li#nav-endorsements a, ul#nav li#nav-community a:hover, ul#nav li#nav-community a:active, body#page-community ul#nav li#nav-community a, ul#nav li#nav-volunteer a:hover, ul#nav li#nav-volunteer a:active, body#page-volunteer ul#nav li#nav-volunteer a, ul#nav li#nav-contact a:hover, ul#nav li#nav-contact a:active, body#page-contact ul#nav li#nav-contact a {
			background-position: 0 -66px;
		
		}

/*-------------------------
General classes
------------------------*/

.inline {
	display: inline;

}
.southpaw {
	float: left;
	margin: 0 20px 20px 0;
	
}
.starboard {
	float: right;
	margin: 0 0 20px 20px;
	
}
	div#banner img.starboard {
		margin-right: -20px;
	
	}
.ralign, #thanks .ralign {
	text-align: right;
	
}
.lalign {
	text-align: left;
	
}
.calign {
	text-align: center;
	
}
.clear-both {
	clear: both;
	display: block;
	
}
.clear-left {
	clear: left;
	
}
.clear-right {
	clear: right;
	
}
.fakehide {
	left: -999999em;
	position: absolute;
	
}
.truehide {
	display: none;
	
}