/* andreas00 - 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 to the original author.
Version: 2.0 (Jan 29, 2007) */

body {
  background:#7c2128;
  color:#3a3a3a; 
  font:76% Verdana,Tahoma,Arial,sans-serif;
  margin:0 auto;
  padding:0;
}

/* Main layout and header */
#wrap {
  background:#fff;
  color:#303030;
  margin:0 auto;
  padding:1px 5px;
  width:860px;
}
#header {
  color:#505050;
  height:160px;
  margin:0 0 10px;
  padding:0;
}
#header h1 {
  font-size:2.5em;
  font-weight:400;
  letter-spacing:-2px;
  margin:0 0 4px 15px;
  padding:15px 0 0;
}
#header h1 a,#header h1 a:hover {
  font-weight:400;
  padding:0;
}
#header p {
  font-size:1.1em;
  letter-spacing:-1px;
  margin:0 0 20px 15px;
  padding:0 0 0 3px;
}

#headerlogo {
  clear:left;
  float:left;
  margin:0 0 10px;
  padding:0;
}
#headernav {
  float:right;
  text-align:right;
}

/* Left sidebar and menu */
#leftside {
  clear:left;
  float:left;
  margin:0 0 10px;
  padding:0;
  width:150px;
}
#leftside ul.avmenu {
  list-style:none;
  margin:0 0 18px;
  padding:0;
  width:150px;
}
#leftside ul.avmenu li {
  display:inline; 
  padding:0; 
  width:150px;
}
#leftside ul.avmenu li a {
  background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom:1px solid #d8d8d8; 
  border-left:4px solid #ccc;
  border-right:1px solid #d8d8d8; 
  border-top:1px solid #d8d8d8; 
  color:#505050; 
  float:left; 
  font-size:1em; 
  font-weight:700;
  margin-bottom:5px;
  padding:5px 1px 5px 5px;
  text-decoration:none;
  width:138px;
}
#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current {
  background:url(img/menubg2.gif) repeat-x bottom left #eaeaea;
  border-bottom:1px solid #b0b0b0; 
  border-left:4px solid #505050; 
  border-right:1px solid #b0b0b0; 
  border-top:1px solid #b0b0b0; 
  color:#505050;
}
#leftside ul.avmenu ul {
  font-size:0.9em; 
  margin:0 0 0 15px;
  padding:0 0 5px 0; 
  width:133px;
}
#leftside ul.avmenu ul a {
  padding:3px 1px 3px 5px; 
  width:123px;
}
#leftside ul.avmenu ul ul {
  font-size:1em;
  width:120px;
}
#leftside ul.avmenu ul ul a {
  width:108px;
}
#leftside h2 {
  font-size:1.5em; font-weight:400;
}

#leftside .announce {
  background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom:1px solid #d8d8d8; 
  border-left:4px solid #ccc; 
  border-right:1px solid #d8d8d8; 
  border-top:1px solid #d8d8d8; 
  clear:left; 
  color:#505050;
  line-height:1.3em;
  margin:10px 0;
  padding:5px 5px 5px;
  width:134px;
}
#leftside p,.announce p {
  font-size:0.9em;
}

/* Right sidebar */
#extras {
  float:right;
  margin:0 0 10px;
  padding:0;
  width:140px;
}
#extras p,#extras ul {
  font-size:0.9em; 
  line-height:1.3em; 
  margin:0 0 1.5em; 
  padding:0;
}
#extras li {
  list-style:none;
  margin:0 0 6px;
  padding:0;
}
#extras h2 {
  font-size:1.6em; 
  font-weight:400; 
  letter-spacing:-1px; 
  margin:0 0 6px;
}


/* Main content variations */
#content {
  line-height:1.5em;
  margin:10px 150px 10px 160px;
  padding:0; 
  text-align:left;
}
#contentwide {
  line-height:1.5em; 
  margin:10px 0 10px 160px; 
  padding:0; 
  text-align:left;
}
#content h2,#contentwide h2 {
  font-size:1.8em; 
  font-weight:400; 
  letter-spacing:-1px; 
  margin:8px 0 10px; 
  padding:0;
}
#content h3,#contentwide h3 {
  font-size:1.5em; 
  font-weight:400; 
  margin:6px 0; 
  padding:0;
}
#content img,#contentwide img {
  background:#ccc; 
  border:4px solid #f0f0f0; 
  color:#303030; 
  display:inline; 
  padding:1px; 
  margin:0 5px 5px 0;
}
#content ul,#content ol,#contentwide ul,#contentwide ol {
  margin:0 0 16px 20px;
  padding:0;
}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {
  margin:2px 0 2px 20px;
}
#content li,#contentwide li {
  margin:0 0 2px 10px; 
  padding:0 0 0 4px;
}

