* {
  margin: 0;
  padding: 0;
 }

.songdata {
  font: bold 12px/15px arial, verdana, tahoma, sans-serif;
  color: #009900;
 }

.shortsongdata {
  font: bold 12px/15px arial, verdana, tahoma, sans-serif;
  color: #009900;
  margin-top: 5px;
  margin-left: 5px;
 }

#maincontent {
  float: right;
  width: 419px;
  background: #fff;
 }
 
#content {
  float: left;
  width: 400px;
  margin: 10px 0 0 10px;
 }

#footer {
  clear: both;
  width: 400px;
  margin-left: 163px;
 }
#header {
  width: 580px;
  height: 230px;
  background: #000 url("http://www.radiofreedavid.com/images/header.jpg") no-repeat;
  background-position: top right;
 }
 
#shortheader {
  width: 580px;
  height: 230px;
  background: #333 url("http://www.radiofreedavid.com/images/header.jpg") no-repeat;
  background-position: top right;
 }

#wrapper {
  width: 580px;
  background: #fff;
  background-position: 0 0;
  border: solid 10px #fff;
  margin: 0 auto 0 auto;
  text-align: left;
 }
 
#contentwrapper {
  clear:both;
  width:580px;
}
#shortwrapper {
  width: 580px;
  background: #fff;
  background-position: 0 0;
  border: solid 10px #fff;
  margin: 0 auto;
  text-align: left;
  height: 275px;
 }

#bottomright {
  text-align:right;
  clear:both;
 }
#bottomlegal {
  clear:both;
  background-color: #eee;
  border: 1px solid #333;
  font: normal 10px/18px verdana, arial, tahoma, sans-serif;
  text-align:left;
  padding: 2px;
 }

#donate {
  clear:both;
  background-color: #eee;
  border: 1px solid #333;
  font: normal 11px/18px verdana, arial, tahoma, sans-serif;
  text-align:left;
  padding: 2px;
 }
#nav {
  list-style: none;
  z-index: 2;
  border-right: 1px solid #fff;
  height: 230px;
  width: 150px;
 }

#nav li a {
  color: #fff;
  font: normal 11px/24px verdana, arial, tahoma, sans-serif;
  display: block;
  width: 140px;
  height: 24px;
  background-color: #000;
  border-bottom: 1px solid #fff;
  padding-left: 10px;
  text-decoration: none;
 }
#nav li a:hover {
  background-color: #333;
 }

#current a {
  background-image: url("http://www.radiofreedavid.com/images/bullet.gif");
  background-repeat: no-repeat;
  background-position: 100% 50%;
 }

#blogalert {
  color: #000;
  background-color: #ffeb30;
  border: 1px solid #000;
  width:422px;
  margin-top:4px;
  padding-left:2px;
  padding-right:0px;
 }
 
#sidebar {
  width: 134px;
  background-color: #ccc;
  float: left;
  position: relative;
  border-top: 1px solid #fff;
  font: normal 10px/18px verdana, arial, tahoma, sans-serif;
  padding: 8px;
 }
 
#shortsidebar {
  width: 134px;
  background-color: #ccc;
  float: left;
  position: relative;
  border-top: 1px solid #fff;
  font: normal 10px/18px verdana, arial, tahoma, sans-serif;
  height: 275px;
 }

body {
  background: #000;
  text-align: center;
  font: normal 11px/18px verdana, arial, tahoma, sans-serif;
  color: #333;
  padding-top: 40px;
  height: 100%;
 }


h6 {
  width: 140px;
  height: 30px;
  background-color: #333;
  margin: 1px 1px 1px 0;
  float: left;
  font: bold 16px/30px arial, verdana, tahoma, sans-serif;
  padding-left: 10px;
  color: #fff;
  cursor: default;
 }
 
h1.maincontent {
  width: 419px;
  height: 30px;
  background-color: #333;
  float: left;
  font: bold 16px/30px arial, verdana, tahoma, sans-serif;
  padding-left: 10px;
  color: #fff;
  margin-top: 1px;
  cursor: default;
 }
 
