/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
section, aside, article, nav, footer, header { display: block; }

@font-face {
	font-family: 'jwDIN';
	src: url('http://jounce.net/resources/c/JW-DIN-Eng.eot');
}

@font-face {
	font-family: 'jwDIN';
	font-weight: bold;
	src: 	local('jwDIN'),
		url('http://jounce.net/resources/c/JW-DIN-Eng.ttf') format("opentype");
}

body {
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #433d32;
}

a:link { color: #d1873c; text-decoration: none; border-bottom: 1px solid #e3ac75; }
a:visited { color: #e3ac75; text-decoration: none; border-bottom: 1px dotted #e3ac75; }
a:hover { color: #e3ac75; text-decoration: none; }
a:active { color: #d1873c; text-decoration: none; }

.container { width: 960px; margin: 0 auto; padding: 0 10px; }

/* ------ HEADER ------- */

header, div#header {
	background: #342d1b;
	border-bottom: 5px solid #5e5643;
	color: #9f9f9f;
	height: 50px;
}

header div#logo, div#header div#logo { 
	float: left;
	width: 240px;
	height: 35px;
	margin: 9px 0 6px 0;
}

header div#logo a, div#header div#logo a {
	width: 240px;
	height: 35px;
	display: block;
	background: url(/resources/i/logo.png) top left no-repeat;
	text-indent: -9999em;
	border: 0px;
}

header dl, div#header dl {
	float: left;
	margin-left: 50px;
	width: 660px;
}

header dl li, div#header dl li {
	float: left;
	width: 80px;
	height: 50px;
	overflow: hidden;
	text-indent: -9999em;
}

header dl li a, div#header dl li a {
	display: block;
	width: 80px;
	height: 50px;
}

header dl li:hover, header dl li.hover, div#header dl li:hover { background: #3a321f top left no-repeat; }
body.blog header dl li#navBlog, body.portfolio header dl li#navPortfolio, body.about header dl li#navAbout, body.contact header dl li#navContact, body.photos header dl li#navPhotos, body.speaking header dl li#navSpeaking, body.events header dl li#navEvents, body.links header dl li#navLinks, header dl li.active { background: #5e5643 top left no-repeat; }
header dl li.spacer, div#header dl li.spacer {
	margin: 10px 0px 10px 0px;
	height: 30px;
	width: 1px;
	background: #5d5a53;
}
header dl li#navContact, header dl li#navContact a, div#header dl li#navContact, div#header dl li#navContact a { width: 79px; }

li#navBlog a { background-image: url(/resources/i/nav-blog.png); }
li#navPortfolio a { background-image: url(/resources/i/nav-portfolio.png); }
li#navAbout a { background-image: url(/resources/i/nav-about.png); }
li#navContact a { background-image: url(/resources/i/nav-contact.png); }
li#navPhotos a { background-image: url(/resources/i/nav-photos.png); }
li#navSpeaking a { background-image: url(/resources/i/nav-speaking.png); }
li#navEvents a { background-image: url(/resources/i/nav-events.png); }
li#navLinks a { background-image: url(/resources/i/nav-links.png); }

/* ------- MAIN CONTENT -------- */

section#main, div#main.section { background: #fffcf5 url(/resources/i/bg-topleft.jpg) top left no-repeat; border-bottom: 5px solid #ede7da; }
div#mainContentWrapper { background: url(/resources/i/bg-topright.jpg) top right no-repeat; padding: 40px 0; }
section#main article, div.section#main div.article { float: left; width: 540px; margin-right: 80px; }

