/* --------------------------------------------------
		CSS stylesheet for I'm No Dummy
----------------------------------------------------- */


html, body { height: 100%; }

* { margin: 0; padding: 0; }

a img { border: 0 }
a { outline: none; }

body {
	font: 11px arial, helvetica, sans-serif; 
	color: #ddd;
	background: #000;
	text-align: center;
}

h1 {
	font: 13px arial, helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	margin: 20px auto;
}

h2 { 
	font: 12px arial, helvetica, sans-serif;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}


h3 {
	margin-top: 20px;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	padding-top: 15px;
}

h4 { 
	font-style: italic;
	font-size: 11px;
	color: #999;
	padding-left: 11px;
}

p {
	font: 12px arial, helvetica, sans-serif;
	padding-top: 7px;
	padding-bottom: 7px;
}

.small	{ font-family: arial, helvetica, sans-serif; font-size: 10px; color: white;}

.big { font-family: arial, helvetica, sans-serif; font-size: 12px; }

.center { margin: 0 auto; text-align: center; }

.bold { font-weight: bold; }

img.center { display: block; margin-bottom: 20px; }

.marginTop { margin-top: 20px; }

a { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

a:active {  color: #DDD; }
a:link {  color: #666; }
a:visited {  color: #666; }
a:hover {  color: #DDD; }

.clear {
	display: block;
	clear: both;
}



/* ------------------------------------------
				Index page
--------------------------------------------- */


#wrapper-index {
	width: 798px;
	height: 598px;
	margin: 45px auto 20px auto;
	text-align: left;
	background: url(../images/im-no-dummy-home.jpg) no-repeat;
	position: relative;
}

#facebook a {
	width: 222px;
	height: 117px;
	position: absolute;
	top: 30px;
	left: 10px;
	text-indent: -5000px;
	outline: none;
}

#buynow a {
	width: 202px;
	height: 160px;
	position: absolute;
	top: 30px;
	right: 15px;
	text-indent: -5000px;
	outline: none;
}

#siff-selection {
	position: absolute;
	top: 350px;
	left: 180px;
	width: 166px;
	height: 90px;
}

#siff-logo {
	position: absolute;
	top: 350px;
	right: 180px;
	width: 216px;
	height: 53px;	
}

#dvd {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
	height: 143px;
}

#mainmenu-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 25px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	z-index: 2;
}

#mainmenu {
	color: #666;
	font-size: 10px;
	text-align: center;
	line-height: 25px;
}


#flash-menu-index {
	position: absolute;
	bottom: 40px;
	left: 25px;
	width: 715px;
	height: 125px;
	z-index: 1;
}

#menu-index-container {
	position: absolute;
	width: 700px;
	bottom: 40px;
	left: 50px;
}

#menu-index {
	margin: 0 auto;
	text-align: center;
}

#menu-index li {
	float: left;
	padding-right: 15px;
	list-style-type: none;
}

#menu-index a { display: block; height: 115px; text-decoration: none; }

#menu-index a i { font-size: 5px; visibility: hidden; }

.home a { width: 126px; }
.press a { width: 135px; }
.trivia a { width: 120px; }
.trailer a { width: 129px; }
.behindthescenes a { width: 113px; }

.home a:link, .home a:visited, .home a:active { background-image:url(../images/home-trans.png); }
.home a:hover { background: url(../images/home-trans.png) 0px -115px; }

.press a:link, .press a:visited, .press a:active { background-image:url(../images/press-trans.png); }
.press a:hover { background: url(../images/press-trans.png) 0px -115px; }

.trivia a:link, .trivia a:visited, .trivia a:active { background-image:url(../images/trivia-trans.png); }
.trivia a:hover { background: url(../images/trivia-trans.png) 0px -115px; }
	
.trailer a:link, .trailer a:visited, .trailer a:active { background-image:url(../images/trailer-trans.png); }
.trailer a:hover { background: url(../images/trailer-trans.png) 0px -115px; }

