/* No IE .eot support because the .eot looks like crap. Just Trebuchet for IE. */
@font-face {
	font-family: 'AniversRegular';
	src: url('Anivers.eot');
	src: local('Anivers Regular'), local('Anivers-Regular'), url('Anivers.svg#Anivers-Regular') format('svg'), url('Anivers.otf') format('opentype');
}

/* BASIC STRUCTURE
********************************************/

body {
	margin: 0 0 25px 0;
	padding: 0;
	font-family: Georgia, serif;
	line-height: 1.7em;
	font-size: 15px;
	background: url('images/background.jpg');
}

.clear {
	clear: both;
}

a[href $='.pdf'] {
	background: url('images/pdf_icon.gif') no-repeat center right;
	padding-right: 18px;
}

a {
	color: #006B47;
	text-shadow: 1px 1px 1px #dbdbdb;
}

/** FORMS
*********************************/

input {
	font-family: Georgia;
	vertical-align: middle;
}

input.text {
	border: 1px inset #000;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	padding: 0;
}

input.submit {
	background: #ccc;
	border: 1px solid black;
	border-left: 0;
	height: 27px;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
}

/* HEADERS & TYPOGRAPHY
********************************************/
h1, h2, h3, h4 {
	font-family: 'AniversRegular', 'Trebuchet MS', sans-serif;
	font-weight: normal;
}



h1 {
	margin: 0;
	position: relative;
	width: 339px;
	height: 100px;
	float: left;
}

h1 i {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('images/tp_header.jpg');
}

#about_pg h2 {
	font-size: 2.6em;
	margin-top: 45px;
}

h2 {
	font-size: 2.1em;
	margin-bottom: 23px;
}

h3 {
	text-transform: lowercase;
	font-size: 24px;
	margin: 10px 0 4px 0;
	border-bottom: 1px dotted #999;
	padding-bottom: 4px;
}

.w_subtitle {
	margin-bottom: 10px;
}

h4 {
	text-transform: lowercase;
	margin: 5px 0;
	font-size: 21px;
}

.support h4 {
	margin-top: 16px;
}

h5 {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
}

h6 {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1em;
	font-weight: normal;
	font-size: 13px;
	color: #666666;
}

.subheader {
	font-size: 18px;
}

.tagline {
	border-bottom: 1px dotted #999;
	font-size: 16pt;
	margin-bottom: 25px;
	margin-top: 10px;
	padding-bottom: 30px;
	line-height: 1.5em;
}

ul.secondary {
	color: #666;
	font-size: 13px;
}

strong {
	color: #BA4D0E;
	font-style: italic;
	font-weight: normal;
}

p, ul {
	color: #222;
}

q {
	font-style: italic;
}

abbr {
	border-bottom: none;
}



/* MAIN NAVIGATION STYLES
********************************************/

#nav {
	margin: 0;
}

#nav li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

#nav a {
	display: block;
	height: 60px;
	width: 120px;
	padding: 40px 15px 0 15px;
	font-family: 'AniversRegular', 'Trebuchet MS', sans-serif;
	font-size: 14pt;
	color: #cbb29a;
	text-transform: lowercase;
	text-decoration: none;
	text-shadow: none;
	-moz-transition: background .2s ease-in-out, color .2s ease-in-out;
	-ms-transition: background .2s ease-in-out, color .2s ease-in-out;
	-webkit-transition: background .2s ease-in-out, color .2s ease-in-out;
	-o-transition: background .2s ease-in-out, color .2s ease-in-out;
	transition: background .2s ease-in-out, color .2s ease-in-out;
}

#nav a b {
	display: block;
	font-weight: normal;
	padding: 2px 4px 3px 4px;
}

.about b {
	border-bottom: 2px solid #c37a07;
}
.portfolio b {
	border-bottom: 2px solid #ba4d0e;
}
.resume b {
	border-bottom: 2px solid #693601;
}
.blog b {
	border-bottom: 2px solid #4a7552;
}

#nav .about:hover, #about_pg .about {
	background-color: #5d3803;
	background-color: rgba(195,122,7,.4);
	color: #fff;
	text-shadow: 2px 2px 0 black;
}

#nav .portfolio:hover, #portfolio_pg .portfolio {
	background-color: #562506;
	background-color: rgba(186,77,14,.4);
	color: #fff;
	text-shadow: 2px 2px 0 black;
}

