/* CSS Document */

body
{
	background-color: #000000;
}

a
{
	outline: none;
	border: none;
}

a img
{
	outline: none;
	border: none;
}

.clear
{
	clear:both;
}

/*----Container styling----*/

#music_container
{
	width: 350px;
	height: 100px;
	bottom: 30px;
	left: 15px;
	position:absolute;
}

#video_container
{
	margin-left:0px;
}

#index_outside_container
{
	position:absolute;
	width: 500px;
	height: 524px;
	min-height: 524px;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -257px;
}

#index_main_container
{
	width: 500px;
	height: 504px;
	min-height: 504px;
	border: 1px solid #ffffff;
}

#outside_container
{
	position:absolute;
	width: 800px;
	height: 615px;
	min-height: 620px;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -302px;
}

#main_container
{
	width: 800px;
	height: 605px;
	min-height: 605px;
	background: url(images/background.jpg) top left no-repeat;
	border: 1px solid #ffffff;
}

#menu_container
{
	display:inline;
	margin-top: 130px;
	margin-left: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:27px;
	color:#fff100;
	line-height: 27px;
	float: left;
}

#footer_container
{
	width:800px;
	height:13px;
	margin-top: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #ffffff;
	text-align:right;
}

#footer_container a:link, #footer_container a:visited
{
	color: #ffffff;
	text-decoration:none;
}

#footer_container a:hover
{
	text-decoration:underline;
}

#index_footer_container
{
	width:500px;
	height:13px;
	margin-top: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #ffffff;
	text-align:center;
}

#footer_container span
{
	padding-right: 2px;
}

/*----Link styling----*/

#menu_container a:link, #menu_container a:visited
{
	color: #fff100;
	text-decoration:none;
}

#menu_container a:hover
{
	color: #ffffff;
	text-decoration:none;
}

#warmer #menu_container .warmer, #meet_the_band #menu_container .meet_the_band, #record_shop #menu_container .record_shop, #mailing_list #menu_container .mailing_list, #rarities #menu_container .rarities, #pics #menu_container .pics, #video #menu_container .video, #live #menu_container .live, #obsession #menu_container .obsession
{
	color:#ffffff;
	text-decoration:none;
}

/*----Individual page styles----*/

#meet_the_band_container
{
	float: right;
	width: 500px;
	height: 357px;
	margin-right: 40px;
	margin-top: 100px;
	background:url(images/meet_the_band_inset.jpg) top left no-repeat;
	border: 1px solid #ffffff;
	position:relative;
}

#discog_main_container
{
	float: right;
	width: 500px;
	height: 357px;
	margin-right: 40px;
	margin-top: 100px;
	background-color: #000000;
	border: 1px solid #ffffff;
	position:relative;
}

* html #discog_main_container
{
	float: right;
	width: 500px;
	height: 357px;
	margin-right: 20px;
	margin-top: 100px;
	background-color: #000000;
	border: 1px solid #ffffff;
	position:relative;
}

#photos_main_container
{
	float: right;
	width: 500px;
	height: 357px;
	margin-right: 40px;
	margin-top: 100px;
	background-color: #000000;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #ffffff;
	position:relative;
	overflow:auto;
}

#obsession_container
{
	float: right;
	width: 500px;
	height: 357px;
	margin-right: 40px;
	margin-top: 100px;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/obsession_page_background.jpg) top left no-repeat;
	border: 1px solid #ffffff;
	position:relative;
	overflow:auto;
}

#obsession_container p
{
	margin-left: 10px;
	margin-right: 10px;
}

#obsession_container h3
{
	margin-left:10px;
}

#obsession_container img
{
	float: right;
	border: 1px solid #ffffff;
	margin: 0 10px 5px 10px;
}

#itunes_holder
{
	position:absolute;
	top:4px;
	right: 8px;
}

#itunes_holder img
{
	margin-right: 0px;
	margin-left: 5px;
	border:none;
}

#live_main_container
{
	float: right;
	width: 500px;
	height: 357px;
	margin-right: 40px;
	margin-top: 100px;
	background-color: #000000;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #ffffff;
	position:relative;
	overflow:auto;
}

#photos_main_container #email_type
{
	width: 150px;
	float:left;
	clear:left;
	line-height: 16px;
}

