/* -----------------------------------------------------------------------------

    RESET

----------------------------------------------------------------------------- */

/*
    Eric Meyer Reset
    http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* -----------------------------------------------------------------------------

    HTML

----------------------------------------------------------------------------- */

/*:focus {
    outline: 1px dashed #ccc;
}
*/
body {
    background: #fffbf4 url(images/page-background.png) repeat left top;
    color: #5E5E5E;
    font: .95em "Helvetica Neue", Arial, Helvetica, sans-serif;
    text-align: center;
}

a {
    color: #e09218;
}
a:hover {
    color: #bc7404;
    text-decoration: none;
}

p {
    line-height: 1.8em;
}
p,
pre {
    margin: 1.5em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*font-family: Baskerville, "Times, Times New Roman", serif;*/
}
h1 {
    color: #7D703E;
    font-size: 2em;
    font-weight: bold;
    margin: 1.5em 0 .5em 0;
    text-shadow: rgba(0,0,0,.2) 1px 0;
}
h2 {
    font-size: 1.8em;
    font-weight: bold;
    margin: 1.5em 0 .5em 0;
    text-shadow: rgba(0,0,0,.2) 1px 0;
}
h2 a {
    color: #5c5c5c;
    text-decoration: none;
}
h2 a:hover {
    text-decoration: underline;
}
h3 {
    color: #8A795A;
    font-size: 1.5em;
    margin: 1.8em 0 .4em 0;
    border-bottom: 1px solid #E2D0BE;
    padding-bottom: 5px;
}
h4 {
    border-bottom: 1px solid #E2D0BE;
    font-size: 1.3em;
    margin: 2.5em 0 1em;
}
h5 {
    border-bottom: 1px solid #E2D0BE;
    font-size: 1.2em;
    font-weight: bold;
    margin: 2.5em 0 .5em 0;
}
h6 {
    border-bottom: 1px solid #E2D0BE;
    font-size: 1.1em;
    margin: 2.5em 0 .5em 0;
}

strong, b {
    font-weight: bold;
}
em, i {
    font-style: italic;
}

code,
kbd, 
pre {
    background: #ebe5db;
    color: #333;
    font-family: Consolas, "Lucida Console", Monaco, monospace;
}
pre {
    border-radius: 4px;
    overflow: auto;
    padding: 10px 25px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

ul, ol {
    margin: 1em 0;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li {
    margin-left: 1.5em;
}

input,
textarea,
select {
    font: 1em "Helvetica Neue", Arial, Helvetica, sans-serif;
}

table {
    background-color: rgba(255,255,255,.7) !important;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 3px #ccc;
    margin: 15px 0;
    vertical-align: top;
    -moz-box-shadow: 3px 3px 3px #ccc;
    -webkit-box-shadow: 3px 3px 3px #ccc;
}
td,
th {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #fff;
    border-top: 1px solid #D3D3D3;
    margin: 0;
    padding: 5px 8px;
    vertical-align: top;
}
th {
    background-color: rgba(0,0,0,.7) !important;
    background-color: #333;
    border-bottom: 1px solid #000;
    border-left: 1px solid #666;
    border-right: 1px solid #000;
    border-top: 1px solid #666;
    color: #fff;
    text-shadow: 1px 1px 0 #000;
}

hr {
    border: 0 none;
    border-top: 1px solid #DBC2A1;
    clear: both;
    height: 1px;
    margin: 2em;
}

/* -----------------------------------------------------------------------------

    LAYOUT

----------------------------------------------------------------------------- */


/* Clear element's floats */
#header,
#header-container,
#menu,
#menu-container,
#content-container,
#footer,
#footer-container {
    clear: both;
}
#header:after,
#menu:after,
#footer:after,
#header-container:after,
#menu-container:after,
#content-container:after,
#footer-container:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
* html #header,
* html #menu,
* html #footer {
	height: 1%;
}

#header,
#menu,
#content-wrapper,
#footer {
    margin: 0 auto;
    text-align: left;
	position: relative;
    width: 1000px;
}
#header-container {
    background: #e98e00 url('images/header-background.png') repeat left top;
}
    #header {
        padding: 25px 0;
    }
    #header h1 {
        background: url('images/logo-dana-woodman.png') no-repeat left top;
        height: 105px;
        width: 618px;
    }
    #header h1 span {
        display: none;
    }
    #header #portrait {
        background: url('images/portrait-dana-woodman.png') no-repeat center center;
        display: block;
        float: right;
        height: 413px;
        position: absolute;
        right: 0;
        width: 356px;
    }
    #header-carrots {
        background: url('images/header-carrots.png') repeat-x left bottom;
        height: 5px;
    }
#menu-container {
    background: #b77104 url('images/menu-background.png') repeat left top;
}
    #menu ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #menu li {
        float: left;
        margin: 0;
        padding: 0;
    }
    #menu a {
        color: #f2cf97;
        display: block;
        float: left;
        font-size: 1.2em;
        font-weight: bold;
        padding: 15px 40px 15px 0;
        text-decoration: none;
        text-shadow: 1px 1px 0 rgba(0,0,0,.5);
        text-transform: uppercase;
    }
    #menu a:hover {
        color: #fff;
    }
#content-container {}
    #content {
        float: left;
        padding: 50px 0;
    	width: 620px;
    }
    #content-carrots {
        background: url('images/content-carrots.png') repeat-x left top;
        height: 5px;
    }
#sidebar {
    float: right;
    margin-top: 220px;
    padding-bottom: 50px;
	width: 300px;
}
    #sidebar .widget-title {
        border-bottom: 1px solid #efefef;
    }
