/** votehope.css
 *
 * Stylesheet for Vote Hope website
 *
 * Copyright (C) 2008 Donordigital, LLC
 * By Thomas J. Giordano
 *
 *
 */

/*
 * Header
 */
div#header
{
	background-image: url(images/masthead.png);
	height: 121px;
	position: relative;
}
a#homelink
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 92px;
	height: 121px;
	text-indent: -999px;
}
div#signupbox
{
	margin-right: 8px;
	margin-top: 14px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	float: right;
	width: 152px; /* 172 - 10 - 10 */
	height: 51px; /* 61 - 10 */
	background-image: url(images/signupbg.png);
	font-size: 11px;
	color: #ffffff;
	line-height: 23px;
}
* html div#signupbox
{
	margin-right: 4px; /* IE6 doubling fix */
}
#signupbox form
{
	margin: 0px;
	padding: 0px;
}
#signupbox input.signupelm
{
	width: 68px;
	height: 14px;
}
#signupbox input#submitemail
{
	float: right;
	margin-top: 1px;
	width: 75px;
	height: 23px;
}
ul#nav
{
	position: absolute;
	top: 87px;
	left: 92px;
	width: 660px; /* 668 - 8 */
	height: 34px;
	margin: 0px;
	padding: 0px 0px 0px 8px;
}
* html ul#nav
{
	background-color: #2aa4d6;
}
#nav li
{
	list-style-type: none;
	height: 34px;
	display: inline-block;
	float: left;
	overflow: hidden;
}
#nav li a
{
	display: -moz-inline-block; /* for Firefox 2 */
	display: inline-block;
	height: 34px;
	width: 100%;
	padding: 34px 9px 0px 9px; /* Hide the text */
}
#nav li:hover
{
	background-image: url(images/mastheadlinksel.png);
}
#nav li#navhome a
{
	background: url(images/home.png) center 12px no-repeat;
	width: 43px;
}
#nav li#navabout a
{
	background: url(images/aboutus.png) center 12px no-repeat;
	width: 74px;
}
#nav li#navnews a
{
	background: url(images/news.png) center 12px no-repeat;
	width: 42px;
}
#nav li#navaboutcand a
{
	background: url(images/aboutthecandidates.png) center 12px no-repeat;
	width: 180px;
}
#nav li#navhowtohelp a
{
	background: url(images/howtohelp.png) center 12px no-repeat;
	width: 101px;
}
#nav li#navdonate a
{
	background: url(images/donatenow.png) center 6px no-repeat;
	width: 112px;
}
#nav li#navdonate:hover
{
	background-image: none;
}

/*
 * Body content for entire site
 */
body
{
	margin: 0px;
	padding: 0px;
	background-color: #022a59;
	font-family: arial, helvetica, sans-serif;
}
div.center
{
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}
div#bodycontent
{
	background-color: #ffffff;
	padding-bottom: 52px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-bottom-right-radius: 5px;
	font-size: 12px;
}
div#bodycontent a
{
	color: #1ca0d6;
	font-weight: bold;
	text-decoration: none;
}
div#bodycontent a:hover
{
	text-decoration: underline;
}
p
{
	margin-top: 0px;
	margin-bottom: 12px;
}
a p
{
	margin-top: 0px;
	margin-bottom: 2px;
}
h2
{
	margin: 0px;
	padding: 0px 0px 4px 0px;
	text-transform: uppercase;
	color: #ba1840;
	font-size: 20px;
}

/*
 * Rotating image specific
 */
#photo
{
	width: 760px;
	height: 261px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
img.photos
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 760px;
	height: 261px;
}
body
{
	/* Mac Firefox 'silver bullet' fix for aliasing of text during scriptaculous fade/appear */
	/* DOES NOT WORK WITH FLASH CONTENT */
	opacity: 0.99999;
	-moz-opacity: 0.99999;
	-khtml-opacity: 0.99999;
	filter: alpha(opacity=99);
}

/*
 * Homepage specific
 */
