/* this is for the 2010 big-picture look elevenpictures site,
   adapted from the onedaynever site

	   2009-A was the papery yellowy look
		B was the all-in-a-big-TV look
		C was the tall narrow blackground, with diamond logo at top, orangy text
*/

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


@font-face {
  font-family: "Avenir-online";
  src: url("fonts/AvenirLTStd-Medium.otf");
  src: local("?"),
    url("fonts/AvenirLTStd-Medium.otf") format("opentype");
  }



body {
	margin: 0px;
	padding: 0px;
	height: 100%;

	background-color: #000;
	color: #ff0;		/* so you can catch errors */
	font-family: "Avenir LT Std 65 Medium",
			"Avenir LT Std",
			"Avenir",
			"Avenir-online",
			"Lucida Sans Unicode",
			"Century Gothic",
			"Lucida Grande",
			"URW Gothic L",
			Tahoma,
			"Calibri Bold",
			"Calibri",
			"Trebuchet MS", 
			"Futura Medium",
			"Futura",
			Helvetica,
			Arial,
			sans-serif;

        font-size: 14px;
	}


html,body{
      margin:0;
      padding:0;
      height:100%;
      border:none
   }


#master {
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */

	x-max-height: 1100px;
	x-overflow: auto;

	padding-top: 0px;
        margin-top: 0px;
        xmargin-left: auto;
        xmargin-right: auto;

	xx-background: #222 url("IMG_3120-11p-stupid1.jpg") no-repeat fixed 0px -60px;
		/* bg color, url, repeat, scrolling/attachment, and xpos and ypos */

        }


#header {
	position: fixed;
	width: 100%;

	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;

	background: #000;
	color: #fff;
	font-size: 12px;

	xborder: 0px dotted #f0f;
	xbackground-color: #f96;
}

#masthead {
	background: #600;
	height: 30px;
	border-bottom: 2px solid #000;
	padding-left: 5px;
	letter-spacing: 1px;
	}

	#masthead p {
		}

#menu1 {
	height: 30px;

	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;

	background-color: #930;
	border-bottom: 2px solid #000;
}
	/* master has been body text FFC on 663 */


ul.menulist { 
	margin-top: 0px;
	padding-top: 8px;
	padding-left: 0px;
	list-style-type: none;
	text-transform: uppercase;
}


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


#bio1, #bionew, ul.menulist {
	margin-left: 137px;
}
	/* main left-indent */


#content, #centeredcontent, #contentscreeningroom, #footer, #movie2, #bionew {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;

}


#content,
#contentscreeningroom {
	xheight:auto !important; /* real browsers */
	xheight:100%; /* IE6: treaded as min-height*/
	xmin-height:100%; /* real browsers */
				/* all this is now in #master */

	padding-top: 60px;
	xmargin-top: 0px;

	border-top: 1px dotted #000;
	xborder-bottom: 1px dotted #000;	/* was preventing margin-collapsing */
	color: #fff;

	}


#content {
	x-max-height: 1100px;
	x-overflow: auto;
			/* keep it from getting too long but make sure it scrolls
			also there's 2 corresponding lines in #master to prevent double scrollbars */
	}


#bionew {
	width: 320px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;

        }
	/* bionew is main content */


#extrainfo {
	xwidth: 100%;
	height: 30px;

	text-align: center;
	background-color: #444;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 0px;

	padding-top: 0px;
	padding-bottom: 0px;

	border-top: 0px solid #000;
	border-bottom: 2px solid #000;	/* are preventing margin-collapsing */
}


#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-bottom: 0px;
	xmargin-left: auto;
	xmargin-right: auto;

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

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

	}
			/* for playing in the main window */


#movie2 p {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 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 {
	position: fixed;
	width: 100%;
	bottom: 0px;
	height: 15px;
	text-align: right;
	background-color: #000;
	border-top: 2px solid #000;	/* is preventing margin-collapsing */
	}



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








/* ------------------- this is for info at bottom of screening room ------------------- */


	#extrainfo p {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 5px;
		}

	#extrainfo a {
		color: #ff0;
		}

	.screeningroomname {
		color: #ffd868;
		font-weight: bold;
		xtext-transform: uppercase;
		letter-spacing: 0px;
		font-variant:small-caps;
		}

	.screeningroomnetwork {
		font-variant:small-caps;
		}

	.screeningroomyear {
		color: #ddd;
		letter-spacing: 0px;
		font-size: 12px;
		}


