/*	=base
=====================================================*/
* {margin: 0; padding: 0;}

body {
	background: #FFF;
	font: normal 0.75em/1.4em Verdana, Arial, sans-serif; color: #3B3738; text-align: center;
	}
body.home {background: #4777B3 url(../images/layout/bg-home.jpg) repeat-x;}

/*  =base tables (force tables to inherit font-size, fixes IE 5.x problems)
=================================================*/
table {
	border: 0;
	font-size: 100%;
	}

/*  =base embedded media (Fixes alignment and spacing problems for embedded media)
=================================================*/
object, embed {
	border: 0;
	display: block;
    }

/*	=base images
=====================================================*/
img {
	display: block;
	border: 0;
	}

/*	=text
=====================================================*/
a:link {color: #2F55F8; text-decoration: none;}
a:visited {color: #2F55F8; text-decoration: none;}
a:hover {color: #000; text-decoration: underline;}
a:active {color: #2F55F8; text-decoration: underline;}

p {margin: 0 0 20px;}
p.intro {font-size: 1.2em; line-height: 1.5em;}

h1 {
	margin: 0 0 18px;
	padding: 0 0 1px; border-bottom: 1px dashed #717171;
	font-size: 2em;
	}

h2 {
	margin: 0;
	font-size: 1.4em;
	}
	
h3 {
	margin: 0;
	font-size: 1em;
	}

/*	=lists
=====================================================*/
li {list-style: none;}

dt {font-weight: bold;}
dd {margin: 0 0 20px;}

/*	=clearfix
=====================================================*/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/*	=header
=====================================================*/
#header {
	position: absolute;
	top: 0; left: 50%;
	margin: 11px 0 0 -475px;
	width: 950px; height: 187px;
	text-align: left; overflow: hidden;
	z-index: 9999;
	}
*:first-child+html #header {margin-left: -476px;} /* IE 7 hack */
	#static {
		background: url(../images/layout/bg-static.jpg) 0 0 no-repeat;
		width: 950px; height: 187px;
		}
	
	/*	=logo
	=================================================*/
	#static #logo {
		float: right;
		margin: 133px 0 0;
		width: 386px;
		}
		
	/*	=main top nav
	=================================================*/
	ul#nav-main {
		position: absolute;
	    background: url(../images/nav/main.gif) no-repeat;
		margin: 15px 0 0 738px;
		width: 205px; /*height: 102px;*/ height: 87px;
		}
		ul#nav-main li {
			position: absolute;
	        left: 0;
	        display: block;
			}
			
			ul#nav-main a, ul#nav-main strong {
				display: block;
				width: 205px; height: 100%;
				color: #FFF; text-decoration: none; text-indent: -9999px; overflow: hidden;
				}
				
		#homemenu {top: 0; height: 12px;}
		#aboutusmenu {top: 15px; height: 12px;}
	    #dvdarchivemenu {top: 30px; height: 12px;}
	    #resourcesmenu {top: 45px; height: 12px;}
		#pressonlymenu {top: 60px; height: 12px;}
		#contactusmenu {top: 75px; height: 12px;}
		#awardsmenu {top: 90px; height: 12px;}
	
		#homemenu a:hover, #homemenu.on {background: url(../images/nav/main.gif) -205px 0 no-repeat;}
		#aboutusmenu a:hover, #aboutusmenu.on {background: url(../images/nav/main.gif) -205px -15px no-repeat;}
	    #dvdarchivemenu a:hover, #dvdarchivemenu.on {background: url(../images/nav/main.gif) -205px -30px no-repeat;}
	    #resourcesmenu a:hover, #resourcesmenu.on {background: url(../images/nav/main.gif) -205px -45px no-repeat;}
		#pressonlymenu a:hover, #pressonlymenu.on {background: url(../images/nav/main.gif) -205px -60px no-repeat;}
		#contactusmenu a:hover, #contactusmenu.on {background: url(../images/nav/main.gif) -205px -75px no-repeat;}
		#awardsmenu a:hover, #awardsmenu.on {background: url(../images/nav/main.gif) -205px -90px no-repeat;}