#photos_main_container #email_address
{
	line-height:16px;
}

#photos_main_container #last_email
{
	line-height:16px;
	margin-left:174px;
}

#photos_main_container #mailing_list
{
	font-size:14px;
}

#photos_main_container form label
{
	width:150px;
	float:left;
}

#photos_main_container form textarea
{
	width: 269px;
	height: 42px;
	background-color:#000000;
	border: 1px solid #ffffff;
	color: #ffffff;
}

#photos_main_container form input.radio
{
	border:none;
}

/*Fix for IE 6 and below */
* html #photos_main_container #last_email
{
	line-height: 16px;
	margin-left: 176px;
}

/*Fix for margin error in IE6 and below*/
* html #meet_the_band_container
{
	float: right;
	width: 500px;
	height: 357px;
	margin-right: 20px;
	margin-top: 100px;
	background:url(images/meet_the_band_inset.jpg) top left no-repeat;
	border: 1px solid #ffffff;
	position:relative;
}

* html #photos_main_container
{
	float: right;
	width: 500px;
	height: 357px;
	margin-right: 20px;
	margin-top: 100px;
	background-color: #000000;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #ffffff;
	position:relative;
	overflow:auto;
}

* html #obsession_container
{
	float: right;
	width: 500px;
	height: 357px;
	margin-right: 20px;
	margin-top: 100px;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/obsession_page_background.jpg) top left no-repeat;
	border: 1px solid #ffffff;
	position:relative;
	overflow:auto;
	background-attachment:fixed;
}

* html #live_main_container
{
	float: right;
	width: 500px;
	height: 357px;
	margin-right: 20px;
	margin-top: 100px;
	background-color: #000000;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #ffffff;
	position:relative;
	overflow:auto;
}

#marlowe_profile_container
{
	float: right;
	width: 500px;
	height: 357px;
	margin-right: 40px;
	margin-top: 100px;
	background:url(images/marlowe_profile_background.jpg) top left no-repeat;
	border: 1px solid #ffffff;
	position:relative;
}

* html #marlowe_profile_container
{
	float: right;
	width: 500px;
	height: 357px;
	margin-right: 20px;
	margin-top: 100px;
	background:url(images/marlowe_profile_background.jpg) top left no-repeat;
	border: 1px solid #ffffff;
	position:relative;
}

#jj_profile_container
{
	float: right;
	width: 500px;
	height: 357px;
	margin-right: 40px;
	margin-top: 100px;
	background:url(images/jj_profile_background.jpg);
	border: 1px solid #ffffff;
	position:relative;
}

* html #jj_profile_container
{
	float: right;
	width: 500px;
	height: 357px;
	margin-right: 20px;
	margin-top: 100px;
	background:url(images/jj_profile_background.jpg);
	border: 1px solid #ffffff;
	position:relative;
}

/* Remove style from ul for band member links */
#meet_the_band_container ul
{
	margin:0;
	padding:0;
	list-style:none;
}

/* Make each link the desired hit area and move the text of the link off the screen */
#meet_the_band_container a
{
	position:absolute;
	width: 100px;
	height: 120px;
	text-indent: -1000em;
}

/* Position the links individually over the persons face */
#meet_the_band_container .marlowe a
{
	top: 25px;
	left: 80px;
}

#meet_the_band_container .justin_james a
{
	top: 6px;
	left: 319px;
}

/* Make white border when links are hovered over */
#meet_the_band_container a:hover
{
	border: 1px solid #ffffff;
}

/* Position and style click band member message */
#meet_the_band_container span
{
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffffff;
	top: 3px;
	left: 7px;
}

#main_text_container
{
	width: 477px;
	height: 185px;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:absolute;
	bottom: 0px;
	padding: 0px 10px 5px 13px;
	overflow:auto;
	line-height: 17px;
}

#live_main_text_container
{
	clear:left;
	width: 477px;
	height: 310px;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:absolute;
	bottom: 0px;
	padding: 0px 10px 5px 13px;
	overflow:auto;
	line-height: 17px;
}

#main_text_container a:link, #main_text_container a:visited
{
	color: #ffffff;
	font-weight:bold;
	text-decoration:underline;
}

#discog_detail_container a:link, #discog_detail_container a:visited
{
	color: #ffffff;
	font-weight:bold;
	text-decoration:underline;
}

