/* Zero-out margin and padding on all elements so we're on a level playing field */
* { margin: 0; padding: 0; font-size: 11px; font-family:  arial, sans-serif; color: #670000; }

body { background: url('images/background.jpg'); }

/* So we don't have to write it every time in the html... */
img { border: 0; }

.headline { font-weight: bold; font-size: 11px; color: #290000; line-height: 14px; }

.copy { font-size: 11px; color: #670000; line-height: 14px; }

.about { font-size: 11px; color: #290000; line-height: 14px; }

.aboutheadline { font-weight: bold; font-size: 11px; color: #290000; line-height: 14px; }

.header { background-color: #9C0000; text-transform: uppercase; color: #FFFFFF; padding: 7px; letter-spacing: 1px;}

#logo { position: absolute; top: 14px; left: 8px; }

#levlogo { position: absolute; top: 19px; left: 707px; }

#tagline { position: absolute; top: 89px; left: 224px; }

#homebutton { position: absolute; top: 29px; left: 163px; }

#aboutbutton { position: absolute; top: 29px; left: 237px; }

#govbutton { position: absolute; top: 29px; left: 317px; }

#entbutton { position: absolute; top: 29px; left: 500px; }

#maincontent { position: absolute; top: 138px; left: 123px; width: 525px; }

#sidebar {
    position: absolute;
    top: 155px;
    left: 680px;
    width: 150px;
    color: #CCCCCC;
}
#sidebar b { color: #FFFFFF; }
#sidebar a { color: #FFFFFF; }


.seriescontainer { position: relative; width: 525px; margin-top: 15px; }

.contentcontainer { position: relative; width: 525px; margin-top: 15px; }

.episodenumber { position: relative; left: 6px; width: 74px; }

.info { margin-left: 74px; }

.content { position: relative; width: 443px; }

.speakerinfo {
	position: relative;
	width: 424px;
	padding: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #CCCCCC;
}

.speakerpicture { position: relative; width: 34px; }

.speakertext { position: relative; padding-left: 5px; width: 385px; }

.streamdownload { position: relative; width: 443px; padding-left: 74px; margin-top: 10px; }