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

ELEMENTS

Any element found on the page

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

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

/* @group LOGIN AREA */
form#login_form { background-color: #109402; }

#login_area{
	z-index: 100;
	background-color: none;
	position: absolute;
	top: 120px;
	right: 0px;
	width: 205px;
}


#login_text { 
	width: 193px;
	height: auto;
	line-height: 15px;
	font-size: 10px;
	padding: 3px 6px 0 6px;
	background-color: #109402;
}

 	#login_text a, #login_text a:visited { color: #FFFF66; }

#login_tab{
	background: url(/images/elements/misc/login_tab.gif) no-repeat top left;
	width: 175px;
	height: 30px;
	padding-left: 30px;
	color: #fff;
	font-size: 115%;
	text-transform: uppercase;
	line-height: 28px;
}

	#login_tab a{
		color: #fff;
	}
	
	#login_area form{
		background-color: #109402;
	}

/* MODULES
---------------------------------------*/
.module{
	margin-bottom: 15px;
}

	.module.full{
		width: 100%;
	}
	
	.module_feature {
		margin: 0;
	}

.module.gray{
	background-color: #242424;
}

.module.bloodred{
	background-color: #e41b23;
}

.module.blue{
	padding: 10px;
	background: #0066cc url(/images/backgrounds/gradient-blue.gif) repeat-x top left;
}

.module.blue_mainfeature {
	background: url(/images/backgrounds/bluefeatured.gif) no-repeat top left;
}

.module-top{
	line-height: 20px;
	margin-bottom: 10px;
	margin: 10px;
	clear: both;
}

.module-body{
	height: 100%;
	padding: 10px;
	clear: both;
}
	
	#main_column .module-body{
		display: block;
	}
	
.module-interior{
	clear: both;
	margin-bottom: 10px;
	background-color: #161616;
	color: #bbb;
}

	.module-interior strong { color: #fff; }

.module-bottom{
	margin-top: 10px;
	height: 100%;
	padding: 0 10px;
}

.pagination{
	padding: 5px;
	background-color: #161616;
}

.extra_info{
	width: 90%;
}

.tag_sliders {
	display: block;
	height: 15px;
	padding: 6px 0 0 0;
	border-top: 1px solid #000;
	margin-top: 6px;
	font-size: 10px;
	clear: both;
}


/* MODULES - INDIVIDUAL
---------------------------------------*/
#main_feature.module{
	padding: 10px;
}

	#main_feature.module img{
		display: block;
	}

	#main_feature.module #control_overlay{
		height: 17px;
		padding: 7px;
		width: 616px;
		background: url(/images/elements/misc/bluefeature_roundedback.gif) no-repeat bottom left;
	}
	
#flickr_feed .module-bottom, #youtube_feed .module-bottom { background: url(/images/backgrounds/modulebottom_feeds.gif) no-repeat bottom left; }	
		
#bio_module .module-interior{
	margin-top: 0;
	padding-top: 20px;
}

#free_track_module{
	height: 110px;
	background: url(/images/backgrounds/free_track_box.jpg) no-repeat 0 0;
	text-align: center;
	margin-bottom: 5px;
}

	#free_track_module h2, #single_download_module h2, #single_stream_module h2 {
		text-indent: -9999px;
		margin-bottom: 14px;
	}

	#free_track_module a.button{
		margin-bottom: 0px;
		margin-top: 10px;
		width: 95px;
		height: 40px;
		padding: 0;
		line-height: 25px;
		text-indent: -9999px;
	}
	
#single_download_module{
	height: 110px;
	background: url(/images/backgrounds/download_track.jpg) no-repeat 0 0;
	text-align: center;
	margin-bottom: 5px;
}

#single_stream_module{
	height: 110px;
	background: url(/images/backgrounds/streamsong.jpg) no-repeat 0 0;
	text-align: center;
	margin-bottom: 5px;
}

	#single_download_module a.button, #single_stream_module a.button{
		width: 215px;
		margin-bottom: 0px;
		margin-top: 10px;
		height: 40px;
		padding: 0;
		line-height: 25px;
		text-indent: -9999px;
	}
	
#mailing_list_module {
	background: url(/images/backgrounds/mailinglist.jpg) #e41b23 no-repeat 0 0;
}

#mailing_list_module .module-body {
	padding: 20px 10px 0px 10px;
}

	#mailing_list_module .module-body a, #featured_artist_module .module-body a {
		font-weight: bold;
		color: #fff;
	}

