/* Base Reset & Fonts
------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
a img {border:none;}

/* HTML5-specific CSS setup
------------------------------------------------- */
article,aside,figure,footer,header,hgroup,nav,section {display:block;}

/* Typography - 100% = 16px
------------------------------------------------- */

body, input, textarea {font-size:100%;font-family:Georgia, "Times New Roman", Times, serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:2.625em;line-height:1;margin-bottom:0.5em;}
h1#pagetitle {font-size:4.5em;margin-bottom:0.36em;}
h2 {font-size:1.375em;margin-bottom:0.33em;}
h3 {font-size:1.25em;line-height:1.33;margin-bottom:0.33em;}
.pp h3 {font-size:1.5em;line-height:1.33;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;margin-bottom:1.5em;}
h6 {font-size:1em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p, li, dt, dd, label, th, td {line-height:1.5;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em {font-style:italic;}
dfn {font-weight:normal;font-style:normal;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;cursor:help;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:normal;}
dd {margin-left:1.5em;}


/* Typekit fonts & fallbacks
------------------------------------------------- */
p,li,dd,legend,input,textarea,dfn,.morepp h3 {font:1em/1.5 "ff-dagny-web-pro-1","ff-dagny-web-pro-2",Arial,sans-serif;}
h2,h3,dt,label ,#tooltip,h1,h2#project-title,#intro p {font-family:"athelas-1","athelas-2",Georgia,serif;letter-spacing:-1px;}


/* Widths & Footer height
------------------------------------------------- */
#wrap, header, footer .pad, #motto .pad, nav ul {
position:relative;
width:960px;
margin:0 auto;
}

#wrap {
background:#fff;
padding-bottom:33px;
}

#pri {
float:left;
width:585px;
padding:20px 0 0 20px;
}

body#home #pri {
width:920px;
position:relative;
padding:0 20px;
}

#sec {
float:right;
width:285px;
padding:20px 20px 0 0;
}

.grid-2 .col {float:right;display:inline;}
.grid-2 div.first {float:left;}
.grid-2 .col {width:50%;margin:0;}
.grid-3 .col {float:left;width:33%;}

body#home .grid-3 div.first {
width:195px;
margin-right:18px;
}

body#home .grid-3 div.second {
width:487px;
margin-right:50px;
}

body#home .grid-3 div.third {
width:168px;
margin-right:0;
}

.tags .col {width:20%;}
.tags div.first {width:80%;}


/* Sprites
------------------------------------------------- */
a[href$='.doc'], a[href$='.docx'], a[href$='.pdf'], a[href$='.xls'], a[href$='.ppt'], #sec a[href^="http://www.linkedin.com"], #sec a[href^="http://twitter.com"], #sec a[href^="http://www.facebook.com"] {
background-image:url(cssimages/icons.png);
background-repeat:no-repeat;
}

a[href$='.doc'], a[href$='.docx'] {background-position:0 -144px;}
a[href$='.pdf'] {background-position:0 -192px;}
a[href$='.xls'] {background-position:0 -288px;}
a[href$='.ppt'] {background-position:0 -336px;}
a[href^="http://twitter.com"] {background-position:right 0;}
a[href^="http://www.linkedin.com"] {background-position:right -47px;}
a[href^="http://www.facebook.com"] {background-position:right -95px;}


/* Theme
------------------------------------------------- */

html {background:#332927;}

body {
background:#eeede5;
color:#1e1e1e;
}

a {
color:#478071;
text-decoration:none;
}

.post h2 a, .comment h3 a {color:#956b58;}
p a, a:hover {text-decoration:underline;}

img.contentimg, img.lifestyle {
display:block;
margin:0 auto;
border:1px solid #d7d6c9;
-webkit-border-radius:7px;
border-radius:7px;
-webkit-box-shadow:0 3px 6px #d1d1d1;
-moz-box-shadow:0 3px 6px #d1d1d1;
box-shadow:0 3px 6px #d1d1d1;
}

img.lifestyle {margin:0 0 1.25em;}

a[href$='.pdf'], a[href$='.doc'], a[href$='.docx'] {
padding-bottom:2px;
padding-left:21px;
}

h2, .post h3 {
font-weight:normal;
border-bottom:1px solid #e0dfd4;
padding-bottom:0.1875em;
color:#956b58;
}

h2#project-title {
border-bottom:0;
background:url(cssimages/bg-featured.gif) no-repeat 0 0.62em;
color:#1e1e1e;
padding-bottom:0;
text-align:center;
margin:0;
font-size:2.625em;
}

.comment h3 {margin-bottom:0.33em;}

input[type=text], textarea {
padding:0.4em 0.5em 0.5em;
border:1px solid #d7d6c9;
-webkit-border-radius:6px;
border-radius:6px;
background:#fff;
width:524px;
margin-bottom:1em;
}

input[type=text]:focus, textarea:focus, input[type=text].focus, textarea.focus {border:1px solid #b9b8ad;}
input[type=submit] {padding:0 1em;}

fieldset {border:0;}

legend {
font-size:0.875em;
font-style:italic;
color:#956b58;
padding:0.8em 0 1.6em;
}

header {
background:#fff;
min-height:200px;
}

header hgroup {position:relative;}
header h1, header strong {display:inline;}

#logo a {
display:block;
position:absolute;
z-index:50;
top:35px;
right:0;
width:200px;
height:160px;
background:url(cssimages/logo.png) no-repeat 0 0;
text-indent:-9999px;
outline:none;
clear:both;
}

h1#logo a {
top:35px;
left:20px;
width:200px;
height:160px;
background:url(cssimages/logo.png) no-repeat 0 0;
}

