body {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif; color: #FFFFFF;
	font-size: 12px;
line-height:18px;
	background-color: #555555;
	background-image:   url("");
	padding: 0px;
	background-attachment: fixed;
	background-repeat: repeat-x;
	behavior: url(""); 
}

div.wrapsite {margin-left:auto; margin-right:auto;}

p {margin: 0px 0px 10px 0px;}

select, input, textarea {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif; 
	font-size:12px;
}
#wrapsite {	margin-left:auto;
	margin-right:auto; width:900px;}
div.clearer {font-size:1px; line-height:0px; clear:both; position:relative;}

label.overlabel {
	color:#999;
}
label.overlabel-apply {
	position:absolute;
	top:3px;
	left:5px;
	z-index:1;
	color:#999;
}
/* ===================== BEGIN HEADER LAYOUT ===================== */
#header {
	padding:5px;
	width:890px;
	background-color: #333;
}

#headerColour {
	width:100%;
	height:160px;
	background-color:#000000;
	background-image:   url("");
	background-repeat: no-repeat;
}
div#ytbHeaderImage { position: relative; left: 10px; top: 125px; line-height:0px; height:0px;}
/* ===================== END HEADER LAYOUT ===================== */

/* ===================== BEGIN NAV LAYOUT ===================== */
#nav { padding:5px;	width:890px; background-color: #333;	margin-bottom: 5px; }
#nav a { text-decoration: none; color: #000000; }
#nav a:hover { color: #000000; font-weight: bold}
#nav ul { padding:0px; margin:0px; }
#nav li { display: inline; list-style-type: none; padding: 0px 10px; }
/* ===================== END NAV LAYOUT ===================== */

/* ===================== BEGIN CONTENT LAYOUT ===================== */
div#contentContainer { width: 900px; margin-bottom: 10px; }
div#contentContainer a, div#user a {  text-decoration: none; /* font-style:italic; */ color: #000000; }
div#contentContainer a:hover, div#user a:hover { color: #78c7c7;} 

/* BEGIN FULL WIDTH LAYOUT*/
div#contentFullWidth {
	padding:5px;
	width:890px;
	background-color:#333;
	margin-bottom:5px;
	background-image:   url("");
	background-repeat: repeat-x;
}
/* END FULL WIDTH LAYOUT*/

/* BEGIN 60-40 SPLIT LAYOUT*/
div#content6040SplitCol1 {
	padding:5px;
	width:505px;
	height:770px;
	background-color:#333;
	margin-bottom:5px;
	margin-right:5px; 
	float:left;
	background-image:   url("");
	background-repeat: repeat-x;	
}
div#content6040SplitCol2 {
	padding:5px;
	width:370px;
	height:770px;
	background-color:#333;
	margin-bottom:5px; 
	float:right;
	background-image:   url("");
	background-repeat: repeat-x;	
}
/* END 60-40 SPLIT LAYOUT*/
/* BEGIN 40-60 SPLIT LAYOUT*/
div#content4060SplitCol1 {
	padding:5px;
	width:370px;
	background-color:#333;
	margin-bottom:5px;
	margin-right:5px;
	float:left;
	background-image:   url("");
	background-repeat: repeat-x;
}
div#content4060SplitCol2 {
	padding:5px;
	width:505px;
	background-color:#333;
	margin-bottom:5px; 
	float:right;
	background-image:   url("");
	background-repeat: repeat-x;
}
/* END 60-40 SPLIT LAYOUT*/

.overflowControl { overflow: auto; width: 100%; }
/* ===================== END CONTENT LAYOUT ===================== */

/* ===================== BEGIN FOOTER LAYOUT ===================== */
#footer {
	padding:5px;
	width:890px;
	background-color: #333;
	margin-bottom: 10px;
	clear:both;
	text-align: right;
}
/* ===================== END FOOTER LAYOUT ===================== */
#user {
	padding:5px;
	width:890px;
	background-color: #fff;
	clear:both;
margin-bottom:5px;
}

