/* Base Styles
----------------------------------------------- */

body {
background: #000;
text-align: left;
font: normal 14px/.9em Arial, Helvetica, sans-serif;
line-height: 1.4em;
color: #000;
padding: 0;
}

p {
margin: 0 0;
}



/* Link Styles
----------------------------------------------- */

a, a:link, a:visited {
color: #FFF300;
text-decoration: none;
}

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

.footer a.footer, a.footer:link, a.footer:visited {
color: #666;
text-decoration: none;
}

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


/* Page styles
----------------------------------------------- */

#container {
overflow: hidden;
height: 768px;
width: 1024px;
margin: 15px auto;
background: url('http://vlog.rheingold.com/img/sitebg.jpg');
position: relative;
border: 1px solid #fff;
}

#mainVideo {
background: url('http://vlog.rheingold.com/img/howard.gif') no-repeat;
background-position: 140px 515px;
position: absolute;
left: 300px;
width: 470px;
height: 768px;
padding-top:45px;
}

#mainVideo h2 {
background: url('http://vlog.rheingold.com/img/now-showing.png') no-repeat center;
text-indent: -9999px;
margin-bottom: 0px;
}

#vidPlayer {
background: url('http://vlog.rheingold.com/img/thought-bubble.gif') no-repeat;
height: 532px;
padding: 30px 0 0 5px;
}

#vidPlayer object {
margin: 25px 0 0 22px;
border: 1px solid #000;
}

.episodesouter { 
margin: 0 70px 0 0;
} 

.episodes {
width: 140px;
float: right;
margin: 65px 0 0 0;
}

#episodestitle {
height: 10px;
}

#nowshowingtitle {
height: 37px;
}

.episodes dd {
background: transparent;
margin: 0;
padding: 15px 15px 0 15px;
border: none;
}

.episodes img {
border: 1px solid #fff;
}

.seeOlderMovies {
position: absolute;
bottom: 84px;
right: 32px;
border: none;
}

.popcorn {
border: none;
position: absolute;
bottom: 84px;
left: 64px;
}

.rss {
border: none;
position: absolute;
bottom: 44px;
right: 142px;
}

#footer {
background: transparent;
text-align: center;
color: #333;
font: normal 10px Arial, Helvetica, sans-serif;
}

#speechBubble {
background: transparent;
width: 423px;
height: 547px;
position: absolute;

top: 90px;
left: 45px;
}

#speechBubble h1 {
font: bold 16px/1em Arial, Helvetica, sans-serif;
line-height: 1.2em;
color: #000;
width: 200px;
margin: 10px 0 0 20px;
}

#speechBubble p {
color: #ffffff;
width: 200px;
margin: 0 0 0 20px;
}

#logo {
float: left;
padding: 0 0 0 55px;
width: 163px;
height: 100px;
}

#logo img {
border: none;
}

.logolink , a.logolink , a.logolink:link , a.logolink:visited, a.logolink:hover {
height: 100px;
width:163px;
padding:0;
display:block;
}

/* Archives float block
-------------------------------------------------- */

#container2 {
overflow: auto;
height: 768px;
width: 1024px;
margin: 15px auto;
background: url('http://vlog.rheingold.com/img/archivebg.jpg');
position: relative;
border: 1px solid #fff;
}

#archivecontainer{
position:relative;
top:0;
left:80px;
background: transparent;
text-align: left;
margin: 0;
color: #fff;
border: 0;
width: 90%;
clear: both;
}


.archive{
background: transparent;
text-align: left;
margin: 0;
width: 160px;
color: #fff;
float: left;
padding: 10px;
}

.archive p {
text-align: left;
margin: 0;
}

#archivecontainer img {
border: 1px solid #fff;
float:none;
}