/* styles for the main index page of frostbite theater */
/* essentially a matrix of screen captures */


/* position the individual index images on the index page */
/* preview images on the index page are 260px wide and 143px high, plus a 1px border */


div.sectiontitle{
text-align: center;
margin: 50px 0 0;
padding: 0;
font-family: arial, sans-serif;
font-size: 20px;
}

div.row{
position: relative;
top: 0; left: 0;
margin: 20px 25px 10px;
}

div.row img{
border-color: black;
border-width: 1px;
border-style: solid;
margin: 3px 0 0;
padding: 0;
}

p.first, p.second, p.third, p.first a, p.second a, p.third a, p.first a:hover, p.second a:hover, p.third a:hover, p.first a:visited, p.second a:visited, p.third a:visited{
width: 262px;
text-align: center;
text-indent: 0;
font-family: arial, sans-serif;
font-size: 12px;
text-decoration: none;
color: #666;
}

p.second{
position: absolute;
bottom: 0; left: 281px;
}

p.third{
position: absolute;
bottom: 0; right: 1px;
}





/* styles for individual video pages */


/* YouTube's special subscription widget */

#fr{
margin: -20px auto 0;
display: block;
}


/* the title that appears on individual episode pages */

#videotitle{
text-align: center;
/*margin: 36px 0 0;*/
margin: 20px 0;
padding: 0;
font-family: arial, sans-serif;
font-size: 28px;
font-weight: bold;
}


/* position the embedded movie */

#moviecontainer{
/*position:relative;
top: 0; left: 0;*/
text-align: center;
margin: 10px 0 40px;
}


/* styles for the transcript link and transcript text */
#transcriptlink{
text-align: center;
margin: -37px 0 40px;
font-family: arial, sans-serif;
font-size: 11px;
}

#transcriptlink a{
text-decoration: none;
}

#transcriptlink a:link, #transcriptlink a:visited{
color: #000;
}

#transcriptlink a:hover, #transcriptlink a:visited:hover{
color: #66F;
}

#transcripttext{
width: 600px;
height: 250px;
margin: -30px auto 40px;
padding: 5px 8px;
background-color: #ddd;
border-width: 1px;
border-style: solid;
border-color: black;
overflow: auto;
display: none;
}

#transcripttext p.txt, #transcripttext p.noname, #transcripttext p.centered{
font-family: "times new roman", serif;
font-size: 18px;
text-indent: -60px;
margin: 0 0 0 60px;
padding: 0 0 6px 0;
}

#transcripttext p.noname{
text-indent: 0px;
}

#transcripttext p.centered{
text-indent: 0px;
text-align: center;
}

.speaker{
font-family: geneva, sans-serif;
font-weight: bold;
font-size: 16px;
}


/* special style for half-life data run list */
p.dataruns{
padding: 3px 0 30px 60px;
}

/* a warning box that explains why they may not be seeing the video */
#flashfail{
border-color: black;
border-width: 1px;
border-style: solid;
background-color: #FFC0CB;
text-align: center;
margin: 20px 20px 10px;
padding: 6px;
font-family: arial, sans-serif;
font-size: 12px;
}


/* subscription text */
p.subscribe{
margin: 25px auto 40px;
padding: 5px;
width: 680px;
border-color: #ECC101;
border-width: 1px;
border-style: solid;
background-color: #FFF3A9;
font-family: arial, sans-serif;;
font-size: 16px;
text-align: center;
}


/* experimental navigation */
/* borrowed from itselemental */

/* redefine subtitle as found on main.css */
#subtitle{
font-family: arial, sans-serif;
font-size: 28px;
text-align: center;
margin: 20px 0 20px;
}

/* navigation bar */

#elementnav{
position: relative;
top: 0; left: 0;
padding: 0 0 15px 0;
margin: 15px 0 0 0;
font-family: arial, sans-serif;
font-size: 18px;
}

#elementnav a{
text-decoration: none;
}

#elementnav a:link, #elementnav a:visited{
color: #000;
}

#elementnav a:hover, #elementnav a:visited:hover{
color: #66F;
}

#leftarrow{
position: absolute;
top: 0; left: 0;
margin: 0 0 0 80px;
}

#previous{
position: absolute;
top: 0; left: 0;
margin: 0 0 0 43px;
text-align: center;
width: 270px;
}

#previoustitle{
position: absolute;
top: 0; left: 0;
margin: 22px 0 0 43px;
text-align: center;
width: 270px;
font-size: 12px;
}

#mainindex{
text-align: center;
}

#nexttitle{
position: absolute;
top: 0; right: 0;
margin: 22px 27px 0 0;
text-align: center;
width: 270px;
font-size: 12px;
}

#next{
position: absolute;
top: 0; right: 0;
margin: 0 27px 0 0;
text-align: center;
width: 270px;
}

#rightarrow{
position: absolute;
top: 0; right: 0;
margin: 0 80px 0 0;
}

.navname, .navname a{
font-size: 12px;
}