body {
margin:0px;
font-family:"Trebuchet MS", sans-serif;
font-size:13px;
color:#333;
background:url(../img/bgClock.jpg) top center no-repeat;
background-attachment:fixed;
background-color:#312819;
}
.h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
color:#000;
}
.h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
color:#000;
}
.bold {
font-weight:bold;
color:#000;
}
a:link { 
color:#600;
outline:none;
}
a:visited { 
color:#600;
outline:none;
}
a:hover { 
color:#c00;
outline:none;
}
a:active { 
color:#600;
outline:none;
}
#container {
position:absolute;
top:0px;
left:50%;
margin-left:-420px;
width:840px;
}
#header {
width:820px;
padding:0px 10px 20px 20px;
background:url(../img/bgHeader.png) no-repeat;
}
#nav {
font-family:Arial, Helvetica, sans-serif;
margin:7px 0px 0px 10px;
width:820px;
color:#a9b6cf;
}
#nav a {
font-weight:bold;
font-size:14px;
color:white;
text-decoration:none;
margin-right:20px;
}
#nav a:hover {
color:#e4bc40;
}
#body {
margin-top:7px;
padding:20px;
width:800px;
height:250px;
background:url(../img/bgBody.png) no-repeat;
}
#bodyArchives {
padding:10px;
width:820px;
}
#bgBodyTop {
margin-top:7px;
padding-top:20px;
width:840px;
background:url(../img/bgBodyTop.png) top left no-repeat;
}
#bgBodyBottom {
width:840px;
background:url(../img/bgBodyBottom.png) bottom left no-repeat;
padding-bottom:20px;
}
#bgBodyMid {
background:url(../img/bgBodyMid.png) left repeat-y;
padding:10px 30px 10px 30px;
width:800px;
}
#archiveL {
float:left;
width:420px;
}
#archiveR {
float:left;
width:350px;
}
#audioPlayer {
background-color:#fff;
}
#archiveCenter {
width:100%;
text-align:center;
}
#archiveLinks {
float:left;
margin-right:40px;
}
#info {
margin-top:10px;
padding:20px;
width:800px;
height:80px;
background:url(../img/bgInfo.png) no-repeat;
}
#footer {
width:800px;
padding:20px;
margin-top:10px;
background:url(../img/bgFooter.png) no-repeat;
}
#copyright {
width:820px;
margin:7px 0px 17px 10px;
font-size:10px;
color:#e4bc40;
}
#copyright a:link { 
color:#e4bc40;
font-weight:bold;
outline:none;
}
#copyright a:visited { 
color:#e4bc40;
outline:none;
}
#copyright a:hover { 
color:#fcdc79;
outline:none;
}
#copyright a:active { 
color:#e4bc40;
outline:none;
}
form option {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
form option.day {
margin-top:5px;
border-bottom:1px #ccc solid;
font-weight:bold;
}
form option.message {
padding-left:10px;
}
form#selected {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}