/*   990000   */


/*===============|          MAIN STYLES          |===============*/

body {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	background: url('images/header-bg-tile.gif') repeat-x;
}

a {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
	padding: 0;

}

a:hover {

	color: #ff0000;
	text-decoration: underline;
}

#player {
	border: 6px solid #333;
}

img {border: none;}

blockquote {
	background-color: #ccc;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 20px;
	margin-left: 15px;
	margin-bottom: 20px;
	color: #333;
}
/*===============|          LAYOUT          |===============*/

#page-wrapper {
	width: 760px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	
}

#header {
	width: 760px;
	height: 75px;
}


#content-wrapper {
	width: 760px;
	position: relative;

}

#content {
	float: left;
	width: 540px;
	padding-right: 40px;
}


#sidebar {
	float: right;
	width: 180px;
	margin-bottom: 10px;
	}

#below-the-fold-wrapper {
	width: 100%;
	margin-top: 20px;
	position: relative;
	top: 0;
}

#below-the-fold {
	width: 760px;
	margin: 0 auto;
	height: 250px;
	position: relative;
	
}

#footer {
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 50px;
}

#left-sidebar {
	position: absolute;
	top: -15px;
	left: 0;
	width: 140px;
}

#content-main {
	margin-left: 170px;
	position: relative;
}
/*===============|          LAYOUT STYLES          |===============*/

#header {
	border-bottom: 1px solid #330000;
}

#header h1 {
/*	text-indent: -1000px;
	background: url('images/header.png') no-repeat;
*/	height: 75px;
	width: 220px;
	margin: 0;
	padding: 0;
}

#content-wrapper, #content, #sidebar {
	background-color: white;
}
#content p {
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	margin-top: 0;
}

#content h2 {
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}


#below-the-fold-wrapper {
	border-top: 1px solid #222;
	background-color: #1a1a1a;
	color: #f0f0f0;
}



#footer {
	background-color: #000;
	color: #333;
	border-top: 1px solid #222;
}

#footer p {
	text-align: center;
	font-size: 11px;
	padding: 0;
	margin: 0;
	padding-top: 20px;
}

/*===============|          NAVBAR          |===============*/

ul#navbar {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	padding-left: 20px;
}

ul#navbar li {
	list-style-type: none;
	border-bottom: 1px solid #330000;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
}

ul#navbar li a {
	text-decoration: none;
	background-color: white;
	color: #990000;
	font-weight: bold;
	padding: 6px 4px 4px 10px;
	display: block;
	font-size: 12px;
}

ul#navbar li a:hover {
	color: #990000;
	font-weight: bold;
	background: url("images/bullet.gif") center right no-repeat;
	background-color: #fff;

}

ul#navbar li a.current {

/*	background: url("images/bullet-white.gif") center right no-repeat;*/
	background-color: #990000;
	color: #fff;
}

ul#navbar li a.current:hover {
	background: url("images/bullet-white.gif") center right no-repeat;
	background-color: #990000;
}

/*--- STYLES FOR CLIENT SIDEBAR DISPLAY ---*/

ul#navbar li * {margin: 0; padding: 0; border: none;}
ul#navbar li ul li {margin: 0; padding: 0;}
ul#navbar li ul li h3 {
	font-size: 11px;
	color: #333;
	background-color: #eaeaea;
	text-align: left;
	padding: 5px 10px 2px 10px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #000;
	margin-top: -1px;
	text-transform: uppercase;
}
ul#navbar li ul li h4 {
	padding: 4px 8px 2px 10px;
	border-top: 1px solid #777;
	border-bottom: 1px solid #aaa;
	margin-top: -1px;
	background-color: #fff;
	font-size: 11px;
}
ul#navbar li ul li ul {
	margin-left: 0px;
	padding: 0;
	margin-bottom: 0px;


}
ul#navbar li ul li ul li {
	text-transform: none;
	padding-left: 0px;
	border-bottom: 1px solid #ccc;

}

ul#navbar li ul li ul li a {
	padding: 6px 10px 4px 22px;
	display:block;
}
ul#navbar li ul li ul li a:hover {
	background-color: #fff;
	text-decoration: underline;
	color: #990000;
	background: url("images/bullet.png") center left no-repeat;
}

ul#navbar li ul li ul li a.current {
	background: url("images/bullet.png") center left no-repeat;
	background-color: #fff;
	color: #990000;
}
ul#navbar li ul li ul li a.current:hover {
	color: #990000;
	background: url("images/bullet.png") center left no-repeat;	
	background-color: white;
}

/*===============|          PLAYER INFO          |===============*/



.recent-work-info {
	vertical-align: top;
	padding-left: 10px;
}

.recent-work-info ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #000;
	padding-top: 3px;
}

.recent-work-info li {
	padding: 4px 4px 2px 4px;
	border-bottom: 1px solid #ccc;
	list-style: none;
	margin: 0;
	font-size: 12px;
	
}

