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: #000;  
		color: #aaa; 
		font: normal 68.75% Arial, Helvetica, sans-serif; }
a	{ 	color: #aaa; 
		text-decoration: 
		underline; }

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


#container { 	width: 760px; 
		margin: 0; padding: 0; 
		margin: 0 auto; 
		background: transparent url('images/layout_02.gif') no-repeat; background-position: top center; background-attachment: fixed;}




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


#header { clear: both; background: transparent; height: 320px; text-align: right; }


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 { color: rgb(238,218,130); }

h2 { font-size: 200%; font-weight: bold; }

h3 { font-size: 150%; }


/*--------------------SIDEBAR --------------------*/


#sidebar { float: right; width: 340px; margin: 0px 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 { color: #ffa227;}


#current { color: #ffa227; }

/*--------------------SIDEBAR small--------------------*/


#sidebarsmall { float: right; width: 170px; margin: 0px 0 0 0; }

#sidebarsmall 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 { color: #ffa227;}


#current { color: #ffa227; }



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


#shows { float: right; width: 170px; margin-right: 10px; }

#shows ul { margin-bottom: 20px; }

#shows ul li { padding: 10px 0 10px 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: 110%; }

#main ul { list-style-image: url('images/arrow.gif'); list-style-position: inside; margin-top: 10px; font-size: 110%; }


.divider { clear: both; background: transparent url('images/divider.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 { border: 3px solid #333; }

a:hover img.alignleft, a img.alignright, a img.centered { border: 3px solid #ffa227; }



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


#mainlarge { background: transparent; float: left; width: 550px; padding: 0; margin: 0; }

#mainlarge h3 { font-size: 90%; margin-bottom: 20px; font-weight: normal; }

#mainlarge p { text-align: justify; line-height: 1.7em; font-size: 110%; }

#mainlarge ul { list-style-image: url('images/arrow.gif'); list-style-position: inside; margin-top: 10px; font-size: 110%; }


.divider550 { clear: both; background: transparent url('images/divider_550.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 { border: 3px solid #333; }

a:hover img.alignleft, a img.alignright, a img.centered { border: 3px solid #ffa227; }



/*-------------------- FOOTER --------------------*/


#footer { clear: both; text-align: center; }

#footer p { font-size: 90%; padding: 20px 0;  }