@charset "utf-8";
/* CSS Document */

/*
	base colors:
	Reds (hue 239)
		#843537		nav links, options hover, aside hover, comment name
		#D36B6D		nav current
		#D5AAAB		nav border
		#FDF7F7		nav background
		#D29193		comment date
		#FFF4F4		comment background, colorbox bottom
		#DFB0B1		comment border
	Browns (hue 24)
		#A88043		download button active
		#896836		subnav links, article headings
		#9D978C		visited article headings
		#D3AA6B		active and hover article headings
		#FEFAF5		subnav background, portfolio hover background
		#FFE7C4		bold highlight, portfolio image hover background
		#4B2D07		portfolio type hover background
	Blues (hue 153)
		#3D5095		download button
		#4355A9		links
		#8C8F9D		visited links
		#6B7DD3		hover, focus, and active links

	other colors:
		#950000		error messages
		#FFE6E6		error form fields
		#FFFFCC		note background color
		#C1B49F		note border
*/


/* reset everything */
body, div, p, blockquote, 
h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dd, dt
{ margin: 0px; padding: 0px; }

body { font-family: Helvetica Neue, Helvetica, Arial, "Nimbus Sans", Verdana, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", sans-serif; font-size: 14px; }

h1, h2, h3, h4, h5, h6, blockquote.pullquote, .legend, label, .options a, .metadata, .note, .subnavigation, .directory { font-family: "book antiqua", "palatino linotype", palatino, caslon, "century schoolbook", baskerville, "baskerville old face", georgia, "lucida serif", serif; font-style:italic; font-weight: bold; }
h6 { font-size: 14px; font-style: normal; color: #896836; }
h5, blockquote.pullquote { font-size: 16px; font-style: italic; color: #896836; }
.main_entry h5 { margin: 12px 0 8px -25px; }
.main_entry h6 { margin: 12px 0 8px 0; font-weight: bold; }
h4 { font-size: 18px; }
h3 { font-size: 20px; }
h2 { font-size: 24px; }
h1 { font-size: 36px; }

a { color: #4355A9; }
a:visited { color: #8C8F9D }
a:hover, a:focus, a:active { color: #6B7DD3 }

strong, b { text-shadow: 0 0 8px #FFD79B; }

.page { width: 900px; margin-left: auto; margin-right: auto; }
.logo { width: 100px; position: absolute; }
.logo img { float: right; border: none; }

.page_name { text-align: right; line-height: 50px; vertical-align: bottom; }
.page_name h2 { line-height: 50px; }

.navigation { text-align: right; height: 28px; border-bottom: 1px dotted #D5AAAB; border-top: 1px dotted #D5AAAB; width: 810px; padding-right: 5px; margin-left: 85px; background-color: #FDF7F7; }
.navigation h3 { display: inline; margin-left: 1em; font-weight: normal; }
.navigation h3 a, .navigation h3 a:visited { text-decoration: none; color: #843537; }
.navigation h3.current a, .navigation h3.current a:visited { color: #D36B6D; text-shadow: 2px 2px 2px rgba(0,0,0,.2); }
.navigation h3 a:hover, .navigation h3 a:focus, .navigation h3 a:active { text-decoration: underline; }

.subnavigation { position: absolute; top: 0; right: 0; width: 175px; max-width: 175px; }
.subnavigation h2 { text-align: left; margin-top: 15px; margin-bottom: -5px; }
.subnavigation h2 .rss { font-size: 14px; font-style: normal; }
.content .subnavigation ul { margin-top: 10px; }
.content .subnavigation li { font-weight: normal; font-style: normal; line-height: 19px; border-bottom: 1px dashed #C0C0C0; list-style: none; margin: 0; padding: 0; }
.subnavigation li, .directory li { font-size: 16px; }
.subnavigation li:last-child { border-bottom: none; }
.subnavigation li a { text-decoration: none; color: #896836; display: block; padding: 5px;/* background-image: url('images/nav_gradient.png');*/ }
.subnavigation li a:hover, .subnavigation li a:focus { background-color: #FEFAF5; }
.subnavigation #searchform { text-align: right; }
.subnavigation #searchform label { float: left; }
.subnavigation #searchform input#s { width: 170px; border: 1px solid #999999; }
.subnavigation #searchform input#searchsubmit { cursor: pointer; height: 20px; border: 1px solid #999999; background-image: url('images/button_bg.gif'); background-position: top left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0, .2); -moz-box-shadow: 0 1px 2px rgba(0,0,0, .2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0, .2); }
.subnavigation #searchform input#searchsubmit:hover, .subnavigation #searchform input#searchsubmit:focus { background-position: 0 -19px; }
form .form_field .submit_button:active { background-position: 0 -37px; box-shadow: inset 0 2px 3px rgba(0,0,0, .3); -moz-box-shadow: inset 0 2px 3px rgba(0,0,0, .3); -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0, .3); }
.subnavigation #searchform input#searchsubmit[disabled]:hover, .subnavigation #searchform input#searchsubmit[disabled]:focus, .subnavigation #searchform input#searchsubmit[disabled]:active { background-position: top left; box-shadow: 0 1px 2px rgba(0,0,0, .2); -moz-box-shadow: 0 1px 2px rgba(0,0,0, .2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0, .2); }

.error404 .directory { margin-top: 15px; }
.error404 .directory div { width: 50%; float: left; }
.error404 .directory:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.content { width: 775px; margin-left: 125px; position: relative; min-height: 300px; }
.content h4 { line-height: 20px; margin-top: 10px; width: 575px; color: #896836; }
.content h4 a, .directory a, h5 a { color: #896836; }
.content h4 a:visited, .directory a:visited, h5 a:visited { color: #9D978C; }
.content h4 a:hover, .content h4 a:active, .content h4 a:focus, .directory a:hover, .directory a:active, .directory a:focus, h5 a:hover, h5 a:active, h5 a:focus { color: #D3AA6B; }
.content p, .content .wp-caption, .content .comments, .content .comment_count { margin: 15px auto 0 auto; line-height: 24px; }

.content blockquote, .content code { margin: 0 25px; display: block; }
.content code { margin: 10px 25px; width: 463px; overflow: auto; white-space: pre; }
.content code ul, .content code li { margin: 0; padding: 0; line-height: 1.35; }
.content table { margin-left: 25px; }

.content .blog_post { position: relative; clear: both; margin-top: 25px; }
.content .comment_count { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin: 10px 0 20px 25px; height: 25px; width: 525px; }

.single .main_entry { min-height: 480px; }	/* for browsers without javascript */
.content .main_entry { width: 525px; margin-left: 25px; }

.content .metadata .date { position: absolute; right: 0px; margin-right: 225px; top: 2px; color: #999; font-size: 12px; }

.content .wp-caption { padding: 6px; max-width: 513px; }
.content .wp-caption img { max-width: 505px; border: 1px solid black; padding: 3px; margin-left: auto; margin-right: auto; height: auto; }
.content .wp-caption .wp-caption-text { text-align: left; font-size: 12px; font-style: italic; line-height: 15px; font-weight: normal; margin: 0; padding: 5px 0 0 0; }
.attachment .wp-caption { text-align: center; }
.attachment .wp-caption h5 { margin-left: 0; margin-top: 0; }
.attachment .wp-caption .wp-caption-text { font-style: normal; font-size: 14px; line-height: 20px; }

.content ul, .content ol { margin-top: 15px; }
.content li { margin: 5px 25px 0px 25px; line-height: 24px; }

.content blockquote.pullquote { position: relative; z-index: 1; float: right; margin-right: 125px; padding: 25px; width: 150px; font-weight: bold; color: gray; }
.content blockquote.pullquote:before { content: url('images/pullquote_1.png'); position: absolute; z-index: 0; left: 10px; top: 15px; }
.content blockquote.pullquote:after { content: url('images/pullquote_2.png'); position: absolute; z-index: 0; bottom: 15px; right: 10px; }

.footer { border-top: 1px dotted #999; margin-top: 15px; padding: 15px 0; color: #696969; clear: both; }
.footer:before { content: url('images/footer_gradient_transp.png'); position: absolute; margin-top: -16px; }
.footer .bio { display: none; }
.footer .bio .portrait { float: left; margin: 0 10px; width: 100px; height: 97px; }
.footer .bio .content p { margin-top: 0px; margin: 0; padding: 0; width: 320px; text-align: left; font-size: 11px; line-height: 15px; }

.footer .copyright { clear: both; text-align: center; font-size: 11px; line-height: 15px; margin-top: 5px; }
.footer .copyright .other_attribution { font-size: smaller; }

form .form_field { margin-top: 10px; width: 455px; position: relative; clear: both; }
form .form_field.error { color: #950000; }
form .form_field label { width: 120px; text-align: right; margin-right: 10px; display: inline-block; font-weight: normal; font-style: normal; }
form .form_field label.error { text-shadow: 2px 2px 2px #D0D0D0; font-weight: bold; }
form .note, code { font-style: normal; font-weight: normal; font-size: 12px; background-color:#FFFFCC; border:1px solid #C1B49F; padding:5px; -moz-box-shadow: 2px 2px 2px #d0d0d0; -webkit-box-shadow: 2px 2px 2px #d0d0d0; -o-box-shadow: 2px 2px 2px #d0d0d0; box-shadow: 2px 2px 2px #d0d0d0; margin: 15px 0 0 25px; width: 540px; }
form .form_field .note { text-align: left; display: block; float:right; margin: 0 -110px 5px 0; top: 0px; width:95px; line-height:1; word-spacing:0.5ex; }
form .form_field input, form .form_field textarea { width: 319px; vertical-align: top; border: 1px solid #999999; }
form .form_field textarea { height: 200px; overflow-y: scroll; }
form .form_field .submit_button { width: auto; float: right; margin-bottom: 15px; cursor: pointer; height: 20px; border: 1px solid #999999; background-image: url('images/button_bg.gif'); background-position: top left; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0, .2); -moz-box-shadow: 0 1px 2px rgba(0,0,0, .2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0, .2); }
form .form_field .submit_button:hover, form .form_field .submit_button:focus { background-position: 0 -19px; }
form .form_field .submit_button:active { background-position: 0 -37px; box-shadow: inset 0 2px 3px rgba(0,0,0, .3); -moz-box-shadow: inset 0 2px 3px rgba(0,0,0, .3); -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0, .3); }
form .form_field .submit_button[disabled]:hover, form .form_field .submit_button[disabled]:focus, form .form_field .submit_button[disabled]:active { background-position: top left; box-shadow: 0 1px 2px rgba(0,0,0, .2); -moz-box-shadow: 0 1px 2px rgba(0,0,0, .2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0, .2); }
input.error, textarea.error { background-color: #FFE6E6; }

.content .comments {  border-width: 4px 20px; border-style: double; border-color: #C0C0C0 transparent transparent transparent; margin-left: 50px; width: 435px; }
.content .comments h5 { clear: both; margin: 15px 0 15px -25px; width: 575px; }
.content .comments form.new_comment { clear: both; margin-top: 25px; }
.content .comments .previous_comments, .content .comments div.new_comment { clear: both; margin-left: -45px; width: 525px; }
.content .comments .previous_comments { margin-top: 15px; }
.content .comments .previous_comments .comment { margin-top: 15px; background-color:#FFF4F4; padding:7px; border:1px dotted #DFB0B1; box-shadow: 0 2px 5px rgba(0,0,0,.15); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.15); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.15); }
.content .comments .previous_comments .comment .metadata { position: relative; }
.content .comments .previous_comments .comment .metadata .name { font-weight: bold; font-style: normal; color: #843537; }
.content .comments .previous_comments .comment .metadata .date { font-size: smaller; margin-right: auto; color: #D29193; }
.content .comments .previous_comments .comment .content { margin: 0; padding: 0; width: auto; min-height: 0px; }

.options { position: absolute; margin-left: 600px; margin-top: -100px; width: 175px; right: 0px; }
.options a, .aside .rss, .prevnext a { padding-left: 25px; background-repeat: no-repeat; background-position: left center; display: block; height: 25px; line-height: 25px; text-decoration: none; font-weight: normal; color: gray; }
.options a:hover, .options a:focus, .options a:active, .aside a:hover, .aside a:focus, .aside a:active { color: #843537; }
.options .top { background-image: url('images/icons/arrow_up.png'); }
.options .total_comments { background-image: url('images/icons/comments.png'); }
.options .share { background-image: url('images/icons/group.png'); display: none; }
.options .print { background-image: url('images/icons/printer.png'); display: none; }
.options .save { background-image: url('images/icons/page_white_acrobat.png'); }
.rss { background-image: url('images/icons/feed.png'); }

.comment_count .options { position: relative; margin: 0px; padding: 0px; width: auto; top: auto; right: auto; }
.comment_count .options a { float: left; margin-right: 25px; padding-left: 20px; }

.main_entry .options { position: static; width: auto; }
.main_entry .options .save { display: block; background-repeat: no-repeat; }

a.download_button { box-shadow:0 2px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.4); -o-box-shadow:0 2px 3px rgba(0, 0, 0, 0.4); background-color:#3D5095; color:white; padding: 5px; text-decoration:none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(255, 255, 255, .1)), to(rgba(0, 0, 0, .3))); background-image: -moz-linear-gradient(0 0 -90deg, rgba(255, 255, 255, .1), rgba(0, 0, 0, .3));
}
a.download_button:hover, a.download_button:focus { background-color: #A88043; }
a.download_button:active { color: #FFE7C4; background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(128, 128, 128, .4)), to(rgba(0, 0, 0, .5))); background-image: -moz-linear-gradient(0 0 -90deg, rgba(128, 128, 128, .4), rgba(0, 0, 0, .5)); }

table { border-collapse: collapse; }
th { background-color: #EAEAEA; }
td, th { padding: 3px; }
tr:nth-child(odd) { background-color: #FAFCFF; }
tr:nth-child(even) { background-color: #FFFDF9; }


.content .prevnext { width: 525px; margin: 20px 25px; }
.content .prevnext:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.content .prevnext a { padding: 0; }
.previous { float: left; }
.next { float: right; }





/* portfolio */
.page-template-portfolio-index-php .main_entry { width: 750px; }
.page-template-portfolio-index-php:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.portfolio_summary { width: 225px; margin: 25px 0 25px 25px; float: left; position: relative; display: block; text-decoration: none; color: black; }
.portfolio_summary:visited { color: #666; }
.portfolio_summary:hover, .portfolio_summary:active, .portfolio_summary:focus { color: #896836; background-color: #FEFAF5; box-shadow: -10px 0 10px #FEFAF5, 0 -10px 10px #FEFAF5, 10px 0 10px #FEFAF5, 0 10px 10px #FEFAF5; -moz-box-shadow: -10px 0 10px #FEFAF5, 0 -10px 10px #FEFAF5, 10px 0 10px #FEFAF5, 0 10px 10px #FEFAF5; -webkit-box-shadow: -10px 0 10px #FEFAF5, 0 -10px 10px #FEFAF5, 10px 0 10px #FEFAF5, 0 10px 10px #FEFAF5; }
.portfolio_summary:hover h5, .portfolio_summary:active h5, .portfolio_summary:focus h5 { text-decoration: underline; }
.portfolio_summary:hover img, .portfolio_summary:active img, .portfolio_summary:focus img { opacity: .7; background-color: #FFE7C4; }
.portfolio_summary:hover .type, .portfolio_summary:active .type, .portfolio_summary:focus .type { background-color: #4B2D07; }
.portfolio_summary:nth-child(3n+2) { clear: left; }
.portfolio_summary img { border: 1px solid; margin-left: -1px;}
.portfolio_summary h5 { text-align: center; margin-top: 5px; }
.portfolio_summary .type { top: 15px; display: block; position: absolute; background-color: black; color: white; width: 100%; line-height: 2; font-weight: bold; text-indent: 1ex; opacity: .6; }
.portfolio_summary p { margin-top: 5px; }

.video_wrap { text-align: center; margin-top: 15px; }

.main_entry .portfolio_post { position: relative; } /* links to blog posts about portfolio item */
.main_entry .portfolio_post h5 { margin-left: 0; margin-bottom: 0; }
.main_entry .portfolio_post .date { margin-right: 0; top: 4px; }
.main_entry .portfolio_post p { margin-top: 0; }