h2 {
  width: 419px;
  height: 30px;
  background-color: #333;
  float: left;
  font: bold 16px/30px arial, verdana, tahoma, sans-serif;
  padding-left: 10px;
  color: #fff;
  margin-top: 1px;
  cursor: default;
 }
 
.sidebarh2 {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 0em;
  margin-bottom: 0.5em;
  font-variant: small-caps;
  border-bottom: dashed 1px #000; 
  padding-left: 0px; 
  width: 140px;
  height: 15px;
  background-color: #ccc;
  font: bold 12px arial, verdana, tahoma, sans-serif;
  color: #000;
  letter-spacing:0em;
}

h3 {
  color: #ff0000;
  text-align: center;
  margin-bottom: 20px;
  padding-top: 10px;
 }

h3.specialnote {
  font: normal 11px/24px verdana, arial, tahoma, sans-serif;
  font-weight: bold;	
  color: #ff0000;
  text-align: left;
  margin-bottom: 0px;
  padding-top: 5px;
 }

h3.inputh3 {
  color: #000;
  text-align: left;
  margin-bottom: 5px;
  padding-top: 10px;
}

h4 {
  font: normal 11px/24px verdana, arial, tahoma, sans-serif;
  font-weight: bold;	
 }

p.outdentlist {
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 4px;
}
p.historylist {
  margin-bottom:4px;
}

div.sidebarhead {
  width: 140px;
  height: 30px;
  background-color: #333;
  margin: 1px 1px 1px 0;
  float: left;
  font: bold 16px/30px arial, verdana, tahoma, sans-serif;
  padding-left: 10px;
  color: #fff;
  cursor: default;
 }

div.specialnote {
  color:#000;
  font: normal 11px/18px verdana, arial, tahoma, sans-serif;
  background-color:#eee;
  border-top:1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-left-color:#666;  
  border-top-color:#333;
  border-right-color:#666;
  border-bottom-color:#666;
  padding-left: 2px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  margin-left: -4px;
  width: 100%;
 }
 
input.btn {
  color:#fff;
  font: normal 11px/24px verdana, arial, tahoma, sans-serif;
  background-color:#000;
  border:1px solid;
  border-top-color:#333;
  border-left-color:#333;
  border-right-color:#333;
  border-bottom-color:#333;
  padding: 2px;
 }
input.btnhov {
  background-color: #333;
 }

a {
  color: #000099;
  text-decoration: none;
 }
a:visited {
  text-decoration: none;
 }
a:hover {
  color: #f00;
 }


img {
  border: none;
 }

a:hover img {
  border-color: #f00;
 }


p {
  margin-bottom: 20px;
 }

.generaltextinput {
  background: #e1efff;
  width:250px;
  border: 1px solid #072cb9;
}
.generalinput {
  background: #e1efff;
  border: 1px solid #072cb9;
}
.inputerror {
  color: #f00;
  font-weight: bolder;
}
.inputform dd {
  padding-bottom: 7px;
}

/* Content Boxes */

/* Login Box */
div#loginbox {
  background:#ccc;
  width:134px;
  margin-left: 0px;
  margin-top: 0px;
  font: 10px verdana, arial, tahoma, sans-serif;
  letter-spacing: 0px;
  line-height:1.25em;
}

.logininput {
  background: #e1efff;
  width:134px;
  border: 1px solid #072cb9;
  margin-bottom: 5px;
}

.loginareabutton {
  text-align:center;
  margin-bottom:5px;
  margin-top:5px;
}

input.button {
  color:#fff;
  font: 10px verdana, arial, tahoma, sans-serif;
  font-weight: bolder;
  background-color:#072cb9; 
  border:1px solid;
  border-top-color:#333;
  border-left-color:#333;
  border-right-color:#333;
  border-bottom-color:#333;
  padding-left: 10px;
  padding-right: 10px;
 }
