/* CSS Document */

* { padding: 0; margin: 0; }
body {
	color:#fff;
	font: 96% Arial, Helvetica, sans-serif;
	background:#000 url(../images/backgrounds/contentBgTile.jpg) no-repeat center 186px;
}
p { font-size: 0.7em; margin:0 0 1em 0; }
h1 { display:none; }
h2 { font-size: 0.9em; margin:0; }
h3 { font-size: 0.8em; margin:0 0 1em 0; }
h4 { font-size: 0.8em; margin:0 0 0.4em 0; }
h5 { font-size: 0.7em; margin:0; }
a { text-decoration:none; color:#ffca00; }
a:hover { text-decoration:underline; }
a span { display:none; }
p a { font-size:1em; }
table, ul, ol, dl { font-size:0.7em; }
ul { list-style-type:none; }
dt img { border:none; margin:0; }
h2 span { display:none; }
fieldset { border:none }
legend { display:none; }
fieldset h2 { color:#ffca00; font-size:1.1em; margin-bottom:1em; }
textarea { font-family:Arial, Helvetica, sans-serif; font-size: 1em; }
h4 span { font-weight:normal; font-size:0.9em; padding-left:20px; }

/*------------------- MAIN LAYOUT ELEMENTS --------------------*/
#ventsBgTile {
	background: transparent url(../images/backgrounds/topVentTile.jpg) repeat-x;
	padding-bottom:28px;
}
#ventsBgTileSml {
	background: transparent url(../images/backgrounds/topVentTileSml.jpg) repeat-x;
	padding-bottom:28px;
}
#wrapper { width:1035px; margin: 0 auto; }
#header { height:186px; padding-left:17px; }
#header.headerSml { 
	height:36px; 
	padding:6px 0 0 180px;
	background: transparent url(../images/scuzz_logo.gif) no-repeat 21px 2px;
	position:relative; 
}
#flashHeader { height:150px; position:relative; }

/* ADVERT HEADER */
div#adHeader {
	width:1018px;
	height:120px;
	background: #000 url(../images/scuzzLogoMain.jpg) no-repeat 30px 50px;
	padding:30px 0 0 0;
}
div#adHeader a.homeLink {
	width:212px;
	height:52px;
	float:left;
	margin:20px 0 0 30px;
	display:inline;
}
div#adWrapper { 
	border:solid 1px #545352; 
	width:728px; 
	height:90px; 
	float:right;
	display:inline;
}

a.logoLink {
	display: block; 
	overflow: hidden;
	position:absolute;
	left:25px;
	top:0;
	width: 120px;
	height:40px;
	text-indent: -100em;
}

#contentWrapper { clear: both; }
#contentWrapperCol1 { width:423px; float:left; }
#contentWrapperCol2 { width:446px; float:left; }
#contentWrapperCol3 { width:166px; float:left; margin-right:-3px; }

/* CMS DRIVEN FLASH PROMO BOX */
#flashPromoPlayer { height:282px; margin-bottom:33px; }

/* MPU ADVERT */
#MPUwrapper { height:250px; padding:0 0 48px 85px; }

/*------------------ MAIN NAVIGATION --------------------*/
#header ul { list-style-type:none; float:left; }
#header li { display:inline; }
#header li a {
	display:block;
	float:left;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	line-height:29px;
	height:29px;
}

/* NAV OFF */
#mainNav #news a { 
	width:95px;
	background: transparent url(../images/mainNav/news.jpg) no-repeat;
}
#mainNav #scuzzTV a { 
	width:96px;
	background: transparent url(../images/mainNav/scuzzTV.jpg) no-repeat;
}
#mainNav #gigVillage a { 
	width:96px;
	background: transparent url(../images/mainNav/gigVillage.jpg) no-repeat;
}
#mainNav #community a {
	width:95px;
	background: transparent url(../images/mainNav/community.jpg) no-repeat;
 }
#mainNav #competitions a {
	width:97px;
	background: transparent url(../images/mainNav/competitions.jpg) no-repeat;
 }
