/*
	
	BKWorld.net stylesheet
	Author: Kris Noble
	Date: March 2008
	All rights reserved.
	
*/


/* General Styles */
* {
	padding: 0;
	margin: 0;
}

body {
	min-height: 100%;
	background: #090909 url(bg.gif) top left repeat fixed;
	padding: 20px 0;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

div#wrapper {
	margin: 0 auto;
	width: 816px;
}

div.clearall {
	clear: both;
}

a {text-decoration:none; color:#ccc;}
a:hover{color:#09c;}


/* Header Styles */
div#header {
	background: url(top_bg.png) top center no-repeat;
	height: 136px;
	padding-left: 24px;
	padding-top: 17px;
}

h1 {
	width: 124px;
	height: 125px;
	float: left;
}

div#header ul {
	height: 130px;
	width: 650px;
	float: right;
	margin-right: 18px;
	margin-top: 6px;
}

div#header ul li {
	display: inline;
	width: 130px;
	height: 130px;
	background: transparent no-repeat bottom left;
	float: left;
}

div#header ul li a {
	display: block;
	text-indent: -9999px;
	height: 130px;
	width: 130px;
	-moz-outline: none;
}

div#header ul li#myspace a {
	background-image: url(li_myspace.png);
}

div#header ul li#facebook a {
	background-image: url(li_facebook.png);
}

div#header ul li#bebo a {
	background-image: url(li_bebo.png);
}

div#header ul li#dsi a {
	background-image: url(li_dsi.png);
}

div#header ul li#youtube a {
	background-image: url(li_youtube.png);
}

/* Content Styles */
div#content {
	background: url(content_bg.png) top center repeat-y;
	padding-left: 15px;
}

div.front_page_row {
	clear: both;
	padding: 15px 3px 0 3px;
	position: relative;
}

div.front_page_col {
	width: 230px;
	min-height: 250px;
	background: url(front_page_col_bg.png) bottom left no-repeat;
	float: left;
	margin-right: 15px;
	padding: 0 10px 5px 10px;
}

div.front_page_col h3 a,
div.front_page_col h3 span {
	margin: 0 0 0 -10px;
	background: top left no-repeat;
	height: 60px;
	width: 250px;
	text-indent: -9999px;
	display: block;
	margin-bottom: 10px;
	-moz-outline: none;
}

div#live_dates h3 a {background-image: url(h_live_dates.png);}
div#news h3 a {background-image: url(h_news.png);}
div#video h3 a {background-image: url(h_video.png);}
div#downloads h3 a {background-image: url(h_downloads.png);}
div#pics h3 a {background-image: url(h_pics.png);}
div#bk_releases h3 a {background-image: url(h_bk_releases.png);}
div#riot_releases h3 a {background-image: url(h_riot_releases.png);}

div#subscribe h3 span{
	background-image: url(h_subscribe.png);
}

div#bk_image {
	background: none;
	position: absolute;
	right: 0;
	top: 0;
	padding:0;
	width:250px;
	padding-top:20px;
}

ul {
	list-style-position: inside;
	list-style-image: url(bullet.png);
}

dt {
	line-height: 1.1;
}

dd {
	font-size: 0.8em;
	color: #888;
	line-height: 1.2;
	margin-bottom: 5px;
}

#sub_form label, #sub_form input{
	width:100%;
}

#sub_form input#email, #sub_form input#name  {
	border:1px solid #666;
	display:block;
	padding:1px;
}

#sub_form label{
	display:block;
}

#sub_form input#submit {
	width:auto;
	padding:4px;
	background-color:#666;
	color:#fff;
	border:1px solid #333;
	margin-top:0.6em;
}

img.release_img_summary{
	border:1px solid#666;
	float:left;
	margin-right:20px;	
}

img.release_img_main{
	border:1px solid#666;
	float:right;
	margin:0 0 20px 20px;	
}

#releases dd {margin-bottom:20px;}

img.front_page_release_image {margin-left:40px;}
p.release_title{margin-bottom:1px;}

/* Detail Page Styles */
body.detail {
	min-height: 431px; 
	background: #000 url(lightbox_bg.jpg) bottom right no-repeat; 
	padding: 0 12px 100px 12px; 
	color: #FFFFFF; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 0.9em;
}

body.detail h2 {
	height: 60px; 
	width: 480px; 
	text-indent: -9999px; 
	background: #000 top left no-repeat; 
	margin-left: -12px; 
	margin-bottom: 10px;
}

body#live_dates h2 {background-image: url(h_live_dates_page.png);}
body#news h2 {background-image: url(h_news_page.png);}
body#pics h2 {background-image: url(h_pics_page.png);}
body#videos h2 {background-image: url(h_videos_page.png);}
body#downloads h2 {background-image: url(h_downloads_page.png);}
body#bk_releases h2 {background-image: url(h_bk_releases_page.png);}
body#riot_releases h2 {background-image: url(h_riot_releases_page.png);}

/* Footer Styles */
div#footer {
	background: url(bottom_bg.png) bottom left no-repeat;
	min-height: 68px;
	clear: both;
	padding: 15px 18px;
	color: #666;
	font-size: 0.8em;
	width: 786px;
}

p {margin-bottom:1em;}
p#player_text{font-size:0.8em; color:#FFFFFF; margin-bottom:0;}