.recent-work-info li label {
	font-weight: bold;
	text-align: right;
	color: #222;
	display: block;
	width: 50px;
	float: left;
	margin-right: 10px;
	height: 100%;
	
}

.recent-work-info li span {
	text-align: left;
	display: block;
	width: 200px;
	margin-left: 60px;
	line-height: 14px;
}

/*===============|          CONTACT FORM          |===============*/

#contact-form td.label {
	text-align: right;
	padding-right: 15px;

}

#contact-form td {
		padding-bottom: 10px;
}

#contact-form label {
	font-size: 14px;
	font-weight: bold;
}

#contact-form input.text {
	width: 200px;
	font-size: 14px;
	padding:  4px;
	border: 1px solid #5d5d5d;
}

#contact-form textarea {
	width: 250px;
	height: 100px;
	padding: 5px;
	border: 1px solid #5d5d5d;
}

/*===============|          BELOW THE FOLD          |===============*/

#below-the-fold h2 {
	margin: 0;
	padding-top: 10px;
	margin-bottom: 12px;
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
}

#below-the-fold .block {
	float: left;
	width: 240px;
	margin-right: 20px;
	font-size: 11px;
	color: #999;
	font-weight: normal;
	font-family: Arial;
}

#below-the-fold h3 {
	text-decoration: none;
	color: #ccc;
	margin: 0;
	padding: 0;
	margin-bottom: 7px;
	text-transform: uppercase;
	font-size: 14px;
	padding-bottom: 2px;
	border-bottom: 1px solid #666;
}

#below-the-fold h3 .dark {
	color: #666;
}

#below-the-fold p {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

#below-the-fold a {
	padding: 0;
	text-decoration: none;
	color: #990000;
}

#below-the-fold a:hover {
	color: #cc0000;
	background-color: #1a1a1a;
}

#below-the-fold img {
	padding: 3px;
	border: none;
}

#below-the-fold a img {
	border: 2px solid #663333;
}

#below-the-fold a:hover img {
	border: 2px solid #996666;
}



#below-the-fold .bio p {
	color: #999;
}

#below-the-fold .contact {
	font-size: 12px;
	margin-right: 0;
}

#below-the-fold .contact ul {
	margin: 0; padding: 0;
	color: #999;
}

#below-the-fold .contact li {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 12px;
	margin-bottom: 4px;
}

dl#recent-blog-entry {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #999;
}

dl#recent-blog-entry dt {
		font-size: 12px;
}

dl#recent-blog-entry dd {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 10px;
}

dl#recent-blog-entry dd.recent-blog-entry-meta {
	margin-bottom: 5px;
	color: #ddd;
	font-size: 12px;
	margin-left: 0;
}

dl#recent-blog-entry dd.goto-blog-link {
	margin-top: 5px;
	margin-left: 0;
}

#below-the-fold .news {
	margin-right: 0;
}

#below-the-fold .news ul {
	margin: 0;
	padding: 0;
}

#below-the-fold .news li {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 7px;
	color: #999;
	font-size: 12px;
}

#below-the-fold .news .cite {
	display: block;
	text-align: right;
	font-size: 11px;
}

/*===============|          SUB PAGE STYLING          |===============*/

#left-sidebar {
	background-color: #1a1a1a;
	color: #f0f0f0;
	padding: 10px;
}

#left-sidebar p, #left-sidebar h3, #left-sidebar dl {
	margin: 0; padding: 0;
}

#left-sidebar dl dt {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 13px;
}

#left-sidebar dl dt span.location {
	font-size: 11px;
	color: #999;
}

#left-sidebar dl dd {
	padding-left: 10px;
	margin: 0;
	margin-top: 3px;
	font-size: 12px;
}

#left-sidebar dl dd a {
	
}

#left-sidebar dl dd a:hover {
	text-decoration: none;
}


#content-main h2 {
	color: #330000;
	font-size: 20px;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	margin-top: 15px;
	margin-left: 5px;
}

#content-main p.intro {
	font-style: italic;
	margin: 0;
	padding: 5px;
	font-size: 12px;
	line-height: 14px;
}


/*===============|          REEL          |===============*/

#reel-display {
	margin-top: 20px;
}

#reel-display #video {
	margin-left: 50px;
}

#reel-display #video h3 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

#reel-display #video p {
	text-align: center;
	margin: 0;
	padding: 0;
}

#reel-display #video div.video-info ul {
	margin: 0; 
	padding: 0;
	width: 320px;
	margin-top: 3px;
	margin-bottom: 20px;
}

#reel-display #video div.video-info li {
	padding: 4px 4px 2px 4px;
	border-bottom: 1px solid #ccc;
	list-style: none;
	margin: 0;
	font-size: 12px;
	
}

#reel-display #video div.video-info li label {
	font-weight: bold;
	text-align: right;
	color: #222;
	display: block;
	width: 50px;
	float: left;
	margin-right: 10px;
	height: 100%;
	
}

#reel-display #video div.video-info li span {
	text-align: left;
	display: block;
	width: 270px;
	margin-left: 60px;
	line-height: 14px;
}