#mainNav #video a { 
	width:95px;
	background: transparent url(../images/mainNav/videos.jpg) no-repeat;
}

#mainNav #search a { 
	width:57px;
	background: transparent url(../images/mainNav/search.jpg) no-repeat;
}
#register li a {
	width:162px;
	background: transparent url(../images/mainNav/register.jpg) no-repeat;
}

/* NAV MOUSEOVER AND ON STATE */
#mainNav #news a:hover, #mainNav #news a.On,
#mainNav #scuzzTV a:hover, #mainNav #scuzzTV a.On,
#mainNav #gigVillage a:hover, #mainNav #gigVillage a.On,
#mainNav #community a:hover, #mainNav #community a.On,
#mainNav #competitions a:hover, #mainNav #competitions a.On,
#mainNav #video a:hover, #mainNav #video a.On, 
#mainNav #search a:hover, mainNav #search a.On,
#register li a:hover, #register li a.On
{ 
	background-position:0 -29px;
}

/*------------------- LOGIN LINK --------------------*/
#header ul#login {
	margin-left: 0;
}
#login li a {
	width:57px;
	background: transparent url(../images/mainNav/login.jpg) no-repeat;
}
#login li a:hover, #login li a.On{
	background-position:0 -29px;
}


/*------------------- VIDEO THUMBNAIL REPEATING BLOCKS --------------------*/
#videosHeader {
	height:84px;
	background: transparent url(../images/home/moreVideosHeaderBg.jpg) no-repeat;
}
#videosFooter {
	background: transparent url(../images/home/videosFooterBgSmall.jpg) bottom;
	background-repeat: repeat-y;
	padding:0 0 0 34px;
	min-height: 280px;
	height: auto !important;
	height: 280px;
}
#videosFooterNew {
	background: transparent url(../images/home/videosFooterBgSmallNew.jpg) repeat-y bottom;
	padding:0 0 0 34px;
	min-height: 280px;
	height: auto !important;
	height: 280px;
}
#videosFooter h3, #videosFooterNew h3 { display:none; }
#videosBase {
	background: transparent url(../images/home/videosBase.jpg) no-repeat;
	padding:0 0 0 34px;
	height: 51px;
}
#videosBaseNew {
	background: transparent url(../images/home/videosBaseNew.jpg) no-repeat;
	padding:0 0 0 34px;
	height: 51px;
}

#videosCol1, #videosCol2, #videosCol3 {
	float:left;
	overflow:hidden;
}
#videosCol1 { width:116px; min-height: 10px; margin-right:10px; }
#videosCol2 { width:120px; min-height: 10px; margin-right:10px; }
#videosCol3 { width:116px; min-height: 10px; }
#videosCol4 { width:372px; overflow:hidden; clear:left; }

