/* =Global reset styles
--------------------------------------------------------------------- */
			
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
pre { display:none; }
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1; /* sets baseline line height for the document */
	z-index:1;
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
 
img, div 
{ 
behavior: url("scripts/iepngfix.htc");
}

/* Additional reset styles 
--------------------------------------------------------------------- */

/* Reset Global reset to values we would expect for some elements */
strong		{ font-weight: bold;}
 
/* Remove Mozilla's dashed borders */
a 	{outline:none;}
a:active {outline:none;}

/* Remove border around fieldset even on Opera 7 */
fieldset {
  border: solid 0 transparent;
}

/* Remove blue border around linked images */
a img {
	border: 0;
}
.fl
{
	float:left;
}
/*
--------------------------------------------------------------------- */



/***************************/
/* GLOBAL */
/***************************/


body 
{ 
	font-size: 62.5%;
    color: #444444;
    font-family: Arial, Helvetica, sans-serif; 
	margin:0px;
	padding:0px;
	width:100%;
	background-color: #000;
}


/***************************/
/* TITLES */
/***************************/

/* H1 */

h1 { 
	font-size:1.4em; 
	color:#ffffff; 
	margin:0 0 0 0; 
	width:100%; 
	font-weight:bold;
}

.page_left h1 { 
	font-size:1.4em;
	color:#ffffff; 
	margin:0 0 0 0; 
	width:100%; 
	font-weight:bold; 
	margin:0 0 10px 0;
}

.page_right h1 {
	font-size:1.4em; 
	color:#ffffff; 
	margin:0 0 0 0; 
	width:100%; 
	font-weight:bold; 
	margin:0 0 10px 0;
}

/* H2 */
	
h2 { 
	font-size: 1.4em; 
	color:#ffffff; 
	width:100%; 
	padding:20px 0 20px 0; 
	font-weight:bold;
}

h2 em { 
	font-size: 1.4em; 
	color:#ffffff; 
	background: url(http://www.fromthebasement.tv/images/site/h2_line.gif) no-repeat left top; 
	width:100%; 
	padding:20px 0px 0px 0px; 
	font-weight:normal; 
	heigh:54px; 			
	display:inline-block;
	font-style:bold;
}

/* H3 */

h3 { 
	font-size: 1.2em; 
	color:#ffffff; 
	margin:0 0 40px 0; 
	width:100%; 
	font-weight:bold;
}

h3 em { 
	font-weight:bold; font-style:normal;
}

/* H4 */

h4, h4 em { 
	font-size: 1.2em; 
	color:#ffffff; 
	margin:20px 0 20px 0; 
	width:100%; 
	padding:0; 
	font-weight:bold;
}

.vid_block h4 {
	font-size: 1.2 em; 
	color:#e5e5e5 !important; 
	margin:20px 0 20px 0; 
	width:100%; 
	padding:0; 
	font-weight:normal;
}

.vid_block h4 em {
	font-size: 0.9em; 
	color:#a9a9a9 !important; 
	margin:20px 0 20px 0; 
	width:100%; 
	padding:0; 
	font-style:normal;
}

/* BLOCKQUOTE */

blockquote
{
	float:left;
	width:15px;
	height:20px;
	padding:0;
	margin:0;
}
* html blockquote
{
	margin:0;
}




#page_container a, #page_container a:hover
{
	text-decoration:none;
	color:#b4b4b4;
	
}
#page_container a:hover { color:#fe2011; }
#page_container a.active { color:#fe2011; }

#page_container
{
	width:940px;
	margin:0 auto;
	padding:0;
	font-size:85%;
}


#page_container p
{
	margin:20px 0 0 0;
	font-size:1.2em;
	color:#a1a1a1;
	line-height:15px;
	font-weight:normal;
}



/***************************/
/* REGISTER OVERLAY */
/***************************/

#register_overlay {
	width:700px;
	height:108px;
	padding:0;
	background:transparent url("http://www.fromthebasement.tv/images/site/overlay.png") repeat left top;

}

.register_now { 
	width:480px;
	height:83px;
	margin:10px 0 0 10px;	float:left; 
}