.behindthescenes a:link, .behindthescenes a:visited, .behindthescenes a:active { background-image:url(../images/behind-the-scenes-trans.png); }
.behindthescenes a:hover { background: url(../images/behind-the-scenes-trans.png) 0px -115px; }
	

/* ------------------------------------------
				Interior pages
--------------------------------------------- */

#wrapper {
	width: 960px;
	height: 900px;
	margin: 25px auto 20px auto;
	text-align: left;
	background: url(../images/im-no-dummy-bkgrd.jpg) no-repeat;
	position: relative;
}


#flash-menu {
	position: absolute;
	top: 0px;
	left: 225px;
	width: 715px;
	height: 125px;
	z-index: 1;
}

#menu {
	width: 700px;
	height: 115px;
	position: absolute;
	left: 50px;
	top: 15px;
}

#menu li {
	float: left;
	padding-right: 15px;
	list-style-type: none;
}

#menu a { display: block; height: 115px; text-decoration: none; }

#menu a i { font-size: 5px; visibility: hidden; }


#content-container {
	position: relative;
	width: 500px;
	margin: 0 auto 60px auto;
}

#content {
	padding-top: 185px;
	text-align: left;
}

#content p {
	padding-bottom: 15px;
	font-size: 14px;
}

#content a.button {
	font-size: 10px; 
	padding: 4px;
	border: 2px solid #660000;
	background: #FFF79D;
	color: #660000;
}

#content a:hover.button { background: #660000; color: #FFF79D; }

div.easels {
	margin-top: 30px;
	position: relative;
	z-index: 1;
	}
	a.left-easel {
		display: block;
		width: 212px;
		height: 141px;
		position: absolute;
		top: 145px;
		left: 10px;
		text-indent: -5000px;
		z-index: 2;
		background-image:url(about:blank); /* for IE7 piece of crap browser */
		}
		a.left-easel:hover { cursor:pointer;}
	a.middle-easel {
		display: block;
		width: 212px;
		height: 141px;
		position: absolute;
		top: 145px;
		left: 130px;
		text-indent: -5000px;
		z-index: 2;
		background-image:url(about:blank); /* for IE7 piece of crap browser */
		}
	a.right-easel {
		display: block;
		width: 212px;
		height: 141px;
		position: absolute;
		top: 145px;
		right: 40px;
		text-indent: -5000px;
		z-index: 2;
		background-image:url(about:blank); /* for IE7 piece of crap browser */
		}
		
.stool {
	display: block;
	position: absolute;
	width:179px;
	height:214px;
	right: -80px;
	bottom: -170px;
	background: url(../images/stool-trans.png) 0 0 no-repeat;
}
		
a.goback, a#prev {
	display: block;
	width: 76px;
	height: 86px;
	text-indent: -5000px;
	position: absolute;
	top: 410px;
	left: -140px;
	background: url(../images/go-back-trans.png) 0 0 no-repeat;
	cursor:pointer;
	}
	a.goback:hover, a#prev:hover {
		background: url(../images/go-back-trans.png) 0 -86px no-repeat;
	}

a.more, a#next {
	display: block;
	width: 105px;
	height: 60px;
	text-indent: -5000px;
	position: absolute;
	top: 370px;
	right: -130px;
	background: url(../images/more-trans.png) 0 0 no-repeat;
	cursor: pointer;
	}
	a.more:hover, a#next:hover {
		background: url(../images/more-trans.png) 0 -60px no-repeat;
	}

a.readreviews {
	display: block;
	width: 169px;
	height: 194px;
	position: absolute;
	top: 110px;
	left: -199px;
	background: url(../images/read-reviews-sign-trans.png) 0 0 no-repeat;
	text-indent: -5000px;
	z-index: 2;
}


/* Outtakes
---------------------------------------------- */

