body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	color: #666;
	margin:0;
	padding:0;
	background: #4F4F4F url('img/background.gif');
}


.input11{
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif; 

}

.commentText{
font-size: 11px; 
font-family: Arial, Helvetica, sans-serif; 


}
.commentAdded{
font-size: 11px; 
font-family: Arial, Helvetica, sans-serif; 
font-weight:bold;


}
h1, h2, h3, h4, h5, ul, dl, dd, dt, li, ol, p, form {margin:0; padding:0;}
img {border: none;}
.cl {clear: both;}
.cwrap {margin: 0 12px;}
span.new, span.vote, span.awaitng {color: #900; font-weight: bold;}

.ratingH {color:#990000;}
.ratingL {color:#888888;}

a:link {color: #f93;}
a:visited {color: #f93;}
a:hover {color: #f03; text-decoration: none;}
a:active {color: #f03; text-decoration: none;}

h1 {font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 8px; color: #039; font-size: 28px;}
h2 {font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 8px; color: #039; font-size: 18px;}
h3 {font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 8px; color: #039; font-size: 14px;}
h4 {font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 8px; color: #039; font-size: 14px;}
h3 .trackname {font-weight: bold; color: #900;}


#wrapper {width: 760px; margin: 0 auto; background-color: #E5E5E5;}
#header {margin:0 2px; background: #fff url('background.gif') top left no-repeat; width: 750px; height: 237px;}
#logo { margin: 15px 0 0 35px; float: left;}

#columnInfo {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 1px;
	color: #666;
	margin:0;
	padding:0;
}

#columnInfo label {display: inline; color: #000;}

#login, #userpanel {
	display: block;
	float: right;
	width: 545px;
	height: 40px;
	margin-top: 10px;
}

#userpanel {font-size: 70%; margin-top: 10px; width: 560px;}
#userpanel .userName {float: left;}
#userpanel .userName img {display: none;}
#userpanel span {float: left; margin-right: 8px;}
#userpanel ul {list-style: none; clear: both;}
#userpanel li {display: inline; float: left;  margin-right: 8px;}

#login .ifield {
	width: 120px; 
	border: none; 
	background-color: #F5F5F5; 
	float: left; 
	margin-right: 5px;
	font-size: 70%;
	padding: 3px;
	color: #666;
}

#login label {
	font-size: 70%; 
	color: #7F7F7F; 
	display: block; 
	width: 50px; 
	float: left; 
	text-align: right; 
	padding-top: 3px; 
	margin-right: 5px;
}

#login .submit {
	border: none;
	background-color: #F5F5F5;
	color: #666;
	width: 35px;
	float: left;
	margin-left: 5px;
	cursor: pointer;
}

#login ul {
	font-size: 70%;
	float: left;
	width: 120px;
	list-style: none;
	margin-left: 10px;
}

#login a:link {color: #FF9966; text-decoration: none;}
#login a:visited {color: #FF9966; text-decoration: none;}
#login a:hover {color: #FF9966; text-decoration: underline;}
#login a:active {color: #FF9966; text-decoration: underline;}

#nav {
	height: 22px;
	clear: both; 
	margin: 0 5px;
	border: 1px solid #fff;
	background: #EAEAEA url('img/navbg.gif') top left repeat-x;
}

#nav ul {
	height: 22px;
	margin: 0 10px 0 11px;
	list-style: none;
}

#nav ul li {display: block; float: left; border-left: 1px solid #fff; border-right: 1px solid #fff; margin-right: 5px;}
#nav ul li.ls {margin:0;}

#nav ul li a {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	width: 115px;
	height: 22px; 
	display: block; 
	text-decoration: none; 
	color: #004290;
	background-image: url('img/btn.gif');
}

#nav ul li a:hover {background-image: url('img/btnovr.gif');}

#nav ul li a span {margin-left: 14px; padding-top: 4px; display: block;}

#sn {height: 13px; margin: 0 5px; background-image: url('img/subnav.gif'); font-size: 1px; background-color: #fff;}

#contentWrapper {
	margin: 0 5px;
	border-top: 16px solid #fff;
	background: #fff url('img/dbg.gif') 547px 0px repeat-y;
	width: 750px;
}

#content {
	float: left;
	width: 677px;
}

#column {
	width: 200px;
	float: left;
}

#welcome {
	background: #F9F9F9 url('img/lightbg.gif');
	padding: 12px;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	font-size: 80%;
	margin-bottom: 1em;
	text-align: justify;
	line-height: 1.25;
}

#welcome img {float: right; border: 3px solid #E2E2E2; margin-left: 16px;}
#welcome p {margin-bottom: 1em;}

