body { 
	margin:0;padding:0;
	background: url("../img/mainBG.jpg")#a00 top center no-repeat;
	text-align: center;
	color: #c8c8c8;
	font-family: Verdana, Arial, sans-serif;
}

h1 { margin: 10px 0 0 35px; font: 1.5em "Myriad Pro"; color: #FFF; }
a { color: #c00; text-decoration: none; }

#header { width: auto; height: 256px; }

#nav { height: 30px; width: 972px; background: #222; margin: 0 auto; }

#mainContainer {
	width: 973px;
	min-height: 500px;
	background: #transparent;
	margin: 0 auto;
	text-align: left;
}

#tabs { margin:0;padding:0; list-style: none; }
	#tabs li { 
		display: inline-block; 
		font: 0.9em "Myriad Pro"; 
/*		height: 49px; width: 125px;	*/
		float: left;
		text-align: center;
		padding-right: 0px;
	}

	#tabs li.last { padding: 0 !important; }

#tabs li a { width: 139px; height: 49px; display: block; margin: 0 5px; }
	#thasauce.active { margin-left: 15px; background: url("../img/thasauceTab_a.jpg") 0 0 no-repeat; }
	#rts { background: url("../img/rtsTab_i.jpg") 0 0 no-repeat; }
	#compo { background: url("../img/compoTab_i.jpg") 0 0 no-repeat; }
	#community { background: url("../img/communityTab_i.jpg") 0 0 no-repeat; }
	#remixes { background: url("../img/reMixesTab_i.jpg") 0 0 no-repeat; }
	#artists { background: url("../img/artistTab_i.jpg") 0 0 no-repeat; }
	#rss { width:49px !important; background: url("../img/rssIcon.jpg") 0 0 no-repeat; }

#mainContent {
	width: 971px;
	min-height: 450px;
	background: #222;
	margin-left: 2px;
}

#mainColumn { float: left; }

#rightColumn { float: right; }

.sideBox {
	width: 180px; min-height: 500px;
	background: #131313;
	margin: 5px 15px;
	padding: 10px;
}

.sideBox ul { margin: 0; padding: 0; text-align: center; font-size: 0.7em; }
.sideBox ul li { list-style: none; border-bottom: 1px solid #444; margin-top: 5px; }
.songList .last { border: none; }

.rightAd { margin: 15px; }

#featuredNews, #topics, #discussions, #newsStory { 
	width: 725px; height: auto;
	min-height: 200px;
	background: #131313;
	margin: 5px 0 0 15px;
	padding-bottom: 15px
}

#featuredNews { padding-bottom: 0 !important; }

#newsStory { padding-top: 2px; }

.clear {
	clear:both
}

#gallery {
	position:relative;
	height:360px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		font-family: "Myriad Pro";
		margin:0;
		padding:0;
		color:#c00 !important;
	}

.newsItem { 
	width: 715px; min-height: 100px; 
	background: #131313;
	margin: 10px 0 0 15px;
	padding: 5px;
	position: relative;
}

.newsItem img { 
	float: left; 
	border: 1px solid #656565; 
	height: 75px; width: 75px;
	margin: 15px 10px 0 5px;
}

.newsItem h2, #newsStory h1 { font-family: "Myriad Pro"; }
	.newsItem h2 { font-size: 1.25em;  margin: 5px; font-weight: normal; }
	#newsStory h1 { font-size: 1.5em; margin: 10px 10px 0 15px; width: 560px; }
.newsItem p { font: 0.8em Verdana; margin: 5px 0 40px 100px; }

