@charset "UTF-8";
/* CSS Document */
/** http://clasicgaragerock.com **/

/**html tags 3d0099 25005c background: #3d0099 url('assets/CGRL_Burst.gif') top center no-repeat; **/
body {font-family: Verdana, Arial, Helvetica, sans-serif; background: #3d0099 url('assets/CGRL_Burst4.gif') top center no-repeat;top:0px;margin:0px;}
table, tr, td {vertical-align: top; /**border: solid 1px white;**/}
table {width: 100%;}
p {font-size: 13px; line-height: 20px; color:#fff; margin-bottom: 0px; margin-top: 0px;}
h1, h2, h3, h4, h5  { text-transform: uppercase; text-align:left;}
h1 { font-size: 20px; color: #e7e7e7; }
h2 { font-size: 25px; margin-bottom: 8px; letter-spacing: 2px; }

a:active {color: green;}
a:visited {color: #fff;}
a:link {color: white;} 

/**Main Div's**/
#container {width: 1000px; margin: 60px auto; padding-bottom:20px; background-color: #000; color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
#content {margin: 0 30px 0 30px; height: auto;}
#cgrl-logo { text-align: center; height: 223;}
#cgrl-logo img {padding:30px;}
#albumscontainer {} 
.nodisplay {display: none;}
.slider { }
/** Label Class Specifiers (Automatically gennerated and applied to libraries)**/
.dunwich {} /**= colors- prime: #FED500  second:  =**/
.styx {} /**= colors- prime: #a63b13  second: #f79e72  =**/
.woodennickel {} /**= colors- prime: #ad660f  second: #d9c998 =**/
.othergenres {} /**= colors- prime: #3d0099 (old#c2bcaf)  second: #bd92fe (old#fff) =**/

/* site purple: #3d0099 */

/** link hiarchy **/
.prime { font-weight: bold; font-size: 105%; }
.second {font-size: 90%;}
.space {}

/** Page Title **/
.pgtitle { width: 100%; height: 0%; margin-top: 0px; margin-bottom: 35px; }
.pgtitle h2 {text-align: center; padding: 0; color: white; }

/** Art Column **/
.artcolumn {width: 345px; float: left;  text-align: center;}
.artcolumn img {border: white solid 1px; margin-bottom: 10px;}
.artcolumn p {font-size: 13px; color: #fff; line-height: 15px; text-align: center;}
.caption {width: 100%; margin-bottom: 50px;}

/** Right Column **/
.rtcol {width: 585px; float: right; color: white; }
.rtcol a { display: block; width: auto; text-decoration: none;}

/** index page (formaly AboutUs page) **/
.albums {margin-left: -10px;}

.homePage {width: 100%}
.homePage .lftColumn {float: left; width: 59%; }
.homePage .rtColumn {float: right; width: 39%; }
.highlite {color: red; }
.highlite a {text-decoration: none;}


.splash h2, h3, h4 { text-align: center; letter-spacing: .5px;/*font-family: "Handwriting - Dakota", "Lucida Handwriting", "Brush Script MT", "cursive", "Comic Sans MS" */}
.homePage .splash h2 {font-size: 30px; color: yellow; line-height:40px; margin: 7px 0px 3px; /**border-bottom: yellow solid 1px; padding-bottom: 9px; */}
.splash h3 {font-size: 16px; color: #fff; line-height:25px;}
.splash h4 {font-size: 16px; color: #fff; margin: 0;}
.splash h4 a {
	color:#58baf2;
	text-decoration: none;
}
.splash h4 a:hover {
	color:#8942f4 !important;
}

.aboutUs {}
.homePage h2 {text-align: center; color: #fff; margin: 0px 0px 6px 0px;}
.whoWeAre img, .aboutUs img 
{margin: 2px 15px 15px 0; border: #fff 1px solid; float: left;}
.contactBox p, .whoWeAre p {margin-bottom: 10px;}
.nowPlaying, .searchBox {font-size: 13px; color: #FFF; line-height: 34px;}
.searchBox {line-height: 30px; font-size: 12px;}
.nowPlaying {line-height: 21px;}
.introTXT { }
.whoWeAre h3 {font-size: 28px; color: red; padding: 0 0 8px; margin: 0; line-height: 30px;}
.whoWeAre .og  { color: #3295D6;  letter-spacing: 1pt; font-size: 110%;} /*3295D6*/
.whoWeAre p  { margin: auto 5px 10px 7px;}
.contactBox, .whoWeAre, .splash, .aboutUs, .introTXT, .nowPlaying, .searchBox, .bioBox {margin-bottom: 20px; padding: 10px; width 90%;  border: #3d0099 4px solid; }
.contactBox .spacer {margin-bottom: -2px;}
.aboutUs {float: left;}
.aboutUs p {margin-bottom: 12px; padding: 0px 12px 0px 12px;}
.access-websites a:hover {color:#ece956;}
/** search page **/
#results {line-height: 1.75em;}
#results h1 {padding: 25px 0px 10px 0}
#results h2 {line-height: 3em;}
#results .thesnippet {font-size: 140%; }
#results .prime { font-weight: regular; font-size: 100%; }
#results .second {font-size: 100%;}
#results a {font-weight: bold;}

#results .dunwich .prime a {color: #FDE500; }
#results .dunwich .second a {color: #ffffb5; }
#results .dunwich .second a:hover {color: #FDE500; } 
#results .dunwich .prime a:hover, .prime a:active {background: #FED500; border-left-color: #FED500; color: #000000;}
#results .dunwich .second a:hover, .second a:active {background: #ffffb5; border-left-color: #ffffb5; color: #000000;}
  
*#results .styx .prime a {color: #a63b13}  
#results .styx .second a {color: #f79e72} 
#results .styx .prime a:hover, .prime a:active { background: #a63b13; border-left-color: #a63b13; color: #000;}
#results .styx .second a:hover, .second a:active { background: #f79e72; border-left-color: #f79e72; color: #000;}

#results .woodennickel .prime a{color: #ad660f; }
#results .woodennickel .second a:hover {color: #ad660f; background: #000; border-left-color: #000;} 
#results .woodennickel .prime a:hover, .prime a:active { background: #ad660f; border-left-color: #ad660f; color: #000000;}
#results .woodennickel .second a:hover, .second a:active { background: #d9c998; border-left-color: #d9c998; color: #000000;}

#results .othergenres .prime a,  {color:  #3d0099; }
#results .othergenres .second a:hover {color: #000000;}
#results .othergenres .prime a:hover, .prime a:active { background: #3d0099; border-left-color: #3d0099; color: #000000;}
#results .othergenres .second a:hover, .second a:active { background: #bd92fe; border-left-color: #fff; color: #000000;}



/** About Us Navigation **/
.aboutus ul {margin-left: -100px;}
.aboutus li {font-size: 16px; line-height: 18px; color: #fff; text-decoration: none; display: inline; padding-left: 25px; padding-right: 25px; border-right: #fff 2px solid; }
.aboutus a:hover, .aboutus a:active { color: #fff; }
.aboutus a:visited  { color: #fff;}

/** Song Page **/
.song {width: 530px;}
.song tr {height: 25px;}
.graph {margin-right: 10px; text-align: right;}
.graph_artist .graph {line-height:45px;} /** adjustment to align with band link **/
.data {font-weight: bolder; margin_left: 10px; padding-left: 10px; border: 1px solid #000; } 
	/** "Download Song" **/
	.graph-dl {font-size: 10px; line-height: 10px; text-align: left;}
		.graph-dl a:hover {color: blue;}
		.graph-dl a:active, a:visited {color: #fff;}

.artist a {font-weight: bolder; font-size: 16px; line-height: 20px; 
		 padding: 10px 0px 10px 10px;  background: #000; border: 1px solid #000;}
.artist a:hover { color: #000;  padding: 10px 0px 10px 10px;  border: 1px solid; line-height: 20px;}

	/** hover highlite colors **/
		.dunwich .artist a:hover {background: #FED500; border-color: #FED500;}
		.styx .artist a:hover {background: #a63b13; border-color: #a63b13;}
		.woodennickel .artist a:hover {background: #ad660f; border-color: #ad660f;}
		.othergenres .artist a:hover {background: #3d0099; border-color: #3d0099;}

.lyrics {padding-left: 10px; }

/** Bio Page **/
.bio {width: 400px; margin-left: 130px; margin-bottom: 15px;}


/** Library Page **/
	.library {width: 370px;}

	/** Sort **/
		.sort .prime {margin-bottom: 10px;}
		.sort .second a {color: white; text-decoration: underline; margin-bottom: 20px;}

	/** Shelves **/ 
	.shelves .prime a {padding: 10px 0px 10px 10px; } 
	.shelves .prime a:hover {} 
	.shelves .second a, .shelves .out {margin-left: 20px; padding: 2px 0px 2px 6px; }
	.shelves .second a:hover, a:active {color: black; }

	.shelves .spacer {font-size: 10px; }
	
/** HOVER COLORS **/

/** Label Specific Highlight Color**/
.dunwich .sort .prime {color: #FDE500; }
.dunwich .sort .second a:hover {color: #FDE500; } 
.dunwich .shelves .prime a:hover, .prime a:active {background: #FED500; border-left-color: #FED500;}
.dunwich .shelves .second a:hover, .second a:active {background: #ffffb5; border-left-color: #ffffb5;}
  
.styx .sort .prime {color: #a63b13}  /** no option for sort by band **/
.styx .sort .second {color: #f79e72} /** no option for sort by song **/
.styx .prime a:hover, .prime a:active { background: #a63b13; border-left-color: #a63b13;}
.styx .second a:hover, .second a:active { background: #f79e72; border-left-color: #f79e72;}

.woodennickel .sort .prime {color: #ad660f; }
.woodennickel .sort .second a:hover {color: #ad660f; background: #000; border-left-color: #000;} 
.woodennickel .prime a:hover, .prime a:active { background: #ad660f; border-left-color: #ad660f;}
.woodennickel .second a:hover, .second a:active { background: #d9c998; border-left-color: #d9c998;}

.othergenres .sort .prime {color:  #3d0099; }
.othergenres .sort .second a:hover {color: #3d0099;}
.othergenres .prime a:hover, .prime a:active { background: #3d0099; border-left-color: #3d0099;}
.othergenres .second a:hover, .second a:active { background: #bd92fe; border-left-color: #bd92fe;}

/** Bottom Navigation **/
.horiznav { width: 100%; text-align: center; clear: both;  padding: 40px auto 40px auto;}
.horiznav li {font-size: 12px; color: #fff; 
display: inline; padding-left: 13px; padding-right: 13px;  }
.horiznav a:hover, #horiznav a:active { color: #fff; }
.horiznav a:visited  { color: #fff;}

/* removes dashed line in fire fox */


/** code (c) greg dahl 2009 **/