/*   
Theme Name: Chris and Leigh Anna
Theme URI: http://www.chrisandleighanna.com
Description: Custom theme for Thompson & Thompson, a graphic design and photography company.
Author: John Ellis
Author URI: http://www.iamjohnellis.com
Version: 1.0
.
For use only on www.chrisandleighanna.com by Chris and Leigh Anna Thompson.
.
*/

/* CSS RESET, BITCHES! */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}
	
	
	
	
/* END RESET ------------------------------------------------------------------------------*/




	
/* Global Styles */
	html { width: 100%; height: 100%; }
	body { color: #808080;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
	body * {
	font-weight: normal;
	font-style: normal;
}
	p { margin-bottom: 1em; line-height: 1.5em; }
	a { color: #000; text-decoration: none; }
	a:hover { color: #999; }
	h1, h2, h3, h4, h5, h6 { color: #000; }
	h2 { font-size: 22px; text-transform: uppercase; color: #000; white-space: nowrap; }
	strong { font-weight: bold;}
	.left { max-width: 50%; float: left; }
	.right { max-width: 50%; float: right; }
	

/* Header Styles */
	div#header { position: relative; width: 910px; clear: both; margin: 60px auto; padding-bottom: 60px; }
	h1#logo {
		width: 475px;
		height: 61px;
		float: left;
		margin-top: -11px;
	}
	div#navwrap { float: right; position: relative; }
	div.corners { position: relative; }
	
	div.leftnavcorner, div.rightnavcorner { width: 8px; height: 8px; position: absolute; bottom: 0; z-index: 1000; }
	div.leftnavcorner { left: 0; background: url(images/leftnavcorner.png) no-repeat bottom left; }
	div.rightnavcorner { right: 0; background: url(images/rightnavcorner.png) no-repeat bottom left; }
	ul#navigation { 
		width: auto; 
		height: 30px; 
		}
		
		ul#navigation li { 
			float: left; 
			padding: 5px 5px 5px 0; 
			font-weight: bold; 
			text-transform: uppercase; 
			font-size: 15px; 
			font-weight: bold; 
			color: #000; 
			letter-spacing: 1px;
			margin-top: 8px; }
		ul#navigation li a { color: #000; text-decoration: none; letter-spacing: 3px; }
		ul#navigation li:before { content: "+"; margin-right: 6px; font-size: 12px; vertical-align: text-top; }
		ul#navigation li a:hover, ul#navigation li a.active { color: #999; }
		ul#navigation li:first-child:before { content: ""; }
		ul#navigation li.current_page_item a, ul#navigation li.current_page_parent a { color: #000; }


/* Body Styles */	
	div#body { width: 850px; clear: both; margin: 60px auto 30px auto;  }
		div.text {
			display: block;
			width: 410px;
			height: 491px;
			padding-left: 440px;
			padding-top: 90px;
			background-image: url(images/plate.jpg);
			background-repeat: no-repeat;
			background-position: 0 60px;
		}
		p#about {  }
		p#awards, p#publishings { width: 190px; float: left; }
		p#contactinfo { width: 185px; float: right; color: #000; }
			p#contactinfo a { color: #808080; text-decoration: none; }
			p#contactinfo a:hover { color: #E72548; }
			p#contactinfo a:after { content: url(images/mail.png); padding-left: .5em; }
			
	div#contactwrap { width: 703px; margin: 0 auto; }		
	div#contactpage { width: 615px; height: 180px; border: 4px solid #000; border-bottom: 12px solid #000; padding: 20px 40px 30px 40px; margin: 0 auto; position: relative; z-index: 0; }
		div#contactpage p { float: left; text-transform: uppercase; color: #000; width: 33%; font-size: 18px; }
		div#contactpage hr { clear: both; }
	
	#post-column { width: 630px; }
		#post-column img { max-width: 629px; height: auto; }
	small.post-date { float: right; color: #000; margin-top: -21px; text-transform: uppercase; font-size: 10px; }
	.post { margin-bottom: 4em; }
	.post h2 { max-width: 450px; letter-spacing: 2px; }
	
	div.autoviewer { clear: both; background-color: #FFFFFF; width: 100%; height: 70%; }
	div.autoviewer object { width: 100%; height: 500px; }
			
/* Sidebar Styles */
	div#sidebar { width: 180px; float: right; padding-left: 20px; border-left: 1px solid black; margin-left: 20px; }
	#sidebar ul { margin-bottom: 2em; }
	#sidebar li { line-height: 18px; }
	#sidebar h4 { font-size: 16px; text-transform: uppercase; letter-spacing: 3px;  }
		#sidebar li h4 a { color: #000; }
	#sidebar li a { color: #808080; }
	#sidebar li a:hover { color: #999; }
	
/* Art Direction Styles */
	.piece { margin-bottom: 18px; border-top: 1px dotted #000; padding-top: 18px; }
	.piece:first-child { border: none; padding-top: 0; }
	#portfolio-column h2 { margin-bottom: 12px; }
	.simpleviewer { width: 600px; height: 450px; float: left; margin-right: 18px; }
	.piece img { max-width: 600px; max-height: 450px; }
	
/* Photography Styles */
	#photo_nav { width: 900px; margin: -40px auto 20px auto; text-align: center; }
	#photo_nav li { display: inline; margin: 0 30px; font-size: 15px; font-weight: bold; text-transform: uppercase; }
	#photo_nav li.current_page_item a { color: #999; }
	
/* Comment Styles */
	h2#comments { font-weight: normal; margin-top: 36px; }
	ol.commentlist, ol.notes { margin-left: 50px; margin-right: 0; margin-bottom: 36px; }
	ol.commentlist li, ol.notes li { margin-bottom: 24px; }
	.comment-author { font-size: 18px; }
	div.commentmetadata, div.comment-meta { font-size: 9px; position: relative; top: -18px; text-align: right; float: right; padding: 2px; padding-left: 30px; color: #999;  }
	div.commentmetadata a, div.comment-meta a { color: #999; }
	.comment-body p { clear: left; }
	
	
	#copyright { padding: 60px; text-align: center; font-size: 12px; color: #AAA;}