body {
	background-image: url(../img/bg.gif);
	background-repeat: repeat;
	background-color: #f3f1ed;
	font-family:  'Ruluko', sans-serif;
	font-size: 15px;
}
h2, h3 { margin-bottom: 12px; }
h2 { font-size: 18px; }
h3 { font-size: 15px; }

#header a:link, .black-on-white #header a:link, #header a:visited, #header .black-on-white a:visited { color: #363636; }
#header a.nav-link-tier1:link, .black-on-white #header a.nav-link-tier1:link, #header a.nav-link-tier1:visited, #header .black-on-white a.nav-link-tier1:visited { color: #000; }

#header a.nav-link-tier1:hover, .black-on-white #header a.nav-link-tier1:hover { color: #ff6633; }

#header a.nav-link-tier1.nav-active-link:link, .black-on-white #header a.nav-link-tier1.nav-active-link:link, #header a.nav-link-tier1.nav-active-link:visited, #header .black-on-white a.nav-link-tier1.nav-active-link:visited { color: #ff6633; }

#header a:hover { color: #ff6633 }


#page-container {
	width: 960px;
	margin: 0 auto;
	min-height: 1000px;
}
#header {
	height: 240px;
	position: relative;
	font-size: 16px;
}
#logo {
	position: absolute;
	top: 13px;
	left: -10px;
}

#nav, #nav-categories {
	overflow: visible;
}
#nav-categories {
	display: none;
}
/*
#nav-current a:link, #nav-current a:visited {
	color: #ff6633;
}
*/
#nav {
	position: absolute;
	top: 200px;
	left: 150px;
	width: 394px;
	border-top: 4px solid #63a184;
	font-weight: bold;
	font-size: 16px;
}

.nav1 {
	position: relative;
	float: left;
	overflow: visible;
}
.nav1 a {
	padding: 7px 10px;
	display: inline-block;
}
.nav1 a.nav-link-tier1 {	
	font-weight: bold;
	padding: 10px;
	font-family: Helvetica, Arial, sans-serif;
}
.nav-link-tier2, .nav-link-tier3 {
	/*
	border: 1px dotted #ddd;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #FFF;
	*/
}
.nav-list-tier2 {
	display: none;
	margin-top: 10px;
}
.nav-list-tier3 {	
	margin-top: 5px;
	padding-top: 10px;
	margin-left: -2px;
	top: auto!important;
	bottom: -40px;
}
ul.sf-menu li li:hover ul.nav-list-tier3, 
ul.sf-menu li li.sfHover ul.nav-list-tier3 {top:auto!important;}

.nav-list-tier2, .nav-list-tier3 {
	background-image: url(../img/nav-ul-bg.png);
	background-repeat: no-repeat;
	background-position: 30px top;
	font-size: 16px;
	padding-bottom: 14px;
	/*
	margin-bottom: -1px;
	border-bottom: 1px dotted #DDD;
	border-top: 1px dotted #DDD;
	-webkit-box-shadow: 0px 0px 2px #555, 0px 0px 13px #c4c4b2;
	-moz-box-shadow: 0px 0px 2px #555, 0px 0px 13px #c4c4b2;
	box-shadow: 0px 0px 2px #555, 0px 0px 13px #c4c4b2;
	*/
}