/*	=layout
=====================================================*/
#container {
	position:  relative;
	margin: 198px auto 0 auto;
	padding: 36px 0 80px; border-bottom: 10px solid #7A7A7A;
	width: 950px;
	text-align: left;
	}
	
.home #container {
	position:  relative;
	float: right;
	margin: 5px auto 0 auto;
	padding: 0px 0 10px; 
	border-bottom: 0;
	width: 950px; 
	height: 606px;
	}

.sub-lrg #container, .sub-med #container {background: url(../images/layout/bg-sub-lrg.gif) repeat-y;}
.sub-sml #container {background: url(../images/layout/bg-sub-sml.gif) repeat-y;}

#wrapper {
	margin-left:  auto;
	margin-right:  auto;
	margin-top: 15px;
	width: 950px;
}

#twitter {
	position: relative;
	float: right;
	/*margin: 5px 5px 20px 0;*/
}

/*	=sidebar
=====================================================*/
.sub-lrg #sidebar, .sub-med #sidebar {
	float: left;
	width: 104px;
	}
	
.sub-sml #sidebar {
	margin: 0 0 0 655px;
	width: 250px;
	}
	
	.sub-sml #sidebar dd {margin: 0 0 50px;}
		.sub-sml #sidebar dd span {white-space: nowrap;}
		.sub-sml #sidebar dd a {font-weight: bold;}

/*	=content
=====================================================*/
.home #content {
	background: url(../images/layout/bg-sub-lrg.gif) repeat-y;
	padding: 36px 100px 80px 145px; border-bottom: 10px solid #7A7A7A;
	height: 288px;
	}

.sub-lrg #content, .sub-med #content, .sub-sml #content {
	margin: 0 0 0 145px;
	min-height: 344px;
	}
* html .sub-lrg #content, * html .sub-med #content, * html .sub-sml #content {height: 344px;}

.sub-lrg #content {width: 755px;}
.sub-med #content {width: 705px;}
.sub-sml #content {
	float: left;
	display: inline;
	width: 410px;
	}

	.sub-lrg #content h1, .sub-med #content h1 {width: 755px;}

	.sub-sml #content h1 {width: 435px;}
	.sub-sml #sidebar h2 {
		margin: 0 0 18px;
		padding: 12px 0 3px; border-bottom: 1px dashed #717171;
		width: 268px;
		}

/*	=home
=====================================================*/
.home #content p {font-size: 1.2em; line-height: 1.5em;}
.home #content a {font-weight: bold;}

/*	=now available, coming soon
=====================================================*/
#latest {margin: 0 0 75px;}

	#latest #now-available {
		float: left;
		padding: 0 31px 0 0; border-right: 1px dashed #717171;
		width: 346px;
		}
	#latest #coming-soon {
		float: right;
		width: 346px;
		}	
	
		#latest h2 {
			background: #C4C4C4;
			padding: 5px 10px 2px;
			}
			
		#latest ul {width: 346px;}
			#latest li {
				float: left;
				display: inline;
				margin: 0 10.5px;
				width: 94px;
				}

/*	=dvd archive
=====================================================*/
#archive h3 {
	background: #C4C4C4;
	padding: 3px 10px;
	font-size: 1.2em; line-height: 1em;
	}
	
#archive #view {
	float: right;
	display: inline;
	margin: -19px 10px 0 0;
	font-size: 0.9em;
	width: 146px;
	}
* html #archive #view {width: auto;}
	
	#archive #view p {
		float: left;
		margin: 0 10px 0 0;
		}

	#archive #view li {
		display: inline;
		margin: 0 3px 0 0;
		padding: 0 6px 0 0; border-right: 1px solid #000;
		font-weight: bold;
		}
	* html #archive #view li {
		margin: 0 8px 0 0;
		padding: 0 3px 0 0;
		}
	#archive #view li.last {margin: 0; padding: 0; border: 0;}
	
