/* --------------------------------------------------
	
	Theme Name: AndrewPaynter.com
	Theme URI: http://andrewpaynter.com/
	Description: The WordPress theme for AndrewPaynter.com.
	Version: 1.5
	Author: RyanJWilke.com
	Tags: Photos, Photography, Andrew Paynter
			
	-------------------------------------------------- */

	/* --------------------------------------------------
	Global Resets
	-------------------------------------------------- */
	html, body, h1, h2, h3, img, p, a, ul, li, ol, dl, dd, dt, img { margin: 0; padding: 0; text-decoration: none; font-weight: normal; border: none; }	
	body { margin: 0 auto; padding: 0 10px 30px; background: #fff; color: #000; font-family: 'Helvetica Neue', 'Arial', 'Helvetica'; }
	a { cursor: pointer; outline: none; }
	
	
	/* --------------------------------------------------
	Grid System
	-------------------------------------------------- */
	div.row { width: 960px; margin: 0 0 20px; }
	div.row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	div.column, div.columns { margin: 0 10px; float: left; }
	div.column:first-child, div.columns:first-child { margin-left: 0; }
	div.column:last-child, div.columns:last-child { margin-right: 0; }
	div.column.five, div.five.columns { width: 380px; }
	div.column.six, div.columns.six { width: 460px; }
	div.column.seven, div.columns.seven { width: 540px; }
	div.column.eight, div.columns.eight { width: 620px; }
	div.column.nine, div.columns.nine { width: 700px; }
	div.column.ten, div.columns.ten { width: 780px; }
	div.column.eleven, div.columns.eleven { width: 860px; }
	div.column.twelve, div.columns.twelve { width: 920px; }
	div.column.half, div.columns.half { width: 480px; }
	div.column.third, div.columns.third { width: 320px; }
	div.column.big, div.columns.big { width: 600px; margin: 0 20px 0 0; }
	div.column.small, div.columns.small { width: 320px; margin: 0; }
	div.column.three, div.columns.three { width: 220px; }
	div.column.two, div.columns.two { width: 140px; }
	div.column.one, div.columns.one { width: 60px; }
	div.column.four, div.columns.four { width: 300px; }
	div.column.last-child, div.columns.last-child { margin-right: 0; }


	/* --------------------------------------------------
	Site Layout
	-------------------------------------------------- */
	div#container { width: 940px; margin: 0 auto; }
	
	div#header { position: relative; height: 50px; margin: 0 auto 30px; }
	div#header h1 { position: absolute; left: 0; bottom: 0; }
	div#header h1 a { display: block; width: 218px; height: 47px; text-indent: -10000px; background: url('images/ap-logo.png') left bottom no-repeat; }
	div#header h1 a:hover { background-position: left top; }	
	div#header ul { position: absolute; right: 0; bottom: 10px; list-style: none; overflow: visible; }
	div#header ul li { display: inline; }
	div#header ul li a { text-transform: uppercase; color: #000; font-size: 11px; text-decoration: none; font-style: italic; margin: 0 0 0 14px; padding: 0 0 1px 1px; line-height: 22px; }
	div#header ul li a:hover { border-bottom: 1px solid #000; }
	div#header ul li a.current { border-bottom: 1px solid #000; font-weight: bold; }

	div#content { overflow: hidden; }	
	div#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
	div#footer { margin: 20px 0 0; }
	div#footer p { text-align: right; font-size: 10px; font-style: italic; font-family: 'Trebuchet MS'; margin: 0; }


	/* --------------------------------------------------
	Typography
	-------------------------------------------------- */
	h2 { text-transform: uppercase; font-weight: lighter; font-size: 18px; letter-spacing: -0.1px; }
	h3 { text-transform: uppercase; font-weight: lighter; font-size: 18px; }
	

	/* --------------------------------------------------
	Home.php
	-------------------------------------------------- */
	body.page-template-home-php div#content img { display: block; margin: 0 auto; }
	
	
	/* --------------------------------------------------
	About.php
	-------------------------------------------------- */
	div#aboutLeft p, div#aboutRight p { font-family: 'Trebuchet MS'; margin: 0 0 10px; font-size: 12px; line-height: 18px; letter-spacing: -0.1px; }
	div#aboutLeft p.img, div#aboutRight p.img { padding: 0; margin: 0 0 10px 0; }
	div#aboutLeft a { text-decoration: none; color: #000000; }
	div#aboutLeft a:hover { text-decoration: underline; color: #000000; }

	div#aboutRight p.date { font-family: 'Arial', 'Helvetica Nue', 'Helvetica'; font-size: 12px; font-style: italic; }
	div#aboutRight h3.below { margin: 29px 0 0 -3px; padding: 0; text-transform: uppercase; font-weight: lighter; font-size: 18px; line-height: 25px; }
	div#aboutRight h4 { margin: 7px 0 0 0; padding: 0; text-transform: capitalize; font-weight: bold; font-size: 12px; }
	div#aboutRight ul.ccontent { margin: 0 0 30px 0; padding: 0; list-style: none; }
	div#aboutRight ul.ccontent li { background: url(images/link-bullet.png) no-repeat scroll 1px 2px; padding: 0 0 0 11px; margin: 8px 0 6px -2px; font-size: 12px; line-height: 9px; word-spacing: 0.7px; }
	
	
	/* --------------------------------------------------
	News.php
	-------------------------------------------------- */
	div.post { margin: 0 0 36px 0; }
	div.post div.storycontent p { margin: 0 0 36px 0; font-family: 'Trebuchet MS'; font-size: 12px; line-height: 18px; }
	div.post.video object { margin-bottom: 15px; }
	p.date { width: 100%; font-size: 11px; font-style: italic; text-align: left; line-height: 18px; }
	p.img { margin: 4px 0 -3px 2px; width: 100%; }
	p.caption { margin: 3px 0 17px 2px; width: 100%; font-size: 10px; font-style: italic; font-family: 'Trebuchet MS'; text-align: left; }
	p.imgsubtitle { margin: 3px 0 9px 0; font-family: 'Trebuchet MS'; font-size: 12px; }

	div.archives { margin: 0; padding: 7px 0 0 0; font-family: 'Arial', 'Helvetica Neue', 'Helvetica'; font-size: 10px; font-style: italic; }
	div.archives div a { text-transform: lowercase; color: black; text-decoration: none; }
	div.archives div.next a { background: url(images/arrow-left.png) no-repeat scroll 1px 4px; padding: 0 0 0 20px; margin: 0; }
	div.archives div.prev a { background: url(images/arrow-right.png) no-repeat scroll 70px 4px; padding: 0 25px 0 10px; }
		
	ul.blogroll { margin: 7px 0 0 0; font-family: 'Trebuchet MS'; font-size: 12px; line-height: 21px; list-style-image: none; list-style-position: outside; list-style-type: none; letter-spacing: -0.12px; }
	ul.blogroll li { background: url(images/link-bullet.png) no-repeat scroll 1px 9px; padding: 0 0 0 10px; }
	ul.blogroll li a { color: #000; text-decoration: none; }
	ul.blogroll li a:hover { border-bottom: 1px solid #000; }


	/* --------------------------------------------------
	Gallery.php
	-------------------------------------------------- */
	div#fullSizeImage { position: relative; height: 600px; margin: 0 0 20px; background: url(images/wait.gif) center center no-repeat; }
	div#fullSizeImage img { display: block; margin: 0 auto 8px; }
	div#fullSizeImage p { font-size: 11px; font-style: italic; font-family: 'Trebuchet MS'; text-align: left; margin: 0 auto; white-space: nowrap; }
	div#fullSizeImage ul { width: 100%; height: 100%; position: absolute; top: 0; }
	div#fullSizeImage ul li { padding: 0; margin: 0; float: left; width: 50%; list-style-type: none; height: 100%; }
	div#fullSizeImage ul li a { display: block; width: 100%; height: 100%; text-indent: -99999px; outline: none; opacity: 0.9; }
	div#fullSizeImage ul li.first-child a { background: url(images/galleryarrow-left.png) center -10000px no-repeat; }
	div#fullSizeImage ul li.first-child a:hover { background-position: center center; }
	div#fullSizeImage ul li.last-child a { background: url(images/galleryarrow-right.png) center -10000px no-repeat; }
	div#fullSizeImage ul li.last-child a:hover { background-position: center center; }

	div#thumbnailGallery { overflow: hidden; position: relative; height: 80px; }
	div#thumbnailGallery ul#thumbs { list-style: none; margin: 0; overflow: hidden; position: absolute; height: 70px; width: 10000px; left: 0; }
	div#thumbnailGallery ul#thumbs li { margin: 0; padding: 0 5px 0 0; float: left; height: 66px; }
	div#thumbnailGallery ul#thumbs li a { opacity: 1; outline: 0; display: block; width: 100%; height: 100%; }
	div#thumbnailGallery ul#thumbs li a:hover,
	div#thumbnailGallery ul#thumbs li.current a { opacity: 0.4; filter: alpha(opacity=40); }
	div#thumbnailGallery ul#thumbs li.current a,
	div#thumbnailGallery ul#thumbs li a:hover { border-bottom: 1px solid #000; }
	div#thumbnailGallery ul#thumbs li a img { border: 0px; padding: 0 0 2px; }
	div#thumbnailGallery ul#thumbs li.current a img { opacity: 1; }
	
	div#thumbnailGallery ul#galleryNav { width: 50px; height: 13px; position: absolute; right: 0; bottom: 0; list-style: none; }
	div#thumbnailGallery ul#galleryNav li { float: left; margin: 0; }
	div#thumbnailGallery ul#galleryNav li a { display: block; outline: 0; width: 12px; height: 7px; text-indent: -100000px; padding: 5px; }
	div#thumbnailGallery ul#galleryNav li a:hover { opacity: 0.4; filter: alpha(opacity=40); }
	div#thumbnailGallery ul#galleryNav li.first-child a { background: url(images/arrow-left.png) no-repeat 5px 3px; }
	div#thumbnailGallery ul#galleryNav li.last-child a { background: url(images/arrow-right.png) no-repeat 5px 3px; }