#extrainfo ul { 
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 0px;
	list-style-type: none;
	font-variant:small-caps;
	font-size: 15px;
}


#extrainfo li { 
	margin-top: 8px;
	xletter-spacing: 1px;
	display: inline;
	padding-left:  0px;
	padding-right: 9px;
}


#extrainfo li.last { 
	padding-right: 0px;
}

#extrainfo li.screeningbullet { 
	font-size: 9px;
}







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


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

#linedividerwide {
	width: 600px;
        }





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


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

p.bodytext 	{ text-shadow: #000 2px 2px 2px; }
p.bodytextalt	{ text-shadow: #000 2px 2px 2px; }

p.bodytextalt 	{ font-size: 15px; }


.narrowershadow {
	color: #000;
	xxtext-shadow: #000 2px 2px 1px;
	xtext-shadow: #000 0px 0px 0px;
	text-shadow: #aaa 2px 2px 3px;
	}


p.text1		{ line-height: 130% }

p.text2 {
        color: #ccc;
	line-height: 130%
	text-shadow: #000 2px 2px 2px;
}

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



.bionote {
	xfont-weight: bold;
	xfont-style: italic;
	color: #ffd868;
	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: 7px 0 0 0px;
	xfont-variant:small-caps;
	text-transform: uppercase;
	color: #fff;
	xfont-size: 15px;
}


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

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

.smaller {
	font-size: 12px;
}


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


p.verticalblankspacebig {
	margin-top: 340px;
}




		/* ----- 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,
a.bodylink:visited,
a.bodylink:focus,
a.bodylink:active {
	color: #3ff;
	text-decoration: none; border-bottom: 1px #3ff dotted;
}

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


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

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

a.menulink:focus {
	color: #FFF;
	border-bottom: 0px #000 solid;
	text-decoration: none;
}

a.frontpagelink,
a.frontpagelink:visited {
	color: #f60;
}

a.frontpagelink:hover {
	color: #fcc;
	text-decoration: none; border-bottom: 0px;
}




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



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

#menu .menubullet {
	display: none;
        }








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

#bioheader h2 {
        font-size: 20px;
        color: #FFF;
	font-weight: normal;
	letter-spacing: 0px;
	text-shadow: #000 2px 2px 2px;
        }

#bioheader h2.altcolor {
        color: #000;
	text-shadow: #888 2px 2px 2px;
        }


#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;
	text-shadow: #000 2px 2px 2px;

	}

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

td.clip2 {
	vertical-align: bottom;
	xcolor: #ddd;
}



.showname {
	color: #f94;
	letter-spacing: 0px;
	font-variant:small-caps;
	font-size: 15px;
	xtext-transform: uppercase;
}

.shownetwork {
	}

.showyear {
	font-size: 13px;
	}

.showcredit {
	color: #ffd;
        }



.clipbullet {
	xdisplay: none;
        font-size: 12px;
	font-style: normal;
        color: #99f;
        }



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

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

        border-bottom: 1px solid #234;
	margin-top: -10px;
	margin-bottom: 5px;
	}


#reelinfo {
	text-shadow: #000 2px 2px 2px;
	}


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

p.spacebeforemoreclips {
	margin-top: 70px;
}










			/* ----- the Credit table ----- */


.credittable {
	border: 0px;
	width: 600px;
	}

tr.creditrow {
	margin-left: 0px;
	padding-left: 0px;
	}

tbody {
	margin-left: 0px;
	padding-left: 0px;
	}


td.c1, td.c2, td.c3, td.footnote {
	margin-left: 0px;
	padding-left: 0px;
        vertical-align: top;
	letter-spacing: 0px;
	xtext-shadow: #000 2px 2px 2px;
	text-shadow: #000 1px 1px 1px;
		/* for pool pic */
        }

p.textaftercredits {
	text-shadow: #000 1px 1px 1px;
}


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

.creditfootnote {
	color: #ff6;
	}
	/* for asterisk footnotes */

td.c1, td.c2, td.c3 {
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px #066 solid;
	}

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


.shownote, td.c2 { color: #ffc; }

td.c1 { color: #FFF; }

td.c1, td.c2, td.c3 {
	}


.footnote {
	color: #ff6;
        font-style: italic;
        }
	/* for emmy, really */

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 {
	}







		/* ---------- 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;
}


	xxxx {
	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;
}


.myemail {
	border: 1px #000 solid;
	}


						/* end */