/*
-----------------------------------------------
client:   	Apoko (Mo Pete)
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; }	


/* ~Structural
----------------------------------------------- */
#container 		{ background-color: #000; margin: 183px auto 0; width: 958px; text-align: left; }	
#mainNav 		{ height: 50px; width: 100%; margin: 0; }
#mainNav #menuBadges { float: right; margin: 12px 19px 0 0; display: block; }
#menuBadges		{ float: right; margin: 10px 10px 0 0; display: block; }
#menuBadges img	{ margin: 0 0 -4px 8px; }
#mainBody 		{ 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; }

#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:818px;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 {width:150px;height:100px;opacity:1;}


img.scrollnext, img.scrollPrev {position:relative;z-index:100;}

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

#leftCol	{ float: left; width: 580px; }
#leftCol img.feature { height:auto;width:560px; }
.newsPod 	{ background-color: #1a1a1a; padding: 30px 115px 10px 10px; position: relative; margin: 0 0 1px 0; min-height: 75px; }
.newsPodSingle, .newsPodFirst  { background-color: #1a1a1a; padding: 10px 115px 10px 10px; position: relative; margin: 0 0 1px 0; min-height: 75px; }
.newsPod .commentHeader {width:400px;}
.comment 	{ background-color: #000; padding: 10px; width: 465px; margin: 0 0 1px 0; }
.comment img.avatar { float:left; height:50px; padding:0 10px 0 0; width:50px; } 
.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;}

#rightCol	{ float: right; width: 330px; padding: 0; }
.facePod	{ background-color: #1a1a1a; padding: 8px 10px 10px 10px; margin: 0 0 1px 0; position: relative; }
.facePod li {padding:5px 0px 5px 0px;border-bottom:1px solid #4b4b4b;} 
.tweetPod	{ background-color: #1a1a1a; padding: 8px 115px 10px 10px; margin: 0 0 1px 0; position: relative; }
.youtubePod	{ background-color: #1a1a1a; 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; }
.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; }
.readMore:hover	{ background-color: #ffb400; } 
.newsPodFirst .readMore  { display: block; width: 95px; height: ; padding: 4px; position: absolute; top: 286px; right: 0; background-color: #2277be; text-align: center; }
.newsPodFirst .readMore:hover {background-color: #ffb400;}
.share		{ display: block; width: 103px; height: ; padding: 7px 0; position: absolute; top: 286px; right: 0; text-align: center; }
.share a {outline:none;}
.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; }*/


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

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

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

/* float clearing for everyone else */
.clearfix:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;font-size: 0;}


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