/* this is for the 2009 elevenpictures site,
   adapted from the onedaynever site

   this is version 2009c
	A was the papery yellowy look
	B was the all-in-a-big-TV look
*/

body {
	background-color: #420;
	color: #ff0;		/* so you can catch errors */
	margin: 0px;
	padding: 0px;
	font-family: "Gill Sans",
             "Gill Sans MT",
             Tahoma,
             "DejaVu Sans",
             sans-serif;
        font-size: 15px;
	}

html, body {
	height: 100%;
	}
	/* this makes master go 100% high, bc it can only hit 100% height of
		its PARENT elements! */

#menu1, .menutext {
	font-size: 15px;
}


#master {
	padding-top: 0px;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
	width: 750px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #000;
	min-height: 100%;
        }


#header {
        margin-left: auto;
        margin-right: auto;
	background: #000;
	text-align: center;
	border: 0px dotted #f0f;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

#content, #centeredcontent, #footer, #movie2 {
	margin-left: auto;
	margin-right: auto;
	width: 750px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;

}

#menu1 {
	height: 20px;
	xborder: 2px solid #0ff;
	background-color: #ddd;
	padding-bottom: 1px;
}
	/* master has been body text FFC on 663 */


ul.menulist { 
	xmargin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}


li.menutext {
	letter-spacing: 1px;
	display: inline;
	padding-left:  20px;
	padding-right: 20px;
	}


#content {
	margin-top: 0px;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;	/* are preventing margin-collapsing */

	background-color: #000;
	color: #f94;
	}


#extrainfo {
	text-align: center;
	background-color: #666;
	color: #fff;
	margin-top: 0px;

	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;	/* are preventing margin-collapsing */
}

	#extrainfo p {
		xmargin-top: 10px;
		xmargin-left: 85px;
		}

	#extrainfo a {
		color: #ff0;
		}


#movie {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	border: 0px dotted #9ff;
	}
			/* for pop-up windows */


#movie2 {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;

	padding-top: 1px;
			/* was 20 with QTs */
	background: #000;
	color: #fff;

	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;	/* are preventing margin-collapsing */

	}
			/* for playing in the main window */


#movie2 p {
	text-align: center;
	margin-top: 0px;
	padding: 0px;
	}



#backbutton {
	position: absolute;
	top: 140px;
	margin-left: auto;
	margin-right: auto;

	padding-left: 10px;
	width: 750px;
	border: 01px dotted #ff0;
	z-index: 2;
	}
			/* is unused */


#footer {
	text-align: right;
	background-color: #000;
	border-top: 1px solid #000;	/* is preventing margin-collapsing */
	}



p.footer {
	margin-top: 1px;
	margin-bottom: 0px;
	font-size: 9px;
	color: #444;
}







/* ----- set up text styles PART 1, there's more later for some reason ----- */


#bio1 {
        }
	/* currently used for grey text after bios */


#bio1, #bionew {
	margin-top: 0px;
	margin-left: 75px;
	margin-right: 75px;
	margin-bottom: 0px;
	padding: 0px;

        }
	/* bionew is main content */


.image1 {
	width: 200px;
	height: 150px;
	padding: 0px;
	margin: 0px;
	}

.image169 {
	width: 200px;
	height: 112px;
	padding: 0px;
	margin: 0px;
	}



		/* ----- set up line divider styles ----- */


#linedivider, #linedividerwide {
        width: 350px;
	height: 1px;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
        border-bottom: 3px double #999;
	margin-left:  auto;
	margin-right: auto;
        }

#linedividerwide {
	xx-width: 500px;
        }





		/* ----- set up text styles ----- */


p.bodytext {
	text-align: justify;
	line-height: 150%;
	xletter-spacing: 0px;
	}


p.text1 {
	line-height: 130%
}

p.text2 {
	font-size: 14px;
        color: #986;
	line-height: 140%
}

p.imageblock {
	margin-top: 0px;
	width: 600px;
	}



.bionote {
	xfont-weight: bold;
	xfont-style: italic;
	color: #ffd;
	xtext-transform: uppercase;
	letter-spacing: 0px;
	font-variant:small-caps;
	}



p.description {
	width: 550px;
	text-align: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999;
}

#header p {
	margin: 0 0 0 0px;
	padding: 5px 0 0 0px;
	font-variant:small-caps;
	color: #fff;
	font-size: 13px;
}

	a.screeninglink,
	a.screeninglink:visited,
	a.screeninglink:hover,
	a.screeninglink:active {
		color: #9cf;
	}
		/* for 'back' link atop the screening room */

.subheader {
	font-size: 12px;
	font-style: italic;
	color: #ccc;
	}

.faint {
	color: #999;
	font-style: italic;
	font-size: 12px;
}


p.verticalblankspace {
	margin-top: 50px;
}





		/* ----- LINK styles ----- */


