/*
-----------------------------------------------
client:   	Apoko (Nick Swisher)
created:	02/23/2010
author:	  	OneMethod

	Index:
	~ Reset												
	~ Global												
	~ Structural
	~ Tables
	~ Misc. Styles
	~ Notes
----------------------------------------------- */


/* ~Reset
----------------------------------------------- */

*	{ padding: 0px; margin: 0px; border: 0px; }

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 
{ font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* ~Global
----------------------------------------------- */

html { background: #000 url('../images/mainBkgrd.jpg') top center no-repeat; height: 100%; }
body { text-align: center; }	

img.alignleft {float:left;padding:5px 10px 5px 0px;}
img.alignright {float:right;padding:5px 0px 5px 10px;}

/* ~Structural
----------------------------------------------- */
#container 		{ background-color: #fff; margin: 184px auto 0; width: 958px; text-align: left; }	
#mainNav 		{ background: #fff url(../images/blueBarLG.gif) top left repeat-x; height: 50px; width: 100%; margin: 0; }
#mainNav #menuBadges { float: right; margin: 1px 19px 0 0; display: block; }
#menuBadges		{ position:absolute;top:11px; right:5px;}
#menuBadges img	{ margin: 0 0 -4px 8px; }
#mainBody 		{ background-color: #fff; padding: 0px 19px 20px;	}
#featured 		{ position: relative; font-weight: bold; margin: 0 0 10px 0;	}
.featureHead 	{ position: absolute; top: 220px; left: 0px; color: #fff; padding: 10px 30px 15px 20px; background:#000; background: rgba(0,0,0,.75);text-transform:uppercase; }
#carousel 		{ margin: 10px 0px; clear: both; }
#carousel img.featurePic { margin: 0 4px; }

#myController 		{ margin: 10px 0px 0px 0px;overflow:hidden; position:relative;}
#myController .scrollNext {width:50px;height:100px;position:relative;z-index:100;}
#myController .scrollPrev {width:50px;height:100px;position:relative;z-index:100;padding-right:4px;}
#myController #thumbContainer {position:relative;z-index:10;height:100px;width:816px;margin-bottom:10px;white-space:nowrap;left:0px;}
#myController #thumbContainer .jFlowControl { margin:0 5px; display:inline;position:relative;}
#myController #thumbContainer .jFlowControl img {width:150px;height:100px;opacity:0.8;}
#myController #thumbContainer .jFlowControl img.hover {opacity:1;}
#myController #thumbContainer .jFlowSelected img {opacity:1;width:150px;height:100px;}

#leftCol	{ float: left; width: 580px; }
.newsPod 	{ background-color: #e5e5e5; padding: 30px 115px 10px 10px; position: relative; margin: 0 0 1px 0; min-height: 75px; }
.newsPodFirst	{ background-color: #e5e5e5; padding: 10px 115px 10px 10px; position: relative; margin: 0 0 1px 0; min-height: 75px; }
.newsPodSingle { background-color: #e5e5e5; padding: 10px 115px 10px 10px; position: relative; margin: 0 0 1px 0; min-height: 75px; } 
.commentBub	{ background: url(../images/commentBub1.gif) no-repeat; height: 20px; color: #fff; padding: 2px 0 8px 7px; position: relative; top:-5px; left: 15px; font-size:10px; }
.commentBub img { position: relative; top: 5px; padding-left: 2px;}
#leftCol img.feature {width:560px;height:auto;}

#rightCol	{ float: right; width: 330px; padding: 0; }
.podWrap {position:relative;}
.facePod	{ background-color: #e5e5e5; padding: 8px 10px 10px 10px; margin: 0 0 1px 0; position: relative; }
.facePod li {padding:5px 0px 5px 0px;border-bottom:1px solid #fff;}
.tweetPod	{ background-color: #e5e5e5; padding: 8px 115px 10px 10px; margin: 0 0 1px 0; position: relative; }
.youtubePod	{ background-color: #e5e5e5; padding: 10px 10px 10px 10px; margin: 0 0 1px 0; position: relative; }
.youtubePod img	{ float: left; padding: 0 10px 0 0; width:150px;height:100px;}
.fbAvatar	{ float: left; position: absolute; top: 10px; left: 10px; }

.date		{ display: block; width: 85px; height: 30px; padding: 9px; position: absolute; top: 33px; right: 0; background-color: #2a2a2a; }
.dateFirst		{ display: block; width: 85px; height: 30px; padding: 9px; position: absolute; top: 255px; right: 0; background-color: #2a2a2a; }
.newsPodSingle .date {display: block; width: 85px; height: 30px; padding: 9px; position: absolute; top: 240px; right: 0; background-color: #2a2a2a;}
.miniDate	{ display: block; width: 55px; height: 17px; padding: 9px; position: absolute; top: 9px; right: 0; background-color: #2a2a2a; }
.readMore	{ display: block; width: 95px; height: ; padding: 4px; position: absolute; top: 81px; right: 0; background-color: #2277be; text-align: center; }
.readMoreFirst	{ display: block; width: 95px; height: ; padding: 4px; position: absolute; top: 303px; right: 0; background-color: #2277be; text-align: center; }
.readMore:hover, .readMoreFirst:hover	{ background-color: #011b63; } 

.share		{ display: block; width: 103px; height: ; padding: 7px 0; position: absolute; top: 286px; right: 0; text-align: center; }
.share img	{ margin: 0 4px 0; }

.newsPic	{ margin: -20px 0 20px 0; }
/* These aren't used right now because we're not putting the pic in that made the first news post different
.firstNews .date	{ top: 206px; }
.firstNews .readMore{ top: 254px; }*/

.comment { background-color: #bfbfbf; padding: 10px; width: 539px; margin-bottom:10px; }
.comment img.avatar {height:50px;width:50px;float:left;padding:0px 10px 0px 0px;}

#footer		{ clear:both; width:950px; margin: 15px auto 20px; color: #fff; text-align: left; font-size: .8em; }

/* Tables
----------------------------------------------- */	
table { 
	border-collapse: separate; 
	border-spacing: 0px; 
	}

/* Miscellaneous styles
----------------------------------------------- */		
.hide		{ display: none; }
.menuSpacer	{ padding: 0 10px; display: inline-block; }
#last		{ margin: 0; }

/* Notes
----------------------------------------------- */