section#main article div.entry-meta { font-size: 9px; text-transform: uppercase; }
section#main article h1 { font-size: 54px; line-height: 1em; font-family: "jwDIN", Arial Narrow, Arial sans-serif; margin: 10px 0 30px 0; font-weight: bold; }
section#main article h2 { font-size: 48px; line-height: 1em; font-family: "jwDIN", Arial Narrow, Arial sans-serif; margin: 15px 0 15px 0; font-weight: bold; }
section#main article h3 { font-size: 36px; line-height: 1em; font-family: "jwDIN", Arial Narrow, Arial sans-serif; margin: 15px 0 15px 0; font-weight: bold; }
section#main article h4, section#main aside div#speaking h2 { font-size: 24px; line-height: 1em; font-family: "jwDIN", Arial Narrow, Arial sans-serif; margin: 15px 0 15px 0; font-weight: bold; }
section#main p { margin-bottom: 1em; font-size: 12px; }
section#main article h1 a { color: #433D32; text-decoration: none; border-bottom: 0; }

section#main aside { float: left; width: 330px; padding-top: 16px; }

section#main aside div#bio { margin-top: 0; background: none; border: 0px; }
section#main aside div#bio img {
	float: left;
	border: 5px solid #ede7da;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
section#main aside div#bio p { margin-left: 90px; }

section#main aside div#speaking {
	background: #ede7da;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px;
}
section#main aside div#speaking h2 {
	margin: 0 0 10px 0;
}
section#main aside div#speaking dl { margin-bottom: 1em; }
section#main aside div#speaking dt { margin-top: 1em; }
section#main aside div#speaking dt a { font-weight: bold; }
section#main aside div.module, section#secondary aside div.module-alt { margin-top: 40px; padding: 20px; background: #ede7da; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px; margin-bottom: 40px; }
section#main aside div.module-alt { margin-top: 40px; }
section#main aside div.half { float: left; width: 140px; }
section#main aside h3 { font-size: 20px; margin-bottom: 20px; }
section#main aside dl dt { font-weight: bold; margin-top: 10px;  }
section#main aside dl dd { margin-left: 20px; color: #998; }


/* ------- MAIN CONTENT STYLES ------ */

section#main article div.caption {
	background: #ede7da;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px;
	margin-bottom: 1em;
}

div.caption.right {
float: right;
}

div.caption.w250 { width: 250px; margin-left: 20px; }

section#main div.caption p.cite {
	margin-top: 1em;
	margin-bottom: 0em;
	font-size: .9em;
}

div.caption span.cite450, div.caption span.w450 {
	width: 460px;
	display: block;
	padding: 0 20px;
}

div.caption span.cite450 img, div.caption span.w450, div.caption span.w490 img {
	border: 5px solid #ccb;
}

section#main article ul li { list-style-type: disc; margin-bottom: 1em; }
section#main article ol li { list-style-type: decimal; margin-bottom: 1em; }

div.w295 {
  width: 295px;
  float: right;
  margin-left: 20px;
}

div.w140 {
	width: 140px;
	float: right;
	margin-left: 20px;
}

section#main article blockquote.right {
  width: 280px;
  float: right;
  margin-left: 20px;
  text-align: center;
  margin-bottom: 10px;
}

section#main article blockquote.left {
  width: 280px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
section#main article blockquote p {
  font-family: Georgia, Times, serif;
  font-size: 20px;
  line-height: 1.5em;
  margin-bottom: 0;
}

body.bookmark section#main article blockquote p {
  font-size: 14px;
  margin-left: 2em;
  color: #999;
  margin-bottom: 1em;
}

/* ------- SECONDARY CONTENT ------- */

section#secondary { padding: 40px 0; }
section#secondary #mainColumn { float: left; margin-right: 80px; width: 540px; }