.register_now_bg { 
	background: url(http://www.fromthebasement.tv/images/site/chequered_bg.jpg) repeat-x left top; 
	float:left; 
	margin:10px 0 0 0; 
	width:470px; 
	height:2px;
}

.register_now span { 
	float:right; 
	margin:0 12px 0 0;
}

.register_now p { 
	float:left; 
	font-size:1.2em !important; 
	float:left; 
	padding:0; 
	margin:0;
}

.register_now form {
	float:left; 
	margin: 0px; 
	padding:0;
}

.register_now form p label { 
	display:none; 
	margin:0;
}

.register_now form p input { 
	display:inline; 
	margin:0 10px 0 0; 
}

.input_width { 
	width:182px; 
	border:1px solid #575757; 
	background-color:#262626; 
	height:24px; 
	color:#ffffff; 
	margin:0 10px 0 0; 
	padding:4px 0 0 10px;
}

.input_check { 
	width: 10px;
	height: 10px; 
	border:1px solid #575757; 
	background-color:#262626; 
	margin:0 10px 0 0; 
	padding:4px 0 0 10px;
}

.submit_button { 
	border:none; 
	background: url(http://www.fromthebasement.tv/images/site/submit_button.jpg) no-repeat left top; 
	text-indent:-9999px; 
	width:55px;  
	height:24px; 
	padding:0 0 2px 0; 
	margin:0 -10px 0 0;
}

#register_layer { 
	display:none; 
	margin:0 0 20px 0;
}



/***************************/
/* HEADER */
/***************************/

#header
{
	width:100%;
	float:left;
	height:108px; 
}


#logo_left
{
	float:left;
	width:207px;
	height:70px;
}

.reg { 
	width:100%; 
	margin:6px 0 6px 0; 
	text-align:right;
}


#nav
{
	float:right;
	width:581px;
	height:108px;
	background: url(http://www.fromthebasement.tv/images/site/chequered_bg.jpg) repeat-x 100px top;
	padding:2px 0 0 0;
}

#nav ul
{
	float:left;
	width:580px;
	list-style-type:none;
}

#nav li
{
	float:left;
	padding:0px 62px 50px 0;
		
}
#nav li a
{
	display:block;
	text-indent:-99999px;
}

#nav ul li.home a { 
	background: url(http://www.fromthebasement.tv/images/site/home_off.gif) no-repeat left top; 
	width:49px;
	height:39px; }

#nav ul li.home a:hover, 
#nav ul li.home a.active { 
	background: url(http://www.fromthebasement.tv/images/site/home_over.gif) no-repeat left top; 
	width:49px; 
	height:39px; 
}

#nav ul li.artists a { 
	background: url(http://www.fromthebasement.tv/images/site/artists_off.gif) no-repeat left top; 
	width:59px; 
	height:39px;
}

#nav ul li.artists a:hover, 
#nav ul li.artists a.active { 
	background: url(http://www.fromthebasement.tv/images/site/artists_over.gif) no-repeat left top; 
	width:59px;
	height:39px;
}

#nav ul li.live a { 
	background: url(http://www.fromthebasement.tv/images/site/live_off.gif) no-repeat left top; 
	width:32px; 
	height:39px;
}

#nav ul li.live a:hover, 
#nav ul li.live a.active { 
	background: url(http://www.fromthebasement.tv/images/site/live_over.gif) no-repeat left top; 
	width:32px; 
	height:39px;
}

#nav ul li.shop a { 
	background: url(http://www.fromthebasement.tv/images/site/shop_off.gif) no-repeat left top; 
	width:45px; 
	height:39px; 
}

#nav ul li.shop a:hover, 
#nav ul li.shop a.active { 
	background: url(http://www.fromthebasement.tv/images/site/shop_over.gif) no-repeat left top; 
	padding-right:0; 
	width:45px; 
	height:39px;
}

#nav ul li.artitsts span a:hover{ 
	background: url(http://www.fromthebasement.tv/images/site/nav_arrow.jpg) repeat left top; 
	width:10px; 
	height:10px;
}

#nav ul li.forum a { 
	background: url(/images/site/forum_off.gif) no-repeat left top; 
	width:61px; 
	height:39px;
}

#nav ul li.forum a:hover, 
#nav ul li.forum a.active { 
	background: url(/images/site/forum_over.gif) no-repeat left top; 
	width:61px; 
	height:39px;
}



/***************************/
/* COLUMNS */
/***************************/

.page_left
{
	float:left;
	width:460px;
	margin:40px 20px 0 0;
	padding:0;
}
.page_right 
{ 
	float:left;
	width:460px;
	margin: 40px 0 0 0;
	padding:0;

}




/***************************/
/* GALLERY / SLIDER */
/***************************/