#photos_main_container a:link, #photos_main_container a:visited
{
	color: #ffffff;
	font-weight:bold;
	text-decoration:underline;
}

#obsession_container a:link, #obsession_container a:visited
{
	color: #ffffff;
	font-weight:bold;
	text-decoration:underline;
}

#member_profile_container
{
	width: 275px;
	height: 357px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	position:absolute;
	padding: 10px 0px 10px 15px;
	line-height: 17px;
}

#member_profile_back_container
{
	position:absolute;
	width:30px;
	height:30px;
	bottom: 7px;
	right: 0px;
	font-family:'Times New Roman', Times, serif;
	font-size: 32px;
	color: #ffffff;
}

#member_profile_back_container a:link, #member_profile_back_container a:visited
{
	color: #ffffff;
	font-weight:bold;
	text-decoration:none;
}

#member_profile_back_container a:hover
{
	color: #fff100;
	font-weight:bold;
	text-decoration:none;
}

/*---Discog page styling---*/
#discog_artwork_container
{
	width: 150px;
	height: 146px;
	position: absolute;
	border: 1px solid #666666;
	top: 7px;
	left: 12px;
}

#discog_detail_container
{
	width: 200px;
	height: 155px;
	position:absolute;
	top: 5px;
	left: 172px;
	padding-left: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #ffffff;
}

#discog_title_buy
{
	width: 200px;
	height: 110px;
	top: 60px;
	right: 5px;
	position:absolute;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
}

#discog_title_buy h1
{
	font-size:10px;
	text-decoration:none;
	font-weight:500;
	text-align:right;
	display:inline;
}

#discog_title_buy form
{
	display:inline;
}

#discog_selector
{
	width: 120px;
	height: 100px;
	position:absolute;
	top: 4px;
	right: 6px;
	font-family:'Courier New', Courier, monospace;
	color:#666666;
	font-size:9px;
}

#discog_selector ul
{
	list-style:none;
	margin: 0;
	padding:0;
	text-align:right;
}

#discog_selector a:link, #discog_selector a:visited
{
	color:#666666;
	text-decoration:none;
}

#discog_selector a:hover
{
	color:#ffffff;
	text-decoration:none;
}

/*Highlight submenu item */
#discog_selector.warmer_disc #warmer_disc, #discog_selector.semi_detached_disc #semi_detached_disc, #discog_selector.get_hold_disc #get_hold_disc, #discog_selector.not_newyork_disc #not_newyork_disc, #discog_selector.live_gig #live_gig, #discog_selector.live_mp3 #live_mp3, #discog_selector.tears_rare #tears_rare, #discog_selector.tinny_rare #tinny_rare, #discog_selector.antifashion_rare #antifashion_rare, #discog_selector.ultrafashion_rare #ultrafashion_rare, #discog_selector.your_obsession_disc #your_obsession_disc
{
	color:#ffffff;
	text-decoration:none;
}

/*---photos page and mailing list styling---*/
#photos_main_container img
{
	border:1px solid #666666;
	margin-left: 13px;
	margin-top: 10px;
}

#photos_main_container h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:30px;
	color:#ffffff;
	margin-left: 10px;
}

#photos_main_container h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
	margin-left: 13px;
	display:inline;
}

#photos_main_container p
{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin-left: 10px;
	margin-right: 10px;
}

#photos_main_container form
{
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 17px;
	margin-left: 12px;
}

#photos_main_container span
{
	margin-left: 12px;
	line-height:17px;
}

#photos_main_container form input
{
	background:#000000;
	border: 1px solid #ffffff;
	color: #ffffff;
}

/*---- Live page main styling ----*/
#gig_item_container
{
	width: 460px;
	height: 155px;
	margin-top: 5px;
	background:url(images/gig_seperator.jpg) bottom left no-repeat;
}

#gig_item_container img
{
	width: 100px;
	height: 141px;
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}

#gig_detail_container
{
	width:235px;
	float: right;
	margin-right: 5px;
	height: 140px;
	font-size:12px;
	line-height:14px;
}

/*------------------------------------LIGHTBOX CSS---------------------*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image:url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
/*----------------------------------END OF LIGHTBOX CSS----------------------*/