.li-actor .nav-list-tier3 a {
	padding: 5px 7px;
}
.nav-active-link {
	background-image: url(../img/nav-active.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.nav-link-tier1 {
	text-shadow: 1px 1px 2px #fff;
}
.nav-link-tier2, .nav-link-tier3 {
	color: #000; 
	margin-left: 0;
	background: none;
	text-shadow: 1px 1px 2px #fff, 0px 0px 5px #f3f1ed,  0px 0px 14px #f3f1ed;
	/*
	transition-property:  color;  
	transition-duration: .15s;  
	transition-timing-function: ease-out;  
	-webkit-transition-property:  color;  
	-webkit-transition-duration: .15s;   
	-moz-transition-property:  color;  
	-moz-transition-duration: .15s;  
	-o-transition-property:  color;  
	-o-transition-duration: .15s;
	*/
}
/*.nav-link-tier2:hover, .nav-link-tier3:hover {  
	color: #Fc0; 
	 margin-left: 9px; 
}*/
.nav-link-tier3 {	
	font-size: 14px;
}
#special {
	position: absolute;
	left: 480px;
	top: 0;
	width: 480px;
	display: block;
	overflow: visible;
	z-index: 2;
}
#headshot-pic, .slideshow-photo {
	background-color: #f6f6f6;
	margin: 40px auto 0 auto;
	border: 12px solid #fff;
	width: 355px;
	height: auto!important;
	-webkit-box-shadow: 0px 0px 2px #555, 0px 0px 13px #c4c4b2;
	-moz-box-shadow: 0px 0px 2px #555, 0px 0px 13px #c4c4b2;
	box-shadow: 0px 0px 2px #555, 0px 0px 13px #c4c4b2;
	-webkit-transition-timing-function: ease-out;  
	-webkit-transform: perspective( 300 ) rotateY( -2deg );
	-webkit-transition-property:  -webkit-transform;  
	-webkit-transition-duration: .15s;  
	-moz-transition-timing-function: ease-out;  
	-moz-transform: perspective( 300 ) rotateY( -2deg );
	-moz-transition-property:  -webkit-transform;  
	-moz-transition-duration: .15s; 
	-ms-transition-timing-function: ease-out;  
	-ms-transform: perspective( 300 ) rotateY( -2deg );
	-ms-transition-property:  -webkit-transform;  
	-ms-transition-duration: .15s; 
	transition-timing-function: ease-out;  
	transform: perspective( 300 ) rotateY( -2deg );
	transition-property:  -webkit-transform;  
	transition-duration: .15s;   
}
#headshot-pic:hover, .slideshow-photo:hover  {
	-webkit-transform: perspective( 300 ) rotateY( -5deg );
	-moz-transform: perspective( 300 ) rotateY( -5deg );
	-ms-transform: perspective( 300 ) rotateY( -5deg );
	transform: perspective( 300 ) rotateY( -5deg );
}


#container, #container-list {
	min-height:500px;
	margin: 50px auto;
}
#content-wrapper {
	min-height: 500px;
}
.post-title a:link, .post-title a:visited {
	color: #000;
}
#content-text {
	margin: 0;
	width: 440px;
	padding: 0 20px;
	min-height: 500px;
}
.more-categories {
	display: none;
}

#blog-category h2.page-title {
	display: none;
}
.post-title {
	border-bottom: 1px dotted #CCC;
	margin:0;
	padding-bottom: 4px;
	display: block;
}
.post-date {
	padding-top: 1px;
	border-top: 1px dotted #FFF;
	text-align: right;
	color: #999;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}
.post-content {
	padding-bottom: 20px;
	margin-top: 4px;
}
.post-content img {
	border: 12px solid #fff;
	max-width: 100%;
	height: auto!important;
	-webkit-box-shadow: 0px 0px 2px #555, 0px 0px 13px #c4c4b2;
	-moz-box-shadow: 0px 0px 2px #555, 0px 0px 13px #c4c4b2;
	box-shadow: 0px 0px 2px #555, 0px 0px 13px #c4c4b2;

}

.sf-menu li:hover ul, .sf-menu li.sfHover ul{
	left:0;
	top: auto!important;
	bottom: 36px;
	z-index:99;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul{
	left: 117px!important;
	top: auto!important;
	bottom: -30px;
}
#nav ul .sfHover, .activeNavParent {
	background-image: url(../img/nav-ul-sfhover.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
}
.activeNavIndeed {
	display:block!important;
	visibility: visible!important;
	left: 0!important;
	top: auto!important;
	bottom: 36px; 
}
.nav-list-tier3.activeNavIndeed {
	bottom: -40px;
	left: 117px!important;
}

#headshot-div { display: none; }
#slideshow, .slideshow {
	display: none;
	position: absolute;
	top: -284px;
	left: 480px;
	width: 480px!important;
	height: auto!important;
}
body.voice-resume .slideshow, body.animation-clips .slideshow {
	width: 360px;
	left: 600px;
}
body.voice-resume #headshot-pic, body.voice-resume .slideshow-photo,
body.actor-resume #headshot-pic, body.actor-resume .slideshow-photo,
body.actor-video-reel #headshot-pic, body.actor-video-reel .slideshow-photo,
body.animation-clips #headshot-pic, body.animation-clips .slideshow-photo {
	width: auto;
	max-height: 235px;
}
body.voice-resume #content-text,
body.actor-resume #content-text {
	width: 680px;
}

