/*
styles for inthepines.org

Jarin Tabata
jarin@inthepines.org

*/

body {
text-align:center;
background-color:#fff;
background-image: url(img/bg.jpg);
font-family: georgia, serif;
font-size:11px;
line-height: 14px;
color: #666;
margin-bottom: 35px;
}

a:visited {
color: #009900;
}

a:link {
color: #009900;
}

a:active {
color: #009900;
}

a:hover {
color: #006c40;
}


#outer {
margin: 0 auto;   
text-align:left;
width: 450px;
}

#menutabs {
margin:0;
padding: 7px 0 25px 0;
}


#menutabs li {
margin: 0;
padding: 0;
display: inline;
list-style: none;
}

#menutabs a {
float: left;
margin: 0 0 4px 0;
color: #090;
font-size:12px;
text-decoration:none;
border-right: 1px solid #999;
padding: 0 6px;
}

#menutabs a.active, #menutabs a:hover {
color: #006c40;
}

#header {
font-size: 36px; 
color: #006c40;
padding-bottom: 10px;
margin: 20px 0 3px 0;

}

.listen {
font-size: 10px;
font-weight: bold;
color: #696044;
background-color: #DFD9C7;
padding: 2px;
}

#playlist h1 {
font-size: 19px;
color: #623607;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
padding: 8px 0 8px 3px;
background-color:#ecebe6;
font-weight: normal;
margin:0;
}

h1 {
font-size: 19px;
color: #623607;
border-top: 1px solid #999;
padding: 8px 0 8px 3px;
background-color:#ecebe6;
font-weight: normal;
margin:0;
}

h2 {
font-family: arial; 
font-size: 9px;
margin: 0;
}

h3 {
font-size: 14px; 
color: #3A3125;
margin: 0;
}

#playlist {
margin:0;
padding: 7px 0 15px 0;
width:450px;
}

#playlist ul {
margin: 10px 0 20px 0;
padding: 0;
list-style: none;
}

#playlist li {
margin: 1px 0 0 3px;
padding: 0;
list-style: none;
}

#archive li {
	padding-top: 10px;
	margin:0;
	text-align:center;
}

#footer {
clear: both;
padding: 10px 0 0 0;
line-height: 16px;
}

#footer a {
color: #623607;
}

.artist {
clear:both;
border-top: 1px solid #999;
}

.artistimg {
width: 150px;
float: left;
padding: 20px 0 20px 0;
}


.artistdata {
float: right;
width: 300px;
padding: 20px 0 20px 0;
}

.shopimg {
width: 160px;
float: left;
padding: 20px 0 20px 0;
}

.shopdata {
float: right;
width: 290px;
padding-top: 20px;
}

.small {
font: 10px arial, sans-serif;
color: #666;
}