body {
		font-family:arial, helvetica, sans-serif;
		font-size:.84em;
		line-height:.84em;
		color:#000;
		margin:0;
		padding:0;
		background:#fff;
	}
	a, a:link, a:active, a:visited {
		color:#000;
		text-decoration:none;
	}
	a:visited {
		color:#6b6b6b;
	}
	a:hover {
		color:#f8195d;
	}
	img {
		border:none;
	}
	#container {
		width:100%;
		position:relative;
	}

/* header */

	
#header .floatLeft { float: left;}
#header .floatRight { float: right;}
#header .clear { clear: both; height: 0px; overflow: hidden;}
#header {
	background-color: #3881B7; /* this controls the outer layer background color */
}
#header .innerHeader {
	height: 62px;
	width: 1000px;
	margin: 0px auto;
	background-color: #3881B7; /* this should be the same as the one above, this controls the inside layer BG color */
}
#header .innerHeader ul { margin: 0px; padding: 0px; list-style-type: none; list-style-position: inside;}
#header .innerHeader .logoLoc { 
width: 168px; /* this should be equal to the image's width */
height: 62px; /* this is the max height allowed, everything bigger will mess up the menu */ 
display: block !important; /* display: none = the element is invisible, display: block = the element is visible, please leave the important declaration there. */
margin-right: 15px; display: inline;}
#header .innerHeader .logoLoc img { display: block;}
#header .innerHeader .mainLinks { height: 40px; margin-top: 22px; /* this calculates the entire width of the UL, the height sets the actual height and the margin top is the difference. Height + Margin Top = 62px; change accordingly to match this rule */}
#header .innerHeader .mainLinks li { float: left; margin-left: 10px; display: inline;}
#header .innerHeader .mainLinks li.first{ margin-left: 0px;}
#header .innerHeader .mainLinks li a { float: left; padding:0px 5px; display: block; font-weight: bold;
line-height: 40px; height: 40px; /* line height must be equal to the height and must be equal to the height from the above rule */
color: #333333; /* This changes the color of the links this must be the same to the one in the rule below*/
font-size: 14px; /* this is the font size of the main links */
font-family: Arial, Helvetica, Verdana; /* this changes the font family */
background-color: #c0c0c0; /* this changes the default BG color for the main links */} 

#header .innerHeader .mainLinks li a:link, #header .innerHeader .mainLinks li a:active, #header .innerHeader .mainLinks li a:visited { text-decoration: none; color: #333333 /* this must be equal to the color above */;}
#header .innerHeader .mainLinks li a span { display: block; float: left; cursor: pointer;}
#header .innerHeader .mainLinks li a img { display: inline; float: left; padding-top: 5px; margin-right: 5px;}

#header .innerHeader .mainLinks li a:hover, #header .innerHeader .mainLinks li a:focus { 
color: #1313e0; /* this is the color of the link when is hovered or focused on */
text-decoration: none; 
background-color: #ffffff; /* the BG color of the active */ }

#header .innerHeader .sideLinks { height: 30px; margin-top: 32px; float: left !important; margin-left: 20px;}
#header .innerHeader .sideLinks li { float: left; margin-left: 4px; display: inline;}
#header .innerHeader .sideLinks li.first { margin-left: 0px;}

#header .innerHeader .sideLinks li a { line-height: 30px; padding: 0px 5px; display: block; font-weight: bold;
font-size: 12px; /* font size of the side links on the right side */
font-family: Arial, Helvetica, Verdana; /* font-family of the side links on the right side */
color: #fff; /* color of the side links */
}

#header .innerHeader .sideLinks li a:active, #header .innerHeader .sideLinks li a:link, #header .innerHeader .sideLinks li a:visited { 
color: #fff; /* this has to be the same of the color of the link above */
text-decoration: none;}

#header .innerHeader .sideLinks li a:hover, #header .innerHeader .sideLinks li a:focus { 
color: #1313e0; /* color of the side links when is hovered or focused on */
text-decoration: none;}


#titlebar {
	position:fixed;
	bottom: 0px;
	width:100%;
	height:157px;
	padding:0;
	/*padding:18px 0 14px 0;*/
		background:#f8004b;
	left:0;
	opacity:.9;
	filter: alpha(opacity=90);
	z-index:2;
	}
#logo {
		color:#fff;
		margin:0 10px 0 0;
		padding:17px 0 0 0;
		float:left;
		width:79px;
		height:28px;
	}
#title-content {
	position:relative;
	width:980px;
	margin:0 auto;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	}
#titlebar h2 {
		color:#fff;
		font-size:.9em;
		font-weight:bold;
		line-height:1em;
		margin:0;
		padding:24px 0 0 0;
		float:left;
	}
#titlebar p {
		float:right;
		color:#fff;
		font-size:.9em;
		font-weight:bold;
		line-height:1em;
		margin:0;
		padding:24px 0 0 0;
	}
#titlebar a, #titlebar a:link, #titlebar a:active, #titlebar a:visited {
		color:#fff;
		text-decoration:none;
	}
#titlebar a:hover {
		color:#fff;
	}
#titlebar ul#ack-box.show-urls {
		position:absolute;
		bottom:-30px !important;
		border:3px solid #fff;
		height:8em;
		line-height:1.5em;
		background:#f8004b !important;
		width:400px;
		z-index:3;
	}
