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

body { margin: 0; padding: 0; background-color: #000000; font-size: 62.5%; font-family: Helvetica, Arial, sans-serif; }
#wrapper { width: 960px; height: auto; margin: 0 auto; padding: 0; }
#header { width: 960px; height: auto; margin: 30px 0; padding: 0; float: left; }


#nav_list { width: 960px; height: auto; margin: 0 0 -9px 0; padding: 0; float: left; }
#nav_list ul { width: inherit; height: auto; margin: 0; padding: 0; float: left; }
#nav_list li { width: auto; height: 17px; padding: 5px 0 0 0; list-style: none; font: bold 1.3em Helvetica, Arial, sans-serif; border-top: thin dotted #666666; }
#nav_list a { margin: 0; padding: 0; text-decoration: none; color: #CCCCCC; }
#nav_list a:hover { margin: 0; padding: 0; text-decoration: none; color: #f15a24; }
li a#active { color: #f15a24; }
#active a { color: #f15a24; }
#active a:hover { }

.display_images_container { width: 900px; height: auto; margin: 45px 0 30px 19px; padding: 0; float: left; }
.display_images { width: inherit; height: auto; margin: 10px 0 10px 0; padding: 0; float: left; } 
.display_images ul { width: inherit; height: auto; margin: 0 auto; }
.display_images li { width: 75px; height: 75px; list-style: none; margin: 0 10px 10px 0; float: left; padding: 0; }


ul #portfolio { width: auto; height: 17px; margin: 0; padding: 6px 0 0 0; float: left; }
#portfolio li { width: auto; height: 17px; margin: 0; padding: 0 8px 0 0; display: inline; border: none; color: #CCCCCC; }
#portfolio a { width: auto; height: 17px; margin: 0; padding: 0 0 0 0; display: inline; }

#sub_nav { width: auto; height: 17px; float: left; }
#sub_nav li  { width: auto; height: 17px; padding: 5px 0 0 0; list-style: none;  }
{ font: bold .25em Helvetica, Arial, sans-serif; color: #cccccc display: inline; }


#content { width: 960px; height: auto; margin: 0; padding: 0; float: left; }
#content_gallery { width: 960px; height: auto; min-height: 300px; margin: 0; padding: 0; float: left; background: #111; border: thin dotted #666; }
#about { width: 450px; height: auto; margin: 65px auto 50px auto; border-bottom: thin dotted #666; }
#about p { width: 450px; font: normal 1.3em/1.4em Helvetica, Arial, sans-serif; letter-spacing: ; color: #fff; text-align: justify; }
#about .quote { font: italic 2.25em/125% Georgia, "Times New Roman", Times, serif; color: #f15a24; letter-spacing: 1px;  padding: 5px 0; }
#about img { float: left; padding: 0 20px 10px 0; }
#about #about-img { padding: 10px 0 25px 0; }
#about .first-line {  }
#resume { width: 200px; height: 50px; margin-top: 65px; float: right; }
#resume a { font: bold 1.35em Helvetica, Arial, sans-serif; color: #f15a24; text-decoration: ; }
#resume a:hover { color: #ccc; }

#shows_content { width: 450px; height: auto; margin: 65px auto 50px auto; border-bottom: thin dotted #666; }
#shows_content p { width: 450px; font: normal 1.3em/1.4em Helvetica, Arial, sans-serif; letter-spacing: ; color: #fff; text-align: justify; }
#shows_content h1 { font: bold 2em Helvetica, Arial, sans-serif; color: #f15a24; }
#shows_content .shows_dates { font: bold 1.40em/125% Helvetica, Arial, sans-serif; text-align: left; color: #f15a24; }

#publication_container { width: 450px; height: auto; margin: 65px auto 0 auto; }
#publication_content { width: 450px; height: auto; margin: 0 auto 50px auto; border-bottom: thin dotted #666; float: left; }
#publication_content p { width: 450px; font: normal 1.3em/1.4em Helvetica, Arial, sans-serif; letter-spacing: ; color: #fff; text-align: justify; }
#publication_content h2 { font: bold 1.65em Helvetica, Arial, sans-serif; color: #f15a24; }
#publication_content .shows_dates { font: bold 1.40em/125% Helvetica, Arial, sans-serif; text-align: left; color: #f15a24; }
#publication_content .press_title { font: bold 1.40em/125% Helvetica, Arial, sans-serif; text-align: left; }
#publication_content .author { font-weight: bold; }
#publication_content a { font: bold 1em Helvetica, Arial, sans-serif; color: #f15a24; }
#publication_content a:hover { color: #CCCCCC; }
.top { font: normal 1.25em Helvetica, Arial, sans-serif; margin: -25px 0 20px 0; float: left;  color: #f15a24; }
.top a { color: #ccc; text-decoration: none; }
.top a:hover {color: #f15a24;}
.top_about { font: normal 1.25em Helvetica, Arial, sans-serif; margin: -25px 0 20px 255px; float: left;  color: #f15a24; }
.top_about a { color: #ccc; text-decoration: none; }
.top_about a:hover {color: #f15a24;}

#flashDiv { margin: 25px auto 25px auto; width: 800px; height: 410px; }

#footer { width: 960px; height: auto; margin: 0; padding: 0 0 50px 0; float: left; }
#footer p { text-align: center; font: bold 1.238em Helvetica, Arial, sans-serif; color: #999999; letter-spacing: 0.146em; }

#footer p a { text-decoration: none; color: #999999; }
#footer p a:hover { text-decoration: underline; color: #f15a24; }
#footer_bar { width: 960px; height: 25px; border-bottom: thin dotted #666; float: left; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #footer p { text-align: center; font: bold 1.2em Helvetica, Arial, sans-serif; color: #999999; letter-spacing: 0.2em; }
	#nav_list li { width: auto; height: 18px; padding: 4px 0 0 0; list-style: none; font: bold 1.3em Helvetica, Arial, sans-serif; border-top: thin dotted #666666; }
	ul #portfolio { width: auto; height: 18px; margin: 0; padding: 5px 0 0 0; float: left; }
	#portfolio li { width: auto; height: 17px; margin: 0; padding: 0 8px 0 0; display: inline; border: none; color: #CCCCCC; } }

#contact_container { width: inherit; height: auto; margin: 10px 0 0 0; }
#info { width: 300px; height: auto; margin-top: 10px; float: left; }
#info h3 { font: bold 2em Helvetica, Arial, sans-serif; color: #CCCCCC; }
#info p { font: bold 1.35em Helvetica, Arial, sans-serif; letter-spacing: 1px; color: #CCCCCC; }
#contact_form { width: 520px; height: 400px; margin: 38px 0 -60px 60px;  float: left; }
#contact_form em { font-size: 1.25em; color: #ccc;  }
.container { width: 170px; height: 65px; margin: 0 0 15px 0; float: left; }
.container_message { width: 520px; height: auto; margin: 0 0 20px 0; float: left; }
.titles { margin: 0 0 5px 0; padding: 0; width: auto; height: auto; font: bold 1.2em/120% Helvetica, Arial, sans-serif; font-size-adjust: none; color: #ccc; text-align: justify; padding: 0; letter-spacing: 0.025em; float: left; }
.boxes { width: auto; height: auto; margin: 0 0 5px 0; padding: 0; float: left; }
.submit { float: left; }
.error-required { font-size: 1em; font-weight: bold; text-align: right; margin: 0 10px -12px 0; color: #ccc; float: left; }
.error-required-red { text-align: right; margin: 0 5px -12px 0; color: #ccc; float: left; color: #FF0000; }
.blank { text-align: right; margin: 0; color: #FF0000; float: right; }

#shadowbox_img {  }

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:660px;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #999;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	color: #f15a24;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.loader {
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 350px
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: thin dotted #666;
}
div.slideshow img {
	border: none;
	display: block;
	
}
div.download {
	float: right;
	color: #bbb;
	letter-spacing: 1px;
}
div.embox {
	clear: both;
	border: thin dotted #666;
	background-color: #333333;
	padding: 12px;
	margin: 0 -1px -1px 0;
}
div.image-title {
	font-weight: bold;
	font-size: 1.5em;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
}

div.image-desc {
	line-height: 1.85em;
	padding-top: 12px;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 1.12em;
	font-family: Arial, Helvetica, sans-serif;
}
.image-desc-weight { font-style: italic; color:#bbb; }


div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0 0 0 5px;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: thin dotted #666;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin: -1px 2px 0 0;
	padding: 4px 7px 2px 7px;
	border: thin dotted #666;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #ccc;
	border-color: #ccc;
	color: #fff;
}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}