section#secondary #mainColumn h2, section#secondary aside h3 { font-family: "jwDIN", Arial Narrow, Arial, sans-serif; font-weight: bold; }
section#secondary #mainColumn h2, section#secondary #mainColumn h3, section#secondary #mainColumn h4 { font-size: 24px; line-height: 1.3em; margin-bottom: 20px;  }
section#secondary #mainColumn h3 { font-size: 18px; }
section#secondary #mainColumn h4 { font-size: 14px; margin-bottom: 0; }
section#secondary #mainColumn h3.articleTitle, section#secondary #mainColumn h3.entry-title { margin-bottom: 10px; }
section#secondary #mainColumn ul li { margin-bottom: 40px; }
section#secondary #mainColumn article, section#secondary #mainColumn ol.taglist li { margin-bottom: 40px; }
section#secondary #mainColumn div.articleHeader, section#secondary #mainColumn div.entry-meta { text-transform: uppercase; font-size: 10px; }
section#secondary #mainColumn h3, section#secondary #mainColumn .entry-title { font-size: 24px; line-height: 1.3em; }
section#secondary #mainColumn p { margin-bottom: 1em; }
section#secondary #mainColumn blockquote { margin-left: 2em; color: #999; }
section#secondary #mainColumn li.bookmark div.articleContent {
	padding-left: 15px;
	margin-top: 1em;
}
section#secondary #mainColumn article.status div.articleContent, section#secondary #mainColumn li.status div.articleContent { 
	font-size: 14px; 
	padding-left: 35px;
	background: url(/resources/i/quote.png) top left no-repeat;
}
section#secondary #mainColumn li.bookmark div.articleContent ol { list-style-type: decimal; }
section#secondary #mainColumn li.bookmark div.articleContent ol li { margin-bottom: 1em; list-style-type: decimal; }
section#secondary #mainColumn li.bookmark div.articleContent ul li { margin-bottom: 1em; list-style-type: disc; }

section#secondary dl dt { margin-top: 1em; font-weight: bold; }

section#secondary aside { float: left; width: 320px; margin-top: 0px; }
section#secondary dl { margin-bottom: 1em; }

/* section#secondary aside div#photos h3 {
	text-indent: -9999em;
	width: 300px; height: 25px; 
	background: url(/resources/i/title-photos-fp.png) top left no-repeat;
} */
section#secondary aside div#photos ul { margin-top: 20px; }
section#secondary aside div#photos ul li {
	float: left; width: 70px; margin-right: 10px; margin-bottom: 10px;
}
section#secondary aside div#photos ul li img {
	border: 5px solid #ede7da;
	width: 60px; height: 60px; display: block;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
section#secondary aside div.module {
	clear: both;
	margin-bottom: 40px;
}
section#secondary aside h3 {
	font-size: 24px;
	margin-bottom: 20px;
}


/* ------- PHOTOS -------- */

section#secondary #mainColumn li.photo { clear: left; margin-top: 10px; }
section#secondary #mainColumn li.photo h3 { margin-bottom: 10px; }
section#secondary #mainColumn li.photo p { margin-bottom: 0; }
section#secondary li.photo a.photolink {
	display: block;
	float: left;
	margin-right: 20px;
}
section#secondary #mainColumn li.photo img, img.featurephoto {
	border: 5px solid #ede7da;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
div.photoDescription {
	margin-top: 20px; 
}

/* ------- PORTFOLIO -------- */

body.portfolio section#main div.image img, section#secondary ul.portfolio li img { border: 5px solid #ede7da; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
body.portfolio section#main div.summary p { font-family: Georgia, serif; font-style: oblique; font-size: 20px; line-height: 1.3em; }
body.portfolio section#main div.image { margin-bottom: 20px; }

section#secondary ul.portfolio li { margin-bottom: 40px; }
section#secondary ul.portfolio li p.caption { color: #888; font-size: 11px; margin-top: 10px; font-style: oblique; }

section#secondary aside ul.testimonials blockquote { margin-bottom: 10px; padding-left: 35px; background: url(/resources/i/quote.png) top left no-repeat; }
section#secondary aside ul.testimonials cite { padding-left: 35px; display: block; font-style: oblique; color: #aaa; }

section#secondary aside div#portfolio {
	margin-bottom: 30px; padding-left: 0;
}
/* section#secondary aside div#portfolio h3 {
	text-indent: -9999em;
	width: 220px;
	height: 25px;
	margin-bottom: 20px;
	background: url(/resources/i/title-work-fp.png) top left no-repeat;
} */
section#secondary aside div#portfolio ul li { font-size: 11px; line-height: 1.5em; clear: both; margin-bottom: 15px; }
section#secondary aside div#portfolio ul li img, section#secondary .project img { 
	float: left; width: 140px; height: 80px; margin-right: 15px; border: 5px solid #ede7da; 
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
section#secondary aside div#portfolio ul li h4 { font-weight: bold; }
section#secondary aside div#portfolio ul li div.projectDescription { margin-left: 165px; }