header h2, header em {
position:absolute;
left:-9999px;
}

nav {
width:100%;
background:#332927;
border-bottom:2px solid #c4c3b7;
}

nav ul {
list-style:none;
margin-top:3px;
padding-left:4px;
z-index:300;
}

nav ul li {
display:inline;
font-size:1em;
}

nav ul li a {
display:block;
float:left;
margin-right:40px;
padding-bottom:2px;
color:#eeede5;
}

nav ul li a:hover, nav ul li a:focus, nav ul li a:active, nav ul li.current a {
text-decoration:none;
color:#fff;
}

#intro {
position:absolute;
right:20px;
top:62px;
width:690px;
}

body#home #intro h2 {margin-bottom:0.66em;}

#intro p {
color:#414141;
text-align:right;
font-size:1.5em;
line-height:1.5;
}

#pagetitle  {
display:block;
padding:66px 220px 0 20px;
}

#contactform, #commentform {
background:#e5e4da;
border:1px solid #d7d6c9;
padding:12px 18px 1px;
-webkit-border-radius:7px;
border-radius:7px;
-webkit-box-shadow:0 3px 6px #d1d1d1;
-moz-box-shadow:0 3px 6px #d1d1d1;
box-shadow:0 3px 6px #d1d1d1;
}

#contactform img {margin-bottom:-10px;}
#contactform input#captcha {margin-top:10px;}
.req {color:#956b58;}

#contactform p {
font-size:0.875em;
font-style:italic;
text-align:right;
color:#956b58;
}

.pp {
position:relative;
margin:1.5em 0 1.25em;
padding:0;
}

body#home .pp {
width:918px;
margin:2.5em 0 1.25em;
}

#pri p:first-child {margin-top:24px;}
body#home #pri p:first-child {margin-top:6px;}

.pp > a {
display:block;
width:578px;
border:1px solid #d7d6c9;
margin:1em 0 1.5em;
-webkit-border-radius:7px;
border-radius:7px;
-webkit-box-shadow:0 3px 6px #d1d1d1;
-moz-box-shadow:0 3px 6px #d1d1d1;
box-shadow:0 3px 6px #d1d1d1;
}

body#home .pp > a {width:918px;}

.pp > a > img {
margin-bottom:0;
-webkit-border-radius:7px;
border-radius:7px;
}

.pp h2 a, .morepp h2 a {color:#956b58;}
.pp h3, #piece-details h3, #piece-details h4 {margin-bottom:0.66em;}

.pp img {
display:block;
margin-bottom:16px;
}

.first {
float:left;
width:204px;
margin-right:20px;
}

.pp dt, #piece-details dt {
font-size:1.25em;
/*font-weight:bold;*/
}

.pp dd, #piece-details dd {
font-size:0.875em;
margin:0 0 0.4em;
}

.morepp {margin-top:1.5em;}

.morepp ul, #piece-links {
margin:0;
list-style:none;
}

.morepp img, .morepp a {display:block;}
#sec .morepp img {border:1px solid #d7d6c9;}

.morepp li > a {
position:relative;
z-index:2000;
-webkit-border-radius:6px;
border-radius:6px;
-webkit-box-shadow:0 3px 6px #d1d1d1;
-moz-box-shadow:0 3px 6px #d1d1d1;
box-shadow:0 3px 6px #d1d1d1;
text-decoration:none;
}

.morepp li > a > img {
-webkit-border-radius:6px;
border-radius:6px;
}

.morepp li {
position:relative;
float:left;
margin:0 20px 30px 0;
}

#sec .morepp li {margin-bottom:20px;}
.morepp li.three, #sec .morepp li {margin-right:0;}

.morepp h3 {
position:absolute;
z-index:2001;
bottom:0;
margin:0;
font-size:0.875em;
letter-spacing:0;
display:inline;
}

.morepp h3 {
display:block;
background:#332927;
color:#e7e7e7;
padding:3px 5px 4px 10px;
width:165px;
text-decoration:none;
-webkit-border-bottom-right-radius:6px;
-webkit-border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
border-bottom-left-radius:6px;;
-webkit-box-shadow:0 3px 4px #d1d1d1;
-moz-box-shadow:0 3px 4px #d1d1d1;
box-shadow:0 3px 4px #d1d1d1;
}

#portfolio-pieces {min-height:318px;}
.piece-img {display:none;}
#img-1 {display:block;}

