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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

:focus { outline: 0; }
ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
strong { font-weight: bold; }

body { background: #0e0f0e url('images/bg.gif') repeat-x 50% bottom; 
/*body { background: black url('images/background.jpg') no-repeat center top; */
color: #aaa; font: normal 68.75% Arial, Helvetica, sans-serif; }

a { color: #aaa; text-decoration: none; }
a:hover { color: #ffa227; text-decoration: underline; }

#container_bg { width: 100%; margin: 0; padding: 0; margin: 0 auto;  background:  url('images/mga_black.png')  no-repeat 40% 350px;
}
#container { width: 760px; margin: 0; padding: 0; margin: 0 auto;  background:  url('images/mga.png')  no-repeat 520px 50px;
}

/*-------------------- HEADER --------------------*/

#header { clear: both; background: transparent; height: 80px; text-align: right; }
#header h1  { white-space:nowrap;}

h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Arial, sans-serif; }
h1 { display: block; font-size: 300%; font-weight: bold; padding: 0; text-align: right; margin: 20px 380px 0 0; color: #ffa227; }
h1 span { color: #fff; display: inline; font-size: 110%; font-family: Verdana, sans-serif; }
h1:first-letter, h2, #sidebar h3 a{ color: #b6da6e; }
h2 { font-size: 200%; font-weight: bold; }
h2 span {  color: #fff; }
h3 { font-size: 150%; }
h4 { font-size: 150%;}
p {  padding-right:5px;}
/*--------------------SIDEBAR --------------------*/

#sidebar { float: right; width: 340px; margin: 300px 0 0 0; }
#sidebar h3 { font-weight: bold; }

#nav { float: right; text-align: left; width: 150px; padding: 0; }
#nav li { display: block; margin: 0; padding: 0px; font-weight: bold;}
#nav li a { font: bold 150% "Trebuchet MS", sans-serif; display: block; text-decoration: none; padding: 0 0 5px 0; }
#nav li a:first-letter,h4 span{ color: #ffa227; }

#current { color: #ffa227; }

/*--------------------SHOWS --------------------*/

#shows { float: right; width: 170px; margin-right: 10px; }
#shows ul { margin-bottom: 20px; }
#shows ul li { padding: 5px 0 5px 0; }

form { background: transparent; width: 170px; margin-top: 0; padding-top: 1em; }
fieldset { border: 0; padding: 0; margin: 0; width: 170px; }
input, .button  { font-size: 90%; }
label, input { float: left; display: block; margin-bottom: 10px; }
label { width: 100px; text-align: left; padding-right: 0px; font-size: 120%; font-weight: bold; }
input { width: 100px; border: 1px solid #fff; }
br { clear: both; }

/*-------------------- MAIN CONTENT --------------------*/

#main {  background: transparent; float: left; width: 380px; padding: 0; margin: 0; }
#main h3 { font-size: 90%; margin-bottom: 20px; font-weight: normal; }
#main p { text-align: justify; line-height: 1.7em; font-size: 100%; }
#main ul li { text-align: justify; line-height: 1.7em; font-size: 100%; }
#main ul { list-style-image: url('arrow.gif');  list-style-position: inside; margin-top: 10px; }
#main_large { background: transparent; float: left; width: 760px; padding: 0; margin: 0; }
#main_large h3 { font-size: 90%; margin-bottom: 20px; font-weight: normal; }
#main_large p { text-align: justify; line-height: 1.7em; font-size: 100%; }
#main_large ul li { text-align: justify; line-height: 1.7em; font-size: 100%; }
#main_large ul{ list-style-image: url('arrow.gif');  list-style-position: inside; margin-top: 10px; }


.divider { clear: both; background: url('images/divider.gif') no-repeat; height: 3px; margin: 15px 0; }
.divider_short { clear: both; background: url('images/divider_340.gif') no-repeat; height: 3px; margin: 15px 0; }
input.button { width: 50px; color: #aaa; background: #0e0f0e; font-weight: bold; border: 1px solid #ffa227; padding: 2px; }

img.alignright { padding: 4px; margin: 0 0 2px 15px; display: inline; border: 0; }
img.alignleft { padding: 4px; margin: 0 15px 2px 0; display: inline; border: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; border: 0; }
.alignright { float: right; }
.alignleft { float: left }

a img.alignleft, a img.alignright, a img.centered,a.group img {border:3px double #414141 }
a:hover img.alignleft, a:hover img.alignright, a:hover img.centered, a.group img:hover { border: 3px solid #ffa227; }
a img.normal,a img.normal:hover  { border:0px; margin:3px;height:24px;}
.Highlight {color:yellow;font-size:14px;font-weight:bold}
/*-------------------- FOOTER --------------------*/

#footer { clear: both; text-align: center; }
#footer p { font-size: 90%; padding: 20px 0;  }

h3 span,li span {	color: #ffa227}
.videocontainer {
	text-align:center;
}

/*---------------- GALLERIA --------------*/

.galleria li {display:block;overflow:hidden;float:right;margin:0 0px 5px 0;border:4px;}
.galleria.photo li {display:block;overflow:hidden;float:right;margin:0 0px 0px 0;border:0px;}
.galleria.photoLeft li {display:block;overflow:hidden;float:left;margin:0 0px 0px 0;border:0px;}
/*-------------- DIV ----------- */
.character-image { float:left;margin-right:10px }
.character-right { }
.character-right ul {height:auto; }
.character-panel { padding-bottom:10px; clear:both}
.video {
	display:none;
	height:510px;
	width:645px
}
.video_panel{ float:left; margin-right:10px;margin-bottom:10px;}
.video_info {text-align:center;}



a img.info,a img.info:hover { border:0px; padding-left:5px;padding-right:5px}

.character_info_wrapper {display:none; text-align:center; height:300px;}
.character_info {height:280px;padding:10px;background-color:black;vertical-align:middle;}
.character_info .character-panel {vertical-align:middle; }

.video_info .low_res,.video_info .hi_res {color:white; top:-10px; position:relative;}