/* LAYOUT */

body {
background:#5d5d5d url(../images/bodyBg.jpg) top repeat-x;
margin:0px;
padding:0px;
}

img, form {
border:none;
margin:0;
}

#body {
/* this id exists to shift fixed-width container to center in firefox */
}

#container {
position:relative;
width:793px;
}

#topBar {
border:1px solid #004d80;
border-bottom:none;
background: #000 url(../images/topBarBg.jpg) repeat-x;
text-align:left;
padding:5px;
}

#topBar input {
margin-left:2px;
}

#header {
border:1px solid #004d80;
border-bottom:none;
text-align:center;
height:160px;
margin:0;
}

#menu {
border-left:1px solid #004d80;
border-right:1px solid #004d80;
background: #000 url(../images/tiledBg.jpg) top repeat-x;
height:48px;
}

#menu img {
padding:12px 10px;
margin-top:5px;
}

#menu a:hover img, #menu img.on {
background:#555 url(../images/menuItemBg.jpg) repeat;
}

#loginBar {
border-left:1px solid #004d80;
border-right:1px solid #004d80;
background: #000 url(../images/loginBarBg.jpg) repeat-x;
height:62px;
vertical-align:middle;
text-align:left;
}

#adsense468x60 {
border:1px solid #000;
float:left;
margin-right:10px;
}

#content {
background:#004d80;
border:1px solid #004d80;
text-align:left;
}

#footer {
background:#0068AC url(../images/footderBg.jpg) repeat-x;
border:1px solid #004d80;
}

/* BOXES */

#player {
position:relative;
height:250px;
width:100%;
}

#boxContainer {
border-bottom:1px solid #004d80;
position:relative;
height:250px;
width:100%;
}

#boxOne {
background-color:#006bc8;
border-right:1px solid #004d80;
position:absolute;
left:0px;
width:250px;
height:250px;
}

#boxTwo {
background:#0099ff url(../images/boxTwoBg.jpg) right repeat-y;
border-right:1px solid #004d80;
position:absolute;
padding:5px;
left:251px;
width:259px;
height:240px;
}

#boxThree {
background:#0099ff url(../images/boxThreeBg.jpg) repeat-x;
position:absolute;
left:521px;
padding:5px;
width:260px;
height:240px;
}

#contentNav {
background:#0099ff url(../images/boxThreeBg.jpg) top repeat-x;
border:1px solid #004d80; /* WTF!? this is only here for firefox */
width:789px;
}

.box-1 {
position:relative;
margin:10px;
}

.box-1 .body {
background-color:#fff;
color:#004D80;
line-height:1.4em;
margin:0 15px;
padding:1px;
position:relative;
}

.box-1 .title {
background-color:#0099FF;
margin:0 10px;
padding:1px 10px;
}

.box-1 .title p {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
margin:0;
text-transform:uppercase;
}

.box-1 .title .date {
position:absolute; 
right:25px;
}

.box-1 img, .box-1 object {
position:relative;
top:2px;
}

.box-1 a {
color:#0099FF;
}

.box-1 a:hover {
color:#004D80;
}

table.list {
width:730px;
}

table.list tr {
vertical-align:middle;
}

table.list td {
font-size:1.2em;
font-weight:bold;
}

/* TEXT */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:67%;
color:#AECCEB;
}

a {
color:#eee;
outline:none;
}

a:hover {
color:#eea;
}

p {
margin:10px;
}

h1 {
font-size:1.6em;
font-weight:bold;
margin:10px;
}

h2 {
font-size:1.4em;
font-weight:bold;
margin:10px;
}

h3 {
font-size:1.2em;
font-weight:bold;
margin:10px;
}

h4 {
font-size:1.0em;
font-weight:bold;
text-transform:uppercase;
margin:8px 5px;
color:#004D80;
}

#footer {
color:#222;
text-align:left;
padding:2px 15px;
}

#contentNav a {
margin:25px;
}

#footer a {
color:#222;
margin:0 15px;
}

#footer a:hover {
color:#fff;
text-decoration:underline;
}