/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

/**************** Page and tag styles ****************/

body
{margin:0; padding:0; color: #000000; height: 100%; 
	background: #fff url(images/backgrd.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 0px;
font:76% Verdana,Tahoma,sans-serif; }


ul
{ padding: 0px;
margin-left: 3px; font-size:12px; color000; }

ol
{ padding: 0px; margin-left: 2px; font-size:12px; color: #000000; list-style-position: outside;}

li
{margin:0 0 8px 25px;}

a
{color:#000; font-weight:bold; text-decoration:none;}

a:hover
{color:#bbb; text-decoration:underline;}

a.buy
{color:#000; background-color:#CCCCCC;}

a.mp3
{color:#336699; font-weight:bold; text-decoration:none;}

a.mp3:hover
{color:#bbb; font-weight:bold; text-decoration:underline;}

a.play:hover
{color:#336699; text-decoration:underline; background-color:#;}

img
{float:center; margin:0 0px 0px 0; padding:1px;}

img.thumb
{float:center; margin:5px 5px; padding:0px;}

img.banner
{
	float:left;
	margin:0 0px 0px 0;
	padding:1px 1px 0 1px;
	
}

img.album
{float:left; margin:0 0px 0px 0; padding:0px 0 1px 0px;
}

img.floatLeft { float: left; margin:0 0px 0px 0;
padding: 3px 10px 1px 0; border: 0px;}

img.floatRight { float: right;
margin:0 0px 4px 4px; padding: 4px 0 0 0; background:#; border: 0px;}

.float {
	float: left;
	padding: 4px;
	overflow: hidden;
	width: 60px;
	height: 40px;
}

.thumbscontainer{
	padding: 10px 0 5px 0;
	height: 250px;
}

a img:hover
{background:#; border-color:#336699;}

.splitleft {
width: 156px; 
float: left;
overflow: hidden;
}


.splitright {
width: 370px; 
float: right;
overflow: hidden;}


.input {
 background-color:#ffff99  ;  old color ffff99
}

input:focus, select:focus
{
	background-color:#DCDCDC;    
}

textarea:focus
{
	background-color:#DCDCDC;    
}
.inputsmall
{width:50px; height: 8;}

textarea {
background-color: #ffff99;
color: #000;
padding: 0px 0px 0px 10px; FFFBF0 old bkgrndcolor
}

.dropcap {
  float: left;
  font: normal 60pt/0.8em Verdana,Tahoma, Arial, Helvetica, sans-serif;
  color: #996633;
  line-height:58px;
  margin-right: 3px;
}


/**************** Sidebar area styles ****************/

#sidebar
{position:absolute; top:0; left:0; width:198px; height:100%; overflow:x; background:#FFFFFF; text-align:right;}


body > #sidebar
{position:fixed;}


#sidebar h1
{margin:20px 18px 0 5px; color:#336699; background: #000000; font-size:1.6em; letter-spacing:-2px; text-align:right;}

#sidebar h2, #sidebar h3
{margin:0 20px 18px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}

#sidebar h3
{margin:20px 18px 4px 5px;  text-align: right;  }

#sidebar h4
{margin:20px 18px 4px 5px;  text-align: right;  }

#sidebar  p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}

.style3 {font-size: 1em;}

#sidebar a
{color:#808080; }

#sidebar a.small
{color:#808080; font-size:0.7em;}

#sidebar form
{margin-right: 5px;}

/**************** Navigation menu styles ****************/

#menu a
{display:block; width:180px; padding:5px 18px 5px 0; color:#ccc; background:#; font-size:18px; font-weight:normal; text-decoration:none; letter-spacing:0px;}


#menu a:hover 
{color:#000; background:#; font-weight:bold;}


#menu a.active
{padding:5px 18px 5px 0; color:#336699; background:#FFFFFF; font-weight:bold;}


#menu a.active:hover
{color:#996633; background:#;}

/**************** Content area styles ****************/

#content
{
	width:520px;
	height:100%;
	margin:0 0 0 198px;
	padding:10px 20px 10px 20px;
	background: #FFFFFF [EDEDCF] url(img/sidbarbg.gif) top left repeat-y;
	overflow:none;
	color: #000;
	font-family: Verdana; 
	font-size:10pt; 
}

#content p
{margin:0 15px 20px 0; line-height: 14px; word-spacing: 4px;}

#content h1
{margin:0; color:#336699; font-size:4em; letter-spacing:-5px; text-align:left;}

#content h2
{
	margin:0;
	color:#336699;
	font-weight:normal;
	font-size:2.5em;
	letter-spacing:-2px;
	text-align:left;}

#content h2.welcome
{
	margin:0;
	color:#336699;
	font-weight:normal;
	font-size:2.5em;
	letter-spacing:-2px;
	text-align:left;}
#content h3
{clear:both; margin:5px 0 5px 0; color:#996633; font-weight:normal; font-size: 2em; letter-spacing:-2px;}

#content h4
{margin:5px 0 3px 0; color:#666666;  font-size: 1.5em; font-weight:normal; letter-spacing: -2px;}

#content h6
{font-size: 12px; color:#666666;}

#content .small
{clear:both; margin:30px 0 10px 0; color:#333333; font-weight:normal; font-size: .5em; letter-spacing: .01em;}

#content .rightmargin
{margin: 0 7px 0 0; background:#fff [EDEDCF]; }

#content .caption1
{position:relative; width:155px; height:115px; z-index:1; left: 4px; top: 5px; font-size: 12px; text-align: left;}

#content a
{color:#;}

#footer
{clear:both; padding: 5px; text-align:center;}

#footer a
{width:180px; padding:5px 18px 5px 0; color:#BBB; background:#; font-size:12px; font-weight:normal; text-decoration:underline; letter-spacing:0px;}

#footer a:hover 
{color:#333; background:#;}

#footer a.active
{padding:5px 18px 5px 0; color:#336699; background:#FFFFFF [EDEDCF]; font-weight:bold;}

#footer a.active:hover
{color:#996633; background:#;}

/**************** Song list styles ****************/

#song
{width:300; margin:0 0 0 0px; padding:0px 0px; background:#996633;}

#song ol
{list-style:decimal; list-style-position: inside; margin:0px 0px 0px 0px; font-size:12px;}

#song li
{margin:0 0 0px 0px; padding: 2.5px}

/**************** Song Caption list styles ****************/

#caption1
{position:relative; width:155px; height:115px; z-index:1; left: 0px; top: -12px; font-size: 12px; text-align: left;}

#caption2
{position:relative; width:157px; height:115px; z-index:2; left: 0px; top: -50px; font-size: 12px;}

/**************** Links page styles ****************/

a.linkspage
{text-decoration:underline;}

a.linkspage:hover
{color:#bbb;}