#nav .resume:hover, #resume_pg .resume {
	background-color: #381d00;
	background-color: rgba(105,54,1,.4);
	color: #fff;
	text-shadow: 2px 2px 0 black;
}

#nav .blog:hover, #blog_pg .blog {
	background-color: #2e3a23;
	background-color: rgba(74,117,82,.4);
	color: #fff;	
	text-shadow: 2px 2px 0 black;
}


		#secondary_info {
			float: left;
			width: 250px;
			margin-top: 26px;
		}

		#secondary_info p, #secondary_info ul {
			color: #666;
			font-size: 13px;
		}

		#main_content {
			margin-top: 26px;
			margin-left: 310px;
		}

		#main_content .supporting {
			float: left;
			margin: 0 10px 0 175px;
		}
.support h3 {
	margin-bottom: 5px;
}

.support a {
	font-size: 13px;
}

.support p, .support ul {
	margin-top: 0;
	font-size: 13px;
	color: #666;
}

.img_info {
	color: #666;
	font-size: 13px;
	margin-bottom: 60px;
}

.img_info p {
	float: left;
	margin-top: 6px;
	margin-bottom: 0;
}




.thumb_selection {
	float: right;
	line-height: 20px;
}

.thumb_selection a {
	float: left;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	margin: 8px 1px;
}

.thumb_selection .current, .thumb_selection a:hover {
	font-weight: bold;
	color: #000;
	background: url('images/thumb_select.png') no-repeat;
}

.thumb_descriptions p {
	display: none;
	visibility: hidden;
	color: #666;
}

.thumb_descriptions .current {
	display: block;
	visibility: visible;
}


.zoomable_imgs a, .zoomable_imgs iframe {
	display: none;
	text-decoration: none;
	-moz-box-shadow: 0 0 4px #333;
	-webkit-box-shadow: 0 0 4px #333;
	width: 560px;
	height: 275px;
	overflow: hidden;
	border: 1px solid grey;
}

.zoomable_imgs .current {
	display: block;
}

.zoomable_imgs img {
	margin-bottom: 0;
}



a img {
	border: 0;
}

img {
	vertical-align: bottom;
}


/* LARGE THUMBNAIL DISPLAY
******************************/
.large_thumbnails {
	margin: 18px 0 30px 0;
	padding: 0;
}

.large_thumbnails li {
	margin-bottom: 12px;
	list-style: none;
	position: relative;
}

.large_thumbnails a {
	display: block;
	text-shadow: none;
	height: 50px;
	width: 250px;
}

.large_thumbnails span {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 14px;
	font-size: 10pt;
	color: #fff;
	background-color: #6d6d6d;
	background-color: rgba(109,109,109,.7);
	text-decoration: underline;
	-moz-transition: background .3s ease-in-out 0s;
	-ms-transition: background .3s ease-in-out 0s;
	-webkit-transition: background .3s ease-in-out 0s;
	-o-transition: background .3s ease-in-out 0s;
	transition: background .3s ease-in-out 0s;
}

.large_thumbnails a img {
	-moz-box-shadow: 0 0 4px #333;
	-webkit-box-shadow: 0 0 4px #333;
	opacity: .3;
	filter: alpha(opacity = 30);
	zoom: 1;
	-moz-transition: opacity .3s ease-in-out 0s;
	-ms-transition: opacity .3s ease-in-out 0s;
	-webkit-transition: opacity .3s ease-in-out 0s;
	-o-transition: opacity .3s ease-in-out 0s;
	transition: opacity .3s ease-in-out 0s;
}

.large_thumbnails a:hover img, .large_thumbnails .current img {
	opacity: 1;
	filter: alpha(opacity = 100);
}

.large_thumbnails a:hover span, .large_thumbnails .current span {
	color: #fff;
	background: #1a1101;
}


/* LEFT AND RIGHT COLUMNS IN MAIN DISPLAY
*********************************/
#main_content .primary {
	width: 420px;
	float: left;
	border-top: 1px dotted #ccc;
}

#main_content .support {
	float: right;
	width: 120px;
	margin-left: 0;
	border-top: 1px dotted #ccc;
}

/* CENTERING AND WRAPPERS
*****************************/