input.button:hover {
  background-color: #333;
 }

.bottomnote {
  margin-left: -5px;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 0em;
  border-top: dashed 1px #000; 
  padding-left: 5px;
}

/* Now Playing */
div#nowplaying {
  margin-top: 5px;
  height: 200px;
}

div#nowplaying h3 {
  margin-top: -10px;
  padding-top: 0px;
  margin-bottom: 0.5em;
  font-variant: small-caps;
  padding-left: 0px; 
  font: bold 12px arial, verdana, tahoma, sans-serif;
  color: #000;
  text-align: left;
}

#coverart{
  border: solid 1px #000;
  margin-bottom:50px;
  float:left;
  width:130px;
  margin-right: 5px;
}

#albumart{
  margin-bottom:50px;
  float:left;
  width:130px;
  margin-right: 5px;
}

div#nowplaying {
}

div#lyricsdata {
  overflow:auto;
  height:385px;
  border:1px solid #666;
  padding-left:2px;
}

div#ratingdata {
  overflow:auto;
  height:385px;
  border:1px solid #666;
  padding-left:2px;
  display:none;
}

#ratingarea {
  text-align:center;
  background: #072cb9 url(images/rating_background.jpg) left top no-repeat;
  width: 385px;
  height: 20px;
}
.ratingareabutton {
  text-align:center;
  margin-bottom:5px;
  margin-top:5px;
}

/* Tabs */
.tabs {
  text-align: left;
  margin-top: 20px;
  height: 20px;
  background: #072cb9 url(images/tab_filler.gif) left top no-repeat;
  color: #fff;
}

.tabs ul {
  margin-top: 0px;
  margin-bottom: 0px;
}

.tabs li {
  display: inline;
  padding-left: 0px;
  padding-right: 0px;
}

.tabs li a.currenttab {
  text-decoration: none;
  background: #072cb9 url(images/utab_left_hover.gif) left top no-repeat;
  padding-left: 10px;
  padding-bottom:2px;
}

.tabs li a.currenttab span {
  background: url(images/utab_right_hover.gif) right top no-repeat;
  padding-right: 10px
}

.tabs li a {
  text-decoration: none;
  color: #fff;
}

.tabs li a:hover {
  text-decoration: none;
  color: #fff;
}

.utabs a {
  background: #000 url(images/utab_left_dark_light.gif) left top no-repeat;
  padding-left: 10px;
  padding-bottom:0px;
}

.utabs a span {
  background: url(images/utab_right_dark_light.gif) right top no-repeat;
  padding-right: 10px;
}

.utabs a:hover {
  color: #fff;
  background: #072cb9 url(images/utab_left_hover.gif) left top no-repeat;
  padding-left: 10px;
  padding-bottom:2px;
}

.utabs a:hover span {
  background: url(images/utab_right_hover.gif) right top no-repeat;
  padding-right: 10px
}


/* Blog Styles */
.blogtitle {
  font: bold 11px/18px verdana, arial, tahoma, sans-serif;
  display: inline;
 }
.bloglevel1 {
  color:#000;
  font: normal 11px/18px verdana, arial, tahoma, sans-serif;
  background-color:#eee;
  border-top:1px solid;
  border-left: 1px solid;
  border-right: 2px solid;
  border-bottom: 2px solid;
  border-top-color:#333;
  border-left-color:#333;
  border-right-color:#666;
  border-bottom-color:#666;
  padding-left: 2px;
  padding-bottom: 5px;
  margin-bottom: 10px;
 }
 .bloglevel2 {
  color:#000;
  font: normal 11px/18px verdana, arial, tahoma, sans-serif;
  background-color:#dff4f4;
  border-top:1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color:#333;
  margin-left: 10px;
  margin-top: 5px;
 }
  .bloglevel3 {
  color:#000;
  font: normal 11px/18px verdana, arial, tahoma, sans-serif;
  background-color:#ebffde;
  border-top:1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color:#333;
  margin-left: 10px;
  margin-top: 5px;
 }