/* ========================================================================== */
/*
    Primary stylesheet for exitclov.com
    
    (c) 2005
    
    Author: cj      
                                                                              */
/* ========================================================================== */

/* ============ P a g e  B a s i c s =============== */

BODY {
	BACKGROUND-COLOR: #FFFFFF;
	padding: 0px;
	margin: 0px;
	font-family: Optima, Tahoma, Verdana, Sans-Serif;
	color: #444;
	text-align: center;
}

TABLE {
	MARGIN-TOP: 0px;
	MARGIN-RIGHT: 0px;
	MARGIN-BOTTOM: 0px;
	MARGIN-LEFT: 0px
}

hr {
	display: none;
}

/* ============ F o r m s =============== */

form {
	margin: 0px;
	padding: 0px;
}

input {
	font-size: 10px;
	border: 1px solid #444;
	font-family: arial, helvetica, Sans-Serif;
}

input.textbox {
	padding-left: 2px;
}

input.button {
	font-family: Optima, Tahoma, Verdana, Sans-Serif;
	color: #444;
}

/* ============ ======= =============== */

p, #NewsWrapper li {
	font-family: Optima, Tahoma, Verdana, Sans-Serif;
	font-size: 12px;
	line-height: 18px;
	color: #444;
	margin: 0px;
}

#NewsWrapper li {
	padding-left: 10px;
	border-left: 10px solid #ddd;
	border-top: 1px solid #ddd;
}

a {
	color: darkred;
	text-decoration: none;
	border-bottom: 1px dotted #aaa;
}

div#PageContainer {
	background-color: white;
	background-image: url("../images/basic/body-background-image.jpg");
	background-repeat: repeat;
	background-position: 50% 0;
	background-attachment: fixed;
}

div#MainContainer {
	width: 804px;
	margin: 0px auto;
	text-align: left;
}

div#Banner {
	height: 100px;
	width: 804px;
	background-color: black;
	background-image: url("../images/basic/bomb-banner.jpg");
	padding: 0px;
	margin: 0px auto;
	background-repeat: no-repeat;
	background-position: top right;
	border-bottom: 1px solid #7F7F7F;
}

/* ============ N a v B a r =============== */

ul#NavBar {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#NavBar li {
	font-family: "Gill Sans", "Trebuchet MS";
/*	position: relative; */
	display: block;
	float: left;
	margin: 0px;
	border-right: 1px solid #7F7F7F;
	border-bottom: 1px solid #7F7F7F;
	padding: 2px;
	background-color: #222;
	font-size: 10px;
	color: rgb(175,175,175);
	cursor: pointer;
	text-align:center;
}

ul#NavBar li:hover {
	background-color: darkred;
}

ul#NavBar li {
	width: 95px;
}

ul#NavBar li a {
	font-size: 12px;
	display: block;
	color: white;
	border-bottom: none;
}

ul#NavBar li.current {
	background-color: #000055;
}

/* ============ W r a p p e r s =============== */

/* ============ L e f t  C o l u m n =============== */

div#LeftWrapper {
	float: left;
	padding: 5px 10px 25px 10px;
	background-color: rgb(175,175,175);
}

div#LeftWrapper {
	\width: 309px;
	w\idth: 250px;
}


div#LeftHalfWrapper {
	float: left;
	padding: 5px 10px 25px 10px;
	background-color: rgb(175,175,175);
}

div#LeftHalfWrapper {
	width: 380px;
}

/* ============ R i g h t  C o l u m n =============== */

div#RightWrapper {
	float: right;
	width: 533px;
}

div#NewsWrapper {
	margin: 15px;
}

div#RightHalfWrapper {
	float: right;
	padding: 5px 10px 25px 10px;
	background-color: white;
}

div#RightHalfWrapper {
	width: 384px;
}

/* ------------   Merch Music    --------------- */

.coverlabel {
	font-size: 9px;
	font-family: arial, heveltica, sans-serif;
	text-align: right;
}

/* ============ P o s t s =============== */

div#Post {
	margin-bottom: 25px;
	text-align:justify;
}

div#Post ul {
	list-style: none;
}

.label {
	text-align: right;
	font-family: arial, "Sans Serif";
	font-size: 10px;
	font-weight: bold;
}

/* ============ S p e c i a l  B o x e s =============== */

/* ------------    L a t e s t  B o x    --------------- */

div#latest {
  padding: 5px 10px 5px 10px;
  background-color: #000055;
  border: 1px solid black;
}

#latest p {
	FONT-SIZE: 11px;
	COLOR: #c0c0c0;
	line-height: 14px;
	margin: 3px 0px 3px 0px;
}

#latest h1 {
	font-size: 14px;
	font-weight: bold;
	color: #c0c0c0;
	margin: 0px;
}

#latest a:link {
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	border-bottom: none;
}
#latest a:visited {
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	border-bottom: none;
}
#latest a:hover {
	COLOR: #ffff00;
	BACKGROUND-COLOR: transparent;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
	border-bottom: none;
}
#latest a:active {
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
	border-bottom: none;
}

