@charset "UTF-8";
/* CSS Document */

/* ============= [ GENERAL ] ================ */

body { 
	margin:0;
	padding:0;
	background-color:#fff;
	color:#333;
	text-align:center;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size:75%;
	
}

html, body { height:100%; }

p { text-align:left; }

h1, h2, h3, h4, h5 { 
	font-weight:normal;
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#333;
	}

a { text-decoration:none; }

	a:link {
		text-decoration:underline;
		color:#600;
		
	}
	
	a:visited {
		text-decoration:underline;
		color:#600;
		
	}
	
	a:hover {
		text-decoration:none;
		color:#600;
		
	}
	
	a:active {
		text-decoration:none;
		color:#600;
		
	}

a img { border-style:none; }

ol li {
	padding:5px 0;	
}

ul li {
	padding:5px 0;
}

#twitter_div ul, #headlines_div ul {
	list-style:none;
	padding:0;
	margin:0;
}

#twitter_div ul li, #headlines_div ul li {
	padding:5px 0;
}

#headlines_div ul li a{
	font-size:1.2em;
}

span.headlineDate {
	font-size:.9em;
}

#faq {
	list-style:none;
	margin:0;
	padding:0;
}

#faq li {
	padding:0;
}

#faq li li {
	padding:5px;
}



/* ============= [ WRAPPER ] ============= */

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
	margin:0 auto auto auto;
    /*margin: 0 auto -6em;  abs(margin) == height of footer, push */
}



/* ============= [ HEADER ] ============== */

#header { 
	min-width:800px;
}

	#topNavBox {
		position:relative;
		right:0px;	
		width:auto;
		height:2.5em;
		background-color:#000;
	}
	
		ul.topNav { 
			position:absolute;
			right:30px;
			list-style:none;
			/*padding: 0px 30px 0px 0px;*/
			color:#600;	
		}
		
		ul.topNav li { display:inline; }
			
			ul.topNav li:before { content:"|"; }
			
			ul.topNav li.first:before { content:""; }
				
			ul.topNav a { 	
				padding: 0px 5px 0px 5px;
				font-size:0.917em;
				text-transform:uppercase;
				text-decoration:none;
			}
			
				ul.topNav a:link { color:#666; }
				ul.topNav a:visited { color:#666; }
				ul.topNav a:hover { color:#ccc; }
				ul.topNav a:active { color:#ccc; }
				
				ul.topNav li a.currentPage { color:#fff; }
	
	#logo { 
		background: #000 url(../images/red-line.gif) repeat-x;
		width:auto;
		height:83px;
	}
	
	#mainNavBox { 
		background: #000;
		height:4.5em;
		/*border:1px solid #900;*/
	}	
	
		ul.mainNav {
			list-style:none;
			margin:0;
			padding: 3em 0px 0px 0px;
			color:#600;	
		}
		
			ul.mainNav li { display:inline }
			
			ul.mainNav li:before { content:"|"; }
			ul.mainNav li.first:before { content:""; }
						
			ul.mainNav a { 	
				padding: 0px 5px 0px 5px;
				font-size:0.917em;
				text-transform:uppercase;
				text-decoration:none;
			}
			
				ul.mainNav a:link { color:#666; }
				ul.mainNav a:visited { color:#666; }
				ul.mainNav a:hover { color:#ccc; }
				ul.mainNav a:active { color:#ccc; }
				
				ul.mainNav li a.currentPage { color:#fff; }	

/* ============= [ CONTENT ] ============= */

#contentWrapper {
	width:800px;
	text-align:center;
	margin:0 auto auto auto;
	padding-top:10px;
}

#mainContent { 
	width:650px;
	margin:0 auto auto auto;
	font-family:'Lucida Grande', Verdana, Arial, Sans-Serif;
}

div.oneColumn {
	text-align:left;
	float:left;
	margin-bottom:20px;	
	width:650px;
}

div.wideLeftColumn {
	width:450px;
	padding-right:25px;
	float:left;
	border-right:1px solid #ccc;
	text-align:left;
	margin-bottom:20px;	
}

div.wideRightColumn {
	width:450px;
	float:left;
	margin:-1px;
	padding-left:25px;
	border-left:1px solid #ccc;
	text-align:left;
	margin-bottom:20px;	
}

div.thinLeftColumn {
	width:150px;
	padding-right:25px;
	float:left;
	border-right:1px solid #ccc;
	text-align:left;
	margin-bottom:20px;
}

div.thinRightColumn {
	width:150px;
	float:left;
	margin:-1px;
	padding-left:25px;
	border-left:1px solid #ccc;
	text-align:left;
	margin-bottom:20px;
	
}

div.leftColumn {
	width:300px;
	padding-right:25px;
	float:left;
	border-right:1px solid #ccc;
	text-align:left;
	margin-bottom:20px;

}



div.rightColumn {
	width:300px;
	float:left;
	margin:-1px;
	padding-left:25px;
	border-left:1px solid #ccc;
	text-align:left;
	margin-bottom:20px;
	
}

div.centerColumn {
	width: 300px;
	margin:0 auto auto auto;
	text-align:left;
	margin-bottom:20px;
	
}

div.wideCenterColumn {
	width: 450px;
	margin:0 auto auto auto;
	text-align:left;
	margin-bottom:20px;	
}

div.horizontalLine {
	height:1px;
	width:95%;
	border-bottom:1px solid #ccc;
	margin:0 auto 20px auto;
}


/* ============= [ FOOTER ] ============== */

#footer, #push { height:6em; }

#footer { 
	float:left;
	text-align:center;
	background:#333 url(../images/footer-shadow.gif) repeat-x;
	min-width:800px;
	width:100%;
}
	#footerCopy {
		margin:0 auto 0 auto;
		padding:20px 0 0 0;
		width:800px;
		height:4em;
		color:#666;
		font-size:0.917em;
		
		
	}
	
	#footer p {
		margin:0 0 0.5em 0;
		text-align:center;
	}
	
	#footerCopy a {
		text-decoration:none;
		font-size:1em;
	}
				
		#footerCopy a:link { color:#666; }
		#footerCopy a:visited { color:#666; }
		#footerCopy a:hover { color:#999; }
		#footerCopy a:active { color:#999; }
	
	
	#footerCopy a.developer { 
		text-decoration:none;
		color:#999;
	}

		#footerCopy a.developer:link { color:#999; }
		#footerCopy a.developer:visited { color:999; }
		#footerCopy a.developer:hover { color:#fc0; }
		#footerCopy a.developer:active { color:#fc0; }	
		
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.centered {
display: block;
	margin-left: auto;
	margin-right: auto;	
}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */