/* palette */








 * {
padding: 0;
margin: 0;
}
/* ie5 win */
body { 
	font: small serif;
  margin: 0px; 
	padding: 0px; 
	line-height: 14px;
	color: #000;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small;
	
}


body
{
	font-family: "Lucida Grande", Verdana,"Trebuchet MS", "Bitstream Vera Sans", sans-serif;
	font-size: 76%/ 135%;
	
	background-color: #fff;
	padding: 0px;
	margin: 0px;
	color: #000;
	line-height: 130%;
	
}
p {
font-size: 1em;
line-height: 1.6em;
padding: 0.5em 0;
margin: 3px 0 10px 0;
}
p:hover a{
color: #0087e8;
}

/* styles for IE 5 Mac */
 #horizon {
	
	position: absolute;
	top: 20px;
	left: 20px;
 }
 
 /* following rules are invisible to IE 5 \*/
 #horizon {
   top: 33%;
   left: 0px;
   width: 100%;
   margin-top: -200px;
   text-align: center;
   min-width: 800px; 
 }
 /* end IE 5 hack */ 
	  
#wrapper {
	
	position: relative;
	text-align: left;
	width: 90%;
	height: 100%;
	margin: 0px auto;
}

.trigger{
	cursor:pointer;
	margin: 20px 0 0 0;
	border:none;
		}		
.trigger:hover{
			cursor:pointer;
			background:transparent;
			border:none;
}		
.expanded{
			background:#fff;
			cursor:pointer;
			margin: 20px 0 0 0;
			border:none; 
			padding: 0;
}
.expanded:hover{
			background:#transparent;
			cursor:pointer;
			border:none;
			
}
.show{
}
.hide{
			display:none;
		}
.trigger a:link,a:visited,a:hover,a:active {
		border: none;
		}
		

fieldset 
{
  padding: 1em;
  border:solid 1px #b4b4b4;
  text-align: right;
} 

label 
{
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	color: #333;
	
} 

h1
{
	
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	color: #b4b4b4;
}
h2
{
	
	font-size: 1em;
	font-weight: bolder;
	text-decoration: none;
	margin:0 0 0 20px;
}


h3, .h3
{
color: #6b6b6b;
	font-size: 0.9em;
	line-height: 1em;
	font-weight: bold;
	text-decoration: none;
	margin0;
}


h4 {
		
	font-size: .9em;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	color: #000;
	
	}
h5
{
	
	font-size: .8em;
	font-weight: bold;
	text-align: left;
	color: #b4b4b4;
	margin-left: -10px;
	
}


small
{

	font-size: 0.8em;
	color: #8b8682;
	text-decoration: none;
}

code
{
	font-family: Courier, Monaco, monospace;
}


#list td, th
{
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	border:none;
	text-align: left;
	vertical-align: top;
}

#list th
{
	vertical-align: bottom;
}

#list td.noline
{
	border-width: 0px;
	vertical-align: middle;
	height: 30px;
}

#edit td.noline
{
	border-width: 0px;
	vertical-align: middle;
}


td.selector
{
	padding: 6px 3px 6px 3px;
	text-align: left;
	border-color: #fff;
	border-width: 3px 0px 0px 0px;
	border-style: solid none none none;
	vertical-align: top;
}

td.selector2
{
	font-size: 10px;
	padding: 6px 3px 6px 3px;
	text-align: left;
	vertical-align: top;
	border-color: #fff;
	border-width: 3px 0px 0px 0px;
	border-style: solid none none none;
}


td.declaration
{
	font-size: 10px;
	padding: 0px 3px 0px 3px;
	text-align: left;
	text-align: left;
}

td.categories p
{
	padding-top: 3px;
	margin-top: 6px;
	margin-bottom: 3px;
	border:none;
	line-height: 1.6em;
}





#list td, th
{
	font-size: 11px;
	padding: 3px 5px 3px 5px;
	border-bottom: #ccc;
	border:none;
	text-align: left;
	vertical-align: top;
}

#list th
{
	vertical-align: bottom;
}

a {text-decoration: none;}
a img {border: none;}
a:link {color:#42487f;} 
a:visited {color: #4c526b;}
a:hover {color: #0087e8;}

#thumbnail a:hover {border: none;}


input
{
	background-color: #fff;

	font-size: 0.9em;
	text-align: left;
	color: #009;
	border:none;
	padding: 3px;
	
}
#contactform input, textarea {
background-color: #fff;
border: solid 1px #b4b4b4;
}
#contactform textarea {
background-color: #fff;
}




select
{
	background-color: #fff;

	font-size: 0.9em;
	border:solid 1px #b4b4b4;
	text-align: right;
}

textarea
{
	

	padding: 3px;
	font-size: 0.9em;
	line-height: 140%;
	border: solid 1px #b4b4b4;
	text-align: left;
	margin-bottom: 5px;
	color: #009;
	
}
#zem_contact_submit {
background-color: $medgray;
color: #fff;
padding: 3px;
}
.contact
{
	background-color: #fff;

	padding: 3px;
	font-size: 11px;
	line-height: 140%;
	border: solid 1px #b4b4b4;
	text-align: left;
	color: #b4b4b4;
}