div#hero
{
	margin-bottom: 10px;
	position: relative;
}
#hero h1
{
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	position: absolute;
	background-image: url(images/home_thisnovember.gif);
	top: 48px;
	left: 43px;
	width: 332px;
	height: 100px;
}
#hero div#textbox
{
	color: #45bceb;
	position: absolute;
	background-image: url(images/thisnovemberbg.png);
	top: 148px;
	left: 43px;
	width: 312px; /* 332 - 10 - 10 */
	padding: 10px;
}
#hero div#textbox a
{
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
#hero div#textbox a:hover
{
	text-decoration: underline;
}
.imageleftcolumn
{
	width: 243px; /* 253 - 10 */
	float: left;
	padding-left: 10px;
}
.doublewidecolumn
{
	float: left;
	width: 486px; /* 253 - 10 */
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 14px;
	font-size: 16px;
	line-height: 20px;
}
.triplewidecolumn
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 17px;
}
.leftcolumn
{
	width: 231px; /* 253 - 12 - 10 */
	float: left;
	padding-left: 12px;
	padding-right: 10px;
}
.centercolumn
{
	width: 234px; /* 254 - 10 - 10 */
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
.rightcolumn
{
	width: 233px; /* 253 - 10 - 10 */
	float: right;
	padding-left: 10px;
	padding-right: 10px;
}
h1#howyoucanhelp
{
	margin: 14px 12px 12px 12px;
	padding: 0px;
	text-indent: -9999px;
	background-image: url(images/home_howyoucanhelp.gif);
	font-size: 14px;
	width: 735px;
	height: 22px;
}
div#newsbox
{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	background-color: #ceebf6;
	margin: 12px 12px 0px 12px;
	padding: 14px;
	font-size: 12px;
}
div#newsbox h3
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 4px 0px;
}
div#newsmain
{
	float: left;
	width: 460px;
}
div#newsmore
{
	float: right;
	width: 217px;
}
.clearall
{
	clear: both;
}

/*
 * Footer
 */
div#footer
{
	text-align: center;
	padding-bottom: 20px;
}
#footer div#social
{
	position: relative; /* for IE 6 */
	margin-top: -38px;
	padding-bottom: 44px;
	z-index: 10;
	margin-left: 235px;
}
* html #footer div#social
{
	margin-left: -47px; /* 12 - 59, used to re-center footer in IE 6 */
	padding-bottom: 24px; /* IE6 fix */
}
#social a
{
	float: left;
	display: block;
	text-indent: -9999px;
	width: 59px;
	height: 20px;
	margin-left: 12px;
	margin-right: 12px;
}
* html #social a
{
	float: none;
	text-indent: 59px; /* indent text off right edge, for IE 6 compatibility, can't use -9999px */
	overflow: hidden;
}
a#myspace
{
	background-image: url(images/myspace.gif);
}
a#flickr
{
	background-image: url(images/flickr.gif);
}
a#facebook
{
	background-image: url(images/facebook.gif);
}
a#delicious
{
	background-image: url(images/delicious.gif);
}
div#footer a
{
	text-transform: uppercase;
	color: #1ca0d6;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}
div#footer a:hover
{
	text-decoration: underline;
}
div#footer p
{
	padding-top: 4px;
	margin-bottom: 0px;
	font-size: 10px;
	color: #ffffff;
}
div#footer p a
{
	color: #ffffff;
	font-size: 10px;
	display: inline;
	text-transform: none;
	font-weight: normal;
	margin: 0px;
}

/*
 * Sidebar 
 */
#sidebar
{
	position: relative;
	float: left;
}
#fade
{
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(images/sb_gradient.png);
	height: 18px;
	width: 760px;
}
* html #fade
{
	display: none;
}
.sbelement
{
	background-color: #e9f2f6;
	background-image: url(images/sb_bggradient.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 209px; /* 229 - 10 - 10 */
	padding: 10px;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 1px;
}
#quote
{
	font-size: 18px;
	color: #1fa1d7;
	text-transform: uppercase;
}
#quote small
{
	padding-top: 10px;
	display: block;
	text-align: right;
	font-size: 14px;
}
.sbelement h3
{
	background-repeat: no-repeat;
	height: 19px;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	text-indent: -9999px;
}
#makechangenow
{
	background-image: url(images/sb_makechangenow.png);
}
#wherewereworking
{
	background-image: url(images/sb_wherewereworking.png);
	margin-left: -1px; /* Account for left edge of W in header */
}
#candidateoftheweek
{
	background-image: url(images/sb_candidateoftheweek.png);
}
#map
{
	margin-left: 12px;
}
#canphoto
{
	float: left;
	margin-right: 10px;
}

/*
 * Specific to all subpages
 */
#mainbody
{
	margin-left: 250px;
	padding-top: 18px;
	margin-right: 25px;
}
#mainbody img
{
	padding-right: 16px;
	padding-bottom: 16px;
}

/*
 * Specific to About page
 */
ul.aboutentry, li.aboutentry
{
	color: #1ca0d6;
}
li.aboutentry
{
	font-weight: bold;
	cursor: pointer;
	padding-bottom: 6px;
}
li.aboutentry div
{
	color: #000000;
	font-weight: normal;
	cursor: default;
}

/*
 * Specific to News page
 */
em.news
{
	border-top: 1px solid #90c2d8;
	display: block;
	color: #bbbbbb;
	padding-bottom: 4px;
	padding-top: 4px;
}
a.newstitle
{
	font-size: 16px;
}