@import url("http://fonts.googleapis.com/css?family=Josefin+Slab&subset=latin");
@import url("http://fonts.googleapis.com/css?family=Vollkorn:regular,italic,bold,bolditalic&subset=latin");

body {
background: #593623 url(http://static.tumblr.com/zqrypim/V1wld8zsm/bgimg.png) top left no-repeat;
color: #fff;
font-family: "Vollkorn", Georgia, serif; font-size: 14px;
line-height: 1.5em;
margin: 5em 15%;
}

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

a:hover {
border-bottom-width: 0;
}

.clear {
clear: both;
}

#contain {
min-width: 570px;
}

/* ---------------
----- heading ----- */

h1 {
font-family: "Josefin Slab", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 4em;
line-height: normal;
margin-bottom: .15em;
}

h1 a {
color: rgba(255,255,255,.85);
}

h1 a:hover {
color: #fff;
}

h2 {
font-family: "Josefin Slab", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 2em;
line-height: normal;
margin-bottom: 0;
}

/* ---------------
----- about ----- */

#aboutlink {
background: #e4c68c;
-moz-border-radius: 10em; -webkit-border-radius: 10em;
border-radius: 10em;
color: #593623;
display: inline-block;
font-size: 20px; font-weight: bold;
line-height: normal;
padding: 5px; padding-left: 6px;
text-align: center;
vertical-align: middle;
width: 1em;
}

#aboutlink:hover {
background: #fff;
}

#about {
background: rgba(0,0,0,.25);
padding: 25px;
}

#about p:first-child {
margin-top: 0;
}

#about p:last-child {
margin-bottom: 0;
}

#about .avatar {
float: left;
height: 96px;
width: 96px;
}

#about .avatar img {
-moz-border-radius: 10px; -webkit-border-radius: 10px;
border-radius: 10px;
}

#about .desc {
padding-left: 121px;
}

/* ---------------
----- pages ----- */

#pages, #pages li {
list-style: none;
margin: 0;
padding: 0;
}

#pages {
margin-top: 2px;
}

#pages li {
display: inline;
}

#pages li a {
background: rgba(0,0,0,.15);
margin-right: 2px;
padding: .5em 1em;
display: inline-block;
}

#pages li a:hover {
background: rgba(0,0,0,.35);
color: #fff;
}

/* ---------------
----- post ----- */

.post {
background: #f8f8f8;
color: #000;
margin-top: 25px;
padding: 25px;
position: relative;
min-width: 520px;
}

.post img {
max-width: 100%;
}

.post a {
border-bottom: 1px solid #593623;
color: #593623;
}

.post a:hover {
color: #000;
border-bottom-color: #000;
}

.post h2 {
color: #593623;
margin-bottom: .5em;
}

.post h2:first-child, .postContent p:first-child {
margin-top: 0;
}

.postContent p:last-child {
margin-bottom: 0px;
}

.postContent blockquote {
border-left: 1px solid #ccc;
margin-left: 1em;
padding-left: 1em;
}

.media {
background: #fff;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
box-shadow: 0 0 3px rgba(0,0,0,.25);
padding: 10px;
width: 500px;
}

/* ---------------
----- notes ----- */

.notes, .notes li {
list-style: none;
margin: 0;
padding: 0;
}

.notes {
border-top: 1px solid #ddd;
margin-top: 1em;
padding-top: 1em;
}

.notes li {
font-size: 12px;
margin: .5em 0;
}

.notes .avatar {
display: none;
}

.notes .with_commentary {
background: #fff;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
box-shadow: 0 0 3px rgba(0,0,0,.25);
font-size: 14px;
line-height: 1.5em;
margin: .5em -.75em;
padding: .75em;
}

.notes .with_commentary div.clear {
display: inline;
}

.notes .with_commentary blockquote {
display: inline;
font-style: italic;
margin: 0;
padding: 0;
}

.notes .with_commentary blockquote a {
border-bottom: 0;
color: #000;
padding-bottom: 0;
}

/* ---------------
----- meta ----- */

.meta {
background: rgba(0,0,0,.25);
-moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px;
-webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;
font-family: "Josefin Slab", Helvetica, Arial, sans-serif; font-size: 14px;
padding: 10px 25px;
min-width: 520px;
}

.meta a:hover {
color: #fff;
}

.meta span {
display: inline-block;
}

.meta span:after {
content: " ·";
}

.meta span:last-child:after {
content: "";
}

/* ---------------
----- meta > tags ----- */

.tags, .tags li {
list-style: none;
margin: 0;
padding: 0;
}

.tags {
float: right;
text-align: right;
width: 50%;
}

.tags li {
display: inline-block;
margin-right: .5em;
}

.tags li:last-child {
margin-right: 0;
}

/* ---------------
----- post types ----- */

/* ---------------
----- photoPost ----- */

.showPhoto {
background: #fff;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
box-shadow: 0 0 3px rgba(0,0,0,.25);
float: right;
margin: 0 0 1em 1.5em;
padding: 10px;
text-align: center;
max-width: 40%;
}

.showPhoto img {
vertical-align: middle;
}

.showPhoto a {
border-bottom: 0;
}

.highRes {
display: block;
font-size: 12px;
min-height: 1.75em;
}

.highRes a {
border-bottom: 1px solid rgba(0,0,0,.5);
}

.highRes a:hover {
border-bottom-color: #000;
}

/* ---------------
----- video ----- */

.video .postContent {
margin-top: 1em;
}

/* ---------------
----- chat ----- */

.chat dt {
border-top: 1px solid #ddd;
font-weight: bold;
margin-top: .5em;
padding-top: .5em;
}

.chat dt:first-child {
border-top-width: 0;
margin-top: .5em;
}

.chat dd {
margin: 0; margin-left: .5em; margin-top: .25em;
}

/* ---------------
----- audio ----- */

.audio .postContent {
margin-top: 1em;
}

.audio .audioPlayer {
background: #fff;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
box-shadow: 0 0 3px rgba(0,0,0,.25);
max-width: 500px;
}

.audio .albumArt img {
width: 100%;
}

/* ---------------
----- answer ----- */

.answer h2:first-child {
font-size: 1.5em;
}

.answer .question {
border-bottom: 1px solid #ddd;
font-size: 1.5em;
margin-bottom: .75em;
padding-bottom: .75em;
}

/* ---------------
----- footer ----- */

#footer {
list-style: none;
margin: 0; margin-top: 3em;
padding: 0;
text-align: center;
}

#footer li {
display: inline-block;
font-size: 12px;
margin-right: 1em;
text-transform: uppercase;
vertical-align: middle;
}

#footer li:last-child {
margin-right: 0;
}

#footer a:hover {
padding-bottom: 1px;
color: #fff;
border-bottom: 0;
}

#footer form {
color: rgba(0,0,0,.5);
display: inline;
}

#footer input[type="search"] {
margin-left: .5em;
width: 175px;
}