#box p
{
	margin-top: 3px;
	margin-bottom: 0;
	text-align: right;
	line-height: 16px;
	font-size: 10px;
}

#box h1
{
	text-align: right;
	margin-top: 18px;
}



#logo  {
	height: 50px;
	background-image:  url(gds_g_over.gif);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom:solid 1px #000;
	background-color: #fff;
	margin: 0 auto;
	padding:0;
	width: 760px;
	left: 0px;
	top: 0px;
	
}
#logo_state {
	height: 50px;
	background-image:  url(gds_g.gif);
	background-repeat: no-repeat;
	background-position: center top;
	border-bottom:solid 1px #000;
	background-color: #fff;
	margin: 0 auto;
	padding:0;
	width: 760px;
	
}
#logo a {
	background-color: #fff;
	background-image:  url(gds_g.gif);
	background-repeat: no-repeat;
	background-position: top center;
	position: absolute;
	height: 50px;
	z-index: 2;
	visibility: visible;
	width: 760px;
	margin: 0;
	padding:0;
	border-bottom:solid 1px #000;
}

#logo a:hover {
	background-color: #fff;
	background-image:  url(gds_g_over.gif);
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	height: 50px;
	z-index: 2;
	visibility: visible;
	width: 760px;
	margin: 0;
	padding:0;
	border-bottom:solid 1px #000;
	display: block;
	
	
}


#copyright {
	width: 760px;
	height: auto;
	padding: 0.5em;
	margin: 0 auto 10px auto;
	float: none;
	clear:both;
	border-top: solid 1px #000;
	text-align: center;
	background: transparent;
	color: #333;
	font-weight: normal;
	font-size: 0.95em;
	
}
#copyright p{

	line-height: 1em;
	
	padding: 1em 0;
	

	
}

#middle {

border: none;
text-align: center;
margin-left:260px;
margin-right: 260px;
padding: 1em 0 0 0;

}
#middle p{
margin: 0;
padding-bottom: 2em;
}
#container {
	overflow:hidden;
}
#left {
	margin:0 0 -999.5em;
	width: 47%;
	height: auto;
	border-right: solid 1px #000;
	padding: 2em 3% 1000em 0;
	float:left;
	text-align: right;
	
	}
	
#left a:hover {color: #0087e8;
border-bottom: 1px solid #0087e8; background-color:#f3f2f1;}

#left p{
margin: 0 5px 5px 5px;
padding-left: 20%;


}
form {
border: none;
}
#left form {
text-align: right;

}
.borderless input{
border: none;
}
#left input {
text-align: right;
}
#left h4 {
text-align: right;
color: #333;
font-size: 1em;
font-weight: bold;
}

#right{  
width:47%;
height: auto;
border:none;
padding: 1em 0 1000em;
float:right;
margin: 2em 0 -999.5em  0;
text-align: left;

}
#right p{
margin: 0;
padding:0;
margin: 3px 0 10px 0;
}



#left img {

margin: 10px 0;
border: none;
padding: 0;
}

#thumbnail {
padding: 0 0.5em;
margin-right: 25%;
}


#thumbnail img{
background-color: #f3f2f1;
padding: 2px;
border: none;
margin: 3px;
}

#thumbnail a:hover img{
background-color: #ccc;

}
#thumbnail p {
font-size:.8em;
line-height:1.25em;
}


#top {
width: 760px;
height: 300px;
margin-bottom: 10px;

}

