@charset "utf-8";
/*  
Description: jduerr.com ver.8 - launched Q1 2008
Version: 8.4 (2008-02-08)
Author: Jason Duerr
Deployment note: SetOutputFilter DEFLATE should be set on this directory (squishy squishy)

Hi there, source peeker. This is all pretty use-specific, but feel free to swipe as you like.

*/

/* Boilerplate Style Reset */
* {padding:0; margin:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,embed,object,form,fieldset,label,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {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;}
a img { border: none; }
/* Removes Firefox imposed outline */
a { outline: none; }
object, embed { display: inline; }

/* Globals */
html { background: #807C79; overflow-x: auto; } /* squashes IE overflow scrollbar bug */
body {  border-top: 9px solid #b5dede;  min-width:1000px;}
a:link, a:visited { color: #6cbebe; }
a:hover { color: #b5dede; }

/* Layout */
#page { background: #fffffa url('/_img/glob/jd08-bkg-texture.png') repeat-x;}
#mast {  margin: 0 auto; padding: 0 0 0 8px; width: 992px; }
#content{ clear: both; margin: 0 auto; padding: 36px 0 0 60px; width: 940px; }
#footer { background: #807C79; border-top: 9px solid #b5dede; clear: both; width: 100%; }
#primary-content {  clear: left; float:left; margin: 0 40px 0 0; padding: 0 0 54px; width: 300px; }
#secondary-content {  float:right; margin:0 0 54px; width: 600px; }
#home #primary-content { width:430px; }
#home #secondary-content { width: 470px; }
#cv #primary-content {  float:right; margin:0; width: 600px; }
#cv #secondary-content { float:left; margin: 0 40px 0 0; width: 300px; }
#error-handling #primary-content { margin: 0 0 0 340px; width: 600px; }

#background-mod { margin: 0 0 18px; }
#avail-mod { float:left; width: 200px; }
#avail-mod p { margin: 0 0 9px; }

#contact-mod { margin: 0 0 0 230px; padding: 0 10px 0 0; }
#contact-mod p { margin: 0 0 9px; }

#folio-mod { margin: 0 0 18px; }
	#present { display: block; height: 243px; width: 470px; overflow: hidden }
		#present img { height: 216px; width: 470px;}

#latest-notes { }
	#latest-notes h3 a{ color:#Ce1000; text-decoration: none; }
	#latest-notes h3 a:hover{ text-decoration: underline; }
	.latest-notes-post { float: left; margin: 0 15px 0 0; width:200px; }
	.latest-notes-post img { margin: 0 0 1px; }
	.latest-notes-post a img { border: 5px solid #ebf6f6; }
	.latest-notes-post a:hover img { border: 5px solid #b5dede; }
	.latest-notes-post .more { margin: 9px 0 0 0; }


#skills-charts table { float: left; margin: 0 20px 18px 10px; width: 130px; }
#about #skills-charts table { float: left; margin: 0 20px 18px 10px; width: 160px; }
#skills-charts caption, #skills-charts th { display: none; }
.skill-level{ text-align: right; padding: 0 0 0 8px; }
table#skills-key { color:#aaa9a5; margin: 0 0 18px 10px; text-transform: capitalize; width: 120px; }

/* Typo */
h4, h5, h6, body { font-family: Lucida Grande,Lucida Sans,Georgia,Helvetica,Arial; }
blockquote, em, h1, h2, h3, i {	font-family: Georgia, Times, serif; }
body { color: #595653; font-size: 12px; line-height: 18px; }
table { font-size: 11px; line-height: 18px; }
i, em { font-style: italic; }
strong { font-weight: bold; }
abbr { border-bottom: 1px dotted #aaa9a5; }
p { margin: 0 0 18px; }
h1 { color: #ce1000; font-size: 24px; line-height: 27px; padding: 14px 0 13px 340px; }
h2{ color: #ce1000; font-size: 21px; line-height: 27px; padding: 16px 0 11px; }
h3 { color:#7a7672; font-size: 18px; padding:2px 0 7px; }
h4 { font-weight: bold; }
blockquote { color: #7a7672; font-style:italic; font-size: 14px; padding: 0  20px 9px 20px; }
#home h1 { margin:0; padding:0; }
#home h3 { color:#7a7672; font-size: 14px; font-weight: bold; padding:0;}
#about h2 { clear: left; }
.cat-list-post h3 { padding: 18px 0 0;  }

/* List Elements */
dl, ul { margin: 0 0 18px; }
ul li { margin: 0 0 18px; }
li li { margin: 18px 0 0 20px; }
#error-handling #content ul,
#notes #secondary-content ul { list-style: circle; padding: 9px 0 0 25px; }



/* Forms */
fieldset { padding: 0 0 18px; margin: 0 0 18px; border: 0 none; }
legend { display: none; }
label { display:block; }
input, textarea { background: #fff; border: 1px solid #dbd9d1; font-family: Arial, Helvetica, sans-serif; font-size:13px; margin: 0 0 8px; padding:1px 3px 0 3px; }

/* masthead */
#logo { background: url('/_img/glob/jd08-logo.png') no-repeat; float: left; height: 28px; margin: 98px 0 0 0; text-indent: -9999px; width: 286px; }
#nav { float: right; list-style: none; margin: 54px 0 0; }
#nav li{ border-right:1px #dbd9d1 dotted; float: left; list-style: none; }
	#nav li a{ background: url('/_img/glob/jd08-sprite-nav.png') no-repeat 0 0; text-indent: -9999px; display: block; height: 18px; }
		#nav li.home a{ background-position: 0 0; margin: 0 11px 0 0; width: 37px; }
		#nav li.home a:hover, 
		#home li.home a { background-position: 0 -18px; }
		#nav li.about a{ background-position: -60px 0; margin: 0 11px; width: 81px; }
		#nav li.about a:hover, 
		#about li.about a { background-position: -60px -18px; }
		#nav li.work a{ background-position: -165px 0; margin: 0 11px; width: 58px; }
		#nav li.work a:hover, 
		#work li.work a { background-position: -165px -18px; }
		#nav li.notes a{ background-position: -247px 0; margin: 0 11px; width: 62px; }
		#nav li.notes a:hover, 
		#notes li.notes a { background-position: -247px -18px; }
		#nav li.contact{ border-right: none; }
		#nav li.contact a{ background-position: -333px 0; margin: 0 11px; width: 47px; }
		#nav li.contact a:hover, 
		body#contact li.contact a { background-position: -333px -18px; }

/* footer */
#footer-content { color: #c9c9c7; margin: 0 auto; padding: 27px 0 27px 60px; width: 940px; }
	.footer-links {  float: right; }
	.footer-links li{ border-left: 1px #C9C9C7 dotted; float: left; list-style: none; margin: 0 9px 0 0; }
	.footer-links li.first { border: none; }
	.footer-links a:link, .footer-links a:visited{ color: #c9c9c7; display: block; margin: 0 0 0 9px; padding: 0; outline: none; text-decoration: none; }
	.footer-links a:hover, .footer-links a:focus{ color: #bdbdba; text-decoration: underline; }
	#affil-links { clear: right; float: right; margin: 9px 6px 0 ; }
	#affil-links li{ border: none; clear: right; float: left; list-style: none; margin: 0 3px; }
	#affil-links a{ background: url('/_img/glob/jd08-sprite-affil.png') no-repeat 0 0; display: block; outline: none; text-indent: -9999px; }
		#aiga a{ background-position: 0 0; height: 37px; width: 37px; }
		#aiga a:hover { background-position: 0 -38px; }
		#change a{ background-position: -45px -8px; height: 20px; margin: 8px 0 0; width: 50px; }
		#change a:hover { background-position: -45px -46px; }
		#gag a{ background-position: -105px -2px; height: 34px; width: 34px; }
		#gag a:hover { background-position: -105px -40px; }
		#linkedin a{ background-position: -148px -2px; height: 27px; width: 21px; }
		#linkedin a:hover { background-position: -148px -40px; }
		#legal,
	    #legal p,
		#legal address { clear: left; float: left; margin: 0; }
		#telco { clear: left; float: left; margin: 9px 0; width: 155px; }
		#telco dd { float: left; }
		#telco dt { float: right; margin: 0; width: 55px; }

/* home */
#slides { height: 42px; list-style: none; margin: 3px 0 9px; }
#slides li{ float: left; }
	#slides li a{ background: #fff; display: block; height: 36px; outline: none; padding: 3px; }
	#slides li a:hover,
	#slides li a.activeSlide  { background: #b5dede; }

/* about */
.mugshot { float: right; margin: 0 0 0 10px; }
.about-meta { border-bottom: 1px dotted #acaaa6; margin: 18px 0 0; }
.about-meta dt { border-top: 1px dotted #acaaa6; color: #acaaa6; float: left; padding:13px 10px; text-align:right; width: 50px; }
.about-meta dd { border-top: 1px dotted #acaaa6; color: #7a7672; font-size:11px; margin: 0 0 0 50px; padding: 13px 0; }
.about-meta li { float: left; margin: 0 10px 0 0; }
.cv-job { border-bottom: 1px dotted #acaaa6; margin: 0 0 9px; }
.cv-job h3 { color:#7a7672; font-size: 13px; font-weight: bold; padding:0; }
.cv-job ul, .cv-job li { margin: 0; }
.cv-affil li { margin: 0; }
/* follow up after benchmarking : drop in skills-mod instead?*/
.cv-soft li { margin:0; }
.cv-serv li { margin:0; }

/* work */
h1 a:link, h1 a:visited { color: #ce1000; text-decoration: none; }
h1 a:hover { color: #ce1000; text-decoration: underline; }
.folio-listing { margin: 18px 0 0; }
.folio-listing li{ display: block; float: left; list-style: none; margin: 0 10px 18px 0; }
.folio-listing li a img{ border: 5px solid #ebf6f6; }
.folio-listing li a:hover img{ border: 5px solid #b5dede; }
.folio-listing h3 a{ font-size:13px; font-weight:normal; text-decoration:none; }
.folio-listing h3 a:hover{ text-decoration:underline; }
.folio-meta { border-bottom: 1px dotted #acaaa6; margin: 18px 0; }
.folio-meta dt { border-top: 1px dotted #acaaa6; color: #acaaa6; float: left; font-size:13px; padding:13px 0; width: 50px; }
.folio-meta dd { border-top: 1px dotted #acaaa6; color: #7a7672; font-size:11px; margin: 0 0 0 50px; padding: 13px 9px; }
dd.client-name,dd.firm-name { border-top: 1px dotted #acaaa6; font-family: Georgia, Times, serif; font-size: 13px; font-weight: bold; }
.folio-meta ul, .folio-meta li {  margin: 0; }
.folio-nav { border-bottom: 1px dotted #acaaa6; border-top: 1px dotted #acaaa6; margin: 18px 0 18px; }
.folio-project-nav { float: right; margin: 0 40px 5px 0; padding:31px 0 0; width: 560px; }
.folio-project img { margin: 0 0 6px; }
/*. { margin: 0 0 18px 18px; }
. a { text-decoration: none; }
*/.current-cat a{ font-weight: bold; }

/* notebook */
.notes-meta { border-bottom: 1px dotted #acaaa6; border-top: 1px dotted #acaaa6; margin: 18px 0; padding: 18px 0;}
.cat-list-post { padding: 18px 0; }
.cat-list-meta { color: #acaaa6; font-size: 11px; margin: 0 0 18px 0; }
#latest-notes .cat-list-meta { margin: 0; }
.cat-list-img {  }
#notes-meta-date,
#notes-meta-comment { margin:0; }
#notes-meta-comment  a { text-decoration: none; }
.cats { color: #aaa9a5; margin:0; }
.cats a { text-decoration: none; }
#notes h3 a:link, #notes h3 a:visited { color:#ce1000; text-decoration: none;}
#notes h3 a:hover { text-decoration:underline; }
#notes h4 { color: #ce1000; }
#notes ol {list-style:decimal; margin: 0 0 18px 30px; }
#notes ol.commentlist {list-style:none; margin: 0 0 18px 0; }
.notes-navigation { margin: 18px 0 0; }
.commentlist { border-top: 1px dotted #acaaa6; margin: 18px 0; width: 430px;}
.commentlist li{ border-bottom: 1px dotted #acaaa6; margin: 0; padding: 9px 0 0 10px; } 
.commentlist li.alt { background: #fff; } 
.comment-name { font-size: 11px; float: right; margin: 0 0 9px; width:360px; }
.comment-meta { margin: 0; }
#notes .mugshot { float: left; margin: 9px 20px 0 0; }
.avatar { border: 3px solid #EBF6F6; display:block; float:left; margin: 0 14px 0 0; width: 40px; }

/* contact */
#contact .contact-meta { margin: 18px 0;  }
.contact-meta  dt { color: #acaaa6; float: left; padding:0 10px 9px; text-align:right; width: 55px; }
.contact-meta  dd { color: #7a7672; margin: 0 0 0 55px; padding: 0 0 9px; }
.contact-meta  ul { margin: 0;}
.contact-meta  li { float: left; margin: 0 5px 0 0; }
#contact form, #notes form { width: 430px; }
textarea { height: 124px; width: 420px; }
#coldform_name, #coldform_email, #coldform_response, #email, #author, #url { width: 210px; }
.submit { background:url('/_img/glob/jd08-bkg-btn-grey.png') repeat-x; border:1px solid #adadad; border-left-color:#dbd9d1; border-top-color:#dbd9d1; color:#595653; font-size:11px; margin: 5px 3px 4px 0pt; padding:5px; width:210px;}
#alert-error { background: #fff url('/_img/glob/jd08-bkg-error.png') repeat; margin: 0 0 18px; padding: 10px; }
#alert-error h3, #alert-success h3 { background: #fff; color:#595653; font-size: 13px; padding: 9px; }
#alert-success { background: #fff url('/_img/glob/jd08-bkg-success.png') repeat; margin: 0 0 18px 0; padding: 10px; }
.error-field { border: 1px solid #ce1000; }

/* Library */
.quiet { display: none; visibility: hidden; }
.details { float: right; margin: 0;  }
.cats, .cat-tags li, .rss a, .comment, .pdf, .txt { background: url('/_img/glob/jd08-sprite-icons.png') no-repeat; text-decoration: none; }
.details a, .more a, .prev a, .next a, .more-link { background: #F7F7F2 url('/_img/glob/jd08-sprite-icons.png') no-repeat; text-decoration: none; }
.details a:hover, .more a:hover, .prev a:hover, .next a:hover, .more-link:hover { background: #FFFFFA url('/_img/glob/jd08-sprite-icons.png') no-repeat; text-decoration: none; }
.tags { background: url('/_img/glob/jd08-icon-tag.png') no-repeat 3px 3px; color: #acaaa6; text-decoration: none; }
.cats, .cat-tags li, .prev a, .comment, .rss a, .pdf, .tags, .txt { padding: 0 5px 0 18px; }
.next a, .more-link, .details a, .more a { padding: 0 18px 0 5px; }
.details a, .details a:hover { background-position: right -32px; margin: 0; }
.more a, .more a:hover { background-position: right -32px; margin: 0; }
#folio-mod .more { float: left; }
.prev { float: left; }
.prev a, .prev a:hover { background-position: 0 -48px; }
.next { float: right; }
.next a, .next a:hover { background-position: right -32px;  }
.more-link, .more-link:hover { background-position: right -32px; }
.comment { background-position: 0 -111px; }
.rss a { background-position: 0 -95px; }
.pdf { background-position: 0 -18px; }
.txt { background-position: no-repeat 0 -65px; }
.cat-tags li { background-position: 0 -79px; margin: 0; }
.rss li { margin: 0; }
.left { float: left; margin: 0 10px 9px 0; }
.right { float: right; margin: 0 0 9px 10px; }