A         { color: #ffc; text-decoration: none; border-bottom: 0px; }
A:visited { color: #ffc; text-decoration: none; border-bottom: 0px; }
A:hover   { color: #fff; text-decoration: none; border-bottom: 1px #960 dotted; }
A:active,
a:focus   { color: #ccc; text-decoration: none; border-bottom: 1px #960 solid; outline:none; }

a.bodylink {
	color: #3ff;
	text-decoration: none; border-bottom: 1px #3ff dotted;
}

a.bodylink:hover {
	color: #ccf;
	text-decoration: none; border-bottom: 1px #ccf solid;
}

a.bodylink:focus, a.bodylink:active {
	text-decoration: none; border-bottom: 1px #960 solid;
}

a.menulink, a.menulink:visited, a.menulink:active {
	color: #000;
}

a.menulink:hover {
	color: #00f;
	border-bottom: 0px #000 solid;
	text-decoration: none;
}

.menubullet {
        font-size: 11px;
	font-style: normal;
        color: #999;
        padding: 3px;
        }

#menu .menubullet {
	display: none;
        }








		/* ----- set up Page Header styles ----- */

#bioheader h2 {
	width: 600px;
	margin-left:  auto;
	margin-right: auto;
	text-align: center;
        font-size: 20px;
        color: #9cf;
        border-bottom: 3px double #cc6;
	font-family: "Times New Roman", Times, "URW Palladio L", serif;
	font-weight: normal;
	letter-spacing: 0px;
        }


#clipsheader {
        width: 550px;
	margin-left:  auto;
	margin-right: auto;
        border-bottom: 1px dotted #960;
}


#clipsfooter {
        width: 600px;
	font-size: 10px;
	padding-bottom: 12px;
}








				/* ----- the "Clips" table ----- */

#clipmain {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	}

table.cliptable {
	width: 600px;
	}

td.clip1 {
	padding-left: 0px;
	padding-right: 6px;
	width: 200px;
}

td.clip2 {
	vertical-align: bottom;
}


#clipdivider {
        position: relative;
        top: -8px;
        border-bottom: 1px dotted #669;
        }

p.clipdivider {
        position: relative;
        top: -10px;
        border-bottom: 1px solid #234;
	margin-top: 0px;
	margin-bottom: 0px;
	}


#reelinfo {
	text-align: center;
	}


.important-text {
	color: #CCCC66;
	font-weight: bold;
	text-transform: uppercase;
	}



		/* ----- the credit table ----- */
.credittable {
	border: 0px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	}

td.c1, td.c2, td.c3, td.footnote {
	xfont-size: 13px;
        vertical-align: top;
	letter-spacing: 0px;
        }

.creditbullet {
	display: none;
        font-size: 12px;
	font-style: normal;
        color: #066;
        }

td.c1, td.c2 {
	padding-right: 10px;
	padding-bottom: 9px;
	}

.shownote, td.c2 { color: #cc6; }
td.c1 { color: #9cf; }

.showname {
	xcolor: #def;
	color: #f94;
	letter-spacing: 0px;
	font-variant:small-caps;
}

.shownetwork {
	}

.showyear {
	font-size: 13px;
	}

.showcredit {
	color: #ffd;
        }

td.clip2 {
	color: #ddd;
}


.clipbullet {
	xdisplay: none;
        font-size: 12px;
	font-style: normal;
        xcolor: #066;
        color: #666;
        }





td.c1, td.c2, td.c3 {
	border-bottom: 1px #402 solid;
	}

.footnote {
	color: #cc6;
        font-style: italic;
        }


img.emmypic {
	float: left;
	border: 1px solid #ff9;
	height: 60px;
	margin-right: 10px;
}

img.photograph {
	width: 456px; 
	border: 0px solid #960;
}
	/* less than 360 because of the border
		is currently used for the big photo on contact page */


#aftercredits {
	text-align: center;
	margin-left: 75px;
	margin-right: 75px;
	}







		/* how to handle borders of imgs that are links */


img.clip {
	border: 1px solid #993;
	width: 200px;
	height: 150px;
}


img.bigclip {
	border: 1px solid #993;
}

img.clip:hover, img.bigclip:hover { border: 1px solid #ff0; }


a.frontlink, a.frontlink:visited {
	color: #fff;
	text-decoration: none;
}

a.frontlink:hover {
	color: #996; text-decoration: none; border: 1px;
}


	border: 0px;
	text-decoration: none; 
}

#header img, #header img:hover {
}

a.borderlessimagelink,
a.borderlessimagelink:visited,
a.borderlessimagelink:hover, 
a.cliplink, a.cliplink:visited, a.cliplink:hover,
a.frontlink, a.frontlink:visited,
a.headerlink, a.headerlink:visited, a.headerlink:hover {
	border: 0px;
	text-decoration: none; 
	outline: none;
}



.toplogo {margin-top: 15px;
	border: 0px #f00 solid;
}



/* left over from onedaynever 

img.img1, img.img2		{border: 1px solid #fff;}
img.img1:hover, img.img2:hover 	{border: 1px solid #066;}


img.img2 {
	margin-left: 1em;
}

*/