/* :: erinbellphoto.com :: Author - Brian Bell of Backlit Creative www.backlitcreative.com :: */

/* :: Colors ::
Purple: #180D16
Light Purple: #CFCBCC
Green: #AABD6A
Dark Green: #8BA732
Blue: #b6cac8
*/

@import url(http://reset5.googlecode.com/hg/reset.css);

/*--- Global Styles ---*/

body { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF url("../images/bkgrd-pattern.gif") repeat scroll; border:0; outline:none; color:#180D16; font-family:"Helvetica Neue LT Std",Helvetica,Arial,sans-serif; font-size:100%; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.25em; }

a { color:#AABD6A; text-decoration:none; }
	a:hover { text-decoration:underline; }
	a img { border:0 none; outline-color:-moz-use-text-color; outline-style:none; outline-width:0; }
	
p { font-size:14px; line-height:1.5em; margin-bottom:1.1em; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; line-height:1.25em; margin-bottom:0.5em; font-size:100%; }
	h1 { font-size:30px; color:#AABD6A; line-height:1em; margin-bottom:0; padding-top:2px; }
	h2 { font-size:22px; margin-bottom:0.92em; }
	h3 { font-size:17px; color:#180D16; line-height:1em; margin-bottom:2px; padding-top:4px; }
	h4, h4 a { font-size:16px; color:#180D16; line-height:1em; margin-bottom:0; }
	h5 { font-size:21px; color:#180D16; }
	h6 { font-size:11px; }
	
.curlyh1 {color:#180D16; font-size:30px; line-height:1; float:left; margin:-1px 0 0 0;}
.curlyheadline { padding-left:2px; padding-right:4px; }
.monthdb {font-size:14px; letter-spacing:-.02em; margin-bottom:3px; line-height:1;}
.daydb {font-size:22px; letter-spacing:-2px; float:right; padding-right:2px; line-height:1; margin-top:-7px;}
.list-subhead {font-size:14px; margin-bottom:.6em; line-height:1em;}
.green {color:#AABD6A;}
#clear { clear:both; }
.photo-credit {font-size:10px; line-height:normal; margin:0; padding-right:18px; padding-top:3px; text-align:right;}

/*--- END Global Styles ---*/

/*--- Container Styles ---*/

#container {width:1024px; margin:20px auto; padding:0; background:#FFFFFF; border:1px solid #CFCBCC;}

	#header {height:98px;}
		#header #logo {margin:18px 0 0 23px; float:left; width:200px;}
		
		#jukebox {float:right; color:#180D16; padding:8px 10px 0 0; margin-left:329px; font-size:10px; line-height:1em; width:225px; height:38px;}
		
		#header #nav {}
			#header #nav ul.lava {float:right; margin-top:5px; height:36px; padding:0 10px; background-color:#AABD6A; position:relative;}
				#header #nav ul.lava li {float:left; list-style:none;}
					#header #nav ul.lava li a {color:#180D16; font-size:14px; line-height:1em; vertical-align:middle; padding:11px 10px; position:relative; float:left; display:block; z-index:10;}
						#header #nav ul.lava li a:hover {text-decoration:none; color:#FFFFFF;}
					#header #nav ul.lava li.back {background:url("../images/curly.gif") no-repeat right -40px; height:40px; position:absolute; z-index:8; margin-top:-2px;}
					#header #nav ul.lava li.current a {color:#FFFFFF;}
						#header #nav ul.lava li.back .left {background:url("../images/curly.gif") no-repeat top left; height:40px;}
						
	#mediabox {width:1024px; overflow:hidden; margin-bottom:15px;}
	
/* styles for the portfolio galleries */
		#mediabox ul {height:71px; padding-left:71px; padding-right:71px; overflow:hidden; background-color:#b6cac8; width:882px;}
			#mediabox ul li {float:left; border:1px solid #CFCBCC; margin:8px 4px; position:relative; overflow:hidden; list-style:none;}
			#mediabox ul li div img {position:relative; cursor:pointer;}
			.eb_main {width:1024px; height:680px; display:block; position:relative; padding-bottom:8px; background-color:#b6cac8;}
			.eb_main_img {position:absolute; top:0px; left:0px;}
			.eb_back_img {position:relative; top:0px;}
			.eb_subdiv {position:relative;}
			.eb_subdiv img, .eb_subdiv a img {border:none;}
			.eb_play {position:absolute; z-index:1; right:8px; width:40px; top:8px;}
			.eb_play a {position:absolute; cursor:pointer; display:block; width:40px; height:40px;}/* play/pause images are defined in the pikachoose.js file */
			.eb_prev_hover {position:absolute; cursor:pointer; top:-60px; left:6px; height:50px; width:60px; background-color:#b6cac8; background:url("../images/slideshow-prev.gif") top left no-repeat;}
			.eb_next_hover {position:absolute; cursor:pointer; top:-60px; right:6px; height:50px; width:60px; background-color:#b6cac8; background:url("../images/slideshow-next.gif") top right no-repeat;}
	
/* styles for the portfolio page and portfolio page slideshows */
	#portfolio {width:1024px; margin-bottom:0;}
		#portfolio ul {}
			#portfolio ul li {width:507px; height:289px; float:left; margin-bottom:10px; list-style:none;}
			#portfolio ul li.odd {margin-right:10px;}
				#portfolio ul li a {cursor:pointer;}
		#portfolio #label {margin-top:-70px; width:507px; height:51px; position:absolute; z-index:1000;}
			#portfolio #label h5 {margin-top:-39px; text-align:right; padding-right:15px; line-height:1;}
	#slideshow1, #slideshow2, #slideshow3, #slideshow4 {position:relative; height:289px;}
		#slideshow1 img, #slideshow2 img, #slideshow3 img, #slideshow4 img {position:absolute; top:0; left:0; z-index:2; opacity:0.0;}
		#slideshow1 img.active, #slideshow2 img.active, #slideshow3 img.active, #slideshow4 img.active {z-index:4; opacity:1.0;}
		#slideshow1 img.last-active, #slideshow2 img.last-active, #slideshow3 img.last-active, #slideshow4 img.last-active {z-index:3;}
	
	#contentbox {margin-bottom:20px;}
		#contentbox #content {width:615px; float:left;}
			#contentbox #content .signature img {  }
			#contentbox #content p {margin-left:18px; padding-right:45px;}
			
/*-------------------- Home Page 2 ------------------------ */

/* Home Page v2 slideshow styles */
	#slideshow0 {position:relative; height:680px; width:1024px; overflow:hidden; margin-bottom:10px;}
		#slideshow0 img {position:absolute; top:0; left:0; z-index:2; opacity:0.0;}
		#slideshow0 img.active {z-index:4; opacity:1.0;}
		#slideshow0 img.last-active {z-index:3;}
		
		#contentbox #contentfull { width:1024px; margin-bottom:0; }
			#contentbox #contentfull #blogfeed h2 { font-size:19px; color:#180D16; line-height:1em; margin-bottom:10px; padding:10px; background:#b6cac8; }
			#contentbox #contentfull #blogfeed ul {}
				#contentbox #contentfull #blogfeed ul li {width:334px; height:150px; float:left; margin-bottom:8px; overflow:hidden; list-style:none;}
					#contentbox #contentfull #blogfeed ul li.feed-left-margin { margin-left:11px;}
					#contentbox #contentfull #blogfeed ul li img { margin-top:-20px;}
					#contentbox #contentfull #blogfeed ul li span.recentimage { float:left; height:150px; width:334px; overflow:hidden;}
						#contentbox #sidebar #blogfeed ul li span.recentimage img {margin-top:-20px; margin-left:-1px;}
			#contentbox #contentfull #blogfeed ul li #label {margin-top:100px; width:334px; height:51px; position:absolute; z-index:1000;}
				#contentbox #contentfull #blogfeed ul li #label h3 {margin-top:-53px; text-align:left; padding-left:11px; line-height:1;}
				#contentbox #contentfull #blogfeed ul li #label h4 {margin-top:-2px; text-align:left; padding-left:11px; line-height:1;}
						
/*----------------------------------------------------------*/
		
		#contentbox #headlinebox {}
			#contentbox #headlinebox #datebox {margin:0 12px 0 -6px; background-color:#AABD6A; border:1px solid #CFCBCC; padding:2px 3px 0 3px; width:62px; height:36px; float:left; overflow:hidden; -moz-border-radius:5px 0 5px 0; -webkit-border-top-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-radius:5px 0 5px 0;}
			#contentbox #headlinebox #headline {padding-bottom:18px;}
				#contentbox #headlinebox #headline h1 {float:left;}
				#contentbox #headlinebox #headline h2 {margin:0 0 0 80px;}
		
		#contentbox #sidebar {width:409px; float:right;}
			#contentbox #sidebar #headline {padding-bottom:18px;}
			#contentbox #sidebar #headline h1 {float:left;}
				#contentbox #sidebar #headline h2 {margin:0 0 0 4px;}
			#contentbox #sidebar #blogfeed {}
				#contentbox #sidebar #blogfeed h4, #contentbox #sidebar #blogfeed h3 {text-transform:lowercase;}
				#contentbox #sidebar #blogfeed ul {}
					#contentbox #sidebar #blogfeed ul li {margin-bottom:15px; list-style:none;}
					#contentbox #sidebar #blogfeed ul li img {border:1px solid #CFCBCC; float:left; margin:0 10px 0 6px;}
					#contentbox #sidebar #blogfeed ul li span.recentimage {border:1px solid #CFCBCC; float:left; margin:0 10px 0 6px; height:40px; width:40px; overflow:hidden;}
						#contentbox #sidebar #blogfeed ul li span.recentimage img {margin-top:-8px; margin-left:-1px;}
					
		#contentbox #full-width {}
			#contentbox #columns {width:1024px; display:block;}
				#contentbox #columns h5, #columns p, #columns ul {padding-right:45px;}
				#contentbox #columns p {margin-left:18px;}
				#contentbox #columns p, #columns ul {margin-bottom:1.25em;}
					#contentbox #columns ul li {font-size:13px; list-style:disc; list-style-position:inside;}
				#contentbox #column1 {width:482px; float:left; margin-left:18px;}
				#contentbox #column2 {}
		
/* Contact page email form styles */
		#commentform {border:none; border:0 none; padding:0;}
		#commentform p {padding-right:45px; margin-bottom:1em;}
			#commentform p a {text-decoration:none;}
			#commentform p a:hover {text-decoration:underline;}
			#commentform p .required {color:#AABD6A; font-size:20px;}
		#commentform span.allowed {display:block; color:#807e70; background:#f9f7e4; border-style:dotted; border-color:#bbb;}
			#commentform span.allowed span {display:block;}
			/* Support for the highly-recommended Subscribe to Comments Plugin */
			#commentform p.subscribe-to-comments label {font-size:1em;}
		.format_text input, #commentform input, #commentform textarea {border-width:1px; border-style:solid; border-color:#AABD6A; padding:9px 9px 5px 9px; font-size:16px; line-height:1em; letter-spacing:.02em; color:#666666; background:#FFFFFF;}
			.format_text input:focus, #commentform input:focus, #commentform textarea:focus {padding:9px 9px 5px 9px; color:#666666; background:#F6F6F6;}
		#commentform input {width:280px;}
		#commentform textarea {width:500px; height:150px;}
		#commentform input.form_submit {border-width:2px; border-color:#AABD6A; border-style:solid; width:auto;}
		#commentform .form_submit {font-size:18px; font-weight:normal; padding:5px 9px; vertical-align:middle; color:#FFFFFF; background-color:#180D16;}
			#commentform .form_submit:focus {outline:none; font-size:18px; font-weight:normal; padding:5px 9px; vertical-align:middle; color:#180D16; background-color:#CFCBCC;}
		input[type="submit"], input[type="button"], button {padding:5px !important}
	
/* Client Proofs styles */
	#clientproofs {width:1024px; margin-bottom:0;}
		#clientproofs ul {}
			#clientproofs ul li {width:507px; height:289px; float:left; margin-bottom:10px; list-style:none;}
			#clientproofs ul li.odd {margin-right:10px;}
				#clientproofs ul li a {cursor:pointer;}
		#clientproof img {}
		#clientproofs #label {margin-top:-70px; width:507px; height:51px; position:absolute; z-index:1000;}
			#clientproofs #label h5 {margin-top:-34px; text-align:right; padding-right:15px;}
	
/* Footer styles */
	#footer {clear:both; padding:0 18px 8px 18px;}
		#footer p {font-size:10px; margin:0; padding:0; line-height:1em; letter-spacing:normal;}
		#footer a {line-height:1em;}