/****************************************************************
   PRESIDENTIAL CANDIDATES STYLESHEET
*****************************************************************/

@import url(reset.css);

/* GENERAL SELECTORS
---------------------------------------------------------------*/		
body { 
	padding:0 0 25px 0; 
	background:#181a20; 
	color:#000; 
	text-align:center; 
	font:62.5% "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Sans-serif;
	}	

h1, h2, h3, p {
	margin:0 0 14px 0;
	}
		
h1 {
	font-weight:bold;
	font-size:1.4em;
	}	
	
h2 {
	font-weight:bold;
	font-size:1.2em;
	}
	
h3 {
	font-weight:normal;
	font-size:1.2em;
	}	
	
p, li {
	font-size:1.1em;
	line-height:1.6em;
	}
	
li li, li li li, li p {
	font-size:1em;
	}		
		
a:link, a:visited { 
	text-decoration:none; 
	color:#929494;
	}	
	
a:hover, a:active { 
	text-decoration:underline; 
	color:#00ccff;
	}	
	
input, select, textarea {
	font:100% Arial, Helvetica, sans-serif;
	}
	
img, input, select, label {
	vertical-align:middle;
	}	

hr { 
	display:none; 
	}		


/* CORE LAYOUT
---------------------------------------------------------------*/			
#container { 
	width:816px; 
	margin:0 auto;
	padding:5px 0; 
	text-align:left;
	background-color:#fff;
	border-left:1px solid #bbbcbd;
	border-right:1px solid #bbbcbd;
	border-bottom:1px solid #46484d;
	}


#main,
#header-container,
#footer-container {
	width:808px;
	margin:0 4px;
	}
		
#main {
	width:798px;
	padding:1px 5px 8px 5px;
	background:#2c0000 url(../images/bg_main.gif) repeat-y center top;
	color:#fff;
	}	

#header-container {
	padding:0 0 1px 0;
	background:#180000 url(../images/bg_header.gif) repeat-y;
	}
		
#header {
	padding:6px 4px 0 4px;
	background:url(../images/bg_header_top.gif) no-repeat;
	}	
	
#footer-container {
	background:#180000 url(../images/bg_footer.gif) repeat-y left bottom;
	text-align:center;
	}

#footer {
	padding:18px;
	background:url(../images/bg_footer_bottom.gif) no-repeat left bottom;
	letter-spacing:0.1em;
	}


/* HEADER
---------------------------------------------------------------*/	
#header h1 {
	margin:0;
	position:relative;
	text-align:center;
	font-size:1.4em;
	}

#header h1, #header h1 a {
	width:800px;
	height:133px;
	line-height:5em;
	color:#dfa6a6;
	}	
	
#header h1 a {
	position:absolute;
	left:0; top:0;
	background:transparent url(../images/logo.jpg) no-repeat;
	z-index:1;	
	}

#top-navigation{
	overflow:hidden;
	width:800px;
	}
		
#top-navigation li {
	float:left;
	text-transform:uppercase;
	font-size:1em;
	line-height:22px;
	background-position:0 50%;
	background-repeat:no-repeat;
	background-image:url(../images/bullet_pink.gif);
	}
	
#top-navigation a {
	padding:0 14px;
	}
	
#top-navigation .nav-electoral-college {
	background-image:none;
	}	

#top-navigation .nav-electoral-college a	{
	padding-left:10px;
	}
		
#top-navigation .nav-advertise,
#top-navigation .nav-contact {
	float:right;
	}	
	
#top-navigation .nav-advertise a:link,
#top-navigation .nav-advertise a:visited,
#top-navigation .nav-contact a:link,
#top-navigation .nav-contact a:visited {
	color:#fff;
	}
	
#top-navigation .nav-advertise {
	background-image:none;
	}	
	
#top-navigation .nav-contact {
	background-image:url(../images/bullet_white.gif);
	}	
	
#top-navigation .nav-contact a {
	padding-right:10px;
	}	

#top-navigation,
#top-navigation a:link,
#top-navigation a:visited {
	color:#dfa6a6;
	}	

#top-navigation,
#top-navigation .right a:link,
#top-navigation .right a:visited {
	color:#fff;
	}	
	
#navigation {
	overflow:hidden;
	width:800px;
	}
	
#navigation li {
	float:left;
	padding:0 10px;
	background:url(../images/nav_seperator.gif) repeat-y 100% 0;
	line-height:24px;
	}

#navigation a {
	padding:0 3px 0 14px;
	background:url(../images/bullet_nav.gif) no-repeat 0 50%;
	}
	