#archive #sort {border-bottom: 1px solid #A3A3A3;}

	#archive #sort ul {margin: 0 10px 0 7px;}
		#archive #sort li {
			display: inline;
			font-size: 0.85em; color: #8F8F8F;
			}
		#archive #sort li.on {
			padding: 0 3px;
			font-weight: bold; color: #000;
			}
			#archive #sort li a {
				padding: 0 3px;
				font-weight: bold;
				}
			
#archive table#poster {
	margin: 0 auto 0 auto;
	width: 704px;
	}
	#archive table#poster td {
		padding: 0 6px;
		width: 76px;
		}

#archive table#text {
	margin: 32px auto 0 auto;
	width: 735px;
	}
	#archive table#text thead {background: #CBCFE0;}
		#archive table#text thead th {
			padding: 3px 0 3px 20px;
			text-align: left; line-height: 1em;
			}
		#archive table#text tbody th {
			font-weight: normal; text-align: left;
			width: 310px;
			}
		#archive table#text tbody th, #archive table#text tbody td {
			padding: 4px 0 2px 20px; border-bottom: 1px solid #C4C4C4;
			font-size: 0.9em;
			}
		#archive table#text .odd {background: #E4E4E4;}

/*	=dvd posters, buy, visit
=====================================================*/
#latest h4, #archive td h4 {font-weight: normal; font-size: 0.85em; line-height: 1.1em;}
#latest h4 {width: 94px;}
#archive td h4 {width: 76px;}
	#latest h4 strong, #archive td h4 strong {
		display: block;
		margin: 0 2px 2px;
		font-weight: normal;
		}
	#latest h4 strong {height: 4.5em;}
	#archive td h4 strong {height: 6em;}
		#latest h4 strong em, #archive td h4 strong em {
			display: block;
			font-style: normal;
			}
	#latest h4 a, #archive td h4 a {
		display: block;
		margin: 0 0 2px;
		color: #FFF; text-align: center;
		}
	#latest h4 a {
		background: #AAA;
		padding: 2px 0 4px;
		font-weight: bold; 
		}
		
		#latest h4 div.exit2 {
			background: #CDCDCD;
			padding: 4px 0;
			font-weight: bold; 
			cursor:not-allowed;
			display: block;
			margin: 0 0 2px;
			color: #FFF; text-align: center;
			}
		
		#latest h4 a.exit2 {
			background: #AAA;
			padding: 4px 0;
			font-weight: bold; 
			}
		
	#archive td h4 a {
		background: #858585;
		padding: 1px 0 4px;
		font-weight: normal;
		}
		#latest h4 a img, #archive td a img {margin: 0 auto 4px auto;}
		
		#archive td h4 div.exit2 {
			background-color:#cdcdcd;
			cursor:not-allowed;
			text-decoration:none;
			padding: 4px 0;
			font-weight: normal;
			
			color:#FFFFFF;
			display:block;
			margin:0 0 4px;
			text-align:center;
		}
		
		#archive td h4 a.exit2 {
			padding: 4px 0;
			font-weight: normal;
			
			color:#FFFFFF;
			display:block;
			margin:0 0 2px;
			text-align:center;
		}

#latest li p, #archive td p {
	margin: 0;
	font-size: 0.85em; line-height: 1.1em; text-align: center;
	}
	
#coming-soon li img {border: 2px solid #AAA;}

/*	=press releases
=====================================================*/

.pressreleases ul#nav-press {margin: 0 0 25px;}
	.pressreleases ul#nav-press li {
		display: inline;
		margin: 0 14px 0 0;
		padding: 0 14px 0 0; border-right: 1px solid #4A4949;
		font-weight: bold; font-size: 1.25em;
		}
	.pressreleases ul#nav-press li.last {border-right: 0;}


.pressreleases table { margin: 0; }
	.pressreleases table td,
	.pressreleases table th {
		padding-bottom: 15px;
		vertical-align: top;
		}
	.pressreleases table th { padding-right: 15px; }
	.pressreleases table ul { padding: 0 0 0 15px; }
	.pressreleases table li {
		list-style-type: square;
		font-size: 0.8em;
		color: #3154f9;
		}
		.pressreleases table li a { 
			font-size: 1.2em; 
			color: #3a3636;
			text-decoration: underline;
		}
	