.vidClipWrapper { width: 100px; float:left; overflow:hidden; height: 170px; }
.vidRepeating { margin-right:24px; }
.profileRepeating { margin-right:18px; }
/*.vidClipWrapper h4 { height:1.2em; }*/
.vidClipWrapper a { color:#fff; text-decoration:underline; }
.vidClipWrapper a.noUnderline { text-decoration:none; }
.vidClipWrapper img { border: 3px solid #212020; margin-bottom:4px; }
.vidClipWrapper h4, .vidClipWrapper dl, .vidClipWrapper ul, .vidClipWrapper p {
	padding-left:5px;
}
.vidClipWrapper p { margin-bottom:0; }

#profileContentCol6 .vidClipWrapper ul { margin:0; }
#profileContentCol6 .vidClipWrapper ul li { display:list-item; font-weight:normal; border:none; padding:0; }

/*------------------- RATING --------------------*/
dl.rating { margin-bottom:3px; }
dl.rating dt, dl.rating dd {
	display:block;
	float:left;
	padding-right:5px;
	color:#ffca00;
	font-weight:bold;
}
dl.rating dd span { padding:0 6px; }
dl.rating dt img { border:none; margin:0; }

/*------------------- PAGING --------------------*/
.paging {
	list-style-type:none;
	font-weight:bold;
	text-align:right;
	clear: both;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 24px;
	margin-left: 0;
}
.paging li { display:inline; }
.paging a { padding:0 6px; border-right: 1px solid #fff; }
.paging li.prevNode a { padding:0; border-right:none; }
.paging li.lastNode a { border-right:none; }
.paging li.nextNode a { border-right:none; padding:0; }
.paging a.pageOn { color:#fff; }
.pagingNoMargin { margin-bottom:0; }

/*------------------- ADVERT BLOCKS --------------------*/
#skyscrapperWrapper {
	width:160px;
	height:600px;
	border: 1px solid #4d4d4d;
	margin:10px 0 0 4px;
}
/*------------------- DATA PROTECTION STATEMENT --------------------*/
#dataProtectionWrapper { padding:0 10px 0 20px; }
#dataProtectionWrapper h3 { margin:0; }

/*------------------- GENERAL SITE FORM ELEMENTS --------------------*/
legend.regTitle { display:block; font-size:1.4em; color:#ffca00; margin-bottom:20px; }
.FormTable {
	font-weight:bold;
	font-size:0.8em;
	color:#ffca00;
	margin-bottom:26px;
}
.FormTable td { padding:6px; }
.FormTable td input,
.FormTable td textarea,
.rating dd input {
	border:1px solid #454545;
	background-color:#181818;
	color:#fff;
	width:222px;
	padding:2px;
}
.FormTable td input,
.FormTable td textarea,
.rating dd input { background: #181818 url(../images/bgInput.gif); /* GOOGLE AUTOFILL HACK */ }
.rating dd input { width: 150px; }
.FormTable td textarea.commentTextarea { width:100%; }
.FormTable td input.bandMember { width:180px; }
.FormTable td textarea.message { width:97%; }
.FormTable td select {
	border:1px solid #454545;
	background-color:#181818;
	color:#fff;
	padding:2px;
}
.FormTable td select.CountryList {
	width:222px;
}
.FormTable td select#CityList {
	border:1px solid #454545;
	background-color:#181818;
	color:#fff;
	width:222px;
	padding:2px;
}
.FormTable td select.FriendList {
	border:1px solid #454545;
	background-color:#181818;
	color:#fff;
	width:200px;
	padding:2px;
}
.FormTable tr.spacer td #quickFindTable tr td { padding:0; }
.FormTable tr td #quickFindTable tr td { padding:0; }
.FormTable td input.quickFindInput { width:154px; margin-right:4px; }
.FormTable td input.quickFindInput2 { width:104px; margin-right:4px; }
.FormTable td input.quickFindInput3 { width:144px; margin-right:4px; }
.FormTable td input.quickFindButton { width:60px; border:0; padding:0; }
.FormTable td input.nameButton { width:108px; border:0; padding:0; }
.FormTable td input.goButton { width:36px; border:0; padding:0; }
.FormTable td input.searchButton { width:69px; border:solid 1px #454545; padding:2px; }
.FormTable td input.SendInvite { width:99px; border:0; padding:0; }
.FormTable td input#updateSearch { width:88px; border:0; padding:0; }
.FormTable td span.genderSelect input {
	border: none;
	background-color: Transparent;
	width:20px;
	padding: 0;
}
.FormTable td span.bandVacancy input {
	border: none;
	background-color: Transparent;
	width:20px;
	padding: 0;
}
.FormTable td  input.button {
	border: none;
	background-color: Transparent;
	padding: 0;
}
.FormTable td span.genderSelect, .FormTable td span.bandVacancy, .FormTable td span.username, .FormTable td span.bandMembers {
	color:#fff;
	font-size:1em;
}

.FormTable td input#SearchBox { width:274px; }
.FormTable td span {
	font-weight:normal;
	font-size:0.7em;
	color:#fff;
}
.FormTable tr.spacer td { padding-bottom:20px; }
.FormTable td.whiteNormal { color:#fff; font-weight:normal; }
.FormTable td.white { color:#fff; }

/*Adjustments for small nested tables*/
.FormTable tr td table { font-size:0.9em; color:#fff; }
.FormTable tr td table tr td { font-size:0.9em; color:#fff; padding:2px; }
.FormTable tr td table tr td input{ width:auto; }
.FormTable tr td label span.letterListSpacer { font-weight:normal; font-size:1em; color:#fff; padding-left:30px; }

#entryButtonWrapper { padding:20px 6px 0 0; text-align:right; }

#optInFormTable td { padding-bottom:10px; }

.FormTable tr td table.dateInputTable select, .FormTable tr td table.dateInputTable input { width:60px; }
.FormTable tr td input.buttonMaintainSize {
	width: auto;
	height: auto;
}
p.errorMessage {
	border:1px solid #ff0000;
	padding:6px;
	font-size:0.7em;
	background-color:#232f35;
	clear: both;
}
p.errorMessage img { float:left; margin:0 6px 16px 0; }
.errorHighlight {
	background-color:#232f35;
	border-top:1px solid #ff0000;
	border-right:1px solid #ff0000;
	border-left:1px solid #ff0000;
}
.errorHighlightMessage {
	background-color:#232f35;
	border-bottom:1px solid #ff0000;
	border-right:1px solid #ff0000;
	border-left:1px solid #ff0000;
	padding:0;
}
.errorHighlightMessage p {
	color:#fff; 
	font-size:0.85em; 
	font-weight:normal;
	margin:0;
	padding:0 4px 4px 4px;
}
.errorHighlightMessage p img { float:left; margin:0 6px 6px 0; }

.FormTable td span.mandStar { color:#ff0000; font-size:1.2em; font-weight:bold; }

#selectLetter { text-align:right; }
#LetterList { width:40px; }
.formSeperator { border: 0; background-color:#454545; color:#454545; margin-bottom:20px; height:1px; }
.FormTable tr td h4 { font-size:1em; color:#fff; }
.FormTable tr td p { font-size:0.8em; margin:0; }
.FormTable tr td input.inputWidth180 { width:200px; }

#buttonWrapper { padding:10px 30px 0 0; clear:both; text-align:right; }
#buttonWrapper2 { padding-top:20px; text-align:right; clear:both; }
#buttonWrapper3 {
	clear:both;
	text-align:right;
	margin-bottom: 16px;
}
#buttonWrapper4 { text-align:right; clear:both; }

/* COMPETITION TITLE */
.boxTitleWrapper {
	padding-left:52px;
	line-height:2em;
	background: transparent url(../images/competitions/compsTitleBgLeft.jpg) no-repeat 0 0;
	float: left;
}
.boxTitleWrapper h3 {
	line-height:2em;
	font-size: 0.9em;
	background: transparent url(../images/competitions/compsTitleBgRight.jpg) no-repeat right;
	padding-right:26px;
	margin:0;
}
.dividerDotted {
	height:31px;
	background: transparent url(../images/dividerDots.gif) repeat-x left 12px;
	clear: both;
}

/*------------------- FOOTER --------------------*/
#footerWrapper {
	background: transparent url(../images/backgrounds/footerBgTile.jpg) repeat-x;
	clear:both;
}
#footer {
	width:1035px;
	margin: 0 auto;
	height: 243px;
	background: url(../images/backgrounds/footerMainBg.jpg) no-repeat;
	text-align: center;
}
#footer ul { list-style-type:none; margin-bottom:20px; }
#footer li { display:inline; }
#footer a {
	color:#fff;
	padding-right:8px;
	margin-right:6px;
	border-right: 1px solid #fff;
	font-size:1.2em;
}
#footer a.lastnode { margin:0; border:none; }

#footer a.footerBanner { border:none; }
#footer a.footerBanner img { border:none; }

div#footerAd { margin-bottom:20px; }

/*------------------- SEARCH RESULTS --------------------*/
#searchTopWrapper { padding:0 0 0 15px; }
.FormTable td .SearchOptions { width:140px; }

/*------------------- HACKS --------------------*/
.noMargin { margin:0; }
.yellowTxt { color:#ffca00; }
.whiteTxt { color:#fff; }
.noRightMargin { margin-right:0; }

.zeroHeight { height:0px; clear: both; font-size: 0%; }
.fc:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.fc {display: inline-block;}

/* Hides from IE-mac \*/
* html .fc {height: 1%;}
.fc {display: block;}
/* End hide from IE-mac */

/* Addtional Styles */
.scroll {
	overflow: auto;
	height: 100px;
	width:45%;
	float:left;
	background-color: #000;
	border: solid 1px #3b3b3b;
	margin-bottom: 20px;
}

.rightFloat { float:right;position: relative; }

.hide { display:block; position:absolute; left:-100em; }

img.secureImage { background-color: #FFF5CF;}

.FormTable tr td input.linkButton,
input.linkButton {
	border:0;
	background:none;
	color:#FFCA00;
	cursor:pointer;
	text-decoration: underline;
	position:relative;
	left: -3px;
	width:auto;
}

input.smallFont { font-size:80%; }

input.button,
table tr td input.button,
#buttonWrapper input.button,
#buttonWrapper2 input.button,
#buttonWrapper3 input.button,
#buttonWrapper4 input.button {
	width:auto;
	border: 1px solid #454545;
	background-color: #314F59;
	color: #fff;
	font-weight: bold;
	font-size: 0.8em;
	padding: 5px 8px;
}

.FormTable td input.imageButton,
input.imageButton {
	width:auto;
}

h3.resultMessage { margin-left: 20px; }

ul.inline { font-size: 1em;font-weight: bold;padding-bottom: 10px; }

ul.inline li { float:left;padding:0 10px;border-right: 1px solid #fff; }

ul.inline li.firstNode {padding-left:0;}

ul.inline li.lastNode { border:0; }

h4.yellowHeading,
h4.yellowHeading span {
	font-weight: bold;
	color:#FFCA00;
	padding:0;
	margin:0; 
	font-size: 100%;
}

table.listing { width: 100%;padding: 10px 0; }
table tr td.listHeading { width: 10%;font-weight: bold; }

.leftPadding { padding-left: 25px; }

.topPadding { padding-top:26px; }

.dividerTop.flushLeft { position: relative;left:-8px; }

#bandsImInSearch #profileContentCol2 {
	width: 41%;
	float:none;
	background: #181818;
	clear:left;
	border: 1px solid #454545;
	margin-left:9px;
}

#bandsImInSearch .bandWrapper ul.bandDetailsList { width: 77%; }

.loggedInDetails {
	float:right;
	height: 15px;
	background:transparent url(../images/loggedIn_bg.png) repeat-x 0 0;
	padding:7px 10px;
	font-size:12px;
	z-index:10;
	white-space:nowrap;
}

a img { border:0 }
.RadDisplayArea { font-size: 0.7em; }
.RadDisplayArea p { font-size: 1.0em; }
.commentBlock ul li img { border:0; }
.whiteText { color:#fff; }
span.channel { font-weight:bold;color:#FFCA00; }

/* ARTICLE PAGE */
div#crackWrapper {
    float:left;
    margin-left:16px;
    width:854px;
    display:inline;
}
div#crackTop {
    background-color:#000;
    width:500px;
    padding:10px;
    margin-left:16px;
    min-height: 230px;
	height: auto !important;
	height: 230px;
}
div#crackBot {
    width:808px;
    background-color:#000;
    padding:10px;
    margin:10px 0 0 16px;
    min-height:600px;
	height:auto !important;
	height:600px;
	clear:both;
}
div#MPUwrapperCrack {
    float:right;
    height: 250px;
	padding: 0 10px 0 0;
}