/*-----------------------------------------------------------------------
Jonas Chernick.com Style Sheet

version:	2.0
date:		March 4, 2010
author:		Fraser Mackenzie
email:		info@frasermackenziedesign.com
website:	http://www.frasermackenziedesign.com
/*-------------------------------------------------------------------- */


/* =RESET
----------------------------------------------- */
* {
	margin:0; padding:0;
}

/* =GLOBAL STYLES
----------------------------------------------- */
html {
	height: 100%;
	font-size: 100.01%;
}
body { 
	background: #eee;
	text-align: center;
	font: 8pt Verdana, Helvetica, Arial, sans-serif;
	overflow-y: scroll;
}

/* =LAYOUT
----------------------------------------------- */
#mainContainer {
	background: url(../images/bg_main.gif) repeat-y;
	margin: 0 auto;
	text-align: left;
	width: 652px;
	padding: 0 16px 0 16px;
}
	#header {
		background: url(../images/header.jpg) no-repeat bottom center; 
		height: 335px;
		margin-bottom: 26px;
		position: relative;
	}
		#logo {
			float:left;
			position: absolute;
			left: 17px;
			top: 28px;
		}
		#logo a {
			display : block;
			width : 308px;
			height : 37px;
			background : url('../images/logo.gif') no-repeat 0 0;
			font-size : 5px;
			text-indent : -9999px;
			text-decoration : none;
			z-index : 9;
		}
	#contentContainer {
		width: 439px; 
		float: left;
		border-right: 1px solid #e6e6e6;
		padding: 0 30px 0 0 ;
	}
		#content {
			padding-left: 22px;
			overflow: hidden;
		}
	#navContainer {
		width: 130px; 
		float: right;
		padding: 20px 15px 0 0;
		background: url('../images/bg_nav.gif') no-repeat;
	}
		ul#nav li {
			display:block;
			font-size: 9pt;
			line-height: 2;
			letter-spacing: 1.25pt;
		}
		#imdb {
			height: 22px;
			position: relative;
			border-top: 1px solid #e6e6e6;
			padding-top: 10px;
			margin-top: 30px;
		}
			#imdb a {
				display : block;
				width : 46px;
				height : 22px;
				background: url(../images/imdb.gif) no-repeat bottom left; 
				font-size : 5px;
				text-indent : -9999px;
				text-decoration : none;
				z-index : 9;
			}
	#footer {
		background-color: #ff791a;
		height: 25px;
		position: relative;
	}
		#footerL {
			font-size: 6.5pt;
			color: #fff;
			line-height: 25px;
			letter-spacing: .25pt;
			position: absolute;
			margin-left: 15px;
			width: 50%;
		}
		#footerR {
			font-size: 6.5pt;
			color: #fff;
			line-height: 25px;
			letter-spacing: .25pt;
			position: absolute;
			right: 0;
			margin-right: 15px;
			width: 50%;
			text-align: right;
		}
#bgBottom {
	background: url(../images/bg_bottom.gif) no-repeat;
	height: 36px;
	margin: 0 auto;
	width: 684px;
	clear: both;
}

/* =TYPOGRAPHY
----------------------------------------------- */
h1 {
	font-size: 14pt;
	color: #505153;
	margin: 17px 15px 5px 0;
	line-height: 16pt;
}
h2 {
	font-size: 8.5pt;
	font-weight: bold;
	color: #505153;
	margin: 16px 0 2px 0;
	line-height: 10pt;
}
h3 {
	font-size: 8.5pt;
	font-weight: normal;
	font-style: italic;
	color: #505153;
	margin: 16px 20px 0 56px;
	line-height: 12pt;
	width: 410px;
	text-transform: none;
	letter-spacing: 0pt;
}
em {
	font-style: oblique;
}
p {
	color: #505153;
	margin: 0 0 12px 0; 
	line-height: 14pt;
}
p.contactText {
	color: #505153;
	margin: 6px 30px 0 0; 
	line-height: 12pt;
}
p.contactTextRight {
	margin: -144px 30px 35px 175px; 
	line-height: 12pt;
}
p.footNote {
	line-height: 10pt;
	font-style: italic;
	margin: 8pt 0 0 0;
}
p.top {
	background: url(../images/icon_backtotop.gif) no-repeat 0 2px ;
	margin-top: 25px;
	padding-left:13px;
	height: 14px;
	line-height:14px;
}
p.awards {
	line-height: 11pt;
}
p.underline {
	padding: 4px 0 8px 0;
	border-bottom: solid 1px #e6e6e6;
}
p.pressMain {
	line-height: 12pt;
	margin: 2px 0 5px 0;
}
.smallerLineHeight p {
	line-height: 12pt;
}
p.pressMainFirstP {
	line-height: 12pt;
	font-weight: normal;
	margin-top: 24pt;
}
p.pressQuoteSrc {
	line-height: 12pt;
	font-weight: bold;
	font-style: normal;
}

