/*
	SmartVoter.org Stylesheet
	(C) 2010 League of Women Votes of California
	Design by Diligent Creative (http://diligentcreative.com)
*/

/* Notes
- - - - - - - - - - - - - - - - - - - -

	Colors
		Red				#d00
		Blue			#269
		Green			#9b2

	Typefaces
		Standard	Helvetica Neue, Helvetica, Arial, sans-serif
		Alternate	Garamond, Georgia, Time News Roman, serif
	
	Layout
		Width			710px total (optimized for 800x600 resolutions)
		Grid			9 columns of 70px + 10px gutters
		Sidebar		2 columns (150px)
		Main			7 columns (550px)
		
*/

/* CSS Reset
- - - - - - - - - - - - - - - - - - - - */

	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{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
	body {line-height:1;}
	ol, ul {list-style:none;}
	blockquote, q {quotes:none;}
	:focus {outline:0;}
	ins {text-decoration:none;}
	del {text-decoration:line-through;}
	table {border-collapse:collapse; border-spacing:0;}

/* Standard HTML Elements
- - - - - - - - - - - - - - - - - - - - */

	body {font:12px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; background:url(images/body.png) bottom repeat-x fixed;}
	
	h1,h2,h3,h4,h5,p,blockquote,pre,ol,ul,.section {margin-bottom:10px;}
	
	h1 {font-size:2em;}
	h2,h3 {font-size:1.5em;}
	h4,h5 {font-size:1em;}
	h5 {margin-bottom:0;}
	
	small {font-size:.8em; font-weight:normal;}
	blockquote {padding-left:15px; border-left:5px solid #ccc;}
	
	
/*	table {width:100%;}    some tables used for positioning.  probably need to define better values here or remove resets above.  See #realtable below
	table tr {width:100%; background:#ffd;}
	table tr:nth-child(even) {background:#ffe;}
	table td {padding:5px;}    */   
	
	input[type=submit] {border:1px solid; cursor:pointer;}

/* Elements by Class
- - - - - - - - - - - - - - - - - - - - */

	.section {padding:10px; background:#ffc; border:1px solid #cc9; overflow:auto;}
	.section input[type=text] {padding:5px; background:#ffe; border:1px solid #999;}
	/* above was border #ee9  */
	.section input[type=submit] {padding:5px; background:#ff9; border-color:#999; border-radius:10px;}

	.small {font-size:.8em;}
	.alignleft {float:left; margin:0 10px 10px 0;}
	.alignright {float:right; margin:0 0 10px 10px;}
	
	.button, .bubble {display:block; margin-bottom:10px; padding:5px 5px 5px 25px; color:#666; background:#eee 5px no-repeat; font-size:10px; text-decoration:none; border-radius:10px;}
	.button:hover {color:#f00; background-color:#fdd;}
	.button.subscribe {background-image:url(icons/mail.png);}
	.button.donate {background-image:url(icons/currency.png); background-color:#dfd;}
	.button.share {background-image:url(icons/addthis.png);}
	.bubble {min-width:146px; padding-left:5px; overflow:auto;}
	
	.icon {display:inline-block; width:32px; height:32px; background:transparent center top no-repeat; text-indent:-9999px;}
	.icon:hover {background-position:center bottom;}
	.facebook.icon {background-image:url(icons/facebook.png);}
	.twitter.icon {background-image:url(icons/twitter.png);}
	.youtube.icon {background-image:url(icons/youtube.png);}
	.wordpress.icon {background-image:url(icons/wordpress.png);}

/* Elements by ID
- - - - - - - - - - - - - - - - - - - - */

	#realtable table {width:100%;}
	#realtable table tr {width:100%; background:#ffd; border-bottom:1px solid #fff;}
	#realtable table tr:nth-child(even) {background:#ffe;}
	#realtable table td, #realtable table th {padding:5px;}
	#realtable table th {background:#eec;}
	#realtable .big {font-size:1.5em;}

	#page {max-width:710px; margin:20px auto; padding:10px; background:#fff; border:1px solid #ddf;}

	/* Header */

	#header {height:90px; width:100%; margin-bottom:20px; border-bottom:1px solid #ddf;}
	
	#handheld {display:block; float:right; margin-top:-25px; font-size:10px; line-height:10px; text-align:right;}
	body.subpage #handheld {visibility:hidden;}
	#title {float:left; margin-top:10px; width:66%; color:#d00; font-style:italic; text-align:center;}
	body.subpage #header {line-height:30px;}
	#tagline {font-size:18px; color:#d00;}
	#header .logo {height:100px; width:16%;}
	.logo.sv {float:left; width:16%;}
	.logo.lwv {float:right; width:16%;}
	
	.intro {color:#666; font-size:14px; text-align:center;}
	
	/* Sidebar */
	
	#sidebar {float:left; clear:left; width:23%; min-width:105px; margin-right:2%; padding-bottom:10px;}
	
	#nav {background:#ddf;}
	#nav li {margin:0; padding:0;}
	#nav li a {display:block; margin:0; padding:5px; border-top:1px solid #fff; text-decoration:none;}
	#nav li a:hover {color:#33f; background:#cce;}
	#nav li ul {margin:0; display:none;}
	#nav li.active ul {display:block;}
	#nav li li a {margin-bottom:0; padding-left:10px; background:#eef;}
	
	#sitesearch input {margin-bottom:10px; font-size:10px;}
	#sitesearch input[type=text] {float:left; width:60%;}
	#sitesearch input[type=submit] {float:right; width:30%; padding:2px 1%; color:#66f; background:#ddf; border-color:#cce;}
	#sitesearch input[type=submit]:hover {color:#33f; background:#cce;}
	
	/* Main */
	
	#main {float:right; clear:right; width:75%;}
	#main label {display:block; font-weight:bold;}
	#main form .field {float:left; clear:none; width:auto; margin-right:10px;}
	#main .half {float:left; width:48%; margin-right:2%;}
	#main .third {}
	#main h3 {clear:left; padding:3px; background:url(images/fade_blue.png) repeat-y;}
	#main li {margin-left:2em; list-style:disc outside url(images/bullet.png);}
	#main li li {margin-left:2em; list-style:disc outside;}
	#main li li li {margin-left:2em; list-style:circle outside;}
	
    /* MainPlain - no sidebar.   Added by Carol */
	
	#mainplain {float:right; clear:right; width:100%;}
	#mainplain label {display:block; font-weight:bold;}
	#mainplain form .field {float:left; clear:none; width:auto; margin-right:10px;}
	#mainplain .half {float:left; width:48%; margin-right:2%;}
	#mainplain .third {}
	#mainplain h3 {clear:left; padding:3px; background:url(images/fade_blue.png) repeat-y;}
	#mainplain li {margin-left:15px; list-style:circle;}
	
	/* Footer */
	
	#footer {clear:both; width:100%; margin:-10px; padding:10px; color:#fff; background:#269; text-align:center;}
	#footer #bottom-nav {margin:-10px -10px 0 -10px; padding:10px; background:#37a;}
	#footer #bottom-nav a {color:yellow;}
	#footer #bottom a {color:white;}

/* Specific Pages */

	/* Home */
	
	.section.customsearch {padding-bottom:0; background:#ffc url(images/confidential.png) top right no-repeat;}
	.section.customsearch input[type=text] {margin:0; font:12px bold Courier,monospace; text-transform:uppercase;}