/* * * * * * * * * * * * * * * */
/* CSS for burning fish design */
/*   initial build oct 2008    */
/*       david a taylor        */
/* * * * * * * * * * * * * * * */


/* BROWSER CLEANUP */
body, div, p, ul, ol, li, img, h1, h2, h3 {margin:0;padding:0;border:0;}
	/* Set defaults */
	ul, ol {margin-left: 40px;}
	a {color: #ed9a10; text-decoration: none;}
	a:hover, a:active {text-decoration: underline;}
	a:active {color: #ed2226;}
	
/* COMMON STYLES */
.nav ul, .nav li {list-style-type:none;}
.nav li, .nav a {float: left;}

h1, h2, h3 {font-family: georgia, times, "times new roman", serif; font-weight: bold;}
h1 {font-size: 30px;}
h2 {font-size: 20px;}

p {line-height: 1.6; margin: 8px 0;}

.instruction {line-height: 1.2;}
.error-stress {color: #c43;}

.clear {clear: both;}

/* BASIC PAGE STRUCTURE - ALL PAGES */

body {background: #000; font-family: arial, helvetica, sans-serif;}

#main-container {width:968px; border: outset 2px #818181; margin: 21px auto 0; background: url(/images/structure/bg-white-burlap.gif) top left repeat #f6f1e9;}
#main-container .container-bottom {height: 15px;}

	/* Header */
	#header {width:968px; height: 198px; background: #f6f1e9; position: relative;}
	#header h1, #header a {float: left; height: 60px;}
	#header h1 {margin: 15px 12px 8px 30px;}
	#bf-main-logo {margin-top: -23px; height: 106px;}
	
	#header h2 {color: #f6f1e9; font-family: arial, helvetica, sans-serif; font-size: 23px; font-weight: bold; line-height: 1.3; background: url(/images/structure/header-imgs/header-1.jpg) top left no-repeat #ccc; padding-left:7px; width: 961px; height:115px; clear: left;}
		
	/* Main Nav */
	#main-nav {width: 912px; height:32px; margin: 4px 28px 12px; font-family: georgia, times, "times new roman", serif; font-size: 20px; font-style: italic;}
	#main-nav li {margin-right: 54px;}
	#main-nav a {color: #1c0f1f;}
	#main-nav a.current {color: #e99612;}
	#main-nav a:hover {color: #faa21a;}
	#main-nav a:active {color: #ed2226;}

	/* Content Area */
	#main-content-area {clear: both;}
	
		/* Layout of Columns */
		.content-box {float:left; margin-left: 20px;}		
		#bio-box, #examples-list {width: 186px; font-size: 12px; margin-top: 24px;}
		#examples-list {margin-right: 20px; margin-left:4px; float:right;}
		/* Middle column (Main Content box) */
		.main-content {width: 722px; background: url(/images/structure/bg-shadow-main-content-lrg.gif) bottom right repeat-y transparent; margin-bottom: 9px; font-size: 14px;}
		.main-content-inner {width:685px; padding: 6px 15px 15px; margin-bottom: 3px; background-color: #f6f1e9; border: solid 2px #949494; font-size: 14px;}
		
		/* Bio column */
		#bio-box {background-color: #ffe9be; font-family: georgia, times, "times new roman", serif; font-size: 11px;}
		#bio-box img.headshot {float: left; border: 1px solid #faa21a; margin-right: 6px; width: 78px;}
		#bio-box .bio {padding: 5px 6px 6px;}
		#bio-box .bio h2 {display: none;}
		
		/* web examples column */
		#examples-list h2 {margin-bottom: 5px;}
		#examples-list ul, #examples-list ul {margin:0; list-style-type: none;}
		#examples-list ul li {margin: 5px 0 10px;}
		#examples-list ul a {display: block; border: 4px solid #616161;}
		#examples-list ul a:hover {border-color: #faa21a;}
		#examples-list ul a:active {border-color: #ed2226;}
		/* the next 2 lines are to fix whitespace between images and border */
		#examples-list ul a {line-height:0;} /* standars-compliant(ish) browsers */
		#examples-list ul a {height: 1%} /* ie */
		
		
	
	/* Footer */
	#footer {width:968px; margin: 3px auto 15px; padding-left: 8px; color: #f6f1e9; font-size: 11px;}
	
	
/* PAGE SPECIFIC STYLES */

/* home page */
#index .main-content {width: 513px; background-image: url(/images/structure/bg-shadow-main-content-sml.gif)}
#index .main-content-inner {width: 476px;}

/* portfolio page */
#portfolio .main-content .teaser {font-size: 13px;line-height: 1.4;}
#portfolio .main-content #portfolio-examples {padding:0 30px;}
#portfolio .main-content .big-example h2 {margin: 18px 0 6px;}
#portfolio .main-content .big-example img {display: block; margin: 0 auto; border: 2px solid #616161;}
#portfolio .main-content .big-example a:hover img {border-color: #faa21a;}
#portfolio .main-content .big-example a:active img {border-color: #ed2226;}
#portfolio .main-content .big-example p {font-size:13px; line-height:1.4; margin-bottom: 10px;}
#portfolio .main-content  #all-projects-list {line-height: 1.4}

/* contact page */
#contact .main-content p {margin: 10px 0;}

#contact .form-errors {margin: 0 0 16px 20px; padding: 8px 18px 12px; width: 480px; border: 1px solid #222;}
	#contact .form-errors .error-header {font-style: italic; margin: 0;}
	#contact .form-errors .error-wrapper {font-size: 0.9em; line-height: 1.2; margin: 0; padding-left: 16px;}

	.contact-form-table td {padding-bottom: 4px;}
	.contact-form-table .col1 {padding-right: 8px; text-align: right;}
	.contact-form-table textarea#comments {width: 440px; height: 160px;}
	.contact-form-table #submit-td {padding-top: 2px;}