/* style.css */

	/* Tripoli CSS Reset - Copyright (C) 2007  David Hellsing - http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/ */
	* { text-decoration: none; font-size: 1em; outline: none; padding: 0; margin: 0; }
	code, kbd, samp, pre, tt, var, textarea, /*input,*/ select, isindex, listing, xmp, plaintext { white-space: normal; font-size: 1em; font: inherit; }
	dfn, i, cite, var, address, em { font-style: normal; }
	th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
	a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border: none; }
	table { border-collapse: collapse; border-spacing: 0; }
	caption, th, td, center { vertical-align: top; text-align: left; }
	body { line-height: 1.2; }
	q { quotes: '' ''; }
	ul, ol, dir, menu { list-style: none; }
	sub, sup { vertical-align: baseline; }
	a { color: inherit; }
	hr { display: none; }
	nobr { white-space: normal; }


/* ...and... Go! */
body { 
	background: #e6e6d7 url('images/bg.png') fixed repeat-x center center; text-align: center; color: #48483b; font-size: 8pt; overflow: hidden;  
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;  
	}
a, a:link, a:visited, a:active, a:hover { color: #7861ed; text-decoration: underline; }
a:hover {  }

h1 { font-size: 16pt; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }
h4 { font-size: 10pt; }

small { font-size: 6pt; }
em { font-style: italic; }
strong { font-weight: bold; }

#container { height: 600px; width: 980px; position: absolute; top: 50%; left: 50%; margin-left: -490px; margin-top: -300px; text-align: center; display: block; }

#header { position: relative; height: 117px; right: 0; left: 0; }
	a#logo, a#logo img { display: block; float: right;}
	a#logo { width: 178px; height: 117px; }
	a#logo img { width: 178px; height: 117px; }

#content { text-align: left; width: 100%; display: block; height: 417px; position: relative; left: 0; right: 0; }

#footer { position: absolute; right: 0; left: 0; bottom: 0; width: 100%; }

	#menu { position: absolute; left: 0; bottom: 0; float: left; }
		#menu ul { float: left; clear: both; }
			#menu ul li { display: inline-block; float: left; } 
				#menu ul li a, #menu ul li a:link, #menu ul li a:visited, #menu ul li a:active, #menu ul li a:hover { text-decoration: none; }
					#menu ul li a:hover { color: #7861ed; }
					#menu ul li.active a { color: #7861ed; }
		ul.Galleries { font-size: 16pt; margin: 0 0 30px 0; }
			ul.Galleries li { padding: 0 30px 0 0; }
				ul.Galleries li a, ul.Galleries li a:visited { color: #48483b; }
					li.menu-Portraiture { }
					li.menu-Weddings { ; }
		ul.Content { font-size: 10pt; }
			ul.Content li { padding: 0 30px 0 0; }
				ul.Content li a, ul.Content li a:visited { color: #777763; }
					li.menu-Thoughts { ; }
					li.menu-Affiliates { ; }
					li.menu-About, li.Jenna { ; }
					li.menu-Contact { ; }

	#contact { position: absolute; color: #777763; float: right; text-align: right; right: 0; bottom: 0; }


/* Sections
	.section_1, .content_1 - Index/Home, About, Testimonials, 
	.section_3 - Portraiture/Weddings 
	*/


.frame_container { float: right; position: relative; right: -38px; }
.frame_container .frame_right { background: transparent url('images/frame_bg.r.1.png'); position: relative; width: 58px; height: 402px; float: right; }
.frame, .thoughts, .frame_bg { height: 368px; background: transparent url('images/frame_bg.1.png') repeat-x; float: right; padding: 34px 0 0 0; }
.frame_bg { height: 398px; padding: 0; }
.frame_photo { position: relative; float: right; }
.frame_text { position: relative; left: -25px; width: 280px; float: left; text-align: right; padding: 0; height: 300px; }
	.frame_text h3 { padding: 0 10px 0 0; }
	.frame_text blockquote { padding: 10px; margin: 20px 0 0 0; }
	.frame_text p { }
	.frame_left { background: transparent url('images/frame_bg.l.1.png'); width: 72px; height: 402px; float: right; }



/* Thoughts */
.thoughts_thumbs { height: 340px; width: 220px; display: block; }
.thoughts_thumbs a, .thoughts_thumbs a img { display: inline-block; height: 60px; width: 60px; position: relative; }
.thoughts_thumbs a { margin: 0 10px 10px 0; }
.thoughts_thumbs a img { }

blockquote { background: transparent url('images/ldquo.png') no-repeat 0px 0px; }
	blockquote div.rdquo { 
		position: relative; top: -50px; right: -10px; float: right; width: 66px; height: 54px; background: transparent url('images/rdquo.png') no-repeat; 
		}
	blockquote p { padding-bottom: 8pt; } /* Mildly hackish */


/* Affiliates */
.affiliate { float: left; width: 280px; margin: 0 20px 20px 0; cursor: pointer; }
.affiliate a.thumb, .affiliate a.thumb img { width: 60px; height: 60px; float: left; }
.affiliate a.thumb { padding: 0 10px 0 0; }
.affiliate .description { float: left; width: 190px; }
.affiliate .description h4 { display: inline; font-size: 10pt; }
.affiliate .description span em, .affiliate .description h4 em { font-size: 8pt; color: #777763; }
.affiliate .description span.hyperlink a { font-size: 7pt; }
.affiliate .description span a { }
	.affiliate .description span a, .affiliate .description span a:link, .affiliate .description span a:visited, 
	.affiliate .description span a:active, .affiliate .description span a:hover { color: #777763; text-decoration: none; }
	 .affiliate .description span a:hover { text-decoration: underline; }


/* Updated Galleries */
#screen { position: absolute; left: 0; right: 0; width: 100%; top: 20px; } 
	#screen #navigation { position: absolute; top: -36px; left: 216px; font-size: 10pt; color: #777763; width: 548px; z-index: 100; }
		#navigation .pos strong { font-weight: normal; color: #48483b; }
	#screen #navigation .buttons { position: absolute; right: 0; top: -10px; }
	.prev, .next { position: relative; float: right; display: inline-block; padding-left: 10px; font: 22pt 'Arial', sans-serif; cursor: pointer; color: #777763; }
		.disabled { cursor: default; color: #c8c8bd; }

	#slideshow { overflow: hidden; position: fixed; left: 0; right: 0; height: 365px; width: 100%; }
		#slideshow ul { height: 365px; position: absolute; left: 0; right: 0; }
		#slideshow ul li { position: relative; float: left; width: 600px; height: 365px; opacity: 0.5; }
			#slideshow ul li img { display: block; top: 50%; left: 50%; position: relative; cursor: pointer; }
				#slideshow ul li.selected { opacity: 1; }
					.click { z-index: 100; width: 548px; height: 365px; position: absolute; top: 0; left: 216px; cursor: pointer; }