@charset "UTF-8";
/* CSS Document */

body {
	background:url(../images/bgTop.gif) top left repeat-x #666666;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
}

/* LAYOUT STYLES */

table#wrapper { background: #000000;
border-left: 5px solid #000;
border-right: 5px solid #000;
margin-top: 0;
margin-bottom: 0;
height: 100% }

.innerwrapper { width: 990px;
background-image:url(../images/bgstripe.gif);
background-repeat: repeat;
padding: 10px }

.topgrille { background-image:url(../images/header_rep.gif);
background-repeat:repeat-x;
height: 48px }

td.footer { background:url(../images/footer_rep.gif) top repeat-x #000;
height: 233px }

.content { background-image:url(../images/content_rep.gif);
background-repeat:repeat-y;
padding: 25px }

.contentX { background-image:url(../images/content_rep.gif);
background-repeat:repeat-y }

p.contentX { padding-left: 25px }

img.contentX { padding-top: 25px;
padding-left: 25px }

.contentF { background-image:url(../images/content_bg_full.gif);
background-repeat:repeat-y;
padding: 25px;
height: 500px }

/* Sidebar */

td.production { color: #FFF;
background-image:url(../images/grayboxBG.gif);
background-repeat:repeat-y;
width: 332px }

td.production p, img.production { padding: 7px }

p.gravity { padding-top: 10px;
text-align: center }

/* Newsletter Signup */

td.newsletter { background:url(../images/newsletterBG.gif);
background-repeat: no-repeat;
font-size: 9pt;
color: #FFF;
font-weight: bold }

form#newsletter { width: 300px }

input.newsletter#submit { float: right;
margin-top: 10px }

td.flashred { background-image:url(../images/grayboxBG.gif);
background-repeat:repeat-y;
height: 254px;
padding: 0 }

.mediaMenu, .mediaMenu a:link, .mediaMenu a:active, .mediaMenu a:visited { text-size: 11px; color: #000; font-weight: bold; text-decoration: none }

.mediaMenu a:hover { color: #FFF; text-decoration: none }

/* TEXT STYLES */

h1 { font-size: 14pt}

h2 {font-size: 12pt}

h3 {font-size: 10pt}

h3.newsletter { font-size: 11pt;
color: #FFFFFF;
padding-bottom: 5px;
padding-top: 5px }

p {font-size: 10pt}

p.gravity a:link, p.gravity a:active, p.gravity a:visited { color: #FFFFFF;
font-size: 9pt;
text-decoration: none;
border: none;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif }

p.gravity a:hover { color: #FF9900;
text-decoration: none }

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

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

li {font-size: 10pt;
list-style:circle outside;
line-height: 12pt}

.production a:link, .production a:active, .production a:visited {
text-decoration: underline;
color: #FFFFFF }

.production a:hover { color: #FF0000;
text-decoration: none }

/* //////////// FLASH /////////// */

/* --- Main Menu --- */

#menu { width: 658px;
height: 29px }

/* --- Homepage --- */

#demo { width: 650;
height: 305px }

#topR { width: 332px;
height: 254px;
background-image: url(../images/flashTop_frame.jpg);
background-repeat: no-repeat }

/* --- Teenage Tragedy -- */

#tragedy { width: 650px;
height: 305px }

/* --- Teenage Tragedy Presenation / Lightbox --- */

#presentation { width: 641px;
height: 481px }

/* --- FOOTER --- */

.footer { text-align: center;
color:#FFFFFF;
font-weight: bold;
padding-top: 15px }

.footer a:link, .footer a:active, .footer a:visited { background:#000000;
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 4px;
border: 1px solid #333;
text-decoration: none;
color: #FFFFFF;
font-size: 9pt;
font-family: Arial, Helvetica, Verdana, sans-serif }

.footer a:hover { text-decoration: none;
color:#FF6666;
background:#CCCCCC;
color: #000000}

p.copyright { font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 9pt;
color: #CCCCCC;
font-weight: normal;
padding-top: 130px}

img { border: none }