* {margin: 0; padding: 0;}

body, html {height: 100%;}
body {background: #3D566C url(../img/bg8.jpg) repeat fixed; font: normal 12px Arial, Verdana, sans serif;}

a {color: #0000FF; text-decoration: underline;}
a:hover {text-decoration: underline;}
p {margin-left: 5px; padding: 5px; text-align: left;}
img.top {float: left; padding: 3px;}
h2 {margin-top: 10px; text-align: center; font: bold 20px Arial, Verdana, sans serif;}
.line {height: 1px; background: #aaa;}
.line hr {display: none;}

#wrapper {width: 940px; height: 100%; margin: 0 auto; padding: 0;}

#container {background: url(../img/bg-wrapper.jpg) repeat; min-height: 100%;}

#header {width: 940px; height: 120px; background: white; border-bottom: solid 1px #253441; padding: 0; margin: 0 auto;}

#topbar {height: 30px; background: #A4947B; border-bottom: solid 1px #253441;}
#topbar ul {list-style-type: none; float: left;  margin-top: 5px;}
#topbar li {display: inline;}
#topbar li a {display: block; float: left; padding: 2px; width: 100px; color: #253441; font-weight: bold; text-align: center; border-right: thin solid black;}
#topbar li a:hover {text-decoration: none; background: #3D566C; font-weight: bold; color: #F2F09D;}

#contentleft {float: left; width: 200px; background: #DDD6CB url(../img/bg-columnleft.jpg);}
#widgetleft {width: 200px; border-top: 2px solid #B48084; margin: 5px 0px 5px 0px; background: #CFC6B7;}
#widgetleft h3 {background: #A2B781; border-bottom: 2px solid #D3A357; text-align: center; width: 196px; padding: 6px 2px 6px 2px; font: bold 12px Arial, Verdana, sans serif;}
#widgetleft ul {list-style-type: none; margin: 0px 0 10px 2px; background: #CFC6B7;}
#widgetleft li {margin-bottom: 1px; background: #F4F2EE; padding: 3px;}
#widgetleft li a {display: inline; text-align: left;}
#widgetleft li a:hover {text-decoration: none; background: #A4947B; color: #000;}
#widgetleft p {margin-left: 2px; padding: 1px; text-align: left;}

#contentcenter {float: left; width: 600px; padding: 0px;}
#contentcenter h1 {background: #D3A357; text-align: center; width: 580px; padding: 2px; margin: 3px 3px 10px 3px; font: bold 20px Arial, Verdana, sans serif;}
#widgetcenterleft {background-color:#FFF; float: left; width: 340px; padding: 0px; margin: 5px 10px 15px 5px;}
#widgetcenterleft h3 {background: #3D566C; text-align: center; color: #F2F09D; width: 274px; padding: 2px; font: bold 12px Arial, Verdana, sans serif;}
#widgetcenterright {background-color:#FFF; float: left; width: 210px; padding: 0px; margin: 5px 5px 15px 10px;}
#widgetcenterright h3 {background: #3D566C; text-align: center; color: #F2F09D; width: 134px; padding: 2px; font: bold 12px Arial, Verdana, sans serif;}
#widgetcentercd {background-color:#FFF; float: left; width: 275px; padding: 0px; margin: 5px 10px 15px 5px; border: 1px solid gray; text-align: center;}
#widgetcentercd h3 {background: #3D566C; text-align: center; color: #F2F09D; width: 271px; padding: 2px; font: bold 12px Arial, Verdana, sans serif;}
#widgetcentermp3 {background-color:#FFF; float: left; width: 275px; padding: 0px; margin: 5px 5px 15px 10px; border: 1px solid gray; text-align: center;}
#widgetcentermp3 h3 {background: #3D566C; text-align: center; color: #F2F09D; width: 271px; padding: 2px; font: bold 12px Arial, Verdana, sans serif;}
#widgetcenter {background-color:#FFF; float: left; width: 580px; padding: 0px; border: 1px solid gray; margin: 5px 2px 15px 5px;}
#widgetcenter h3 {background: #3D566C; text-align: center; color: #F2F09D; width: 576px; padding: 2px; font: bold 12px Arial, Verdana, sans serif;}
#widgetcenter ul {list-style-type: none; margin: 0px 0 10px 0px; background: #CFC6B7;}
#widgetcenter li {margin-bottom: 1px; background: #F4F2EE; padding: 3px;}
#widgetcenter li a {display: inline; text-align: left;}
#widgetcenter li a:hover {text-decoration: none; background: #A4947B; color: #000;}
#widgetlyrics {background-color:#FFF; float: left; width: 580px; padding: 0px; border: 1px solid gray; margin: 5px 2px 15px 5px;}
#widgetlyrics h3 {background: #3D566C; text-align: center; color: #F2F09D; width: 576px; padding: 2px; font: bold 12px Arial, Verdana, sans serif;}
#youtube {background-color:#fff; float: left; width: 580px; padding: 0px; margin: 10px 10px 20px 5px; text-align: center;}
table.album {border-top: thin solid black; border-right: thin solid black; width: 100%;}
#widgetcenter td {background-color:#FFF; border-left: thin solid black; border-bottom: thin solid black; padding: 2px;}
#widgetcenter td.header {background:#E9CFA7; border-left: thin solid black; border-bottom: thin solid black; padding: 2px; font-weight: bold; text-align: left;}

#widgetcenterindexleft {background-color:#FFF; float: left; width: 288px; padding: 0px; margin: 5px; border: thin solid black;}
#widgetcenterindexleft h3 {background: #3D566C; text-align: center; color: #F2F09D; width: 284px; padding: 2px; font: bold 12px Arial, Verdana, sans serif;}
#widgetcenterindexright {background-color:#FFF; float: left; width: 288px; padding: 0px; margin: 5px; border: thin solid black;}
#widgetcenterindexright h3 {background: #3D566C; text-align: center; color: #F2F09D; width: 284px; padding: 2px; font: bold 12px Arial, Verdana, sans serif;}

table.songinfo {border-top: thin solid black; border-right: thin solid black; width: 100%; margin: 0; font: normal 12px Arial, Verdana, sans serif;}
td.songinfo {background-color:#FFF; border-left: thin solid black; border-bottom: thin solid black; padding: 0; margin: 0;}
p.songinfo {margin: 0; padding: 3px; text-align: left;}
table.songlist {border-top: thin solid black; border-right: thin solid black; width: 90%;}
td.songlist {background-color:#FFF; border-left: thin solid black; border-bottom: thin solid black; padding: 2px;}
td.songlistheader {background-color:#B4A15C; border-left: thin solid black; border-bottom: thin solid black; padding: 2px; font-weight: bold;}
#rightbar {float: right; width: 140px; margin-top: 0px; min-height: 100%; text-align: center; vertical-align:text-top;}
#footer {background-color: #B4A15C; clear: both; padding: 8px; border-top: solid 1px #999; text-align: center;}
#footer li {display: inline; margin: 0 8px;}
#footer li a {text-decoration: underline;}