.piece-img a {
display:block;
width:578px;
padding:0;
margin:1.5em 0;
border:1px solid #d7d6c9;
-webkit-border-radius:7px;
border-radius:7px;
-webkit-box-shadow:0 3px 6px #d1d1d1;
-moz-box-shadow:0 3px 6px #d1d1d1;
box-shadow:0 3px 6px #d1d1d1;
}

.piece-img img {
display:block;
-webkit-border-radius:7px;
border-radius:7px;
}

#piece-details {
width:580px;
margin:0 auto;
}

#piece-details .col {
float:right;
display:inline;
width:356px;
}

#piece-details div.first {
float:left;
width:204px;
}

p.back {
border-top:1px solid #e0dfd4;
padding-top:0.33em;
margin-top:1.5em;
font-size:0.875em;
}

.post {margin-bottom:2em;position:relative;}
.post #taggedwith {font-size:0.6875em;}
.post h1 {border-bottom:1px solid #e0dfD4;}
.post .col p {text-align:right;}
.post div.first p {text-align:left;}

.post .date {
background-color:#e5e4da;
border:1px solid #e0dfd4;
text-align:center;
width:50px;
float:right;
margin:28px 0 0 14px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
}

.post .datepermalink {margin-top:-37px;}
.post .date span {display:block;}

.post .date span.day {
border-bottom:1px solid #d2d1c8;
padding:0.2em 0 0.33em;
margin:0 9px;
}

.post .date span.month {padding:0.2em 0 0.5em;}
.post-summary {padding-top:32px;}

.paginate span.pagecount {
display:block;
margin-bottom:0.5em;
}

.paginate strong, .paginate a {
display:block;
float:left;
}

.paginate strong, .paginate a {
border:1px solid #d7d6cd;
margin:0 0.2em 0 0;
padding:0.1em 0.4em 0.2em;
}

.paginate strong {background:#e0dfd4;}

.paginate a:hover {
text-decoration:none;
background:#e0dfd4;
}

#comments .comment {
padding:1em;
margin-bottom:1em;
}

#comments .odd {background:#eae9e1;}
#comments .even {background:#e7e6de;}
#comments p.date {text-align:left;}

#comments .me {
border-top:3px solid #e7e6de;
border-bottom:3px solid #e7e6de;
background:#faf9f1;
}

#comments .avatar {
display:block;
float:right;
margin:0 0 0.5em 1em;
border:1px solid #d7d6c9;
}

#commentform input[type=submit] {margin:1em 0;}

.next {margin-bottom:2em;}
.next .col {text-align:right;}
.next div.first {text-align:left;}

.next span, .tags p {
color:#956b58;
font-size:0.6875em;
font-variant:small-caps;
}

#post {margin:2em 0 1em;}

#sec p.back {
padding-top:0;
margin-top:0;
border-top:0;
}

#sec h2 {
clear:both;
margin:1em 0 0.66em;
}

#sec h2:first-child {margin-top:0;}
#sec h2.first-child {margin-top:0;}

#sec ul {
list-style:none;
margin-left:0;
}

#sec p, #sec li, #sec dd {
font-size:0.875em;
}

p.box {
float:left;
width:158px;
}

ul.box {margin:0 0 0 158px;}

ul.box li {
text-align:right;
line-height:1.75;
}

ul.box li a {padding-right:22px;}

#twitter dt {
float:left;
padding:4px;
background:#e7e7e7;
border:2px solid #d7d6c9;
margin-right:10px;
}

#twitter dt img {display:block;}
#twitter dd.status {margin-bottom:0.5em;}

#twitter dd.date, p.date {
text-align:right;
font-size:0.75em;
color:#956b58;
}

footer {
border-top:2px solid #c4c3b7;
background:#332927;
}

footer p {
text-align:right;
color:#e7e7e7;
padding:1.75em 0;
margin:0;
}

footer ul {
position:absolute;
left:0;
top:1em;
list-style:none;
margin:0;
}

footer li {
font-size:0.8125em;
line-height:1.75;
color:#e7e7e7;
}

footer a {
color:#e7e7e7;
text-decoration:none;
}

footer a:hover {
color:#fff;
text-decoration:underline;
}

#motto {
position:absolute;
width:100%;
top:3px;
left:0;
text-align:right;
}

/*#motto .pad {
position:relative;
z-index:200;
}*/

#motto dfn {
display:inline;
text-align:right;
line-height:1.5;
color:#403331;
}

footer dfn:hover, #motto dfn:hover {
color:#e7e7e7;
cursor:help;
}


/* Tooltip
------------------------------------------------- */
#tooltip {
position:absolute;
z-index:3000;
border:1px solid #d7d6c9;
background-color:#eeede5;
padding:0.3em;
opacity:0.85;
}

#tooltip h3, #tooltip div {margin:0;letter-spacing:0;}
#tooltip h3 {font-size:0.75em;}


/* Clearfix
------------------------------------------------- */
#wrap:after, .grid-2:after, #piece-details:after, header:after, .pp:after, .morepp:after, #sec ul:after, #twitter:after, nav:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}