#nav {
	height: 120px;
	width: 320px;
	border:none;
	margin:2em 0;
	padding: 0;
}
#nav p {
color: #9ac0cd;
}
#nav li {
	height: 30px;
	width: 160px;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.frame {
	background-color: #fff;
	margin:2em 0 3em 0;
	padding: 3px;
	width: 203px;
	height: 153px;
	border: solid 1px #b4b4b4;
}
#about {
padding: 0;
border: none;
margin: 0;
width: 56px;
height: 24px;
background: url(about_g_over.gif
) no-repeat left center;
position: absolute;
z-index: 3;
}
#about a {
padding: 0;
border: none;
margin: 0;
background: url(about_g.gif) no-repeat left center;
width: 56px;
height: 24px;
position: absolute;
z-index: 3;
display: block;
}
#about a:hover {
padding: 0;
border: none;
margin: 0;
background: url(about_g_over.gif) no-repeat left center;
width: 56px;
height: 24px;
position: absolute;
z-index: 4;
display: block;
}
#about_state {
padding: 0;
border: none;
margin: 0;
width: 56px;
height: 24px;
background: url(about_g_state.gif) no-repeat left center;
position: absolute;
z-index: 3;
}
#recordings {
padding: 0;
border: none;
margin: 0;
width: 146px;
height: 24px;
background: url(recordings_over.gif) no-repeat left center;
position: absolute;
z-index: 3;
}
#recordings a {
padding: 0;
border: none;
margin: 0;
background: url(recordings.gif) no-repeat;
width: 146px;
height: 24px;
position: absolute;
z-index: 3;
display: block;
}
#recordings a:hover {
padding: 0;
border: none;
margin: 0;
background: url(recordings_over.gif) no-repeat;
width: 146px;
height: 24px;
position: absolute;
z-index: 4;
display: block;
}
#recordings_state {
padding: 0;
border: none;
margin: 0;
width: 146px;
height: 24px;
background: url(recordings_state.gif) no-repeat;
position: absolute;
z-index: 3;
}
#links {
padding: 0;
border: none;
margin: 0;
width: 52px;
height: 24px;
background: url(links_g_over.gif) no-repeat;
position: absolute;
z-index: 3;
}
#links a {
padding: 0;
border: none;
margin: 0;
background: url(links_g.gif) no-repeat;
width: 52px;
height: 24px;
position: absolute;
z-index: 3;
display: block;
}
#links a:hover {
padding: 0;
border: none;
margin: 0;
background: url(links_g_over.gif) no-repeat;
width: 52px;
height: 24px;
position: absolute;
z-index: 4;
display: block;
}
#links_state {
padding: 0;
border: none;
margin: 0;
width: 52px;
height: 24px;
background: url(links_g_state.gif) no-repeat;
position: absolute;
z-index: 3;
}
#contact {
padding: 0;
border: none;
margin: 0;
width: 76px;
height: 24px;
background: url(contact_g_over.gif) no-repeat;
position: absolute;
z-index: 3;
}
#contact a {
padding: 0;
border: none;
margin: 0;
background: url(contact_g.gif) no-repeat;
width: 76px;
height: 24px;
position: absolute;
z-index: 3;
display: block;
}
#contact a:hover {
padding: 0;
border: none;
margin: 0;
background: url(contact_g_over.gif) no-repeat;
width: 76px;
height: 24px;
position: absolute;
z-index: 4;
display: block;
}
#contact_state {
padding: 0;
border: none;
margin: 0;
width: 76px;
height: 24px;
background: url(contact_g_state.gif) no-repeat;
position: absolute;
z-index: 3;
}





#col-a, #col-b {
margin: 0;
padding: 0;
float: left;
width: 286px;
}
#col-b {
width: 250px;
float: right;
}
blockquote {
	margin: 5px 0 5px 30 %;
	padding: 0.5em;
	color: #22316c;
	
}
ul {
	border: none;
	list-style-image: none;
	list-style-type: none;
	margin:0 0 20px 0;
	padding-left: 25px;
}

#catalog ul {
background-color: #f3f2f1;
padding: 5px;
margin: 0;
border-top: none;
border-right: none;
border-bottom: dotted 1px #8b8682;
border-left: none;
} 


.discography ul {
	border: none;
	list-style-image: none;
	list-style-type: none;
	line-height: 1em;
	margin: 10px 0;
}
li {
	border: none;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0 0 5px 0;
	vertical-align: super;
}



#contactform {
	padding: 20px 0 20px 0;
	margin: 20px 0 20px 0;
}
strong {
color: #333;
}
#contactform li {
	color: #f00;
	font-weight: bold;
}
button {
	padding-top: 10px;
}
.entry {
	padding: 0.3
	em;
	margin: 0;	
}
.entry h4{
margin: 5px 0 10px 0;
}

.category {
color: #22316c;
}


.entry img {
background-color: #f3f2f1;
margin: 10px 0;
}
 
.buy {
	display: block;
	margin: 0;
	padding: 5px 0;
	border: none;
width: 100%;
text-align: right;	
}


.buy input{
background-color: transparent;
margin: 0;
padding: 0;
border: 0;

}
input:focus:hover {
background:#f3f2f1;
}


.discog {
	padding: 1em;
	margin-bottom: 10px;
}
.discography {
margin: 25px auto auto 0;
width: 285px;
padding: 1em;
border:none;
}
.discography img {
padding: 1px;
display:inline;
border:none;
margin: 0;
border: none;
}
.rightimg {
border:none;
margin:0;
padding:0;
}
.title {
color: #666;
}

.discography a:link,a:visited,a:hover,a:active {
		border: none;
		}