/* Footer */
#footer {
  background:#fff; 
  border-top:2px solid #dadada; 
  clear:both; 
  color:gray; 
  font-size:0.9em; 
  margin:0 auto; 
  padding:8px 0; 
  text-align:center; 
  width:760px;
}
#footer p {
  margin:0; 
  padding:0;
}
#footer a {
  background:inherit; 
  color:gray; 
  font-weight:400; 
  text-decoration:none;
}
#footer a:hover {
  text-decoration:underline;
}

/* Links and paragraphs */
a {
  background:inherit; 
  color:#7c2128; 
  text-decoration:none; 
  font-weight:700;
}
a:hover {
  background:inherit;
  color:#c82733; 
  text-decoration:underline;
}
a img {
  border:0;
}
p {
  margin:0 0 16px;
}
blockquote {
  background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom:1px solid #d8d8d8;
  border-left:4px solid #ccc;
  border-right:1px solid #d8d8d8;
  border-top:1px solid #d8d8d8;
  color:#505050;
  margin:16px;
  padding:7px 7px 7px 11px;
}
blockquote p {
  font-size:1.1em;
  line-height:1.3em;
  margin:0;
}

/* Tables and forms */
table {
  border:1px solid #d8d8d8;
  border-collapse:collapse; 
  line-height:1.3em; 
  width:95%; 
  margin:0 0 16px; 
  padding:0;
}
caption {
  font-size:1.5em; 
  font-weight:400; 
  margin:0; 
  padding:6px 0 8px; 
  text-align:left;
}
th {
  background:url(img/menubg2.gif) repeat-x bottom left #eaeaea; 
  color:#505050; 
  padding:7px; 
  text-align:left;
}
td {
  background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; 
  color:#303030; 
  font-size:0.9em; 
  padding:7px; 
  text-align:left;
}
input,textarea {
  border:1px solid #ccc; 
  font-family:Verdana,Tahoma,Arial,Sans-Serif; 
  font-size:1em; 
  margin:0;
  padding:4px;
}
label {
  margin:2px;
}
input {
  width:200px;
}
textarea {
  width:400px;
}

/* Search box */
#searchbox label,.hide {
  display:none;
}
#searchbox {
  margin:6px 0 16px;
  padding:0;
}
#searchform {
  background:#fff;
  border:1px solid #ccc;
  color:#505050;
  font-size:0.9em;
  padding:4px;
  width:116px;
}

/* Various classes */
.announce h2 {
  margin:0 0 10px;
  padding:0;
}
.textright {
  margin:-10px 0 4px;
  text-align:right;
}
.center {
  text-align:center;
}
.small {
  font-size:0.8em;
}
.large {
  font-size:1.3em;
}
.highlighted {
  background:#f0f0f0;
  border:1px solid #b0b0b0;
  color:#303030;
  padding:3px;
}
.button {
  background:url(img/menubg.gif) repeat-x bottom left #f4f4f4;
  border-bottom:1px solid #d8d8d8;
  border-left:4px solid #ccc;
  border-right:1px solid #d8d8d8;
  border-top:1px solid #d8d8d8;
  color:#505050;
  font-weight:700;
  margin:0 0 15px;
  padding:7px 7px 7px 11px;
  width:120px;
}
.left {
  float:left;
  margin:10px 10px 5px 0;
}
.right {
  float:right;
  margin:10px 0 5px 10px;
}
#banner {
  border:1px solid #b0b0b0;
  margin:0 5px 20px 0;
}
.important{color:#f02025; background-color:inherit; font-weight:bold; font-size:1.0em; 
}
.album {
  float:left;
  margin:0 0 20px 10px;
  padding:10px;
  border:1px solid #c0c0c0;
  background-color:#fafbfc;
  color:#505050;
  line-height:1.5em;
  width:195px;
  text-align:center;
}
.albumtitle {
  font-size:1.5em; 
  font-weight:400; 
  margin:0 0 5px 0; 
}
.album input {
	width:147px;
	height:33px;
	border:0;
	margin:0;
	padding:0 0 0 20px;
}
.normal input {
	width:147px;
	height:33px;
	border:0;
	margin:0;
}
.player {
	padding:0 10px 0 0;
}
.demo {
   font-size:1.3em; 
   font-weight:600;
}
.box{
  margin:0 0 20px 0;
  padding:10px;
  border:1px solid #c0c0c0;
  background-color:#fafbfc;
  color:#505050;
  line-height:1.5em;
}
.splitcontentleft{float:left; width:48%;}
.splitcontentright{float:right; width:48%;}