@charset "UTF-8";
/* TTv4.6 CONTENT PAGE STYLES */



#contentLeft			{ float: left; width: 815px; padding: 10px 25px 0px 0px; }
#contentRight			{ float: left; width: 300px; margin-top: -30px; padding-bottom: 15px; background: #353535; -webkit-border-radius: 8px; -moz-border-radius: 8px; o-border-radius: 8px; border-radius: 8px; }

#contentList h1			{ padding-bottom: 12px; background: url('../images/global/commentheader.png') no-repeat left bottom; margin-bottom: 0px; }
#contentLeft h1			{ margin-bottom: 10px; }
#contentLeft h2			{ font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight: normal; font-style: oblique; margin-bottom: 15px; }
#contentRight h2		{ font-size: 22px; border-top: solid 1px #505050; border-bottom: solid 1px #505050; padding: 11px 18px 11px 18px; margin-top: 0px; color: #CCC; background: url('../images/home/forum_header.png') repeat-x left bottom; }
#contentRight h3		{ text-transform: uppercase; font-size: 14px; padding: 14px 19px 14px 19px; color: #848484; background-color: #000; }

#newsImage				{ width: 300px; height: 300px; margin: 0px 0px 16px 0px; float: left; }
#eventImage				{ width: 300px; height: 425px; margin: 0px 0px 16px 0px; float: left; }
#featureImage			{ width: 610px; height: 315px; margin: 0px 0px 16px 0px; float: left; }
#shareImage				{ position: absolute; left: -9999px; }


