/*-----------------------------------------------------------------
Roadrunner Records

STRUCTURE

Elements dealing with overall layout of pages

version: 	1.0
author: 	Indie Rock Media
email:		info@indierockmedia.com
website:	http://www.indierockmedia.com
copyright:	(c)2008

-------------------------------------------------------------------*/

*{
	margin:0;
	padding: 0;
	line-height: 18px;
	border: none;
	list-style: none;
}

body{
	background-color: #000;
	text-align: center;
	padding-bottom: 20px;
	behavior:url("/styles/artist_page/csshover.htc");
}

.floatLeft{
	float: left;
}

.floatRight{
	float: right;
}

.clearBoth{
	clear: both;
}

.withPadding{
	padding: 10px;
}

.noShow{
	display: none;
}

.scrolling_wrapper{
	overflow: auto;
}
	
.scrolling_wrapper .module-interior{
	width: 94%;
}

#wrapper{
	margin: 0 auto;
	text-align: left;
	width: 900px;
}


/* HEADER
---------------------------------------*/
#header{
	position:relative;
}

	*html #header img{
		margin-right: -3px;
		margin-bottom: -3px;
	}

	#header_banner{
		height: 90px;
		border: 1px solid #242424;
		border-top: none;
	}
	
	#header_banner h1{
		margin: 0;
		padding: 0;
		height: 90px;
		width: 170px;
		line-height: normal;
		overflow: hidden;
		text-indent: -9999px;
		background: url(/images/elements/logos/road_runner-header.gif) no-repeat 0 0;
		float: left;
	}
	
		#header_banner h1 a{
			display: block;
			width: 100%;
			height: 100%;
		}
		
		#header_banner img { float: right;}
		
/* MAIN CONTENT
---------------------------------------*/
#content{

}

#main_column #top, #wizard_area #top{
	height: 78px;
}
	
	#main_column #top h1, #wizard_area #top h1 {
		margin: 0;
		line-height: 78px;
		font-size: 250%;
		font-weight: bold;
	}
	
	#main_column #top h1 a {
		line-height: 78px;
	}
	
	#main_column #top h2, #wizard_area #top h2 {
		margin: 0;
		padding-top: 10px;
		font-size: 140%;
		font-weight: normal;
		line-height: normal;
		color: #999;
		text-transform: uppercase;
	}

/* COLUMN STRUCTURE
---------------------------------------*/
#main_column{
	width: 650px;
	float: left;
}

#main_column_wizard{
	width: 900px;
	float: left;
}

#side_column{
	padding-top: 15px;
	width: 235px;
	float: right;
}

.even_column{
	width: 49%;
}

.even_column.withPadding{
	width: 46%;
	clear: none;
}

.tiny_column{
	width: 155px;
}

.small_column{
	width: 200px;
}

.medium_column {
	width: 365px;
	margin-left: 10px;
}

.large_column {
	width: 410px;
	margin-left: 10px;
}

/* MISC
---------------------------------------*/
.scrollbox-container{
  width: 215px;
  height: 60px;
  position:  absolute;
  overflow: hidden;
  top: 10px;
  left: 10px;
}

	#main_column .module.full .scrollbox-container{
		width: 215px;
	}

	.scrollbox-innards{
	  width: 3800px;
	  position:  absolute;
	}
	
	.scrollbox-innards img{
		margin-right: 2px;
	}
	
/* WIZARD
---------------------------------------*/

.wizard_description {
	padding: 15px 0px;
	border-top: 1px solid #242424;
	border-bottom: 1px solid #242424;
	margin-bottom: 10px;
	font-size: 14px;
	color: #999;
}

	.wizard_description h1 {
		margin: 0 0 10px 0;
		font-size: 30px;
		font-weight: bold;
		color: #fff;
	}
	
	.wizard_description h1 a {
		font-size: 18px;
		margin: 0;
	}
	
.wizard_container {
	text-align: center;
	height: auto;
	padding: 10px;
	margin-bottom: 15px;
}

.numberbox {
	display: block;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	float: left;
	margin: 0 10px 0 0;
	border: 1px solid #242424;
	text-align: center;
}

.wizard_entry {
	padding: 10px 0 0 0;
	margin: 0;
	border-top: 1px solid #242424;
}

.wizard_entry ul li {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #242424;
}


/* ARTIST LIST
---------------------------------------*/

#main_column_artisthome {
	width: 660px;
	float: left;
}

#main_column_artisthome #top, #main_column_artisthome #top_sub{
	clear: both;
}

#main_column_artisthome #top h1, #main_column_artisthome #top h2 {
		margin: 0;
		line-height: 76px;
		font-size: 250%;
		font-weight: bold;
	}

.top_sub_wrapper { 
	width: 634px;
	background: url(/images/backgrounds/artist_home_greytop.gif) #242424 no-repeat top left; 
	padding: 12px 0 0 10px;
	float: left;
}

.top_sub_bottom { 
	width: 644px;
	background: url(/images/backgrounds/artist_home_greybottom.gif) #242424 no-repeat bottom left; 
	height: 12px;
	margin-bottom: 15px;
	clear: both;
}

	.sub_wrapper_border { 
		border-right: 1px solid #161616; 
		border-bottom: 1px solid #161616; 
		float: left;
		margin: 0;
		width: 624px;
	}

.artist_home_item {
	width: 197px;
	height: 160px;
	margin: 0;
	padding: 10px 0 0 10px;
	line-height: 14px;
	font-weight: bold;
	display: block;
	border-top: 1px solid #161616;
	border-left: 1px solid #161616;
	float: left;
}

.artist_home_item_featured { 
	background: url(/images/backgrounds/artist_home_blueround.jpg) no-repeat top left;
	border: none;
	padding: 10px 0 0 10px;
	height: 202px;
	width: 198px;
	margin: 0 10px 10px 0px;
	line-height: 14px;
	font-weight: bold;
	display: block;
	float: left;
}
	
	.artist_home_item_text, .artist_home_item_text_featured {
		width: 188px;
		height: 45px;
		padding: 13px 0px 0 0;
		font-size: 14px;
		text-align:center;
	}
	
	.artist_home_item_text_featured a:link, .artist_home_item_text_featured a:visited {
		color: #fff;		
	}
	
	.whitelink a: link {
		color: #fff;
		font-size: 120%;
		font-weight: bold;
	}
	
.artist_home_sideitem {
	height: 38px;
	padding: 22px 0 0 90px;
	border-bottom: 1px solid #242424;
	position: relative;
}

	.artist_home_sideitem img {
		border: 1px solid #242424;
		position: absolute;
		top: 9px;
		left: 0px;
	}
	
h1#other_artists { 
  display: block;
  height: 24px;
  font-size: 20px; 
  line-height: 24px;
  margin-bottom: 0; 
  padding: 10px 0;
  font-weight: normal;
  border-bottom: 1px solid #fff;
}

	.linkwrapper { 
		display: block;
		height: 22px;
		line-height: 22px;
		margin: 0;
		border-bottom: 1px solid #242424;
	}
	
#artistlist_bottom468_ad {
	height: 80px;
	padding: 10px 0;
	clear: both;
}

	#artistlist_bottom468_ad img { border: 1px solid #fff; }