body.actor-video-reel #content-text,
body.animations-clips #content-text {
	width: 680px;
}


table { margin-bottom: 25px; }
body.voice-resume td,
body.actor-resume td {
	padding: 5px 2px;
	border-bottom: 1px solid #ddd;
}
body.voice-resume td p,
body.actor-resume td p {
	margin:0;
}
body.voice-resume #nav,
body.actor-resume #nav,, 
body.actor-video-reel #nav,
body.animation-clips #nav
{
	width: 482px;
}
#slideshow-photo-container, .slideshow-photo-container {
	margin-left: auto;
	margin-right: auto;
}
/*.slideshow-photo {
	margin: 0 auto;
	width: 355px!important;
	height: auto!important;
	background-color: #fff;
	border: 12px solid #fff;
	-webkit-box-shadow: 0px 0px 2px #555, 0px 0px 13px #c4c4b2;
	-moz-box-shadow: 0px 0px 2px #555, 0px 0px 13px #c4c4b2;
	box-shadow: 0px 0px 2px #555, 0px 0px 13px #c4c4b2;
}
*/


body.press #content-text p { margin-left: 15px;display: none; }
body.press #content-text h2 { padding-top:5px; clear: both;font-family:  'Ruluko', sans-serif;  }
body.press #content-text h2:hover, body.press #content-text h3:hover { color:#F63; cursor: pointer; }
body.press #content-text p img {
	float: right; 
	margin: 0 0 10px 15px;
	width: 200px!important; 
	height: auto!important; 
	background-color: #f6f6f6;
	border: 4px solid #fff;
	-webkit-box-shadow: 0px 0px 2px #555, 0px 0px 13px #c4c4b2;
	-moz-box-shadow: 0px 0px 2px #555, 0px 0px 13px #c4c4b2;
	box-shadow: 0px 0px 2px #555, 0px 0px 13px #c4c4b2;
	-webkit-transition-timing-function: ease-out;  
	-webkit-transform: perspective( 300 ) rotateY( -6deg );
	-webkit-transition-property:  -webkit-transform;  
	-webkit-transition-duration: .15s;  
	-moz-transition-timing-function: ease-out;  
	-moz-transform: perspective( 300 ) rotateY( -6deg );
	-moz-transition-property:  -webkit-transform;  
	-moz-transition-duration: .15s; 
	-ms-transition-timing-function: ease-out;  
	-ms-transform: perspective( 300 ) rotateY( -6deg );
	-ms-transition-property:  -webkit-transform;  
	-ms-transition-duration: .15s; 
	transition-timing-function: ease-out;  
	transform: perspective( 300 ) rotateY( -6deg );
	transition-property:  -webkit-transform;  
	transition-duration: .15s;   
}
	
body.press #content-text p img:hover  {
	-webkit-transform: perspective( 300 ) rotateY( -9deg );
	-moz-transform: perspective( 300 ) rotateY( -9deg );
	-ms-transform: perspective( 300 ) rotateY( -9deg );
	transform: perspective( 300 ) rotateY( -9deg );
}