/* --------  FRAMEWORK Version 2  November 21 08 --------*/



* { margin: 0; padding: 0; }

html, body { height: 100%; }

body{ height: 100%; font-size: 62.5%; font-family: "lucida sans", verdana, arial, helvetica, sans-serif; margin: 0; padding: 0; background: #2D2D2D url(images/background.jpg) repeat-x top; }


#address { width: 150px; height: 116px; background: url(images/address-black.gif) no-repeat top; }
/* -----------------------  LINKS  ---------------------- */


a { color: black; outline: none; }
a:hover { color: #ADFF2F; }

#mp3player { width: 151px; height: 200px; }


#videobackground { width: 350px; height: 290px; padding: 5px 0 0 0; color: white; background: url(images/videobackground.gif) no-repeat; }
#videobackground a:link{ color: white; }


.more { font-size: .9em; color: Black; text-decoration: none; border-bottom: 1px dotted #F3AE45; font-style: normal; }
.more a:hover{color: #215474; }


.cleardrawer { margin: 0 0 25px 0; padding: 0 0 10px 0; }
.cleardrawer a{ text-decoration: none; }


.drawer { margin: 0 0 25px 0; padding: 0 0 60px 0; background: url(images/hrimg.jpg) no-repeat bottom; }
.drawer a{ text-decoration: none; }
.artistpost { margin: 0 0 25px 0; padding: 0 0 60px 0; background: url(images/hrimg.jpg) no-repeat bottom; }
/* -----------------------  Headers  ---------------------- */

p { font-size: 1.2em; line-height: 1.8em; font-family: Verdana,sans-serif; margin: 0 0 .7em 0; color: white; }




h1 { font-size: 2.4em;  margin: 0 0 .3em 0;  }
h2 { font-size: 2.2em;  margin: 0 0 .4em 0;  }
h3 { font-size: 2em;  margin: 0 0 .4em 0;  }
h4 { font-size: 1.7em;  margin: 0 0 .4em 0;  }
h5 { font-size: 1.5em;  margin: 0 0 .4em 0;  }
h6 { font-size: 1.3em;  margin: 0 0 .4em 0;  }

table { margin: 0 0 8px 0; }

img{ border: none; }


.latest { margin: 0 0 25px 0; }
caption {background:#eee;padding: 10px;}
.small { font-size: .9em; margin-bottom: 1.875em; line-height: 1.875em; }
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
address { font-size: 1.3em; margin: 0 0 1.5em 1em; font-style: italic; }
abbr, acronym {border-bottom: 1px dotted #666; }
sup, sub {line-height:0;}
.box { padding: 1.5em; margin-bottom: 1.5em; border: thin dotted Black; }
.copyright{ font-size: 1em; color: #959595; }
.mp3 {margin: 0 5px 0 0; }









/* -------------------  Blockquots   ----------------- */
blockquote {
	margin: 2em;
	color: #666;
	font-style: italic;
	padding: 5px 0 0 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}



/* Actually puts quotes in the text!! */
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }








/* -------------------  Lists   ----------------- */

ul { margin: 0 0 12px 0; }
ol { margin: 0 0 12px 0; }

/* -------------------  Custom Bullets  ----------------- */
li { font-size: 1.2em; margin: 2px 0 0 10px; list-style-type: none; padding: 0 0 0 14px; background: url(images/bullet.gif) no-repeat 0 4px; /*adjust background position here, the first value is the x and the second the y position *//*adjust background position here, the first value is the x and the second the y position */ }










/* ------------------------  hr fixes ------------------------*/


hr { background: #ddd; margin: 25px 0  20px 0; clear: both; float: none; width: 100%; height: 2px; border: none; }

*hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 2px; margin: 5px 0 1.45em 0; border: none; }









/* ----------------------------------------------------  Page Architecure -------------------------------------------------------- */	

#wrapper{ width: 960px; margin: 0 auto; }

#column{ margin: 0 auto; width: 920px; background: #232323 url(images/background-column.gif) repeat-y; }
#black-column{ margin: 0 auto; width: 920px; background-color: Black; }



/* -----------------------------------------------  Header ------------------------- ------------- */	
#header{ width: 920px; height: 104px; margin: 0 auto; background: #232323 url(images/logo-header.gif) no-repeat 384px 26px; padding: 67px 0 0 0; }
#header h1 { display: none; }


/* -----------------------------------------------  NAV ------------------------------------------ */	
#nav{ width: 920px; height: 63px; vertical-align: bottom; }
#nav a { border: none; }
#nav ul { display: none; 
}
.seelogo { margin: 0 0 0 227px; }

#bartop { width: 920px; height: 22px; background: url(images/bar-top.gif) no-repeat; }
#barbottom{ width: 920px; height: 7px; margin: 0; padding: 0; background: url(images/bar-bot.gif) no-repeat bottom; }
#blogtop{ width: 920px; height: 7px; margin: 0; padding: 0; background: url(images/bar-bot.gif) no-repeat; }

#releasepage { width: 920px; float: none; background-color: Black; }

.releasetable { margin: 0 auto; }

#releasepage a{ color: #C10435; }



/* -----------------------------------------------  Content -------------------------------------- */	

/* --------------------------  Center Column ------------------ */	
#column1and2wrapper{ width: 676px; float: left; }

#centercolumn{ width: 350px; float: right; padding: 15px 41px 0 41px; margin: 0; text-align: left; }
#centercolumn a { color: black; }
#centercolumn a:hover { color: #ADFF2F; }
#centercolumn h4{ color: white; padding: 0 0 -2px 0; }



/* --------------------------  Sidebars ------------------ */	
.column{ width: 154px; padding: 40px 45px 0 45px; text-align: center; float: left; }
.column p { color: #959595; }
.column h1, h2, h3, h4, h5, h6 { color: #959595; }
.column h5 a {color: #959595; }
.column a{ color: #c10435; }
.column a:hover { color: #ADFF2F; }
.left{ float: left; background: url(images/left.gif) no-repeat top; }
.left h2 { display: none; }
.right h2 { display: none; }
.right{ float: right; background: url(images/right.gif) no-repeat top; }
.wear{ float: right; background: url(images/wear/wear.gif) no-repeat top; }
.listen{ float: right; background: url(images/listen.gif) no-repeat top; }
.buy{background: url(images/buy.gif) no-repeat top; }
.buy h5{ color:white;}
.buy p{ font-size: .9em;}

.newsitem { padding: 0 0 27px 0; background: url(images/line.gif) no-repeat bottom; }
.onlogo { padding: 20px 0 20px 0; }



#listen { font-size: .9em; text-align: left; }
.musictitle{ color: #E46225; }

/* -----------------------------------------------  PRE 
#leftcolumn{
	width: 154px;
	float: left;
	padding: 40px 45px 0 45px;
	text-align: center;
	background: url(images/left.gif) no-repeat top;
	 color: #959595; 
}
#leftcolumn a { color: #c10435; }
#leftcolumn a:hover { color: #7FFF00; }
#leftcolumn p { color: #959595; }


#rightcolumn{
	width: 154px;
	float: right;
	padding: 40px 45px 0 45px;
	text-align: center;
	background: url(images/right.gif) no-repeat top;
}
#rightcolumn a { color: #c10435; }
#rightcolumn a:hover { color: #7FFF00; }
#rightcolumn p { color: #959595; }
#rightcolumn h1, h2, h3, h4, h5, h6 { color: #959595; }
---------------------------------------- */	


/* ------------------  Contact Form -------------------- */	

#contactform { margin: 0px auto 15px auto; width: 340px; }

#contactform p { padding: 0 0 2px 0; margin: 0; }

.emails { width: 150px; float: left; }
.mailformfield{ background-color: #EDEDED; border: 1px solid #9E9E9E; height: 18px; padding: 0 0 0 5px; margin: 2px 0 15px 0; width: 340px; color: #506569; font-family: Arial, Helvetica, sans-serif; }

.messageformfield{ background-color: #EDEDED; border: 1px solid #9E9E9E; height: 85px; margin: 2px 0 8px 0; padding: 3px 0 0 5px; width: 340px; color: #506569; font-family: Arial, Helvetica, sans-serif; }






/* -----------------------------------------------  Footer ---------------------------------------- */	


#footercolumn1and2wrapper{ width: 676px; float: left; }

#footercenter{ width: 342px; height: 140px; float: right; padding: 30px 45px 0 45px; background: #595959 url(images/logo-footer.gif)  no-repeat 0px 102px; }
#footerleft{ width: 154px; height: 48px; float: left; padding: 122px 45px 0 45px; background-color: #3B3B3B; }
#footerright{ width: 244px; height: 170px; float: right; background: #3B3B3B url(images/logo-on.gif) no-repeat 0px 100px; }
.go { margin: 0 0 -5px 0; }
#newsletter { margin: 15px 0 0 0; }

/* -----------------------------------------------  Images ---------------------------------------- */	









.artistpost { margin: 0 0 25px 0; padding: 0 0 60px 0; background: url(images/hrimg.jpg) no-repeat bottom; }

.artist-title { margin: 15px 0 7px 0; } 
.artist-title h1, h2 { display: none; } 
.artistpost h4 { color: black; }
.cd {  }
.checkitout { margin: 0 0 -3px 0; }

#clear{ clear: both; }
.clear{ clear: both; }
.picleft { float: left; padding: 4px 8px 4px 0; }
.picleft2 { float: left; padding: 4px 8px 4px 0; }
.picright { float: right; padding: 0 0 8px 8px; }





/* -----------------------------------------------  Fancy Bits ---------------------------------------- */	

/* to create serif italic dramatic text, use this class */
.fancy { color: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; font-size: 1.2em; }  

/* creates small caps */
.caps { font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size: 1.2em; font-weight: bold; padding: 0 2px; }