/* ------------    P r e s s  B o x    --------------- */

div#pressbox {
  padding: 15px;
  background-color: #660000;
}

#pressbox p {
	FONT-SIZE: 11px;
	COLOR: #c0c0c0;
	line-height: 14px;
	text-align: justify;
}

#pressbox h1 {
	font-size: 14px;
	font-weight: bold;
	color: #c0c0c0;
	margin: 0px;
}

#pressbox a:link {
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	border-bottom: none;
}
#pressbox a:visited {
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	border-bottom: none;
}

#pressbox a:hover {
	COLOR: #ffff00;
	BACKGROUND-COLOR: transparent;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
	border-bottom: none;
}

#pressbox a:active {
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
	border-bottom: none;
}

/* ------------    R e l e a s e s    --------------- */

div#release {
  padding: 5px 10px 5px 10px;
  background-color: transparent;
}

#release h1 {
	font-size: 14px;
	font-weight: bold;
	color: #444;
	margin: 0px;
}

.fineprint {
	font-size: 10px;
	padding: 3px;
}

/* ------------    R e d  B a n n e r    --------------- */

div#redbanner {
  padding: 10px;
  background-color: #660000;
}

#redbanner h1 {
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
}

/* ------------   B l u e  B a n n e r    --------------- */

div#bluebanner {
  clear: both;
  padding: 10px;
  background-color: #000055;
  text-align: center;
}

#bluebanner h1 {
	font-size: 22px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	
}

/* ------------   G r e y  B a n n e r    --------------- */

div#greybanner {
  padding: 5px;
  background-color: #444;
  text-align: center;
}

#greybanner h1 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	
}

/* ------------   F o o t e r    --------------- */

div#newfooter {
	clear: both;
	padding: 5px;
	text-align: center;
	background-color: #666;
	color: #c0c0c0;
	font-size: 9px;
	font-family: arial, helvetica, sans-serif;
}

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

H1 {
	FONT-SIZE: 36px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 24px;
	Margin: 10px
}

H2 {
	FONT-SIZE: 18px;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: 14px;
	margin-top: 0px;
	margin-bottom: 10px
}

H3 {
	FONT-SIZE: 12px; 
	FONT-WEIGHT: bold;
	margin-top: 5px; 
	margin-bottom: 10px
}

H4 {
	FONT-SIZE: 12px;
	color: black;
}

H5 {
	FONT-SIZE: 9px;
	color: black;
}

img {
	border-width: 0px;
}

/*================================== test ========================*/

div#NewRecord {
	width: 800px;
	margin: 0px auto;
}

div#New Record a span {
	display: none;
}

div#NewRecord a:hover span
{
	display: block;
	background-color: #000;
	color: white;
	font: 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	/*left: 200px;*/
	padding: 10px;
	position: absolute;
	/*top: 325px;*/
	z-index: 20;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-opacity: .75;
	opacity: .75;
	filter: alpha(opacity=75);
	min-width: 300px;
	width: 300px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

#NewRecord a:link {
	COLOR: #000000;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	border-bottom: none;
}
#NewRecord a:visited {
	COLOR: #000000;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	border-bottom: none;
}

#NewRecord a:active {
	COLOR: #000000;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
	border-bottom: none;
}
/* ------------    L a t e s t  B o x    --------------- */

div#latest {
  padding: 5px 10px 5px 10px;
  background-color: #000055;
  border: 1px solid black;
}

#latest p {
	FONT-SIZE: 11px;
	COLOR: #c0c0c0;
	line-height: 14px;
	margin: 3px 0px 3px 0px;
}

#latest h1 {
	font-size: 14px;
	font-weight: bold;
	color: #c0c0c0;
	margin: 0px;
}

#latest a:link {
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	border-bottom: none;
}
#latest a:visited {
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	border-bottom: none;
}
#latest a:hover {
	COLOR: #ffff00;
	BACKGROUND-COLOR: transparent;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
	border-bottom: none;
}
#latest a:active {
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
	border-bottom: none;
}


/*--------------------New Record Page----------------- */

div#trackscolumn {
	padding: 20px 15px;
	width: 250px;
	float: left;
}

div.imgfloat {
	float: left;
	margin-bottom: 10px;
}

div#picscolumn {
	padding: 20px;
//	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: black;
	width: 400px;
	text-align: justify;
	float: right;
}



/* ___________________ S t y l e s ___________________ */

/*                     */
/* ---- B o x e s ---- */
/*                     */

#audiobox1 {
  padding: 5px;
  background-color : #ffffff;
}

#audiobox2 {
  padding: 5px;
  background-color : #eeeeee;
}

/* ---- B a s i c  C o n t e n t ---- */

#content {
  padding: 10px;
}

#content table {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

*.content {
	BACKGROUND-COLOR: transparent;
	BACKGROUND-IMAGE: none;
	COLOR: #000055;
	FONT-SIZE: 11px;
	line-height: 1.25;
}