#accents {margin-left: 8px; line-height: 1.25;}
#accents dt {font-weight: bold; font-size: 80%; padding-left: 5px; border-left: 3px solid #F93;}
#accents dt span {display: block; font-weight: normal; font-style: italic; color: #039; }
#accents dd {margin: 8px 0 16px 0; border-bottom: 1px dashed #D7D7D7; padding-bottom: 16px; font-size: 80%;}
#accents dt a:link {color: #000; text-decoration: none;}
#accents dt a:visited {color: #000; text-decoration: none;}
#accents dt a:hover {color: #f93; text-decoration: underline;}
#accents dt a:active {color: #f93; text-decoration: underline;}

.sidebox {border-bottom: 1px dashed #ccc; margin-bottom: 12px;}
.sidebox .more {font-size: 80%; margin-bottom: 16px;}

.sidelist dt, .sidelist dd {font-size: 70%; border-left: 1px solid #f93; padding-left: 8px;}
.sidelist dt {font-size: 80%;}
.sidelist dt.news {font-size: 70%;}
.sidelist dd.author {font-weight: bold;}
.sidelist dd.info {font-style: italic;}
.sidelist dd.rating {margin-bottom: 16px; padding-top: 3px;}
.sidelist dd.text {font-style: italic; margin-bottom: 16px;}

.sidelist a:link {color: #039; text-decoration: none;}
.sidelist a:visited {color: #039; text-decoration: none;}
.sidelist a:hover {color: #f93; text-decoration: underline;}
.sidelist a:active {color: #f93; text-decoration: underline;}

.newsitem {margin-bottom: 1em; border-bottom: 1px dashed #ccc; padding-bottom: 1em;}
.newsitem .date {font-style: italic; color: #000;}
.newsitem .inner {margin-top: -.5em; margin-bottom: 1em;}
.newsitem h4 {font-size: 14px;}
.newsitem h4 a:link {color: #039; text-decoration: none;}
.newsitem h4 a:visited {color: #039; text-decoration: none;}
.newsitem h4 a:hover {color: #f93; text-decoration: underline;}
.newsitem h4 a:active {color: #f93; text-decoration: underline;}


#footer {
	width: 760px;
	margin: 0 auto;
	border-top: 1px solid #fff;
	background: #E5E5E5 url('img/footerbg.gif') top left repeat-x;
	padding-bottom: 16px;
}

#footer .logo {margin-left: 20px; margin-top: 20px; width:67px; float: left;}
#footer .container {
	float: left;
	border-left: 1px solid #fff;
	margin-left: 20px;
	padding-left: 20px;
	margin-top: 20px;
}

#footer .container .item {font-size: 70%; color: #666; width: 400px; clear: both; margin-bottom: 24px;}
#footer .container .item img {float: left; border: 1px solid #CBCBCB; margin-right: 16px;}
#footer a {color: #000;}

#banners {text-align: center;}
#banners img {margin-bottom: 8px;}

#submenu {
	margin: 0 16px 8px 16px;
	list-style: none; 
	border: 1px solid #ccc; 
	float: right; 
	padding: 8px;
	background: #F9F9F9 url('img/lightbg.gif');
}
#submenu li {font-size: 70%; margin-bottom: 2px; padding: 2px;}
#submenu li.selected {background-color: #fafafa;}


.songtable {background-color: #efefef; width: 100%;}
.songtable td {font-size: 12px; background-color: #fff; vertical-align: top; padding: 2px;}
.songtable td.no {width: 2em; font-size: 10px; font-weight: bold;}
.songtable .date {display: block; font-size: 10px;}

.songinfo {margin-bottom: 1em; background-color: #fafafa; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100%;}
.songinfo th, .songinfo td {padding: 2px; vertical-align: top;}
.songinfo th {text-align: right;}

.comments {width: 100%; margin-top: .5em; margin-bottom: 1em;}
.comments .from {background-color:#f0f0f0; border-top: 1px dashed #ccc; padding-top: 1px;}
.comments th, .comments td {padding: 2px; vertical-align: top;}
.comments th {text-align: right;}

.profileform label {display: block; color: #000;}
.profileform span {display: block; margin-bottom: 1em; margin-top: 4px;} 
.profileform .input2 {border: 1px solid #ccc; background-color: #f0f0f0; color: 333; padding: 2px; font-size: 12px;}
.profileform span.note {color: #900;}
.profileform iframe {margin-top: 1em;}

#support {margin-top: 1em; padding-top: 1em; border-top: 1px dashed #ccc; text-align: center;}
#support h4 {text-align: center;}
#support img {margin-bottom: .5em;}

/* RENDERED CONTENT */

.render {font-size: 80%;}
.render ul, .render ol {margin-left: 3em; margin-bottom: 1em; margin-top: 0.5em;}
.render p {margin-bottom: 1em;}