/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* Fonts */
/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Arial, Helvetica, sans-serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit] {
	font-family: Arial, Helvetica, sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}


/* Nifty Numbers */
#main-logo
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	padding-top:20px;
	text-align:center;
}

#footer-logo
{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	padding-bottom:50px;
	text-align:center;
}

.main
{
	background-color:#2A2BAA;
}

#main-title
{
	font-size:28px;
	color:white;
	text-align:center;
}

/* Layout */
#content
{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
}

.section
{
	margin-left:15%;
	margin-top:20px;
	margin-bottom:50px
}

/* Appearance */
#content
{
	background-color:#6666FF
}

h1
{
	color:white;
}
.title-line
{
	color:white;
	width:80%;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	height:1px;
}

.section
{
}

.section div
{
	float:left;
}

.section h2
{
	color:white;
	font-size:24px;
}

.section p
{
	margin-top:10px;
	margin-bottom:5px;
	margin-left:50px;
}

.section a
{
	color:yellow;
	text-decoration:underline;
}

.movie-page
{
	background-color:#6666FF
}

.movie-page h1
{
	text-align:center;
	margin-top:50px;
	margin-bottom:20px;
}

.movie-container
{
	margin: 0 auto;
	width:800px;
	height:474px;
	padding: 5px;
	background-color:white;
	border:1px solid #000099
}

.movie
{
	width:800px;
	height:466px;
	margin:0px;
}

#overview-content
{
	background-color:white;
	width:950px;
	margin: 60px auto;
	border-style:none;
}

#overview-navigation
{
	background-color:#333399;
	float:left;
	width:198px;
	height:428px;
	padding-top:10px;
	border:1px white solid;
	color:white;
}

#overview-navigation h2
{
	font-size:14pt;
	padding-left:10px;
}

#overview-navigation hr
{
	width:95%;
	color:white;
	height:1px;
}

#overview-video
{
	background-color:#FFFFFF;
	width:746px;
	height:436px;
	float:right;
	padding:2px;
	border-style:none;
}

ul#overview-movie-list
{
	padding:10px;
	list-style: none;
}

.overview-movie-item
{
	display:block;
	text-align:left;
	padding:10px 1px;
}

.overview-movie-item#selected
{
	border:1px white solid;
	background-color:#6666FF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;	
}

.overview-movie-item:hover
{
	cursor:pointer;
	background-color:#6666FF;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;	
}

#movieviewer
{
	width:746px;
	height:436px;
	border-color:white;
	border:none;
}

#no-internet
{
	margin-left:15%;
	color:white;
	font-size:12pt;
	text-align:left;
}

#no-internet a
{
	color:yellow;
}