/*-------------------------------------------------
  Nucleus CMS Stylesheet - bundled with version 3.2
  Based on the Stanch skin by Ivan Fong
  Mods by hcgtv and moraes
-------------------------------------------------*/

/*-------------------------------------------------
  General layout
-------------------------------------------------*/


/*
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: 15px;
color: #666;
margin-bottom: 35px;
}

.content {
float:left; 
display:block; 
clear: both; 
margin-right: 25px;
}

a:visited {
color: #009900;
}

a:link {
color: #009900;
}

a:active {
color: #009900;
}

a:hover {
color: #006c40;
}

h2 a {
line-height: 20px;
}

h2 a:visited {
color: #574830;
}

h2 a:link {
color: #574830;
}

h2 a:active {
color: #574830;
}

h2 a:hover {
color: #006c40;
}



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

#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;
line-height: 20px;
}

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-bottom: 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;
}

/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#sidebarcontainer
{
	float: right; 
	display: block; 
	clear:both;
	width: 204px;
	padding: 2px 0 0 0;
}
.sidebar
{
	color: #21262A;
	margin: 10px 0 4px 6px;
}

/* Menu lists */
.sidebardl
{
	padding: 0 0 10px 0;
	margin: 0;
}
.sidebardl dt
{
	background: #E5E5E5 url(images/sidetitlebg.gif);
	color: #3A3523;
	font-size: 12px;
	font-weight: bold;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	padding: 4px 10px;
}
.sidebardl dd
{
	background: #EEEEEE;
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd:hover
{
	background: #E7E7E7;
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd a:link, .sidebardl dd a:visited
{
	background: url(images/arrow.gif) left center no-repeat;
	padding: 0 0 0 10px;
}

/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.contenttitle h2
{
font-size: 16px;
color: #623607;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
padding: 8px 0 8px 3px;
background-color: #dcdad1;
font-weight: normal;
margin:12px 0 0 0;
font-family: georgia, times, serif;
width: 468px;
}
.contentbody
{
	font-size:12px;
	text-align: left;
	padding: 0 0 16px 0;
}

/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	background: url(images/bgcategory.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 14px;
}
.contentitempostedby
{
	background: url(images/bgpostedby.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 12px;
}
.contentitemcomments
{
	background: url(images/bgcomment.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 13px;
}
.contentitemedit
{
	background: url(images/bgedit.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 11px;
}
.contentitem
{
	padding: 3px;
	margin: 0 0 16px 0;
	background-color: #ecebe6;
	width:450px;
}
.contentitem1
{
	display: inline;
}
.contentitem2
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem3
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(images/dotv.gif) left repeat-y;
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment
{
	background: url(images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;

}
.commentform {

margin-top: 10px;
}
.itemcomment:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;

}
.id1:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;

}
.itemcomment h3
{
	font-size: 12px;
}

.pageswitch {
margin: 10px 0;
padding-top: 10px;
text-align: center;
font: 11px verdana;
}

.pageswitch a {
padding: 3px;
border: 1px solid #ccc;
}

.pageswitch strong { 
padding: 3px;
   border: 1px solid #666; 
   font-weight: bold; 
   background: #dcdcdc; 

}