/* CSS Document */

/*----------------------------------------------------------------------------

GLOBAL STYLE SHEET

version: 		1.0
last update:	20  November  2007
filename:		glynis.css
author:			Doug Porter
email:			doug@douglasporter.ca
website:		www.glynishumphrey.ca

----------------------------------------------------------------------------*/

/*
BODY and NORMALIZATION
----------------------------------------------------------------------------*/

* {	}
html 	{ text-align: center; background-color: #000;  }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }
body,h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0; }
caption,th { text-align : left; }


#PAGE {
position: relative;overflow: hidden; width: 960px;
text-align: center; margin: 0 auto; padding: 0; }

#NAVIGATION {
text-align: left; list-style-type:none; clear:both; 
float:left; display:inline; margin:152px 0px 0 48px; padding: 0px; width: 160px; 
float:left;}
		
#CONTENT {
width: 480px; float:right; margin: 2em 30px 6em 0; background-color:#892;}

#CONTENT p {
padding: 0 1em 1em 1em; color:#CC9; }

#content {
float:left;
width: 6400px;
height: :720px; padding:120px 0 0 0;
background-color: #00CC33;
}

.layoutA {         /*   used in SUBJECTS  */
width: 600px; float:right; margin:244px 84px 0 0px; padding:0;}

.layoutB {
width: 480px; float:left; margin:140px 0px 0 280px; }

.layoutC {         /*   used in NEWS  */
width: 450px; float:right; margin:254px 234px 0 0px; }

.layoutD {         /*   used in SYNOPSIS  */
width:600px; float:right; margin:306px 84px 0 0px; padding:0; }

.layoutE {         /*   used in CREDITS  */
width: 600px; float:right; margin:286px 80px 0 0px; }

.trailer {
/*
background-repeat: no-repeat;
background-image: url(../images/slug.TRAILER.jpg);
background-color: white;
*/
width: 320px; height: 240px; padding:0; float:right; margin:0 -16px 18px 18px; }

#subjects {
float:right; }

.subjectsImage {
width:240px; height:240px; margin: 0 0px 24px 12px; float:right;}

#credits {
width: 600px; float:right;  }

.creditsImage {
width:240px; height:240px; margin: 0 0 12px 12px; float:right;}

.title {
float:left; width:355px; height: 480px; margin:1.25em 0 0 8em; padding:0;}

.text_420 {
float:left; width:420px; height: 360px; margin:1.25em 0 0 4em; padding:0;}

.text_480 {
float:left; width:480px; height: 360px; margin:1.25em 0 0 4em; padding:0;}

.clips {
float:left; width:320px; height: 360px; margin:1.25em 0 0 4em; padding:0;}

.movie {
width:320px; height: 240px; margin:0 0 1em 0;}

.text_640 {
float:left; width:640px; height: 360px; float: left; 
/* background-color: #FAA;  */
margin:5em 0 0 4em; padding:0;}

.horizontalSpacer {
width:10px; height: 360px;float:left;}

.headingSpacer {
width:420px; height: 55px;}

#footer {
}


/*  page Columns
      - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.separator {
clear: both; height: 6px; }

.layoutArule {
clear: both;/*  padding: 10px 0 20px 0;  */width:600px; margin:40px 0 20px 0;
border-bottom-color:#889; border-bottom-style: solid; border-bottom-width: 1px; }
	
.layoutCrule {
clear: both; padding: 20px 0 20px 0; width:450px;
border-bottom-color:#AAA; border-bottom-style: solid; border-bottom-width: 1px; }

.layoutErule {
clear: both;/*  padding: 10px 0 20px 0;  */width:600px; margin:20px 0 30px 0;
border-bottom-color:#CDD; border-bottom-style: solid; border-bottom-width: 1px; }	

.initialPic {
width: 520px; margin: 0.5em 0 1.5em 0; }


#slideShow {
width:480px; height:360px; position:absolute; top:180px; left:248px; }