#titlebar ul#ack-box.show-urls li, 
#titlebar ul#ack-box.show-urls li.categories {
		display:inline;
		background:none;
		border:none;
		padding:2px;
		line-height:1.5em;
	}
#titlebar ul#ack-box.show-urls li.categories:after {
		content:': ';
	}
#titlebar ul#cat-box.show-urls li.categories {
		background:#b20036;
		border-top:3px solid #fff;
	}
	a.smile {
		padding-right:14px;
		background:url(/images/smiley.png) no-repeat right 1px;
	}
	.sitecredits {
		float:right;
		margin-left:1em;
	}
	.copyright {
		float:left;
		margin-right:1em;
	}


/* content */

	#headlines {
		width:990px;
		margin:0 auto;
		padding:0 0 200px 20px;
	}
	div.hide-feed {
		float:right;
		margin-top:.4em;
	}
	h3 {
		font-weight:normal;
		font-size:1em;
		padding:0;
		margin:0;
	}
	#headlines ul {
		margin:1.5em 15px 0 15px;
		padding:0;
		list-style:none;
		width:300px;
		float:left;
	}
	#headlines li {
		font-size:.85em;
		line-height:1.2em;
		padding:4px 0 4px 0;
		margin:0;
		border-top:1px solid #ddd;
	}
	#headlines li:hover {
		background:#f6f6f6;
	}
	#headlines li.site {
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.9em;
	letter-spacing:0.05em;
	color:#3881B7;
	border:none;
	}
	#headlines div.ad-unit {
		float:left;
		width:278px;
		margin:1.5em 15px 0 15px;
		padding:1em 0;
		text-align:center;
		border:1px solid #ddd;
	}
	#headlines div.ad-unit-280 {
		float:left;
		width:280px;
		margin:0 15px;
		padding:1em 0;
		text-align:center;
		border:none;
	}
	ul.image-feed {
		width:100% !important;
		overflow:hidden;
		height:100px;
	}
	li.site a, 
	li.site a:link, 
	li.site a:active, 
	li.site a:visited, 
	li.site a:hover {
		color:#f8195d;
	}
	li.image-feed-entry {
		display:inline;
	}
	#headlines ul.image-feed li.site {
		height:0;
		margin:0 !important;
		padding:0 !important;
		overflow:hidden;
	}
	.full-post {
		display:none;
	}
	.favicon {
		float:left;
		margin-left:-20px; /* done this way because of the ie position bug */
	}
	.row-clear {
		clear:left;
		width:100%;
		height:0;
		overflow:hidden;
	}

/* miscellaneous */

	.clear {
		clear:left;
	}
	.half {
		width:48%;
	}
	.left {
		float:left !important;
	}
	.right {
		float:right !important;
	}
	.center {
		text-align:center !important;
	}
	.inline {
		display:inline;
	}
	.hide {
		display:none;
	}
	.show {
		display:block;
	}
	h3.subtitles {
		color:#545454;
		margin-left:2px;
		clear:left;
	}
	.pushed {
		bottom:-4em;
	}
	
	/* footer */

	#footer {
		font-size:10px;
		padding:0;
		margin:1.5em auto;
		text-align:center;
	}

	/* Tool tips */
	.tool-tip {
		z-index: 13000;
		margin:0;
	}
	.tool-tip div.bound {
		max-height:205px;
		_height:205px;
		overflow:hidden;
	}
	.tool-title {
		padding:10px 10px 0 10px;
		background:#fff;
	}
	.tool-title span {
		display:block;
		font-weight: normal;
		font-size: .9em;
		width:260px;
		margin: 0;
		padding: 10px 20px;
		border:1px solid #b4b4b4;
		border-bottom:none;
		background: #f0f0f0;
	}
	.tool-text {
		padding:0 10px 10px 10px;
		background:#fff;
	}
	.tool-text .entry-bound {
		font-size:.9em;
		line-height:1.7em;
		width:260px;
		padding: 0 20px 20px 20px;
		border:1px solid #b4b4b4;
		border-top:none;
		background: #f0f0f0;
	}
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */



#bottombar {
	left: 0;
}

	#bottombar .bottompod {
		margin: 5px;
		background: #ddd;
		height: 147px;
		float: left;
		position: relative;
	}
	
		#bottombar .bottompod.small {
			width: 250px;
		}
		
		#bottombar .bottompod.large {
			width: 490px;
		}
		
#NewsVertical {
	width:490px;
	height:147px;
	display:block;
	overflow:hidden;
	position:relative;
}

#TickerVertical {
	width:100%px;
	height:147px;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

#titlebar #TickerVertical li {
	display:block;
	width:100%;
	color:#333333;
	text-align:left;
	font-size:11px;
	margin:0;
	padding:6px;
	float:left;
	background: #ddd;
}

#TickerVertical li .NewsTitle{
	display:block;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	margin-bottom:6px;
}

#TickerVertical li .NewsTitle a:link,
#TickerVertical li .NewsTitle a:Visited {
	display:block;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	margin-bottom:6px;
	text-decoration:none;
}

#TickerVertical li .NewsTitle a:hover {
	text-decoration:underline;
}

#TickerVertical li .NewsFooter{
	display:block;
	color:#000000;
	font-size:10px;
	margin:6px 0 14px 0;
}