/* VIEW CONTROLS FOR TUNES PAGE */
#view					{ position: absolute; right: 21px; top: 18px; width: 156px; font-style: oblique; font-size: 11px; color: #8f8d85; }
#view span				{ display: block; float: left; width: 37px; padding-top: 4px; }
#view #list				{ display: block; width: 22px; height: 17px; background: url('../images/global/icon_view.png') no-repeat left top; color: #8f8d85; float: left; padding: 4px 28px 0px 4px; margin-right: 5px; font-style: normal; text-transform: uppercase; }
#view #grid				{ display: block; width: 24px; height: 17px; background: url('../images/global/icon_view.png') no-repeat -59px top; color: #8f8d85; float: left; padding: 4px 28px 0px 4px; font-style: normal; text-transform: uppercase; }
#view #list:hover		{ background-position: left -28px; } #view #grid:hover { background-position: -59px -28px; } #view #list.active { background-position: left -28px; } #view #grid.active { background-position: -59px -28px; } #view #list:active, #view #grid:active { color: #CCC; }
#gridView				{ padding-top: 10px; }
img.grid				{ border: solid 1px #b1b1b1; margin: 10px; } img.grid:hover { border-color: #CCC; } img.grid:active { border-color: #666; }



/* EVENTS STATE DISPLAY */
h1 span.state, h2 span.state { font-size: 14px; color: #FFF; background: #999; font-weight: bold; padding: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family: "Trebuchet MS", Tahoma, sans-serif !important; } 



/* POST INFO AND SOCIAL SIDEBAR */
.postInfo				{ float: left; width: 174px; background: #313131 url('../images/global/details_bg.png') repeat-y left top; padding: 17px 12px 17px 17px; margin: 0px 0px 16px 0px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px;  }
.postInfo h2			{ color: #CCC; 	}
.postInfo p				{ font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight: normal; font-style: oblique; line-height: 16px; }
#featurePostInfo		{ height: 281px; }
#newsPostInfo, #tunePostInfo			{ height: 266px; margin-right: 15px; }
#eventPostInfo			{ height: 391px; margin-right: 15px; }

.postInfo .facebook-share-button	{ display: block; width: auto; float: none; margin-bottom: 15px; }
.postInfo .twitter-share-button	{ display: block; width: auto; float: none; margin-bottom: 10px; margin-top: 10px; } 



/* ADS */
#medrect				{ border-top: solid 1px #6d6d6d; width: 300px; height: 250px; margin-top: 20px; }
#medrect img			{ margin: 0px; padding: 0px; }



/* EVENT DETAILS */
#details				{ border-top: solid 1px #c9c9c9; margin: 0px 0px 10px 315px; }
#details p				{ border-bottom: solid 1px #c9c9c9; padding: 4px 0px 4px 0px; margin: 0px; font-size: 12px; color: #494949 !important; }
#details p strong		{ text-transform: uppercase; }



/* COMMENTS */
#comments				{ padding: 10px 0px 10px 0px; }
#comments h2			{ font-size: 22px; border-top: solid 1px #FFF; padding: 0px 0px 0px 0px; margin-top: 0px; font-style: normal; }
#comments #commentsHeader	{ padding-bottom: 10px; background: url('../images/global/commentheader.png') no-repeat left bottom; margin-bottom: 0px; }
.comment				{ min-height: 50px; padding: 18px 0px 13px 0px; border-bottom: solid 1px #e8e8e8; position: relative; }
.comment img			{ float: left; width: 50px; height: 50px; margin: 0px 13px 0px 0px; border: solid 1px #d2d2d2; }
.comment h3				{ font-weight: normal; color: #a2a2a2; font-size: 12px; margin: 0px 0px 3px 0px; padding: 0px; }
.comment p				{ font-style: oblique; color: #565656; margin-left: 65px; padding-right: 30px; }
#leaveComment			{ background: url('../images/global/commentbkgnd.png') no-repeat left 20px; padding: 15px 0px 0px 83px; }
#comments fieldset		{ border: none; margin: 0px; padding: 0px; }
textarea				{ border: solid 1px #b5b5b5; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #f5f5f5; width: 650px; height: 100px; padding: 10px; margin-bottom: 10px; transition: background-color 250ms; -webkit-transition: background-color 250ms; -moz-transition: background-color 250ms; -o-transition: background-color 250ms; }
textarea:hover			{ background-color: #FFF; }
.comment a.delete		{ text-align: right; background-color: #B2B2B2; color: #FFF; font-size: 12px; padding: 3px 5px 3px 5px; position: absolute; right: 0px; top: 15px;  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .comment a.delete:hover { background-color: #D7D7D7; }



/* CONTENT LISTS */
#contentList								{ float: left; width: 815px; padding: 10px 25px 0px 0px; position: relative; }
#rssLink									{ padding: 13px 0px 13px 0px; border-bottom: solid 1px #505050; }
a#rss										{ background: url('../images/global/icon_rss.png') no-repeat left center; padding: 7px 0px 7px 38px; color: #cbcbcb; font-weight: bold; font-size: 14px; margin: 0px 0px 0px 19px; }
a#rss:hover									{ color: #FFF; }
#contentList .item							{ min-height: 112px; padding: 10px 0px 10px 0px; border-bottom: solid 1px #e2e2e2; }
#contentList .item h2						{ font-size: 21px; }
#contentList .item h2 a						{ color: #3a3a3a; } #contentList .item h2 a:hover { color: #999; }
#contentList .item img						{ width: 100px; height: 100px; border: solid 1px #b1b1b1; }
#articlesPage #contentList .item				{ height: 197px; }
#articlesPage #contentList .item img			{ width: 263px; height: 197px; margin-right: 14px; }
#news #contentList .item, #tunes #contentList .item					{ height: 132px; }
#news #contentList .item img, #tunes #contentList .item img				{ width: 132px; height: 132px; }
#contentList .item img.eventThumb			{ height: 141px; }
#contentList .item img:hover				{ border-color: #CCC; }
#contentList .item h3						{ font-family: "Times New Roman", Times, serif; font-size: 14px; font-weight: normal; font-style: oblique; margin-bottom: 15px; margin-bottom: 0px; }
#contentList .item p						{ line-height: 18px; font-size: 11px; margin-top: 5px; }
p.itemLinks									{ position: relative; }
p.itemLinks a#itemComments					{ background: url('../images/global/icon_comment.png') no-repeat left center; padding: 4px 0px 4px 23px; color: #555; }
p.itemLinks a#itemMore						{ text-align: right; position: absolute; right: 0px; background: url('../images/global/icon_more.png') no-repeat right center; padding: 4px 26px 4px 0px; color: #000; }
p.itemLinks a#itemMore:hover				{ color: #999; } p.itemLinks a#itemComments:hover { color: #CCC; }
#eventsPage #contentList .item					{ height: 187px; }
#eventsPage #contentList .item img				{ height: 187px; width: 132px; }
#older a, #newer a							{ padding-top: 10px; font-size: 12px; color: #333; }
#older a:hover, #newer a:hover				{ margin-top: 10px; font-size: 12px; color: #999; }



/* ADMINISTRATION */
#administration			{ padding: 9px 19px 9px 19px; font-size: 11px; background: #656565; }



/* TUNES */
#tuneHolder				{ min-height: 300px; }
/* FACEBOX */
#facebox .b{background:url('../images/global/b.png');}#facebox .tl{background:url('../images/global/tl.png');}#facebox .tr{background:url('../images/global/tr.png');}#facebox .bl{background:url('../images/global/bl.png');}#facebox .br{background:url('../images/global/br.png');}#facebox{position:absolute;top:0;left:0;z-index:100;text-align:left;}#facebox .popup{position:relative;}#facebox table{border-collapse:collapse;}#facebox td{border-bottom:0;padding:0;}#facebox .body{padding:10px;background:#fff;width:370px;}#facebox .loading{text-align:center;}#facebox .image{text-align:center;}#facebox img{border:0;margin:0;}#facebox .footer{border-top:1px solid #DDDDDD;padding-top:5px;margin-top:10px;text-align:right;}#facebox .tl,#facebox .tr,#facebox .bl,#facebox .br{height:10px;width:10px;overflow:hidden;padding:0;}#facebox_overlay{position:fixed;top:0px;left:0px;height:100%;width:100%;}.facebox_hide{z-index:-100;}.facebox_overlayBG{background-color:#000;z-index:99;}*html #facebox_overlay{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');}
#tunePopup	{ width: 600px; }
#tunePopup object { margin: 0px; }
#tunePopup img	{ margin: 0px 10px 10px 0px; }
#tunePopup	#details { margin-left: 310px; }



/* FOCUS MIXES */
#audioTools								{ margin-bottom: 12px; }
#audioTools #audioPlayer 				{ float: left; width: 597px; padding-right: 12px; }
.buttonBlue								{ width: 203px; height: 14px; border: solid 1px #00889a; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background: #02769b url('../images/global/btn_blue_bg.png') repeat-x left top; color: #FFF; font-weight: bold; font-size: 13px; line-height: 13px; text-shadow: -1px -1px 0px #02769b; padding: 9px 0px 8px 0px; text-align: center; text-transform: uppercase; display: inline-block; }
.buttonBlue:hover						{ color: #84edff; }
.buttonBlue:active						{ background-position: left -51px; }
#tracklist								{ float: left; width: 326px; margin: 0px 15px 15px 0px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: #d4d4d4; }
#tracklist h3							{ color: #848484; border-bottom: solid 1px #FFF; margin-bottom: 0px; padding: 12px 15px 10px 15px; text-transform: uppercase; }
#tracklist p							{ padding: 15px; }
span#tracklist							{ padding: 15px; }
#youtube								{ float: right; margin-left: 15px; }


/* REVIEW SCORES */
#score									{ float: left; width: 300px; margin: 0px 15px 15px 0px; padding: 10px 10px 8px 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: #d4d4d4; color: #313131; font-size:  38px; text-shadow: -1px -1px 0px #FFF; }
#score img								{ float: left; height: 40px; margin-right: 5px; }



/* COMPETITIONS */	
#competition							{ float: left; width: 326px; margin: 0px 15px 15px 0px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: #d4d4d4; }
#competition h3							{ color: #848484; border-bottom: solid 1px #FFF; margin-bottom: 0px; padding: 12px 15px 10px 15px; text-transform: uppercase; }
#competition form						{ margin: 0px; padding: 0px 55px 20px 15px;  }
#competition label						{ clear: both; display: block; padding-top: 5px; font-weight: normal; color: #565656; font-size: 12px; }
#competition select						{ background-color: #ececec; border: solid 1px #b5b5b5; padding: 9px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; font-size: 12px; width: 50%; }
#competition .textbox					{ width: 277px; background-color: #fff; border: solid 1px #b5b5b5; padding: 9px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; font-size: 12px; }
#competition textarea					{ width: 277px; background-color: #fff; border: solid 1px #b5b5b5; padding: 9px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 10px; font-size: 12px; }
#competition .checkbox					{ float: left; }	
#competition .textbox:hover, #competition textarea:hover { background-color: #f5f5f5; }
#competition .textbox:focus, #competition textarea:focus { background-color: #fff; }
#competition #confirm					{ margin-right: 10px; }
#competition .note						{ color: #F33; }
#competition .hidden					{ display: none; }
#competition #contactForm .button   	{ width: 120px; height: 32px; color: #565656; font-size: 1.4em; font-weight: normal; background: #f5f5f5; cursor: pointer; -webkit-transition: color 250ms; -moz-transition: color 250ms; -o-transition: color 250ms; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 5px;  border: solid 1px #b5b5b5;  margin-top: 5px; text-shadow: 1px 1px 1px #bebebe; }
#competition #contactForm .button:hover { color: #848484; }
#competition #warning					{ padding-left: 50px; padding-top: 9px; background: url('../images/global/warning.jpg') no-repeat 15px center; }
#competition #contactForm label.error   { color: #cc0000; margin-bottom: 10px; margin-top: -10px; }
#competition #loader					{ padding-top: 9px; }



/* INLINE FORMATTING STYLES */
span.pullquote							{ color: #989898; font-family: "Times New Roman", Times, serif; font-size: 14px; display: block; padding: 5px 15px 0px 15px; font-style: oblique; }
span.pullheading						{ font-size: 16px; text-transform: uppercase; color: #333; }