/*	=about us subnav
=====================================================*/
ul#nav-aboutus {
	float: right;
	position: relative;
    background: url(../images/nav/about-us.gif) no-repeat;
	margin: 48px 0 0;
	width: 91px; height: 118px;
    }
    ul#nav-aboutus li {
		position: absolute;
        left: 0;
        display: block;
        }

        ul#nav-aboutus a, ul#nav-aboutus strong {
            display: block;
			width: 91px; height: 100%;
			text-decoration: none; text-indent: -9999px; overflow: hidden;
            }

    #overviewmenu {top: 0; height: 17px;}
    #awardshonorsmenu {top: 23px; height: 32px;}
    #biosmenu {top: 62px; height: 17px;}
    #pressreleasesmenu {top: 90px; height: 32px;}

	#overviewmenu a:hover, #overviewmenu.on {background: url(../images/nav/about-us.gif) -91px 0 no-repeat;}
    #awardshonorsmenu a:hover, #awardshonorsmenu.on {background: url(../images/nav/about-us.gif) -91px -23px no-repeat;}
    #biosmenu a:hover, #biosmenu.on {background: url(../images/nav/about-us.gif) -91px -62px no-repeat;}
    #pressreleasesmenu a:hover, #pressreleasesmenu.on {background: url(../images/nav/about-us.gif) -91px -90px no-repeat;}


/*	=bios subnav
=====================================================*/
ul#nav-bios {margin: 0 0 25px;}
	ul#nav-bios li {
		display: inline;
		margin: 0 14px 0 0;
		padding: 0 14px 0 0; border-right: 1px solid #4A4949;
		font-weight: bold; font-size: 1.25em;
		}
	ul#nav-bios li.last {border-right: 0;}

/*	=resources subnav
=====================================================*/
ul#nav-resources {
	float: right;
	position: relative;
    background: url(../images/nav/resources.gif) no-repeat;
	margin: 48px 0 0;
	width: 69px; height: 40px;
    }
    ul#nav-resources li {
		position: absolute;
        left: 0;
        display: block;
        }

        ul#nav-resources a, ul#nav-resources strong {
            display: block;
			width: 69px; height: 100%;
			text-decoration: none; text-indent: -9999px; overflow: hidden;
            }

    #festivalsmenu {top: 0; height: 17px;}
    #linksmenu {top: 25px; height: 17px;}

	#festivalsmenu a:hover, #festivalsmenu.on {background: url(../images/nav/resources.gif) -69px 0 no-repeat;}
    #linksmenu a:hover, #linksmenu.on {background: url(../images/nav/resources.gif) -69px -25px no-repeat;}
	
/*	=resource columns
=====================================================*/
#column1 {
	float: left;
	width: 48%;
	}
#column2 {
	float: right;
	width: 48%;
	}
	#column1 h2, #column2 h2 {
		margin: 0;
		border: 0;
		font-size: 1em;
		}
	#column1 dt, #column2 dt {font-weight: normal;}
	#column1 dd, #column2 dd {margin: 0 0 15px;}

/*	=mailing list/admin login
=====================================================*/
#mailing-list ol li, #admin-login ol li {margin: 0 0 15px;}
	
	#mailing-list ol label, #admin-login ol label {
		float: left;
		margin: 0 10px 0 0;
		width: 100px;
		font-weight: bold;
		}
	#mailing-list ol input, #admin-login ol input {width: 240px;}
	
	#mailing-list ol ul {margin: 0 0 20px;}
		#mailing-list ol ul li {
			float: left;
			margin: 0 15px 0 0;
			}

			#mailing-list ol ul select#dob-month {width: 95px;}
			#mailing-list ol ul select#dob-day {width: 60px;}
			#mailing-list ol ul select#dob-year {width: 60px;}
			

#mailing-list p {margin: 0 0 20px 110px;}

#mailing-list button, #admin-login button {
	margin: 0 0 20px 110px;
	width: 140px;
	}