/* ------- COMMENTS -------- */

ol.comment-list li {
	margin-bottom: 60px;
	padding: 0 20px;
	clear: left;
}

ol.comment-list li.mjw {
	background: #ede7da;
	border: 5px solid #ede7da;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding: 10px 15px;
}

ol.comment-list li div.comment-metadata { float: left; width: 140px; }
ol.comment-list li div.comment-metadata a { border-bottom: 0px; }
ol.comment-list li div.comment-body { margin-left: 160px; }
ol.comment-list li div.comment-body p { margin-bottom: 1em; }
#secondary #mainColumn ol.comment-list li div.comment-body ul li { list-style-type: disc; padding: 0; margin-bottom: 1em; clear: none;}
#secondary #mainColumn ol.comment-list li div.comment-body ul { margin: 20px 0; }
ol.comment-list li div.comment-date-submitted, ol.comment-list li div.comment-administrative-tools { border-top: 1px solid #bbb; margin-top: 5px; padding-top: 5px; font-size: .8em; text-transform: uppercase; }



/* ------- FOOTER ------- */

footer { border-top: 5px solid #5e5643; background: #342d1b; min-height: 50px; display: block; padding: 20px 0; color: #fffcf5; }

/* ------- UTILITIES -------- */

.clear { clear: both; }
.caps { font-variant: small-caps; }
strong,b { font-weight: bold; }
em,i { font-style: oblique; }
del { text-decoration: line-through; }
a.rss { text-indent: -9999em; padding-left: 25px; background: url(/resources/i/feed-icon-med.png) right center no-repeat; }
a.rss-side { padding: 5px 0 5px 25px; background: url(/resources/i/feed-icon-med.png) left center no-repeat; }
a.twitter-side { padding: 5px 0 5px 25px; background: url(/resources/i/twitter-icon-1.png) left center no-repeat; }
.module-alt#subscribe li { margin-bottom: .5em; } div#subscribe a { border-bottom: 0px; }
#accessibility { display: none; }
abbr { border-bottom: 1px dotted; }
.again img { margin-top: 1em; }

.clearfix:after, .module:after, .module-alt:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* ------- sIFR ------- */

  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }

.sIFR-active h1 {
	color: #433d32;	
}

/* --- MAPS ---- */

div#map-canvas { width: 320px; border: 5px solid #EDE7DA; height: 150px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
 }
img[src="http://maps.google.com/intl/en_us/mapfiles/poweredby.png"] { display: none; }
#map-canvas div span { display: none;}
a[href="http://www.google.com/intl/en_us/help/terms_maps.html"] { display: none; }

/* -------- FORMS -------- */

form div.field {
	background: #EDE7DA;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	margin-bottom: 1em; 
	padding: 20px;
}

form div.field label {
	float: left;
	width: 60px;
	margin-right: 20px;
	border-bottom: 1px solid #ccc;
	font-size: 90%;
	text-transform: uppercase;
}

section#secondary #mainColumn form div.field p.help {
	font-size: 80%;
	margin-bottom: 0;
	text-align: right;
}

form div.input-text input {
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	width: 408px;
	font-size: 20px;
	height: 24px;
	padding: 3px 6px;
	border: 0px;
}

form div.input-textarea textarea {
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	width: 408px;
	padding: 6px 6px;
	border: 0px;
}

div.entry-link { width: 200px; margin-top: 40px;}

a.button, form button {
	margin-right: 20px;
	background: #342d1b;
	border: 3px solid #5e5643;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	padding: 5px 10px;
	color: #ede7da;
	font-size: 120%;
}

a.button { display: block; }

form div.button {
	background: none;
	padding: 0;
	margin-left: 100px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}