@charset "UTF-8";
/* CSS Document */

body {
	font-family: Helvetica Neue, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/background.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#FFF;
}

#container{
	display: block;
	height: 600px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	/*border: thin solid #C0C;*/
}

header {
	display:block;
	position:absolute;
	top:8px;
	right:15px;
	z-index:10;
}

header img{
	border:none;
}

nav ul, nav li {
	padding: 0px;
	margin: 0px;
}

nav li{
	display:inline-block;
	list-style:none;
}

nav a{
	padding-left: 11px;
	color: #444;
	font-size: .8em;
	text-decoration: none;
	z-index: 30; 
}

nav a:hover {
	color: #a1c456;
}

.current {
	color: #a1c456;
}

#bio, #photos, #resume, #links, #media, #contact {display:none; z-index:-5;}
#bio_img, #photos_img, #resume_img, #links_img, #media_img, #contact_img {display:none; z-index:-5;}

p {
	padding-top:0px;
	padding-bottom: 10px;
	margin:0px;
}

#home_img {
	display: block;
	height: 509px;
	width: 404px;
	border: none;
	position:absolute;
	right:10px;
	bottom:19px;
}

#upcoming { 
	position: absolute; 
	left: 20px; 
	top: 40px; 
	width: 365px;
	font-size: .9em;
	color: #4190a7;
}
	
#upcoming h4{
	margin-bottom:5px;
}

#upcoming h5{
	margin-top:0px;
	margin-bottom:0px;
}

#upcoming p{
	color: #444;
	font-size: .8em;
	width: 365px;
}

#upcoming a{
	color: #444;
	text-decoration: none;
}

#upcoming a:hover {
	color: #4190a7;
}

#upcoming img{
	height: 100px;
	width: 100px;
	border:thin solid #444;
	margin-right:10px;
	float: left;
}

#latest { 
	position: absolute; 
	left: 20px; 
	top: 180px; 
	width: 300px; 
	font-size: .9em;
	color: #dc801c;
	clear:both;}
	
#latest h4{
	margin-bottom:5px;
}

#latest h5{
	margin-top:0px;
	margin-bottom:0px;
}

#latest p{
	color: #444;
	font-size: .8em;
}

#follow {
	position: absolute;
	left: 20px;
	bottom: 22px;
}

#follow img {
	border: none;
	margin-right: 5px;
}
	
#bio {
	position: absolute;
	padding-right: 5px;
	right: 6px; 
	top: 81px; 
	font-size: .9em;
	color:#444;
	z-index:444;
}

#scrollPane{
	overflow:auto;
	width:470px;
	height:500px;
}
	
#bio_img {
	border: none;
	position:absolute;
	left:20px;
	bottom:19px;
}

#links_img {
	border: none;
	position:absolute;
	right:20px;
	bottom:19px;
}

#charitable {
	position: absolute; 
	left: 40px; 
	top: 60px; 
	width: 250px;
	font-size: .9em;
}

#charitable h4{
	color: #dc801c;
	margin-bottom:0px;
}

#charitable a {
	color: #444;
	text-decoration: none;
}

#charitable a:hover {
	color: #dc801c;
}

#charitable p {
	font-size: .8em;
	color: #444;
}

#theatrical {
	position: absolute; 
	left: 200px; 
	top: 240px;  
	width: 200px;
	font-size: .9em;
}

#theatrical h4{
	color: #a1c456;
	margin-bottom:0px;
}

#theatrical a {
	color: #444;
	text-decoration: none;
}

#theatrical a:hover {
	color: #a1c456;
}

#theatrical p {
	font-size: .8em;
	color: #444;
}

#friends {
	position: absolute; 
	left: 40px; 
	top: 240px; 
	width: 150px;
	font-size: .9em;
}

#friends h4{
	color: #4190a7;
	margin-bottom:0px;
}

#friends a {
	color: #444;
	text-decoration: none;
}

#friends a:hover {
	color: #4190a7;
}

#friends p {
	font-size: .8em;
	color: #444;
}

#resume_img {
	border: none;
	position:absolute;
	right:20px;
	bottom:19px;
}

#blogo {
	border: none;
	position: absolute;
	top: 55px;
	left: 12px;
}

#blogo p{
	position: absolute;
	top: 85px;
	left: 145px;
	font-size: .7em;
	color: #444;
}

#blogo a{
	color: #444;
	text-decoration: none;
}

#blogo a:hover{
	color: #dc801c;
	border:none;
}

#headshot {
	position: absolute;
	top: 225px;
	left: 20px;
	border: none;
}

#download {
	position: absolute; 
	left: 35px; 
	top: 455px; 
	width: 150px;
	font-size: .9em;
}

#download h4{
	color: #a1c456;
	margin-bottom:0px;
}

#download a {
	color: #444;
	text-decoration: none;
}

#download a:hover {
	color: #a1c456;
}

#download p {
	font-size: .8em;
	color: #444;
}

#restable {
	position: absolute;
	top: 80px;
	left: 360px;
}

#restable table {
	width: 410px;
	border: none;
	cellspacing: 0px;
	cellpadding: 1px;
}

#restable .header {
	width: 130px;
	height: 12px;
	font-size: .8em;
	color: #a1c456;
	margin-top: 1px;
}

#restable .spacer {
	height: 3px;
	width: 130px;
}

#restable .show {
	width: 130px;
	height: 10px;
	font-size: .7em;
}

#restable .role {
	width: 130px;
	height: 10px;
	font-size: .7em;
}

#restable .location {
	width: 150px;
	height: 10px;
	font-size: .7em;
}

#form {
	display: block;
	position: absolute;
	top: 155px;
	left: 385px;
}

#form p{
	color: #444;
	font-size: .8em;
}

#contact_img {
	border: none;
	position:absolute;
	left:75px;
	bottom:19px;
}

#photos_img {
	border: none;
	position:absolute;
	left:11px;
	bottom:19px;
}

#shows {
	position: absolute;
	left: 325px;
	top: 150px;
	width: 150px;
}

#shows h4{
	margin-bottom:5px;
	color: #4190a7;
}

#shows h5{
	margin-top:0px;
	margin-bottom:0px;
	color: #4190a7;
}

#shows p{
	color: #444;
	font-size: .8em;
	width: 150px;
}

#shows a{
	color: #444;
	text-decoration: none;
}

#shows a:hover {
	color: #4190a7;
}

#benefits {
	position: absolute;
	left: 505px;
	top: 150px;
	width: 260px;
}

#benefits h4{
	margin-bottom:5px;
	color: #dc801c;
}

#benefits h5{
	margin-top:0px;
	margin-bottom:0px;
	color: #dc801c;
}

#benefits p{
	color: #444;
	font-size: .8em;
	width: 260px;
}

#benefits a{
	color: #444;
	text-decoration: none;
}

#benefits a:hover {
	color: #dc801c;
}

#misc {
	position: absolute;
	left: 525px;
	top: 150px;
}

#misc h4{
	margin-bottom:5px;
	color: #dc801c;
}

#misc h5{
	margin-top:0px;
	margin-bottom:0px;
	color: #dc801c;
}

#misc p{
	color: #444;
	font-size: .8em;
	width: 365px;
}

#misc a{
	color: #444;
	text-decoration: none;
}

#misc a:hover {
	color: #dc801c;
}