#header, #content {
	width: 968px;
	margin: 0 auto;
}

#content {
	padding: 0 40px 10px 40px;
	width: 880px;
	margin: 0 auto;
	border: 4px solid #986b3d;
	background: white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	clear: left;
}




ul.with_header {
	list-style: none;
	padding: 0;
	margin-top: .2em;
	margin-bottom: 1.5em;
}

#main_content ul {
	padding-left: 0;
	margin-left: -6px;
}

#main_content li {
	padding-left: 6px;
}

/* BLOG STUFF
**********************************/

#secondary_info .pagination {
	font-size: 13px;
	line-height: 1em;
	margin-top: 35px;
	margin-bottom: 134px;
	color: #666;
}

.screen-reader-text {
     position: absolute;
     left: -1000em;
}

.commentlist {
	list-style-type: none;
	padding-left: 0;
}

#main_content .commentlist li {
	padding-left: 0;
}

#secondary_info #searchform {
	margin-bottom: 35px;
}

#blog_pg ul.with_header {
	padding-left: 16px;
	list-style: outside;
}

.comment {
	margin-top: 15px;
}

.comment-data {
	margin-left: -310px;
	background: url('images/comment_side.png') no-repeat 293px 10px #fff;
	width: 310px;
	float: left;
	clear: left;
}

.comment-edit {
	text-align: right;
}

.comment-edit-link {
	font-size: 13px;
}

.comment-author-admin .fn {
	color: #BA4D0E;
}

.comment-text {
	background-color: #f0f0f0;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #949494;
	border-right: 1px solid #949494;
}

.comment-text p {
	padding: 4px 0;
	margin: 0;
}

.avatar {
	float: left;
	margin-right: 10px;
}

.timestamp {
	font-size: .8em;
	color: #666;
}

cite.fn {
	display: block;
	font-size: 1.2em;
}

#main_content .pagination {
	overflow: hidden;
	font-size: 13px;
	color: #888;
	margin-top: 30px;
	background: url('images/article_end.png') top left no-repeat;
	padding-top: 20px;
	margin-bottom: 60px;
}

#main_content .pagination span {
	line-height: 1em;
}

#main_content .pagination a {
	display: block;
	text-decoration: none;
	font-family: 'AniversRegular', 'Trebuchet MS', sans-serif;
	font-size: 18px;
}

#main_content .previous_post {
	float: left;
	width: 270px;
}

#main_content .next_post {
	float: right;
	text-align: right;
	width: 270px;
}

#blog_pg h3 {
	clear: both;
	margin-top: 35px;
}

#blog_pg .post-title {
	clear: none;
	border-bottom: 0;
}

.browse-signage {
	margin-top: 30px;
	margin-bottom: 101px;
}

blockquote {
	color: #666;
	font-size: 18px;
	font-style: italic;
	margin-left: -35px;
	margin-right: 0;
	padding-left: 35px;
	background: url('images/blockquote_left.png') top left no-repeat;
}

blockquote div {
	margin: 0;
	background: url('images/blockquote_right.png') bottom right no-repeat;
}

/** QUICK FIXES (CHANGE SOON TONY THIS IS REALLY FUCKING STUPID)
**********************************/

#about_pg #content {
	background: #fff url('images/about_photo2.jpg') 644px 35px no-repeat;
}
#about_pg #main_content h4, #blog_pg #main_content h4 {
	margin-top: 30px;
}
#about_pg #secondary_info { float: right; width: 270px; }
#about_pg #main_content { margin-right: 310px; margin-left: 0; } 
#about_pg #secondary_info {
	padding-top: 400px;
}

#resume_pg #main_content h4 {
	margin-top: 30px;
}
#resume_pg #secondary_info p {
	margin-top: 48px;
	margin-bottom: 30px;
	font-size: 15px;
}

.top_paragraph {
	padding-bottom: 15px;
	border-bottom: 1px dotted #999;
}

#resume_pg h6 {
	margin-bottom: -7px;
}

#portfolio_pg #secondary_info {
	margin-top: 58px;
}

.support ul {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style: none;
}
.support li {
	padding-left: 0 !important;
}


#main_content.left {
	margin-left: 0;
	margin-right: 310px;	
}

#secondary_info.right {
	float: right;
	width: 270px;	
}