a.thisway {
	position: absolute;
	width: 155px;
	height: 104px;
	right: -140px;
	top: 330px;
	cursor: pointer;
	}

.outtakes-intro {
	position: relative;
	margin-left: 0px;
	}



/* ------------------------------------------
				Press page
--------------------------------------------- */

img.official-selection {
	display: block;
	width: 435px;
	height: 119px;
	margin: 0 auto 30px auto;
}

img#quotes {
	width: 520px;
	height: 178px;
	margin-bottom: 40px;
	margin-left: 30px;
}

#press { 
	margin-left: 30px; 
	clear: both;
	width: 570px;
	float: left;
}

#press a {
	display: block;
	float: left;
	margin: 0 5px;
}

#press a img { display: block; margin-bottom: 20px; }

a.presskit { display: block; margin-left: 40px; }

#content #press-links a { display: block; text-align: center; }


/* ------------------------------------------
			Cast and Credits page
--------------------------------------------- */

#credits {
	float: left;
	width: 200px;
	margin-left: 100px;
	float: left;
	}
	#credits p {
		text-align: left; 
		padding-bottom: 10px;
		}
	#credits p span.credit { color: #FFF79D; }

#cast {
	float: left;
	width: 200px;
	}
	#cast h2 { 
		color: #FFF79D; 
		margin-bottom: 15px; 
		margin-top: 5px; 
		}
	#cast p {
		padding: 3px;
		margin: 0;
	}
	
img.castcrew {
	display: block;
	clear: both;
	margin-top: 20px;
}

body#castcrew #content { width: 550px; }


body#castcrew #content-container ul { padding-bottom: 16px; }
body#castcrew #presskit li {
	list-style: none;
	font-size: 1.15em;
	line-height: 1.5em;
}



/* ------------------------------------------
		Movie Clips page
--------------------------------------------- */

a.viewpics {
	display: block;
	width: 169px;
	height: 194px;
	position: absolute;
	top: 110px;
	left: -199px;
	background: url(../images/view-pics-sign-trans.png) 0 0 no-repeat;
	text-indent: -5000px;
	z-index: 2;
}
		
ul#clips {
	width: 600px;	
	text-align: center;
	margin-left: 10px;
	margin-top: 20px;
	float: left;
}

ul#clips li { 
	float: left; 
	margin-right: 10px;
	list-style-type: none;
}

#clips ul li:last-child { margin-right: 0; }



/* ------------------------------------------
		Gallery Pics page
--------------------------------------------- */

a.viewclips {
	display: block;
	width: 169px;
	height: 194px;
	position: absolute;
	top: 110px;
	left: -199px;
	background: url(../images/view-clips-sign-trans.png) 0 0 no-repeat;
	text-indent: -5000px;
	z-index: 2;
}



/* ------------------------------------------
				Press Kit Pages
--------------------------------------------- */

ul.presskit-menu-row1 {
	width: 33em;
	margin: 30px auto 0 auto;
	text-align: center;
	height: 10px;
	padding: 0;
}

ul.presskit-menu-row2 {
	width: 46em;
	margin: 0 auto;
	text-align: center;
	height: 10px;
	padding: 0;
}

ul.presskit-menu-row1 li, ul.presskit-menu-row2 li {
	float: left;
	list-style-type: none;
	padding: 0 8px;
	border-right: 1px solid gray;
}

ul.presskit-menu-row1 li:first-child, ul.presskit-menu-row2 li:first-child { padding-left: none; }
ul.presskit-menu-row1 li:last-child, ul.presskit-menu-row2 li:last-child { border: none; padding-right: none; }

ul.presskit-menu-row1 li.last-item, ul.presskit-menu-row2 li.last-item { border: none; padding-right: none; } /* for IE */