#mailing_list_module h2 {
	text-indent: -9999px;
	margin-bottom: 20px;
}

#mailing_list_module .module-bottom {
	background: url(/images/backgrounds/modulebottom_round_red.jpg) no-repeat bottom left;
	margin-top: 0px;
		height: 14px;
}

#featured_artist_module {
	background: url(/images/backgrounds/featuredartist.jpg) #e41b23 no-repeat 0 0;
}

	#featured_artist_module h2 {
		text-indent: -9999px;
		margin-bottom: 15px;
	}
	
	#featured_artist_module h3 {
		text-align: center;
		display: block;
		margin-bottom: 0;
		font-weight: bold;
		height: 42px;
	}
	
	#featured_artist_module p {
		margin: 18px 0 0 0;
	}

#featured_artist_module a, #featured_artist_module a:visited { color: #FFFFFF; text-decoration: underline; font-weight: bold; }

.module-bottom_feature {
	background: url(/images/backgrounds/viewprofile_feature.jpg) no-repeat bottom left;
	margin: 0px 0px 15px 0px;
	height: 28px;
}

	.module-bottom_feature a.button{
		display: block;
		margin: 0;
		height: 28px;
		text-indent: -9999px;
	}
	

p.hidden_p a {
	display: block;
	text-indent: -9999px;
	margin: 0;
	height: 27px;
	}

#player_album_module {
	background: url(/images/backgrounds/freemusicvideo.jpg) #000 no-repeat 0 30px;
}

#player_album_module .module-bottom {
	background: url(/images/backgrounds/modulebottom_round.jpg) no-repeat bottom left;
}

#player_module_video, #player_module_music { margin-top: 10px; }

#signup_form { padding-bottom: 10px; }

	
/* MODULE TABS
---------------------------------------*/

.module ul.tabs{
	line-height: 30px;
	font-size: 120%;
	height: 30px;
	background-color: #000;
}

	.module ul.tabs li{
		float: left;
		margin-right: 3px;
		height: 30px;
		line-height: 30px;
	}
	
	.module ul.tabs li a{
		padding-left: 10px;
		color: #fff !important;
		display: block;
		background: url(/images/elements/tabs/blue-left_side.gif) no-repeat left top;
		height: 30px;
		line-height: 30px;
	}
	
		.module ul.tabs li a span{
			padding-right: 10px;
			display: block;
			background: url(/images/elements/tabs/blue-right_side.gif) no-repeat right top;
			height: 30px;
			line-height: 30px;
		}
	
	.module ul.tabs li.current a{
		padding-left: 10px;
		color: #fff;
		display: block;
		background: url(/images/elements/tabs/gray-left_side.gif) no-repeat left top;
	}
	
	.module ul.tabs li.current a span{
		padding-right: 10px;
		display: block;
		background: url(/images/elements/tabs/gray-right_side.gif) no-repeat right top;
	}
	
	#player_album_module.module ul.tabs li a{
		background: url(/images/elements/tabs/gray-left_side.gif) no-repeat left top;
	}
	
	#player_album_module.module ul.tabs li a span{
		background: url(/images/elements/tabs/gray-right_side.gif) no-repeat right top;
	}
	
	#player_album_module.module ul.tabs li.current a{
		background: url(/images/elements/tabs/blue-left_side.gif) no-repeat left top;
	}
	
	#player_album_module.module ul.tabs li.current a span{
		background: url(/images/elements/tabs/blue-right_side.gif) no-repeat right top;
	}
		
		.module ul.tabs li.external_link a{
			padding-left: 20px;
			background: #000 url(/images/elements/icons/white_arrow-point_right.gif) no-repeat 8px 50%;
			color: #62a7dc !important;
			display: block;
			height: 30px;
			line-height: 30px;
		}

div.module.gray#player_album_module ul.tabs {
	width: 215px;
	background-color: #000;
	margin: 0 0 50px 0px;
}

/* BUTTONS
---------------------------------------*/
a.button{
	padding: 5px;
	margin-right: 5px;
	font-weight: bold;
}

	a.button.blue{
		background-color: #0066cc;
		color: #fff;
	}

/* SHARE BUTTONS
---------------------------------------*/
a#widgetize_page{
	position: relative;
	z-index: 1;
	text-indent: -9999px;
	line-height: 0;
	display: block;
	height: 63px;
	width: 78px;
	float: right;
	background: url(/images/elements/buttons/btn-widgetize_page.gif) no-repeat top left;
}

	a#widgetize_page:hover{
		background-position: bottom left;
	}
	