#footer-container {
    background: #b26e04 url('images/footer-background.png') repeat left top;
}
    #footer-carrots {
        background: url('images/footer-carrots.png') repeat-x left top;
        height: 5px;
    }
    #footer {
        color: #dcba84;
        font-size: .85em;
        padding: 20px 0;
    }
    #footer p {
        margin: .5em 0;
    }
    #footer a {
        color: #fff;
        text-decoration: none;
    }
    #footer a:hover {
        text-decoration: underline;
    }


/* -----------------------------------------------------------------------------

    ELEMENTS & COMMON CLASSES

----------------------------------------------------------------------------- */

.post {
    margin: 0 0 3em 0;
}
    .post img {
        background: #ebe5db;
        border-radius: 4px;
        padding: 5px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    .post .meta {
        background: #F8F8F8;
        border: 1px solid #E5E5E5;
        color: #A9A9A9;
        font-size: .9em;
        margin: 5px 0;
        padding: 10px 25px;
    }
    .post .meta a {
        color: #A9A9A9;
    }
    .post .meta a:hover {
        color: #4C4C4C;
    }
    .post .meta .timestamp strong,
    .post .meta .tags strong, 
    .post .meta .comments strong {
        display: block;
        float: left;
        height: 16px;
        margin: 5px 10px 0 0;
        width: 16px;
    }
    .post .meta .timestamp strong {
        background: url(images/time.png) no-repeat center center;
    }
    .post .meta .timestamp strong span {
        display: none;
    }
    .post .meta .tags strong {
        background: url(images/tag_blue.png) no-repeat center center;
    }
    .post .meta .tags strong span {
        display: none;
    }
    .post .meta .comments strong {
        background: url(images/comment.png) no-repeat center center;
    }
    .post .meta .comments strong span {
        display: none;
    }

/* The share bar */
#share-bar {
    background: url('images/share-bar-background.png') no-repeat left top;
    height: 64px;
    margin: 1.5em auto;
    padding: 12px 0 0 0;
    text-align: center;
    width: 574px;
}
    #share-bar img {
        padding: 0 5px;
    }

/* The comment section */
#comment-divider {
    background: url('images/comment-divider.png') no-repeat left top;
    height: 33px;
    width: 620px;
}
.comment-list {
    list-style: none;
    margin: 5em 0;
    padding: 0;
}
    .comment {
        clear: both;
        margin: 2em 0;
    }
    .comment:after {
    	clear: both;
    	content: ' ';
    	display: block;
    	font-size: 0;
    	line-height: 0;
    	visibility: hidden;
    	width: 0;
    	height: 0;
    }
    .comment-avatar img {
        background: #ebe5db;
        border-radius: 4px;
        float: left;
        padding: 5px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    .comment.author .comment-avatar img {
        background: #e09218;
    }
    .comment .comment-meta em {
        color: #bdbdbd;
        float: right;
        font-size: .8em;
        text-align: right;
    }
    .comment .comment-body {
        margin-left: 140px;
    }
    .comment .comment-body p {
        line-height: 1.3em;
        margin: 1em 0;
    }
    #comment-form label {
        color: #999;
        padding-left: 15px;
    }
    .comment-wrapper {
        background: #ebe5db;
        border-radius: 4px;
        padding: 5px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
    #comment {
        border: 0 none;
        padding: 10px;
        width: 590px;
    }

.find-me {
    clear: both;
    margin: 1em 0;
}
    .find-me:after {
    	clear: both;
    	content: ' ';
    	display: block;
    	font-size: 0;
    	line-height: 0;
    	visibility: hidden;
    	width: 0;
    	height: 0;
    }
    .find-me .left {
        float: left;
        width: 50%;
    }
    .find-me .right {
        float: right;
        width: 50%;
    }
    .find-me ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .find-me li {
        margin: 0;
        padding: 0;
    }
    .find-me a {
        display: block;
        padding: 10px 0 10px 45px;
    }
    .find-me .twitter {
        background: url(images/twitter.png) no-repeat left center;
    }
    .find-me .flickr {
        background: url(images/flickr.png) no-repeat left center;
    }
    .find-me .delicious {
        background: url(images/delicious.png) no-repeat left center;
    }
    .find-me .vimeo {
        background: url(images/vimeo.png) no-repeat left center;
    }
    .find-me .google {
        background: url(images/google.png) no-repeat left center;
    }
    .find-me .facebook {
        background: url(images/facebook.png) no-repeat left center;
    }
    .find-me .youtube {
        background: url(images/youtube.png) no-repeat left center;
    }
    .find-me .linkedin {
        background: url(images/linkedin.png) no-repeat left center;
    }
    .find-me .lastfm {
        background: url(images/lastfm.png) no-repeat left center;
    }
    .find-me .github {
        background: url(images/github.png) no-repeat left center;
    }

/* Flickr image sidebar widget */
.flickr-image img {
    background: #ebe5db;
    border-radius: 4px;
    margin: 5px;
    padding: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* Common border style */
.rounded {
    background: #ebe5db;
    border-radius: 4px;
    padding: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* Site navigation */
.navigation {
    clear: both;
    margin: 2em 0;
}
    .navigation .previous,
    .navigation .next {
        font-size: 1.4em;
        font-weight: bold;
    }
    .navigation .previous {
        float: left;
    }
    .navigation .next {
        float: right;
    }
    
/* Clear floated elements */

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

* html .clearfix {
	height: 1%;
}
    
/* -----------------------------------------------------------------------------

    WORDPRESS SPECIFIC

----------------------------------------------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
/*.wp-caption {
    border: 1px solid #666;
    text-align: center;
    background: #ccc;
    padding: 10px;
    margin: 10px;
}*/
/* Hides text meant for screen readers */
.screen-reader-text {
    display: none;
}







/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/