ul.presskit-menu-row1 li.print a, ul.presskit-menu-row2 li.print a { color: #F6FF92; }


/* Press Kit main page 
------------------------------------------------ */

#kit-thumbs {
	width: 496px;
	height: 100px;
	margin: 60px auto 0 auto;
	background: url(../images/bio-cast-synopsis-photos-trans.png) 0 0 no-repeat;
	}
	#kit-thumbs a {
		display: block;
		float: left;
		height: 100px;
		width: 124px;
		text-indent: -5000px;
		}
		
a.download {
	display: block;
	width: 169px;
	height: 194px;
	position: absolute;
	top: 110px;
	left: -199px;
	background: url(../images/download-trans.png) 0 0 no-repeat;
	text-indent: -5000px;
	z-index: 2;
}


/* Cast and Crew 
-------------------------------------------------- */

#presskit h1, #presskit h2, #presskit h3, #presskit h4 {
	margin: 12px auto;
	text-align: center;
	color: #fff;
}

#presskit h1 {
	color: #F6FF92;
	font-size: 1.5em;
}

#presskit h3 { font-size: 1.25em; }
#presskit h4 { font-size: 1.25em; }

#content-container #presskit li {
	list-style: none;
	font-size: 1.15em;
	line-height: 1.5em;
}

#content-container #presskit ul { padding-bottom: 16px; }

#presskit p { font-size: 1.15em; line-height: 1.65em; }

#presskit p { text-indent: 1.75em; }


/* Synopses */

#presskit.synopsis h4 { text-align: left; }

#presskit.synopsis p { text-indent: 0; }


/* Slideshow
----------------------------------------- */

#slideshow { 
	height: 430px;
	overflow: hidden;
}

/* Fan submission
----------------------------------------- */

div#fan-submit {
	width: 500px;
	margin: 60px auto;
}


/* Reviews page
----------------------------------------- */

a.westwood {
	width: 200px;
	height: 120px;
	position: absolute;
	display: block;
	top: 290px;
	left: 135px;
	text-indent: -5000px;
	cursor: pointer;
	background-image:url(about:blank); /* for IE7 piece of crap browser */
}

div.westwood-audio {
	position: absolute;
	top: 420px;
	left: 10px;
	display:none;
	}


/* TV and Radio Spots
------------------------------------------ */

div.vent-audio {
	position: absolute;
	top: 320px;
	left: 0px;
	display:none;
	z-index: 99;
}


/* iPhone, iPad
-------------------------------------------- */

#iphone-menu-index {
	position: absolute;
	bottom: 40px;
	left: 25px;
	width: 740px;
	height: 140px;
	z-index: 1;
	background: url(../images/html-menu.png) 0 0 no-repeat;
	}
	#iphone-menu-index ul li {
		display: block;
		float: left;
		width: 138px;
		height: 140px;
		margin-right: 5px;
		list-style-type: none;
		}
	
	#iphone-menu-index a {
		display: block;
		float: left;
		width: 138px;
		height: 140px;
		text-indent: -5000px;
		}
	#iphone-menu-index li.trivia { margin-right: 10px; }
	#iphone-menu-index li.press { margin-right: 10px; }
	#iphone-menu-index li.trivia a { background: none; }
	#iphone-menu-index li.press a { background: none; }

/* interior pages menu */

#iphone-menu {
	position: absolute;
	top: 24px;
	left: 225px;
	width: 722px;
	height: 140px;
	z-index: 1;
	background: url(../images/html-menu.png) 0 0 no-repeat;
	}
	#iphone-menu ul li {
		display: block;
		float: left;
		width: 138px;
		height: 140px;
		margin-right: 5px;
		list-style-type: none;
		}
	
	#iphone-menu a {
		display: block;
		float: left;
		width: 138px;
		height: 140px;
		text-indent: -5000px;
		}
	#iphone-menu li.trivia { margin-right: 10px; }
	#iphone-menu li.press { margin-right: 10px; }
	#iphone-menu li.trivia a { background: none; }
	#iphone-menu li.press a { background: none; }