a#widgetize_back{
	position: relative;
	z-index: 1;
	text-indent: -9999px;
	line-height: 0;
	display: block;
	height: 63px;
	width: 78px;
	float: right;
	background: url(/images/elements/buttons/btn-widgetize_back.gif) no-repeat top left;
}

	a#widgetize_back:hover{
		background-position: bottom left;
	}

a#share_content{
	position: relative;
	z-index: 1;
	text-indent: -9999px;
	line-height: 0;
	display: block;
	height: 58px;
	width: 82px;
	float: right;
	background: url(/images/elements/buttons/btn-share_content.gif) no-repeat top left;
}

	a#share_content:hover{
		background-position: bottom left;
	}
	
a.small_share{
	display: block;
	height: 28px;
	width: 39px;
	text-indent: -9999px;
	line-height: 0px;
	background: url(/images/elements/buttons/btn-share_small.gif) no-repeat top left;
}

	a.small_share:hover{
		background-position: bottom left;
	}
	
a.join_btn{
	display: block;
	height: 28px;
	width: 39px;
	text-indent: -9999px;
	line-height: 0px;
	background: url(/images/elements/buttons/btn-join.gif) no-repeat top left;
}

	a.join_btn:hover{
		background-position: bottom left;
	}

/* FREE RIBBON
---------------------------------------*/
.free_ribbon{
	margin: -13px 0 0 169px;
	height: 59px;
	width: 59px;
	position: absolute;
	z-index: 100;
	float: right;
	background: url(/images/elements/misc/free_ribbon.png) no-repeat top left;
	text-indent: -9999px;
	line-height: 0px;
}

/* NEWS ENTRY
---------------------------------------*/
.news_entry{
	width: 610px;
}

	.news_entry .date_block{
		margin: 0 10px 10px 0;
		padding: 5px;
		background-color: #000;
		text-align: center;
		float: left;
		font-size: 115%;
		font-weight: bold;
	}
	
		.news_entry .date_block img{
			display: block;
			margin-bottom: 4px;
		}
		
		.news_entry h2{
			color: #fff;
			display: block;
			padding-bottom: 7px;
			margin-bottom: 5px;
		}
		
		
	.news_entry .meta{
		font-size: 90%;
		padding: 5px 0;
		border-top: 1px solid #242424;
		margin: 6px 0 0 0;
		line-height: 18px;
		clear: both;
	}
	
		.news_entry .meta strong{
			color: #fff;
		}

/* COMMENTS
---------------------------------------*/
#comments_area{
	text-align: left;
}

.comment{
	margin-bottom: 15px;
	font-size: 90%;
	padding: 0px;
	height: 100%;
	background-color: #242424;
}

	.comment_body{
		float: left;
		background-color: #242424;
		width: 70%;
	}
	
	.comment_body p {
		padding: 15px 0 15px 15px;
	}
	
		.comment_body h4{
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			height: 30px;
			line-height: 30px;
			display: block;
			background: url(/images/elements/icons/commentpointer.gif) #161616 no-repeat top left;
			text-indent: 40px;
		}
	
	.comment_info{
		float: right;
		width: 30%;
		font-size: 90%;
		text-align: right;
		background-color: #242424;
	}
	
		.comment_info p.date{
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			height: 30px;
			line-height: 30px;
			display: block;
			background-color: #161616;
			margin: 0;
			text-align: right;
		}
	
		.info_interior{
			font-size: 11px;
			line-height: 18px;
			padding: 10px;
			text-align: left;
			background-color: #161616;
			margin: 15px;
		}
		
	.add_comment_area{
		display: none;
		height: 400px;
	}

/* MISCELANEOUS
---------------------------------------*/
#waiting_bar{
	display: none;
	text-align: center;
	padding: 25px 0;
	position: absolute;
}

#google_ad_words{
	width: 310px;
	padding: 5px;
	background-color: #191919;
	color: #62a7dc;
	font-size: 80%;
	line-height: 1.6em;
}
	
	#google_ad_words a{
		color: #62a7dc;
	}
	
	
#small_album_merch{
	margin-right: 10px;
}

	#small_album_merch img{
		margin-right: 5px;
		float: left;
	}
	
	#small_album_merch .info{
		width: 450px;
		font-size: 90%;
		float: left;
	}
	
	#small_album_merch .info p {
		line-height: 12px;
	}
	
		#small_album_merch p{
			margin-bottom: 2px;
		}
		
		#small_album_merch h4 { margin: 0; }

