::selection {background-color: #ef931b;}
::-moz-selection {background-color: #ef931b;}
::-webkit-selection {background-color: #ef931b;}

html, body {height: 100%;}
body {font-family: calibri, tahoma, sans-serif; background: url('http://dl.dropbox.com/s/9sbfk5khtmjsqae/bg.png') fixed 0 0; color: #222;}

#wrapper {margin: 0 auto; width: 864px; overflow: hidden; background: rgba(255,255,255,0.6);}

#header {display: block; position: absolute; height: 30px; width: 100%; top: 0; left: 0; z-index: 9999; box-shadow: 0 5px 8px 2px rgba(0,0,0,0.3); border-bottom: 1px solid #dac5b4;
    background: rgba(237,221,209,0.98);
    background: -moz-linear-gradient(top, rgba(237,221,209,0.97) 0%, rgba(225,201,184,0.97) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,221,209,0.97)), color-stop(100%,rgba(225,201,184,0.97)));
    background: -webkit-linear-gradient(top, rgba(237,221,209,0.97) 0%,rgba(225,201,184,0.97) 100%);
    background: -o-linear-gradient(top, rgba(237,221,209,0.97) 0%,rgba(225,201,184,0.97) 100%);
    background: -ms-linear-gradient(top, rgba(237,221,209,0.97) 0%,rgba(225,201,184,0.97) 100%);
    background: linear-gradient(to bottom, rgba(237,221,209,0.97) 0%,rgba(225,201,184,0.97) 100%);
}

#header .left {float: left; width: 50%;}
#header .left h1 {margin: 5px 0;}
#header .left h1 a {display: inline-block; height: 20px; line-height: 20px; color: #5b3107;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}
#header .left h1 a:hover {color: #995719;}
#header .left h1 a img {display: block; float: left; margin: 0 5px; height: 20px; width: 20px;}

#header .right {float: right; width: 50%;}
#header .right .links {float: right; margin: 6px 0;}
#header .right .links li {float: left; margin-right: 5px;}

.button {display: block; border: 1px solid #a66a2e; border-bottom: 1px solid #99622b; border-radius: 3px; box-shadow: inset 0 1px 0 0 #c99b6d; color: #fff; font-size: 12px; line-height: 16px; height: 16px; padding: 0 10px; text-shadow: 0 -1px 0 #8f5421;    
    background: #bf864c;
    background: -moz-linear-gradient(top, #bf864c 1%, #a66a2e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#bf864c), color-stop(100%,#a66a2e));
    background: -webkit-linear-gradient(top, #bf864c 1%,#a66a2e 100%);
    background: -o-linear-gradient(top, #bf864c 1%,#a66a2e 100%);
    background: -ms-linear-gradient(top, #bf864c 1%,#a66a2e 100%);
    background: linear-gradient(to bottom, #bf864c 1%,#a66a2e 100%);    
}
.button:hover {
    background: #b37d47;
    background: -moz-linear-gradient(top, #b37d47 0%, #9e662e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b37d47), color-stop(100%,#9e662e));
    background: -webkit-linear-gradient(top, #b37d47 0%,#9e662e 100%);
    background: -o-linear-gradient(top, #b37d47 0%,#9e662e 100%);
    background: -ms-linear-gradient(top, #b37d47 0%,#9e662e 100%);
    background: linear-gradient(to bottom, #b37d47 0%,#9e662e 100%);
    box-shadow: inset 0 1px 0 0 #bf9367;
}
.button:active {
    border: 1px solid #99622b;
    border-bottom: 1px solid #8c5a27;
    box-shadow: inset 0 0 8px 4px #8c5a29, 0 1px 0 0 #eeeeee; }

#header + #wrapper {margin-top: 30px;}

.post.show {
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}

.column {padding: 20px 10px 0; width: 412px; float: left;}

.photo {padding: 5px; background: #edddd1; border: 1px solid #edd9ca; box-shadow: 0 0 0 0 rgba(0,0,0,0.2); margin-bottom: 20px;
    transition: box-shadow 0.3s;
    -webkit-transition: box-shadow 0.3s;
}
.photo .border {position: relative; overflow: hidden;}
.photo img, .photo > a {display: block;}
.photo > a {box-shadow: 0 0 4px 4px rgba(0,0,0,0.1);}
.photo img {opacity: 1; z-index: 80; position: relative; width: 100%;
    transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
}
.photo .date {position: absolute; top: 5px; left: -60px; width: 60px; padding: 6px 0; background: rgba(0,0,0,0.25); z-index: 100;
    transition: left 0.5s, background 0.3s;
    -webkit-transition: left 0.5s, background 0.3s;
}
.photo .date span {display: block; text-align: center; line-height: 1em; font-weight: bold; color: #fff; text-shadow: 0 0 2px rgba(0,0,0,0.8);}
.photo .date .day {font-size: 42px; line-height: 32px;}
.photo .date .month {font-size: 26px; line-height: 18px;}
.photo .date .year {font-size: 20px; line-height: 22px;}

.photo .date:hover {background: rgba(0,0,0,1);}

.photo .bottom {position: absolute; bottom: 5px; right: -160px; z-index: 100;
    transition: right 0.5s;
    -webkit-transition: right 0.5s;
}
.photo .bottom a, .photo .bottom span {color: #fff; background: rgba(0,0,0,0.25); display: inline-block; padding: 1px 4px; text-shadow: 0 0 2px rgba(0,0,0,0.8);
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
}
.photo .bottom a:hover {background: rgba(0,0,0,1);}
.photo .bottom .reblog {float: right; display: block; font-weight: bold; margin-left: 4px;}

.photo:hover {box-shadow: 0 0 4px 4px rgba(0,0,0,0.2);}
.photo:hover img {opacity: 0.8;}
.photo:hover .date {left: 5px;}
.photo:hover .bottom {right: 5px;}

.common {margin-bottom: 20px; padding: 5px; background: #edddd1; box-shadow: 0 0 0 0 rgba(0,0,0,0.2);
    transition: box-shadow 0.3s;
    -webkit-transition: box-shadow 0.3s;
}
.common:hover {box-shadow: 0 0 4px 4px rgba(0,0,0,0.2);}
.common .date {margin-bottom: 10px;}
.common .date a {color: #fff; background: rgba(0,0,0,0.5); display: inline-block; padding: 1px 4px; text-shadow: 0 0 2px rgba(0,0,0,0.8); text-decoration: none;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
}
.common .date a:hover {color: #fff; background: rgba(0,0,0,1);}
.common .bottom {text-align: right; margin-top: 10px; overflow: hidden;}
.common .bottom a {color: #fff; background: rgba(0,0,0,0.5); display: inline-block; padding: 1px 4px; text-shadow: 0 0 2px rgba(0,0,0,0.8); text-decoration: none;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
}
.common .bottom a:hover {color: #fff; background: rgba(0,0,0,1);}
.common .bottom .reblog {float: right; display: block; font-weight: bold; margin-left: 4px; color: #fff; text-shadow: none;}

.common a {color: #5b3107; text-decoration: underline; font-weight: strong;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}
.common a:hover {color: #995719;}
.common h2 {font-size: 24px; font-weight: normal;}
.common h2.text {margin-bottom: 10px;}
.common h2 span {font-weight: bold; color: #000;}
.common .source {text-align: right; margin-top: 10px;}

.common .audio_player embed {display: block; margin: 0 auto;}

.common .link {display: inline-block; font-size: 24px;}
.common .link:after {content: " »"}

/* post */

#wrapper.fluid {width: 964px;}
#wrapper.fluid .column:first-child {width: auto;}
#wrapper.fluid .column:first-child .post {width: 500px;}

#wrapper.fluid .post a {color: #5b3107; text-decoration: underline; font-weight: strong;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
}
#wrapper.fluid .post a:hover {color: #995719;}
#wrapper.fluid .post .common {padding: 0; margin-bottom: 0;}
#wrapper.fluid .post .common:hover {box-shadow: 0 0 0 0 rgba(0,0,0,0.2);}

#wrapper.fluid .post .common .audio_player embed {margin: 0;}

#wrapper.fluid .post {padding: 5px; background: #edddd1; border: 1px solid #edd9ca; margin-bottom: 20px;}
#wrapper.fluid .post > img {margin-bottom: 10px;}

#wrapper.fluid .post .date span {color: #fff; background: rgba(0,0,0,0.5); display: inline-block; padding: 1px 4px; text-shadow: 0 0 2px rgba(0,0,0,0.8); text-decoration: none; margin-top: 20px;}
#wrapper.fluid .post .tags {margin-top: 10px; margin-bottom: -4px;}
#wrapper.fluid .post .tags a {color: #fff; background: rgba(0,0,0,0.5); display: inline-block; padding: 1px 4px; text-shadow: 0 0 2px rgba(0,0,0,0.8); margin-bottom: 4px;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
}
#wrapper.fluid .post .tags a:hover {background: rgba(0,0,0,1);}

#wrapper.fluid .post .notes li {margin-top: 8px; padding-top: 8px; border-top: 1px dotted #e8bfa1;}
#wrapper.fluid .post .notes li:first-child {margin-top: 0; padding-top: 0; border-top: none;}
#wrapper.fluid .post .notes li .avatar {display: block; float: left; margin-right: 4px; width: 16px; height: 16px; background-color: #5b3107;}
#wrapper.fluid .post .notes .more_notes_link:after {content: " »"}
#wrapper.fluid .post .notes .more_notes_link + span {display: inline-block; padding-left: 20px; background: url('http://dl.dropbox.com/s/jzmv2u177dnwgax/loader.gif') no-repeat left center;}

#loader {display: none; background: rgba(255,255,255,0.6); height: 30px; width: 864px; margin: 0 auto;}
#loader.fluid {width: 964px;}
#loader span {background: url('http://dl.dropbox.com/s/jzmv2u177dnwgax/loader.gif') no-repeat 5px 50%; display: block; padding-left: 25px; margin: 0 auto; width: 125px; line-height: 30px;}
#loader.show {display: block;}

#scrollTop {display: block; position: fixed; padding: 5px; bottom: -40px; left: 0; z-index: 9999; box-shadow: 0 -3px 8px 2px rgba(0,0,0,0.3); border: 1px solid #dac5b4; border-bottom: none; border-radius: 3px 3px 0 0;
    background: rgba(237,221,209,0.98);
    background: -moz-linear-gradient(top, rgba(237,221,209,0.97) 0%, rgba(225,201,184,0.97) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,221,209,0.97)), color-stop(100%,rgba(225,201,184,0.97)));
    background: -webkit-linear-gradient(top, rgba(237,221,209,0.97) 0%,rgba(225,201,184,0.97) 100%);
    background: -o-linear-gradient(top, rgba(237,221,209,0.97) 0%,rgba(225,201,184,0.97) 100%);
    background: -ms-linear-gradient(top, rgba(237,221,209,0.97) 0%,rgba(225,201,184,0.97) 100%);
    background: linear-gradient(to bottom, rgba(237,221,209,0.97) 0%,rgba(225,201,184,0.97) 100%);
    
    transition: bottom 0.2s;
    -webkit-transition: bottom 0.2s;
}
#scrollTop.show {bottom: 0px;}

#tumblr_controls {top: 35px !important;}