div.ModuleHeader, div.ModuleHeaderNoBack {
	padding: 19px 0px 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
div.ModuleHeader { background-image: url(""); }
html>body div.ModuleHeader { background-image: url(""); }

div.ModuleBody {
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}

div.discogSmallContainer {
	position: relative;
	overflow: hidden;
	height: 220px;
	margin: 0px;
	z-index: 0;
	
}

div.discogSmallContainer a:hover {
	color:#566D7E;
	text-decoration:none;
}

.discogThumb {width:150px; height: 110px; background-image: url(""); margin: 0px; padding:10px; float:left;}
.pictureLarge, .pictureLargeMulti {width:360px; height: 390px; background-image: url(""); margin: 5px 0px 5px 0px; padding: 20px 10px 0px 20px;}
.pictureMedium, .contactPicture {width:150px; height: 150px; background-image: url(""); margin: -5px 0px 0px 0px; padding: 10px 0px 0px 10px;}
.contactPicture {margin-top: 0px;}
.pictureMediumIEFIX, .contactPictureIEFIX {position:relative; width:110px;}
.pictureSmall {font-size:11px; line-height: 13px; width:120px; height: 150px; background-image: url(""); margin: 3px 7px 3px 7px; padding: 10px 0px 0px 10px; float: left;}
.pictureSmallIEFIX {position:relative; width:110px;}
div.discogDetails {
	float:left;
	width: 170px;
	height: 93px;
	padding-left: 10px;
	padding-top: 7px;
	z-index: 2;
	overflow: auto;
}
div.discogSmallContainer .schedule {
	position:absolute;
	right: 10px;
	width: 100px;
	bottom: 0px;
	z-index: 1;
	color:#333;
	text-align:right;
}

div.ListingContainer {padding: 5px 5px 5px 5px; display:block; border-bottom: 1px dashed #777;}
div.ListingContainerSelected {padding: 5px 5px 5px 5px; display:block; background-color:#777; font-weight:bold;}
div.ListingContainerSelected a {color: #f5f5f5 !important;}
div.topic a:hover, div.contentHeader a:hover, div.ListingContainer a:hover, .ListingContainerSelected a:hover, div.discogDetails a:hover, div.discogTrackSample a:hover {color:#000000 !important;}
div.topic:hover, div.outerpair1:hover, div.contentHeader:hover, div.ListingContainer:hover, .ListingContainerSelected:hover, div.reviewRow:hover, div.reviewRowSelected:hover, div.discogTrackSample:hover, div.pictureSmall:hover, div.pictureMedium:hover, div.pictureLargeMulti:hover { background-color: #77BFC7 !important; }

div.liveShortArtist {font-weight:bold; padding: 2px 5px 2px 5px;}
.liveShortLocation { float:left;}

div.contentHeader {color:#f5f5f5; background-color:#777; font-weight:bold; font-size: 12px; margin:0px 5px 0px 5px; padding: 2px 5px 2px 5px;}
div.contentHeader a { color:#f5f5f5 !important;}
div.contentBody {margin:5px 5px 15px 5px; }
div.gigFlyer { padding: 3px; margin: 3px 0px 3px 3px; border: 1px solid #ccc; float:right; }
div.gigFlyer img { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ccc; padding-bottom: 3px; }
 
div.discogColumn1 {width: 400px; float:left; margin: 0px}
div.discogSelector {width: 390px; height: 207px; overflow: auto;}
div.discogColumn2 {width: 490px; float:left; margin: 0px} /* no width applied for IE */
div.discogFormatCol1 {float:left; width:50%; margin-bottom: 10px;}
div.discogFormatCol2 {float:left; margin-bottom: 10px;}
div.discogOneFormat {float:left; margin-bottom: 10px;}
html>body div.discogFormatCol2 {width:50%;}
div.discogTrack {padding: 2px 5px 2px 20px; }
div.discogTrackSample {padding: 2px 5px 2px 20px; background-repeat:no-repeat; position:relative; background-position: left 3px; }
.bleep a {font-weight:bold; }
.bleep a:hover {color:#D3F9D3 !important; background-color:#575757;}

.outerpair1 {
background: url("");
background-repeat: no-repeat;
background-position: right 5px;
padding: 5px 0px 0px 5px;
} 

.outerpair2 {
background: url("") left bottom no-repeat;
padding-top: 5px;
padding-left: 5px;
}

.shadowbox {
background: url("") bottom right;
}

.innerbox {
position: relative;
left: -5px;
top: -5px;
padding: 3px;
background-color: #fff;

border: 1px solid #ccc;
}

.shadowbox img {
padding: 0px;
border: 1px solid #f2f2f2;
vertical-align: bottom;
}

div.topic {
padding:5px;
}

div.topicPosted {
border-right:1px solid #666;
border-top:1px solid #666;
width:550px;
background-color: #f3f3f3;
padding:5px;
}
div.topicReplied {
float:right;
text-align:left;
padding: 5px;
width: 300px;
}

div.topicSubject {color:#f5f5f5; background-color:#666; font-size: 12px; padding: 5px;}
div.topicSubject a { color: #f5f5f5 !important; }

div.topicUser {
width:180px;
float:left;
padding:5px;
}

div.topicContent {
width:680px;
float:right;
padding-left:5px;
border-left:1px solid #666;
background-color: #f3f3f3;
}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.labelReply {
  float: left;
  width: 60px;
  text-align: right;
  }

div.row span.formwReply {
  float: right;
  width: 600px;
  text-align: left;
  } 
  
div.row span.label {
  float: left;
  width: 200px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 680px;
  text-align: left;
  } 
  
div.contact {
width: 420px;
float: left;
padding:10px;
}

div.contactname 
{padding: 5px 0px 5px 0px; display:block; border-bottom: 1px dashed #777;}

span.artist {font-weight:bold;}
span.artist a {color:#ff8c1e !important;}
span.artist a:hover {color:#000 !important;}
div.topic:hover a {color:#000 !important;}
span.user {font-weight:bold;}
span.admin {font-weight:bold;}
span.admin a {color:#9d0505 !important;}
span.mod {font-weight:bold;}
span.mod a {color:#035E5E !important;}

div.bb-quote {
	font-style: italic;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	margin: 10px 30px 10px 30px;
padding:5px;
}

span.bb-highlight {
     font-size: 16px;
	font-weight: bold;
	background-color:#ff8c1e;
}