.vid_border { 
	padding:4px; 
	background: url(http://www.fromthebasement.tv/images/site/chequered_large_frame.gif) repeat left top;
}

.play_vid a { 
	position:relative; 
	left:219px; 
	top:155px; 
	background: url(http://www.fromthebasement.tv/images/site/play_button.png) no-repeat right bottom; 
	z-index:1001; 
	display:block; 
	width:17px; 
	height:17px;
}

.play_vid_small a { 
	position:relative; 
	left:99px; 
	top:74px; 
	background: url(http://www.fromthebasement.tv/images/site/play_button.png) no-repeat right bottom; 
	z-index:1001; 
	display:block; 
	width:17px; 
	height:17px;
}

.video_1 {
	height: 367px;
	width: 932px;
	float: left;
}




/***************************/
/* GALLERY PAGINATION */
/*********
#index .gallery {
	height: 367px;
	width: 932px;
	overflow: hidden;
}

#index .gallery .gallery-surround {
	height: 9320px;
	width: 9320px;
}

#index .gallery .image {
	height: 367px;
	width: 932px;
	padding: 0px 4px 4px 0px;
	float: left;
}


#index .gallery {
	height: 394px;
	width: 932px;
	overflow: hidden;
}

#index .gallery .gallery-surround {
	height: 394px;
	width: 6000px;
	border: solid 1px #FFF;
}

#index .gallery .image {
	height: 394px;
	width: 932px;
	float: left;
}

******************/







.vid_block
{
	float:left;
	width:460px;
	margin:0;
	padding:0;
}

.arstist_holder
{
	float:left;
	width:100%;
	padding:20px 0 0 0;
}

.arstist_holder h2
{
	margin:20px 0 20px 0 !important;
	padding:0 !important;
}

.vid_slider
{
	float:left;
	width:100%;
	height:484px;
	overflow:hidden;
}

.vid_item
{
	float:left;
	width:221px;
	padding:0 0 20px 18px;
}

.vid_item a.overlay {
	position: absolute; 
	z-index: 10000;
}

.vid_item h5
{
	font-size:1.2em;
	padding:12px 0 0 0;
	font-weight:bold;
	margin:0;
	width:100%;
	color:#ececec;
	margin-top:-2px;
	background: url(http://www.fromthebasement.tv/images/site/home_over.gif) no-repeat -5px 0px;
	
}
.vid_item p { 
	font-size:1.2em; 
	font-weight:normal; 
	padding:0 0 0 0; 
	margin:0 !important; 
	color:#ececec;
}

.vid_pagination
{
	float:right;
	font-size:1.2em;
	padding:0 2px 20px 0;
	margin:0 auto;
}



/***************************/
/* FOOTER */
/***************************/


#footer { 
	width:100%; 
	float:left; 
	margin-top: 20px;
	height:97px; 
	background: url(http://www.fromthebasement.tv/images/site/footer_line.gif) no-repeat left 12px;
}

.footer_item { 
	width:100%; 
	float:left; 
	height:46px; 
	padding:10px 0 0 0;
}

.footer_item div span p { 
	float:left; 
	display:inline;
}

.footer_item div span a { 
	float:right; 
	display:inline; 
	padding:24px 0 0 20px; 
	font-size:1.2em;
}





/* SIDEBAR RULES */

.fourblock_rule { 
	float: left;
	width: 100%;
	height: 2px;
	margin: 0;
	background:  url(http://www.fromthebasement.tv/images/site/four_block_rule.jpg) repeat left top;
}

.sixblock_rule  { 
	float: left;
	width: 100%;
	height: 3px;
	margin: 0;
	background:  url(http://www.fromthebasement.tv/images/site/four_block_rule.jpg) repeat left top;
	margin: 0 0 20px 0;
}



.no_pad, 
.no_left_pad { 
	padding: 0px;
}





/***************************/
/* TERMS */
/***************************/

.terms ul {
	margin-top: 5px;
	list-style: disc;
}

.terms h2 {
	padding-bottom: 0px;
	text-transform: uppercase;
}

.terms li {
	margin-bottom: 5px;
	color: #a1a1a1;
	font-size: 1.2em;
	line-height: 13px;
}

#massage {
	font-size: 2.0em;
	clear: both;
	height: 400px;
}






/***************************/
/* INDEX / HOME PAGE */
/***************************/

#index #homepage-performance {
	clear: both;
	float: left;
	width: 940px;
}

#index #homepage-video {
	float: left;
	width: 692px;
}

#index #homepage-text {
	color: #999;
	float: right;
	width: 230px;
}

#homepage-performance h1 {
	margin: 0 0 4px 0;
}