/* =NAVIGATION
----------------------------------------------- */
a:link {color: #505153; text-decoration:none;} 
a:visited {color: #505153; text-decoration:none;} 
a:hover {color: #ff791a; text-decoration:none;} 
a:active {color: #505153; text-decoration:none;} 

a.underline:link {color: #505153; text-decoration:underline;} 
a.underline:visited {color: #505153; text-decoration:underline;} 
a.underline:hover {color: #ff791a; text-decoration:none;} 
a.underline:active {color: #505153; text-decoration:underline;} 

a.footerLink:link {color: #FFF; text-decoration:none;} 
a.footerLink:visited {color: #FFF; text-decoration:none;} 
a.footerLink:hover {color: #505153; text-decoration:none;} 
a.footerLink:active {color: #FFF; text-decoration:none;} 

/* Main Navigation: highlight selected section in nav */
#about .about, #contact .contact, #news .news, #resume .resume, #video .video, #gallery .gallery, #press .press, #contact .contact
{
	color: #ff791a;
} 
#subNavContainer {
	margin: 1px 0 0 0;
	color: #ccc; 
}
ul#subNav li {
	display:inline;
	line-height: 17pt;
	letter-spacing: .75pt;
	font-size: 6.5pt;
}

/* Sub Navigation: highlight selected section in sub-navigation */
div.bio .bio, div.filmTV .filmTV, div.theatre .theatre, div.screenplays .screenplays, div.awards .awards  {
	color: #ff791a;
}

/* Generic Subpage Navigation: highlight selected section in generic multi-pages - NOT CURRENTLY IN USE*/
#page1 .page1, #page2 .page2, #page3 .page3, #page4 .page4, #page5 .page5
{
	color: #ff791a;
} 

/* =TABLES
----------------------------------------------- */

/*table.gallery {
	margin-top: 3px;
	margin-left: 53px;
	border: 1px;
	width: 423px;
	color: #505153;
	border-collapse: collapse;
	font-size: 7pt;
	table-layout: automatic;
	line-height: 8pt;
	padding: 5px;
}*/
table {
	margin-top: 3px;
	border: 0;
	width: 423px;
	color: #505153;
	border-collapse: collapse;
	font-size: 7pt;
	table-layout: automatic;
	line-height: 8pt;
}
table td, table th {
	padding: 3px; 
	vertical-align: middle;
	height: 29px;
}
th {
	text-transform: uppercase;
	font-weight: bold;
}
tr.color {
	background-color: #e6e6e6;
}
td.name {
	text-transform: uppercase;
	width: 40%;
}
td.role {
	width: 20%;
}
td.companyDirector {
	width: 40%;
}

/* =CLASSES
----------------------------------------------- */
.contactTextHeading {
	font-size: 8.5pt;
	font-weight: bold;
	color: #505153;
	line-height: 12pt;
}
.latestNewsLinkGallery {
	display: block;
	color: #ff791a;
	text-align: center;
}
.clear {
	clear: both;
}
.clearHeight {
	clear: both;
	height: 20px;
}
div.readMore {
	color: #ff791a;
	text-align:right;
	padding: 0px 0 8px 0;
	border-bottom: solid 1px #e6e6e6;
}

/* =IMAGES
----------------------------------------------- */
img.subhd {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 7px;
	clear: both;
	margin-left: -5px;
}

/* =RESUME PAGE
----------------------------------------------- */
#resumeDownload {
	color: #ff791a;
	display: block;
	text-align:right;
	margin-right: 5px 30px 8px 0;
	clear: both;
}

/* =VIDEO PAGE
----------------------------------------------- */
#contentVideo {
	padding-left: 22px;
	overflow: visible;
}
.videoEmbed {
	margin: 15px 0 -4px 0;
	display: block;
}
#videoSubhd {
	overflow: hidden;
	height: 36px;
	background: url('../images/subhd_video.gif') no-repeat top left;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 7px;
	margin-left: -5px;
}

/* =GALLERY PAGE
----------------------------------------------- */
img.galleryFullSizeImg {
	padding: 13px;
	border: 1px solid #d8d8d8;
	background-color: #fff;
	display: inline;
	margin: 10px 0 10px 0;
}
#galleryContentContainer {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#mainContainerGallery {
	position: relative;
	display: table;
	top: 15px;
	left: 0;
	width: 100%;
	height: 100%;
}
img.gallery {
	margin-right: 7px;
	margin-top: 5px;
	padding: 4px;
	border: 1px solid #d8d8d8;
}