*.newcontent {
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	BACKGROUND-COLOR: transparent;
	BACKGROUND-IMAGE: none;
	COLOR: #000055;
	FONT-SIZE: 12px;
	line-height: 1.25;
	text-align:justify;
}

*.pressblurb {
	FONT-FAMILY: "lucida grande", verdana, arial, helvetica, sans-serif;
	BACKGROUND-COLOR: transparent;
	BACKGROUND-IMAGE: none;
	COLOR: #000055;
	FONT-SIZE: 12px;
	line-height: 1.25;
	text-align:justify;
	margin-bottom: 10px;
	padding-bottom:10px;
	border-bottom: 1px dotted #000055;
}

*.pressblurb img {border: 2px solid #000000; margin-top: 10px; margin-bottom: 10px;}

/* ---- S p l a s h  C o n t e n t ---- */

#indexcontent {
  padding: 10px;
}

*.indexcontent {
	BACKGROUND-COLOR: transparent;
	BACKGROUND-IMAGE: none;
	COLOR: #c0c0c0;
	font-size: 11px;
	line-height: 1.5;
}

/* ---- C o n t a c t s ---- */

#emailme {
  padding: 10px;
}

*.emailme {
	BACKGROUND-COLOR: transparent;
	BACKGROUND-IMAGE: none;
	COLOR: #000055;
	FONT-SIZE: 11px; 
	line-height: 18px
}

/* ---- L y r i c s ---- */

#lyrics {
  padding: 10px;
}

*.lyrics {
	BACKGROUND-COLOR: transparent;
	BACKGROUND-IMAGE: none;
	COLOR: #000055;
	FONT-SIZE: 10px;
	line-height: 10px
}

/* ---- M e s s a g e  B o x ---- */

*.messagebox {
	BACKGROUND-COLOR: transparent;
	BACKGROUND-IMAGE: none;
	COLOR: #cccccc;
	FONT-SIZE: 12px;
	line-height: 14px;
	text-align:justify;
}

A.messagebox:link {
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
}
A.messagebox:visited {
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
}
A.messagebox:hover {
	COLOR: #ffff00;
	BACKGROUND-COLOR: transparent;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
}
A.messagebox:active {
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
}

/* ---- S o n g  B a c k g r o u n d ---- */

#behindthemusic {
  padding: 10px;
}

*.behindthemusic {
	BACKGROUND-COLOR: transparent;
	BACKGROUND-IMAGE: none;
	COLOR: #000055;
	FONT-SIZE: 9px;
	FONT-FAMILY: courier new,courier,monospace;
}

/* ---- B i o  C a p t i o n s ---- */

*.caption {
	BACKGROUND-COLOR: transparent;
	BACKGROUND-IMAGE: none;
	COLOR: #000055;
	FONT-SIZE: 10px; 	FONT-WEIGHT: bold
}

/* ---- P i c t u r e  C a p t i o n s ---- */

*.picturecaption {
	font-style: italic;
	text-align: right;
	FONT-SIZE: 12px;
}

/* ---- Venue Link ---- */

A.venuelink:link {
	FONT-SIZE: 14px;
}

A.venuelink:visited {
	FONT-SIZE: 14px;
}

A.venuelink:hover {
	FONT-SIZE: 14px;
}

A.venuelink:active {
	FONT-SIZE: 14px;
}

/* ---- Secret Link ---- */

A.secretlink:link {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
}

A.secretlink:visited {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
}

A.secretlink:hover {
	COLOR: #c0c0c0;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	text-decoration: none;
}

A.secretlink:active {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
}

#redshadebox { padding: 3px; background-color:#660000; }
#blackshadebox { padding: 3px; background-color:#000000; }

.bigtitleheader {font-size:18px; font-weight: bold; font-variant:small-caps; color:#FFFFFF;
					margin-bottom: 6px;}
.singlesheader { font-weight:bold; font-size: 12px; padding: 5px; font-variant:small-caps;}

/* ---- F o o t e r ---- */

#footer {
  padding: 2px;
}

*.footer {BACKGROUND-COLOR: transparent; BACKGROUND-IMAGE: none; COLOR: #c0c0c0; FONT-SIZE: 9px; LINE-HEIGHT: 10px;
		FONT-FAMILY: arial, verdana, heveltica, sans-serif;}

*.greyshrink {FONT-SIZE: 7px; LINE-HEIGHT: 7px;}

/*================================== test ========================*/

div#MainContainer a {
	text-decoration: none;
	border-bottom: 1px dotted #aaa;
}

div#MainContainer a:hover {
	background: none;
}

div#MainContainer a span {
	display: none;
}

div#MainContainer a:hover span
{
	display: block;
	background-color: #000;
	color: white;
	font: 12px "Trebuchet MS", Verdana, Arial, sans-serif;
	/*left: 200px;*/
	padding: 10px;
	position: absolute;
	/*top: 325px;*/
	z-index: 20;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-opacity: .75;
	opacity: .75;
	filter: alpha(opacity=75);
	min-width: 300px;
	width: 300px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}