.list_item{
	padding: 10px 0;
	border-bottom: 1px solid #222;
	line-height: 20px;
}

/* BUTTONS
---------------------------------------*/
ul.red_buttons{
	
}

ul.red_buttons.short{
	width: 40%;
}
	ul.red_buttons li{
		margin-bottom: 4px;
		padding: 5px;
		background-color: #bf050d;
	}
	
	ul.red_buttons li a{
		display: block;
		line-height: 20px;
		padding: 0 0 0 10px;
		font-size: 120%;
		color: #fff;
		background: url(/images/elements/icons/black_arrow-point_right.gif) no-repeat 0px 50%;
	}
	
		ul.red_buttons li a:hover{
			color: #000;
			text-decoration: none;
		}
		
/* IMAGES
---------------------------------------*/
img.bordered{
	border: 2px solid #000;
}

.grouped_thumb{
	margin: 0 5px 10px 0;
	float: left;
}
	
	.grouped_thumb img{
		border: 3px solid #464646;
		display: block;
		margin-bottom: 3px;
	}
	
.small_column img {
	margin: 0 0 6px 0;
}

/* TABLES
---------------------------------------*/
table{
	width: 100%;
}

	table th{
		background-color: #0b0b0b;
		padding: 10px;
		text-transform: uppercase;
		color: #fff;
	}
	
	table td{
		padding: 10px;
		vertical-align: top;
		border-bottom: 1px solid #242424;
		font-size: 90%;
		background-color: #161616;
		color: #bbb;
	}
	
	table td.date{
		color: #fff;
		font-weight: bold;
	}
	
/* ADVERTISMENTS
---------------------------------------*/
.advertisement{
	display: block;
	margin-bottom: 15px;	
}

/* FORMS
---------------------------------------*/
form{
	margin-bottom: 18px;
	/* padding: 10px;
	border: 2px solid #242424; */
	background-color: #161616;
}

	form label{
		display: block;
		color: #fff;
		margin-bottom: 2px;
	}
	
	form input.text{
		padding: 3px;
		font-size: 120%;
		width: 96%;
		background-color: #eee;
		border: 1px solid #ddd;
		display: block;
		margin-bottom: 6px;
	}
	
	form input.search {
		padding: 3px;
		font-size: 120%;
		width: 300px;
		background-color: #eee;
		border: 1px solid #ddd;
	}
	
	form input.google {
		padding: 3px;
		font-size: 120%;
		width: 130px;
		background-color: #eee;
		border: 1px solid #ddd;
	}
	
	form textarea{
		padding: 3px;
		width: 96%;
		background-color: #eee;
		border: 1px solid #ddd;
		display: block;
		margin-bottom: 6px;
	}
	
	form input.button{
		margin-bottom: 4px;
		font-size: 130%;
		font-weight: bold;
		padding: 5px;
		border: 1px solid #555;
		background-color: #888;
		color: #fff;
		cursor: pointer;
		display: block;
	}
	
	form input.button_search {
		font-size: 120%;
		font-weight: bold;
		padding: 3px;
		border: 1px solid #a5040a;
		background-color: #bf050d;
		color: #fff;
		cursor: pointer;
	}
	
		form input.button.red{
			background-color: #bf050d;
			color: #fff;
			border-color: #a5040a;
		}
		
/* SHARE STORY FORM
---------------------------------------*/

#send_form {
	background-color: #242424;
	border: 5px solid #fff;
	display: none;
	position: absolute;
	width: 300px;
	z-index: 999;
}

#send_form a.send_close {
	color: #fffff;
	float: right;
	margin: 10px;
}

#send_form form, #send_email fieldset {
	border: 0;
	margin: 0;
	padding: 6px;
}

#send_form fieldset legend {
	display: none;
}

#send_form h3{
	margin: 10px;
}

#send_form ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

#send_form ul li {
	margin: 0 0 7px 0;
	padding: 0;
}

#send_form ul li label {
	display: block;
	margin-bottom: 3px;
	margin-left: 3px;
}

#send_form ul li input {
	padding: 3px 10px;
	margin-left: 5px;
}

#send_form ul li input.send_text {
	padding: 3px;
	margin: 2px 0 8px 4px;
	width: 270px;
}