#newsShort { font: 0.85em  "Myriad Pro"; margin: 5px 0 20px 30px; width: 560px; line-height: 1.5em; }
.authorImage { height: 50px; width: 50px; border: 1px solid #555; margin: 0 0 0 20px; float: left; }
.newsDate, .newsAuthor { font: Bold 0.70em "Verdana"; margin-left: 10px; }
.newsDivider { border-top: 1px solid #555; width: 675px; margin: 10px 10px 10px 25px }

.username { font: 0.8em Verdana; margin-top: 7px; display: block; }
.newsFooter { position: absolute; bottom: 15px; left: 0;}
.newsFooter p { display: inline; }
.socialNews { 
	height: 19px;
	position: absolute; 
	bottom: 10px; right: 10px; 
	z-index: 2;
}


.socialNews span { font: 0.7em Verdana; font-weight: bold; margin: 0 10px 0 0; position: relative; top: -6px; z-index: 2; }
.socialNews img { border: none; height: 12px; width: 14px; margin: 6px 5px 0 0; }

#newsHeader { position: relative; } 
.socialMain { height: 19px; width: 140px; margin: 7px 0; position: absolute; top: 0; right: 0;}
	.socialMain span { text-align: left; font: 0.70em Verdana; font-weight: bold; margin: 0 10px 0 0; position: relative; top: -6px; }
	.socialMain img { border: none; height: 12px; width: 14px; margin: 0 5px 0 15px; position: relative; top: -3px }

.socialMix { height: 19px; width: 175px; margin: 7px 0; text-align: center; }
	.socialMix span { text-align: left; font: /* 0.70em */ Verdana; font-weight: bold; margin: 0 10px 0 0; position: relative; top: -6px; }
	.socialMix img { border: none; height: 12px; width: 14px; margin: 0 5px 0 15px; position: relative; top: -3px }

.socialCrud { float: left; padding: 10px 21px; }
.storyText { font: 0.8em Verdana; float: right; width: 605px; padding-right: 25px; }

.newsTags { font-size: 0.85em; display: block; margin-top: 20px; }
.aboutAuthor { width: 660px; border: 1px solid #555; margin: 20px 20px 5px 20px; padding: 10px; background: #222; }
.aboutAuthor img { float: left; height: 50px; width: 50px; margin-right: 10px; }
.aboutAuthor p { margin:0; text-align: left; font: 0.7em Verdana; }


.roundedBox { position: relative; }
.corner { height: 9px; width: 9px; background-image: url("../img/corner01.jpg"); position: absolute; }
.topLeft { top: 0;left:0; background-position: 0 0; }
.topRight { top: 0;right:0; background-position: -9px 0; }
.bottomLeft { bottom: 0;left:0; background-position: 0 -9px; }
.bottomRight { bottom: 0;right:0; background-position: -9px -9px; }

.songGame { color: #ccc; font-weight: bold; margin: 2px 0; }
.gameImage { border: 1px solid #555; margin: 5px; }

.fbConnectWidgetTopmost { border: none; color: Verdana, Arial, sans-serif; }

.feedBox { width: 300px; height: 500px; overflow: hidden; float: left; background: #131313; margin: 11px; }
	.feedBox ul { margin: 5px 10px; padding: 0; list-style: none; font-size: 0.8em; }
		.feedBox ul li { border-bottom: 1px solid #282828; padding-left: 6px; }

#tabNav ul { list-style-type: none; margin: 0; padding: 0; }
	#tabNav ul li { float: left; display: inline; }
		#tabNav ul li.first { padding: 0 50px 0 35px; }
		#tabNav ul li h2 { margin: 7px; }
		#tabNav ul li h2 a { 
			color: #fff; font-size: 0.75em; 
			font-family: "Myriad Pro", Verdana, sans-serif;
			letter-spacing: 1px;
		}

#footer { font-size: 0.75em; color: #500; }
#copyright, #sms { list-style: none; margin: 0; padding: 0;}
	#copyright li, #sms li { float: left; display: inline; padding-right: 5px; }
	#sms { margin: 0 0 0 382px; }
		#sms li a { display: inline-block; height: 32px; width: 32px; text-align: center; background: #0a0; }

#design { text-align: right; }

#subFooter ul { float: left; list-style: none; margin: 5px 25px 0 0; padding: 0; font-size: 0.9em; }
#subFooter ul.last { margin: 5px 0 0 0; }