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

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

BODY {
	BACKGROUND-COLOR: white;
	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: black;
	margin: 0px;
}

a {
	color: darkred;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	background-color: #ddd;
	text-decoration: none;
}

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

div#MainContainer {
	width: 713px;
	margin: 0px auto;
	text-align: left;
	border-left: 15px solid #990000;
	background-color: black;
}

div#Banner {
	height: 100px;
	width: 713px;
	background-color: black;
	background-image: url("../images/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: 5px solid #7F7F7F;
	padding: 2px;
	background-color: black;
	font-size: 10px;
	color: rgb(175,175,175);
	cursor: pointer;
	text-align:center;
}

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

ul#NavBar li {
	width: 81px;
}

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

ul#NavBar li a:hover {
	color: white;
	background-color: transparent;
}


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

ul#NavBar li.current a {
	color: white;
}


/* ============ 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: black;
}

div#LeftWrapper {
	\width: 259px;
	w\idth: 200px;
}


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: 481px;
	background-color: white;
}

div#NewsWrapper {
	margin: 20px;
}

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

div#RightHalfWrapper {
	width: 384px;
}

div#BoardWrapper {
	padding: 25px;
	background-color: white;
}

div#BoardWrapper a {
	text-decoration: none;
	color: darkred;
}

div#BoardNav {
	background-color: #990000;
	text-align: center;
	padding: 10px 2px 10px 2px;
}

div#BoardNav a {
	text-decoration: none;
	color: white;
	font-weight: normal;
}

div#BoardNav a:hover {
	background-color: transparent;
	text-decoration: underline;
}

/* ------------   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 h2 {
	font-size: 14px;
	color: black;
}

div#Post p {
	margin-bottom: 5px;
}


div#Post ul {
	list-style: url(../images/basic/clovdot.png) square;
	padding-left: 0px;
	margin-left: 20px;
}

.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: black;
  border: 1px solid #222;
}

#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: #990000;
  border: 2px solid #7F7F7F;
}

#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;
  color: #c0c0c0;
}

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

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

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

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

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

/* ------------    G r a y  B o x    --------------- */

div#graybox {
  padding: 10px;
  background-color: #333;
}

div#graybox p {
	font-size: 12px;
	color: #FFF;
}

div#graybox a {
	color: #bbb;
}

div#graybox a:hover {
	COLOR: #ffff00;
	BACKGROUND-COLOR: transparent;
}

/* ------------   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;
}

/* ------------   B r e a d c r u m b s   --------------- */

div#breadcrumbs {
	background-color: #7F7F7F;
	padding: 5px 10px 5px 12px;
	font-size: 10px;
	font-family: arial, helvetica, sans-serif;
	color: #222;
}

div#breadcrumbs a {
	color: #222;
}

div#breadcrumbs a:hover {
	color: white;
	background-color: transparent;
}

/* ------------   D i s c o g r a p h y   --------------- */

div#discography {
	margin: 20px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #222;
}

div#discography table {
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0px 10px 0px;
}

div#discography td {
	height: 12px;
	vertical-align: middle;
}

div#discography td.cover {
	width: 120px;
	padding-right: 10px;
	text-align: center;
}

div#discography td.title {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}

div#discography td.track {
	width: 225px;
	border-top: 1px solid #ddd;
}

div#discography td.control {
	border-top: 1px solid #ddd;
}

div#discography td.details {
	background-color: #eee;
	padding: 3px 2px 3px 2px;
	text-align: right;
}

div#discography a {
	font-size: 14px;
	font-weight: bold;
	border-bottom: none;
}

div#discography a.normal {
	font-size: 12px;
	font-weight: bold;
	color: #222;
	border-bottom: none;
}


div#discography h1 {
	background-color: #7F7F7F;
	padding: 5px 10px 5px 12px;
	margin: 0px;
	font-size: 12px;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
	color: #222;
}

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

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
}

img {
	border-width: 0px;
}

/* ___________________ 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 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;
}

/* ------------   G i g  L i s t    --------------- */

div#giglist {
	margin: 20px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #222;
}

div#giglist table {
	width: 100%;
	border-collapse: collapse;
}

div#giglist td {
	border-bottom: 1px solid #c0c0c0;
	padding: 8px 0px 8px 0px;
	vertical-align: top;
}

div#giglist td.date {
	width: 130px;
}

div#giglist td.venue {
	width: 245px;
}

div#giglist td.location {
	text-align: right;
}

div#giglist a {
	font-size: 12px;
	font-weight: bold;
	border-bottom: none;
}

.float-left { float:left; padding-right:10px; }
.float-right { float:right; padding-left:10px; }

div#lyriccontainer {
	margin: 20px;
}

div#lyriccontainer p {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #222;
	margin: 10px 0px;
}

div#songprofile {
	float: right;
	border: 2px solid #222;
	font-family: arial, helvetica, sans-serif;
	padding: 20px;
	margin-left: 10px;
	background-color: #ddd;
}

div#songprofile h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	text-align: center;
}

div#songprofile p {
	margin: 2px;
	text-align: right;
}

/* ------------   B i o s    --------------- */

div#biopics {
	padding: 20px 15px;
	width: 205px;
	float: left;
}

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

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

/* ------------   S t o r e    --------------- */

div#StoreWrapper a {
	color: darkred;
	text-decoration: none;
	font-weight: bold;
}