* html #mailing-list button, * html #admin-login button {font-size: 1em;}

ul#errors {
	margin: 0 0 25px;
	color: #FF0000;
	}

/*	=admin top nav
=================================================*/
ul#nav-admin {
	position: absolute;
    background: url(../images/nav/admin.gif) no-repeat;
	margin: 11px 0 0 847px;
	width: 99px; height: 69px;
	}
	ul#nav-admin li {
		position: absolute;
        left: 0;
        display: block;
		}
		
		ul#nav-admin a, ul#nav-admin strong {
			display: block;
			width: 99px; height: 100%;
			color: #FFF; text-decoration: none; text-indent: -9999px; overflow: hidden;
			}
			
    #adminmenu {top: 0; height: 12px;}
    #usermenu  {top: 18px; height: 12px;}
    #dbmenu    {top: 36px; height: 24px;}  
    #filmmenu  {top: 36px; height: 12px;}
    #pressmenu {top: 50px; height: 14px;}

    #adminmenu a:hover, #adminmenu.on {background: url(../images/nav/admin.gif) -99px 0 no-repeat;}
    #usermenu a:hover, #usermenu.on {background: url(../images/nav/admin.gif) -99px -18px no-repeat;}
    #dbmenu a:hover, #dbmenu.on {background: url(../images/nav/admin.gif) -99px -36px no-repeat;}   
    #filmmenu a:hover, #filmmenu.on {background: url(../images/nav/admin.gif) -99px -36px no-repeat;}
    #pressmenu a:hover, #pressmenu.on {background: url(../images/nav/admin.gif) -99px -50px no-repeat;}

/*	=film admin subnav
=====================================================*/
ul#nav-films {
	float: right;
	position: relative;
    background: url(../images/nav/films.gif) no-repeat;
	margin: 48px 0 0;
	width: 102px; height: 124px;
    }
    ul#nav-films li {
		position: absolute;
        left: 0;
        display: block;
        }

        ul#nav-films a, ul#nav-films strong {
            display: block;
			width: 102px; height: 100%;
			text-decoration: none; text-indent: -9999px; overflow: hidden;
            }

    #filmlistmenu {top: 0; height: 17px;}
    #approvemenu {top: 23px; height: 17px;}
    #archivemenu {top: 46px; height: 17px;}
	#choosemenu {top: 69px; height: 17px;}
	#comingsoonmenu {top: 92px; height: 32px;}

	#filmlistmenu a:hover, #filmlistmenu.on {background: url(../images/nav/films.gif) -102px 0 no-repeat;}
    #approvemenu a:hover, #approvemenu.on {background: url(../images/nav/films.gif) -102px -23px no-repeat;}
    #archivemenu a:hover, #archivemenu.on {background: url(../images/nav/films.gif) -102px -46px no-repeat;}
	#choosemenu a:hover, #choosemenu.on {background: url(../images/nav/films.gif) -102px -69px no-repeat;}
	#comingsoonmenu a:hover, #comingsoonmenu.on {background: url(../images/nav/films.gif) -102px -92px no-repeat;}

/*	=admin tables
=================================================*/
table#admin {width: 100%;}
	table#admin thead {background: #CBCFE0;}
		table#admin thead th {
			padding: 3px 10px;
			text-align: left;
			}
	table#admin tbody td {padding: 4px 10px 2px; border-bottom: 1px solid #C4C4C4;}
	table#admin .odd {background: #E4E4E4;}

/*	=admin text
=====================================================*/
.error, .required {color: #E13838;}
.message {font-weight: bold;}

/*	=footer
=====================================================*/
#footer {
	margin: 15px auto 0 auto;
	padding: 0 0 15px;
	width: 950px;
	color: #717171; text-align: right;
	}
.home #footer {color: #000;}
	
	#footer p {
		clear: right;
		margin: 0 10px 0 0;
		font-size: 0.85em; line-height: 1.3em;
		}
		.home #footer a:link, .home #footer a:visited, .home #footer a:hover, .home #footer a:active {color: #FFF;}