@charset "UTF-8";

/* TRANCETRIBE V5 GLOBAL STYLES */

body 						{ margin: 0px; padding: 0px; text-align: center; background: #000 url('../images/global/V5background2.png') repeat-y center top; font-family: "Trebuchet MS", Tahoma, sans-serif; }
a, a:hover					{ text-decoration: none; }
h1,h2,h3,h4					{ font-weight: bold; margin: 0px; padding: 0px; }
h1,h2						{ font-size: 25px; color: #515151; letter-spacing: -0.5px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h3							{ font-size: 15px; color: #515151; letter-spacing: -0.5px;  margin-bottom: 6px; }
h3 a						{ color: #6512AB; }
h3 a:hover					{ color: #B054FE; }
h4							{ font-size: 11px; color: #515151; }
h1 em,h2 em,h3 em			{ color: #88857E; font-style: normal; }
h4 em						{ color: #CCC; font-style: normal; }
h4 a						{ color: #6512AB; }
h4 a:hover					{ color: #B054FE; }
h4 em a						{ color: #88857E; }
h4 em a:hover				{ color: #CCC; }
p							{ font-size: 11px; color: #717171; margin: 0px 0px 6px 0px; line-height: 16px; }
a							{ color: #00BDAE; }
a:hover						{ color: #64E7D0; }
img							{ border: none; }

#shell 						{ position: relative; margin-left: auto; margin-right: auto; width: 980px; color: #FFF; text-align: left; background-color: #FFF; }
#follow						{ position: absolute; top: 138px; right: 21px; width: 116px; height: 29px; text-align: right; }
#follow span				{ color: #999; font-size: 12px; }
#follow img					{ vertical-align: middle; }

/* HEADER */
#header						{ position: relative; background: #000 url('../images/global/V5headerbkgnd.jpg') no-repeat left top; height: 133px; }
#header img					{ border: none; }
#V5login					{ z-indez: 1; position: absolute; right: 21px; top: 0px; width: 350px; } 
#V5logintop					{ padding: 23px 21px 4px 21px; background: #000 url('../images/global/V5loginbkgnd.png') repeat-x left top; }
#V5login h2					{ font-size: 16px; color: #FFF; font-family: "Trebuchet MS", Tahoma, sans-serif; }
#V5login h2 em				{ padding-left: 10px; }
#V5login h2 em, #V5 h2 em a	{ font-size: 13px; color: #4f208f; text-decoration: none; }
#V5login h2 em a:hover		{ color: #FFF; }
#V5login form				{ margin: 0px; padding: 0px; display: block; }
#V5login form input,
#V5login form label			{ margin: 0px; padding: 0px; }
#V5login form label			{ float: left; font-size: 13px; color: #FFF; width: 120px; margin-right: 11px; display: block; }
#V5login form .logintext	{ float: left; width: 120px; margin-right: 11px; background-color: #4f208f; color: #FFF; height: 22px; border: solid 1px #000; vertical-align: middle; }
#V5login form .logincheckbox { float: left; margin: 2px 3px 0px 0px; }
#V5login form .loginbutton	{ width: 33px; height: 22px; margin-right: 0px; color: #FFF; background: #000 url('../images/global/V5buttonbkgnd.png') repeat-x left top; border: solid 1px #000; }
#V5loginfooter				{ width: 100%; height: 10px; background: transparent url('../images/global/V5loginfooter.png') no-repeat center bottom; }

/* NENU */
#V5nav { width: 980px; background: url('../images/global/V5menubkgnd.png') repeat-x left top; z-index:  border-bottom: solid 1px #8d8d8d; }

ul.MenuBarHorizontal		{ margin: 0; margin-left: 21px; padding: 0; list-style-type: none; font-size: 12px; font-weight: bold; cursor: default; width: auto; position: relative; }
ul.MenuBarActive 			{ z-index: 1000; }
ul.MenuBarHorizontal li		{ margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: auto; float: left; }
ul.MenuBarHorizontal ul		{ margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: auto; position: absolute; left: -1000em; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible		{ left: auto; }
ul.MenuBarHorizontal ul li							{ width: 150px; }
ul.MenuBarHorizontal ul ul 							{ position: absolute; margin: -5% 0 0 99%; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible	{ left: auto; top: 0; }

ul.MenuBarHorizontal ul 							{ border: 1px solid #CCC; border-top: none; background-color: #FFF; }
ul.MenuBarHorizontal a								{ display: block; cursor: pointer; padding: 0.9em 0.9em; color: #706f6f; text-decoration: none; }
ul.MenuBarHorizontal li ul li a 					{ display: block; cursor: pointer; padding: 0.45em 0.75em; color: #706f6f; text-decoration: none; border-bottom: solid 1px #edeaea; }
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background-color: #33C; color: #FFF; }
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{ background-color: #a3a3a3; color: #FFF; }

ul.MenuBarHorizontal a.MenuBarItemSubmenu			{ }
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu		{ background-image: url('/SpryAssets/SpryMenuBarRight.gif'); background-repeat: no-repeat; background-position: 95% 50%; }

ul.MenuBarHorizontal a.MenuBarItemSubmenuHover		{ }
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover	{ background-image: url('/SpryAssets/SpryMenuBarRightHover.gif'); background-repeat: no-repeat; background-position: 95% 50%; }

ul.MenuBarHorizontal iframe							{ position: absolute; z-index: 1010; }
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE			{ display: inline; f\loat: left; }
	ul.MenuBarHorizontal li.MenuBarItemIE ul li		{ display: inline; f\loat: none; }
	ul.MenuBarHorizontal li.MenuBarItemIE iframe	{ display: none; }
}

#home #linkhome, #djprofiles #linkdjprofiles, #phpbb #linkforums, #features #linkfeatures, #news #linknews, #whatson #linkwhatson, #photos #linkphotos, #profiles #linkprofiles, #phpbb #linkforums, #label #linklabel	{ background-color: #FFF !important; }
#home a#linkhome:hover, #djprofiles a#linkdjprofiles:hover, #phpbb a#linkforums:hover, #features a#linkfeatures:hover, #news a#linknews:hover, #whatson a#linkwhatson:hover, #photos a#linkphotos:hover, #profiles a#linkprofiles:hover, #phpbb a#linkforums:hover, #label a#linklabel:hover	{ color: #bcbcbc !important; }

#linktunesitem					{ position: relative; }
#linktunesitem span				{ width: 49px; height: 24px; position: absolute; top: -22px; left: 50%; margin-left: -24px; background: url('../images/global/new.png') no-repeat left top; }

/* BREADCRUMBS */
.breadcrumbs				{ clear: both; position: relative; font-size: 11px; color: #8F8D85; letter-spacing: 0px; padding: 11px 21px 4px 21px; }
.breadcrumbs a				{ font-weight: bold; color: #8F8D85; }
.breadcrumbs a:hover		{ color: #BFB6AF; }
#search_box					{ position: absolute; right: 0px; top: 0px; padding-top: 6px !important; }
a.breadcrumb-search			{ font-weight: bold; font-size: 11px; color: #8F8D85 !important; letter-spacing: 0px; }
a.breadcrumb-search			{ font-weight: bold; font-size: 11px; color: #BFB6AF !important; letter-spacing: 0px; }

/* MAIN CONTENT AREAS */
.contentarea				{ background: url('../images/global/contentdivider.png') left top repeat-x; padding: 18px 21px 10px 21px; }
#TTforums 					{ background: url('../images/global/contentdivider.png') left top repeat-x; padding: 0px; }

/* ROUND RECTANGLE BOXES */
.roundbox					{ }
.roundbox .top				{ display: block; width: 100%; height: 13px; background: url('../images/global/boxtop.png')  no-repeat left top; line-height: 2px; font-size: 2px; }
.roundbox .top span			{ display: block; height: 13px; background: url('../images/global/boxtopright.png') no-repeat right top; line-height: 2px; font-size: 2px; }
.roundbox .bottom			{ display: block; width: 100%; height: 13px; background: url('../images/global/boxbottom.png')  no-repeat left top; line-height: 2px; font-size: 2px; }
.roundbox .bottom span		{ display: block; height: 13px; background: url('../images/global/boxbottomright.png') no-repeat right top; line-height: 2px; font-size: 2px; }
.roundbox .middle			{ display: block; padding: 6px 20px 0px 20px; }

/* ROUND RECTANGLE NOTE BOXES */
.notebox					{ width: 253px; }
.notebox .top				{ display: block; width: 100%; height: 33px; background: url('../images/global/noteheader.png')  no-repeat left top; line-height: 2px; font-size: 2px; }
.notebox .top h3			{ padding: 17px 0px 0px 21px; }
.notebox .bottom			{ display: block; width: 100%; height: 12px; background: url('../images/global/notebottom.png')  no-repeat left top; line-height: 2px; font-size: 2px; }
.notebox .middle			{ padding: 4px 20px 4px 20px; background: url('../images/global/notemiddle.png')  repeat-y left top; }

/* GLOBAL FLOATED CONTENT ITEM STYLES */
.item						{ clear: both; }
.item img					{ border: solid 1px #C8C8C8; float: left; margin: 0px 8px 5px 0px; }
.item a:hover img			{ border-color: #0CC; }
.clear:after 				{ content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clear 						{ min-height: 1px; }
*html .clear				{ height: 1px; }

/* FORUM SHOUTOUTS */
#shoutout					{ padding-left: 46px; background: url('../images/forums/userIcon.png') no-repeat left top; margin: 10px 0px 7px 0px; }
#memberShout				{ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #523e6b; padding: 5px 10px 3px 10px; position: relative; }
#memberShout p				{ font: oblique 14px "Times New Roman", Times, serif; font-weight: normal; color: #FFF !important; position: relative; line-height: 14px; }
#memberShout p a			{ font-style: normal; font-family: Tahoma, Geneva, sans-serif !important; color: #9169c3; font-size: 12px; } #memberShout p a:hover { color: #d5c3ea; }
#memberShout span#accent	{ position: absolute; left: -17px; top: 6px; width: 17px; height: 17px; background: url('../images/forums/shoutout.png') no-repeat left top; }
#memberShout span#shout		{ text-align: right; font-size: 11px !important; text-transform: uppercase; position: absolute; right: 10px; }
#shout a					{ color: #40cdb9 !important; padding: 3px 0px 3px 30px; background: url('../images/forums/megafone.png') no-repeat left center; } #shout a:hover { color: #9be3d9 !important; }

/* FOOTER QUICKLINKS */
#quickLinks					{ clear: both; width: 980px; padding: 21px 0px 21px 0px; background: #242424 url('../images/global/quicklinks_bkgnd.jpg') repeat-x left top; margin-top: 13px; }
.quickColumn				{ float: left; width: 113px; padding: 0px 19px 0px 21px; border-right: solid 1px #646464; }
.quickColumn h3				{ color: #FFF; margin-bottom: 16px; border: none !important; text-transform: lowercase !important; }
.quickColumn ul				{ list-style: none; margin: 0px; padding: 0px; }
.quickColumn li				{ margin: 0px; padding: 0px !important; font-size: 11px !important; font-weight: bold !important; }
.quickColumn .quickGap					{ padding-top: 10px !important; }
.quickColumn li a			{ color: #999; }
.quickColumn li a:hover		{ color: #FFF !important; }