/* CONTENT
---------------------------------------------------------------*/	
.content {
	width:754px;
	margin:8px 7px 0 7px;
	background-color:#350000;
	border:1px solid #430202;
	padding:14px;
	}
	
	
#candidate-overview {
	overflow:hidden;
	width:798px;
	}
	

#candidate-overview h1 {
	margin:0 0 1px 0;
	padding:10px;
	background:#000 url(../images/bg_heading_black.gif) repeat-x;
	color:#ccc;
	}	

.candidates {
	width:608px;
	float:left;
	}
		
.candidates div {
	position:relative;
	background-repeat:no-repeat;
	}
	
.candidates p {
	margin:0;
	position:absolute;
	left:0;
	bottom:0;
	}

.candidates span {
	display:block;
	background:url(../images/opacity_black.png) repeat;
	}
			
.candidates a {
	position:relative;
	z-index:1;
	display:block;
	padding:6px 9px 6px 21px;
	background:url(../images/bullet_white.gif) no-repeat 12px 50%;
	}	
	
.candidates a:link,
.candidates a:visited {
	color:#fff;
	}	
	
.candidates a:hover,
.candidates a:active {
	text-decoration:none;
	color:#ffd200;
	}	
	
#sportstraining2 {
	float:left;
	width:376px;
	height:250px;
	background-image:url(../images/sportstraining2.jpg);
	}	
	
#sportstraining2 span {
	width:376px;
	}	
	
#sportstraining2 a {
	width:346px;
	}	

#shoppingright2,
#weights {
	float:right;
	width:231px;
	}
	
#shoppingright2 a,
#weights a {
	width:201px;
	}	
	
#shoppingright2 {
	height:124px;
	margin-bottom:1px;
	background-image:url(../images/shoppingright2.jpg);
	}	

#weights {
	height:125px;
	background-image:url(../images/weights.jpg);
	}	

#shoppingright2 span,	
#weights span {
	width:231px;
	}	
	
#campaign-spending {
	float:right;
	width:188px;
	}	
	
#campaign-spending ul {
	min-height:244px;
	padding:7px 0 0 0;
	background-color:#000;
	}

#campaign-spending li {
	padding:6px 0 6px 10px;
	background:url(../images/hr_dots.gif) repeat-x 0 100%;
	line-height:1.3em;
	}	
	
#campaign-spending li.no-border {
	background-image:none;
	}		
	
#campaign-spending li a,
#campaign-spending li span {
	display:block;
	padding:0 0 0 16px;
	}	
	
#campaign-spending li a {
	font-weight:bold;
	font-size:1.2em;
	background:url(../images/bullet_spending.gif) no-repeat 0 50%;
	}	
	
#campaign-spending li a:link,
#campaign-spending li a:visited {
	color:#9f9f9f;
	}
		
#news-container {
	width:784px;
	padding:0;
	border:none;
	background:transparent url(../images/bg_news_columns.gif) repeat-y;
	}	

#news-container .inner {
	padding:1px 0 0 0;
	background:url(../images/bg_news_columns_closer.gif) no-repeat;
	}	

#news {
	overflow:hidden;
	width:784px;
	padding:0 0 1px 0;
	background:url(../images/bg_news_columns_closer.gif) no-repeat 0 100%;
	}

#news div {
	padding:19px 0 5px 0;
	margin:0 1px;
	background-color:#350000;
	}

#news div h1 {
	margin:0;
	font-size:1.2em;
	}	

#news p {
	margin:0;
	}	
	
#news li {
	margin:0 0 14px 0;
	font-size:1em;
	}
			
#news .left-column {
	width:364px;
	padding-left:14px;
	padding-right:14px;
	}
	
#news .right-column {
	width:345px;
	padding-left:16px;
	padding-right:16px;	
	}
				

/* FOOTER
---------------------------------------------------------------*/	
#footer li { 
	display:inline; 
	}
	
#footer li a { 
	border-left:solid 1px #9f5757; 
	padding:0 2px 0 6px;
	}
	
#footer .no-border a {
	border:none;	
	}

#footer,	
#footer a:link,
#footer a:visited {
	color:#9f5757;
	}	
	
/* OTHER
---------------------------------------------------------------*/	
#skip { 
	display:none;
	}		
	
.clear { 
	clear:both;
	font-size:0; 
	line-height:0.0; 
	height:0;
	}	

.left-column {
	float:left;
	}
	
.right-column {
	float:right;
	}