@charset "UTF-8";
/* TRANCETRIBE V4.5 HOME PAGE SPECIFIC STYLES */

/* BASIC RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; text-decoration: none; list-style: none; } .clear { clear: both; content: "."; height: 0; visibility: hidden; display: block; }

#homeMain			{ float: left; width: 638px; }
#homeCol			{ 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; } 

/* HERO TABS */
#hero								{ position: relative; width: 610px; height: 462px; overflow: hidden; margin: 8px 0px 20px 0px; }
#tabs								{ position: absolute; left: 0px; top: 315px; z-index: 1; height: 146px; width: 600px; padding: 0px 0px 0px 10px; background: #242424 url('../images/home/hero_bg.png') repeat-x left top; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
#panels								{ position: absolute; left: 0px; top: 0px; z-index: 0; width: 610px; height: 315px; overflow: hidden; }
#panels img							{ width: 610px; height: 315px; }
#hero ul li 						{ float: left; margin-right: 10px; width: 140px; height: 141px; position: relative; padding: 9px 0px; }
#hero ul li img						{ border: solid 1px #aaaaaa; }
#hero ul li img:hover				{ border-color: #FFF; }
#hero ul li img:active				{ border-color: #000; }
#hero ul li h2						{ line-height: 10px; }
#hero ul li h2 a					{ font-size: 12px; color: #FFF; font-weight: bold; font-family: "Trebuchet MS", Tahoma, sans-serif; }	
#hero ul li h2 a:hover				{ color: #999; }	
#hero ul li span					{ z-index: 2; display: none; position: absolute; left: 55px; top: -1px; background: transparent url('../images/home/hero_arrow.png') no-repeat left top; width: 21px; height: 10px; }
#hero ul li.ui-tabs-selected:hover span	{ display: block; background-position: left -10px; }
#hero ul li.ui-tabs-selected span	{ display: block; }			
#hero ul li:hover img  				{ border-color: #FFF; }			
#hero ul li:hover img:active  		{ border-color: #000; }			
#hero .panel						{ position: relative; width: 610px; height: 315px; background-color: #000; }
.ui-tabs-hide						{ display: none; }
.heroBlack							{ position: absolute; z-index: 1; left: 0px; bottom: 0px; width: 610px; height: 70px; background-color: #000; filter: alpha(opacity=75); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
.heroText							{ position: absolute; left: 0px; bottom: 0px; padding: 14px; z-index: 3; }
.heroText h2						{ font-size: 26px; color: #FFF; margin: 0px; }
.heroText p							{ color: #b2b1b1; font-size: 12px; margin: 0px; }
.heroText h2 a						{ color: #FFF; }
.heroText h2 a:hover				{ color: #CCC; }

.comments							{ font-size: 11px; display: block; padding-left: 22px; height: 15px; margin-top: 4px; }
.comments:hover						{ color: #CCC; }
#hero .comments						{ color: #9e9e9e; background: url('../images/home/hero_comment.png') no-repeat left center; }
.item .comments						{ display: inline; line-height: 15px; color: #828282; background: url('../images/global/icon_comment.png') no-repeat left center; padding: 2px 0px 2px 22px; }
.item .comments:hover				{ color: #CCC; }

.more								{ font-size: 11px; line-height: 15px; height: 15px; margin-top: 4px; color: #828282; background: url('../images/global/icon_more.png') no-repeat left center; padding: 2px 0px 2px 22px; }
.browse								{ text-align: right; font-size: 11px; line-height: 15px; height: 15px; margin-top: 4px; color: #828282; background: url('../images/global/icon_browse.png') no-repeat right center; padding: 2px 22px 2px 0px; }

#latestnews							{ margin-bottom: 20px; }
#latestnews .item, #upcomingevents .item { width: 300px; float: left; margin-right: 10px; clear: none; border-bottom: solid 1px #e2e2e2; }
#latestnews .item					{ height: 112px; overflow: hidden; padding: 10px 0px 10px 0px; }
#latestnews .item img, #upcomingevents .item img { width: 100px; height: 100px; border: solid 5px #b1b1b1; }
#latestnews .item img:hover, #upcomingevents .item img:hover {border-color: #d9d9d9; }
#upcomingevents .item				{ height: 152px; overflow: hidden; padding: 10px 0px 10px 0px; }
#upcomingevents .item img { height: 141px; }
.state								{ color: #FFF; font-size: 11px !important; background: #bbbaba; font-weight: bold; padding: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -o-border-radius: 3px; }
#upcomingevents .item h4			{ color: #999; margin: 1px 0px 1px 0px; }

#stats								{ padding: 14px; height: 36px; }
#stats #memberCount					{ float: left; width: 60px; padding-left: 44px; background: url('../images/home/user_icon.png') no-repeat left top; color: #c7c7c7; font-size: 11px; }
#stats #memberCount em				{ color: #c7c7c7; font-size: 26px; font-weight: bold; font-style: normal; line-height: 26px; }
#stats #newestMembers				{ float: left; width: 160px; font-size: 11px; font-weight: bold; color: #7e7e7e; }
#stats #newestMembers a				{ color: #65c6d3; } #stats #newestMembers a:hover { color: #FFF; }

#forums	h2, #tunes h2				{ background: url('../images/home/forum_header.png') repeat-x left bottom; padding: 14px; border-bottom: solid 1px #4a4a4a; color: #FFF; }
#tunes li							{ padding: 10px 14px 10px 14px; background: #2d2d2d url('../images/home/tune_bg.png') repeat-x left top; border-bottom: solid 1px #575757; height: 72px; }
#tunes li img						{ float: left; margin: 0px 10px 0px 0px; border: solid 1px #757575; }
#tunes li img:hover					{ border-color: #FFF; }
#tunes h4 a							{ color: #bde8e4; }
#tunes h4 a:hover					{ color: #FFF; }
#tunes .comments					{ background: url('../images/home/tune_comment.png') no-repeat left top; padding: 2px 0px 2px 22px; display: inline; color: #696969; } #tunes .comments:hover { color: #CCC; }
#forums li							{ padding: 10px 14px 10px 56px; background: url('../images/home/topic_icon.png') no-repeat 14px 10px; border-bottom: solid 1px #535353; }
#forums li a						{ color: #FFF; }
#forums li:hover					{ background-position: 14px -62px; } 
#forums h4 em						{ color: #626262; }
#forums h4 em a						{ color: #acacac; } #forums h4 em a:hover { color: #FFF; }