/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a:active { outline:none; }
a:focus { outline:none; }

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#2E3192;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.none { display:none; }
.clear { clear:both; margin:1.5em 0; }

/* layout */
body { overflow:hidden; }
#wrapper { margin: 2em auto 0; text-align:center; width:950px; }
#branding-container { background: url(../images/header_bg.jpg) no-repeat; height:150px; z-index:10; }
#branding-inner { z-index:9; }
img.logo { z-index:9; width:747px; height:78px; margin-top:1.8em; }
#content-container { position:relative; background: url(../images/body_bg.jpg) no-repeat; height:452px; }
#content-inner { width:760px; margin:0 auto; }
	.col-left { position:relative; float:left; width:200px; height:455px; }
		.vote img { width:158px; height:173px; }
		ul.menu { list-style-image:none; list-style-position:outside; list-style-type:none; }
		ul.menu li { }
		ul.menu li a { color: #bf1e2e; text-decoration:none; font-weight:bolder; }
		ul.menu li a img { }
			ul.sub { list-style:none; margin:0; }
			ul.subd { list-style:none; margin:0; }
		.created { position:absolute; bottom:0em; left:1.5em; }
	.col-center { float:left; width:560px; height:400px; text-align:left; }
.obamaIndex_bg { position:absolute; top:-4.25em; left:28.5em; background:url(http://static.thundervote.com/images/obamaIndex_bg.png) no-repeat; height:527px; width:464px; }
.obama_bg { position:absolute; top:-4.25em; left:28.5em; background:url(../images/obama_bg.png) no-repeat; height:527px; width:464px; }
	.days_vote { position:absolute; right:-21px; top:10px; }
        .days_vote_text { position:absolute; right:54px; top:21px; font-weight:bold; color:#BF1E2E; font-size:1.2em; }
	.send_friend { position:absolute; right:-21px; top:85px; }
#footer-container { background: url(../images/footer_bg.jpg) no-repeat; height:37px; }
#footer-inner { height:40em; position:relative; }
#footer-inner span.btmBanner { left:-2.7em; position:absolute; top:0; }
#footer-inner span.btmBanner,
#footer-inner span.btmBanner img { z-index: 10; }

/* menu */
#menu { margin:0 0 0 0.5em; }
li.projects { background:#fff url(http://static.thundervote.com/images/menu/menu_projects.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
li.projects.active { padding-bottom:75px; }
li.projects.active,
li.projects:hover { background-position: -10px -10px; }

li.downloads { background:#fff url(http://static.thundervote.com/images/menu/menu_downloads.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
/*
li.downloads.active { padding-bottom:75px; }
*/
li.downloads.active,
li.downloads:hover { background-position: -10px -10px; }

li.videos { background:#fff url(http://static.thundervote.com/images/menu/menu_videos.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
li.videos.active,
li.videos:hover { background-position: -10px -10px; }

li.voting { background:#fff url(http://static.thundervote.com/images/menu/menu_voting.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
li.voting.active,
li.voting:hover { background-position: -10px -10px; }

li.links { background:#fff url(http://static.thundervote.com/images/menu/menu_links.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
li.links.active,
li.links:hover { background-position: -10px -10px; }

li.poster { background:#fff url(http://static.thundervote.com/images/menu/menu_poster.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
li.poster.active,
li.poster:hover { background-position: -10px -10px; }

li.toy { background:#fff url(http://static.thundervote.com/images/menu/menu_toy.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
li.toy.active,
li.toy:hover { background-position: -10px -10px; }

li.bike { background:#fff url(http://static.thundervote.com/images/menu/menu_bikes.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
li.bike.active,
li.bike:hover { background-position: -10px -10px; }

li.pics { background:#fff url(http://static.thundervote.com/images/menu/menu_pics.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
li.pics.active,
li.pics:hover { background-position: -10px -10px; }

li.vids { background:#fff url(http://static.thundervote.com/images/menu/menu_vids.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
li.vids.active,
li.vids:hover { background-position: -10px -10px; }

li.uploads { background:#fff url(http://static.thundervote.com/images/menu/menu_uploads.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
li.uploads.active,
li.uploads:hover { background-position: -10px -10px; }



ul.menu li:hover { cursor:pointer; }

#menu li,
#menu a { height:25px; display:block; }
#menu li { float:left; list-style:none; display:inline; }
#menu li { width:153px; }

#menu span { display:none; }
#menu ul.sub { display:none; }
#menu ul.sub.active { display:block; position:relative; }
#menu ul.sub.active li { height:23px; }

#menu ul.subd { display:none; }
#menu ul.subd.active { display:block; position:relative; }
#menu ul.subd.active li { height:23px; }

/* jsScroll Pane */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #b4deed;
}
.jScrollPaneDrag {
	position: absolute;
	background: #be1e2d;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* box */
#overview h2 { border: 1px dashed gray; padding: 10px; background-color: #ffc; 
    color: black; font-size: medium; margin: 10px 0;
}
#domMessage { padding: 10px; }
div.blockMe { padding: 30px; margin: 30px; border: 10px solid #ccc; background-color: #ffd }
#question { background-color: #ffc; padding: 10px; }
#question input { width: 4em }



/* misc */
.banner { background: url('../images/template_banner.png') no-repeat; width:550px; height:87px; margin: 0 0 0 1em; }
.banner span { margin: 0 0 0 5.5em; }

.banner2 { background: url('../images/template_banner.png') no-repeat; width:550px; height:87px; margin:0 0 0 -1.5em; }
.banner2 span { margin: 0 0 0 5.5em; }


#content-pane { height:360px; margin: 1em 0 0 2em; z-index:1; }
#content-pane-full { height: 460px; margin: 1em 0 0 2em; z-index:1; }
#content-pane object,
#content-pane-full object { z-index:1; }


/*#content-pane-full img { margin:1.5em 2em 0 2em; text-align:center; }*/
.jScrollPaneContainer { position:relative; padding-right:30px; }


.download-container { float:left; height:220px; text-align:center; }

p { margin:0 0 1.5em; font-weight:bold; }
p .blue,
p.blue { color:#2E3192; }
p.red { color:#BF1E2D; }

h3 { text-transform:uppercase; font-weight:bold; }


.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#:0.navlinkId-0,
#:0.navlinkId-1,
#:0.navlinkId-2,
#:0.navlinkId-3,
#:0.navlinkId-4 { display:none !important; }

h3#dl { font-size:1.4em; }
h3#dl a { text-decoration:none; }

.blockMsg,
.blockPage { background-color:#BEE2F0 !important; }
select { clear:both; }
h3#dl { margin:1em 0; }

#question1,
#question2,
#question3 { position:relative; height: 12em; }

#question1 h2,
#question2 h2,
#question3 h2 { margin-bottom:0.15em; font-weight:bold; color:#2E3192; }

#question1 a:hover,
#question2 a:hover,
#question3 a:hover { color:#2E3192; }

#debug1,
#debug2,
#debug3 { height:3em; }

input#cancel1,
input#cancel2,
input#cancel3 { position:absolute; bottom:1em; left:12.8em; }



/* ie6 only */
* html .col-left { width:190px; }
* html #content-inner { width:780px; }
* html #footer-inner span.btmBanner { left:-10em; position:absolute; top:0em; }

* html #menu li,
* html #menu a { height:25px; line-height:25px; display:block; }
* html #menu li { float:left; list-style:none; display:inline; }
* html #menu li { }
* html #menu li a { height:25px; line-height:25px; padding:0; width:153px; }
* html #menu span { display:none; }
* html #menu ul.sub { display:none; }
* html #menu ul.sub.active { display:block; position:relative; }
* html #menu ul.sub.active li { height:23px; }
/* menu */
/*
* html li.projects { background:#fff url(http://static.thundervote.com/images/menu/menu_projects.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
* html li.projects.active { padding-bottom:75px; }
* html li.projects.active,
* html li.projects:hover { background-position: 0 0; }

* html li.downloads { background:#fff url(http://static.thundervote.com/images/menu/menu_downloads.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
* html li.downloads.active,
* html li.downloads:hover { background-position: 0 0; }

* html li.videos { background:#fff url(http://static.thundervote.com/images/menu/menu_videos.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
* html li.videos.active,
* html li.videos:hover { background-position: 0 0; }

* html li.voting { background:#fff url(http://static.thundervote.com/images/menu/menu_voting.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
* html li.voting.active,
* html li.voting:hover { background-position: 0 0; }

* html li.links { background:#fff url(http://static.thundervote.com/images/menu/menu_links.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
* html li.links.active,
* html li.links:hover { background-position: 0 0; }

* html li.poster { background:#fff url(http://static.thundervote.com/images/menu/menu_poster.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
* html li.poster.active,
* html li.poster:hover { background-position: 0 0; }

* html li.toy { background:#fff url(http://static.thundervote.com/images/menu/menu_toy.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
* html li.toy.active,
* html li.toy:hover { background-position: 0 0; }

* html li.bike { background:#fff url(http://static.thundervote.com/images/menu/menu_bikes.png) no-repeat; background-position: -10px -50px; width: 153px; height: 20px }
* html li.bike.active,
* html li.bike:hover { background-position:0 0; }
*/


