/* Content */
header nav ul li:before, ul.meta li:before, footer nav ul li:before { content: "\2605"; }
div.quote:before, span.search_query:before, p.question:before, span.tag:before { content: "\201C"; }
span.search_query:after, p.question:after, span.tag:after { content: "\201D"; }
header nav ul li:first-child:before, footer nav ul li:first-child:before, footer nav ul li.right:before, article.text h1:before, article.text h1:after, ul.meta li:first-child:before { content: ""; }
li.currentpage:before { content: "\005B"; }
li.currentpage:after { content: "\005D"; }
a.newer:before { content: "\2190"; }
a.older:after, div.link:after { content: "\2192"; }
a.read_more:after { content: "..."; }
cite p:first-child:before { content: "\2014"; }
div.link:before { content: "\2713"; }
div.audio:before { content: "\266B"; }

/* Border Radius */
blockquote { border-radius: 10px 0px 0px 10px; }
header img { border-radius: 50px; }
section#pagination ul li, section.content, article.post img.photo, article.video iframe, article.video embed, article.video object, article.video video, .photoset-grid-lightbox { border-radius: 5px; }
section.content div.box { border-radius: 5px 5px 0 0; }
section.content img { border-radius: 15px; }

/* Box Shadow */
header img, section#pagination ul li, section.content, article.text h1, article.post img.photo, article.video iframe, article.video embed, article.video object, article.video video, .photoset-grid-lightbox { box-shadow: 2px 2px 5px #333; }
ul.li.tags { box-shadow: 1px 1px 5px #333; }

/* Structure */
body {
    margin: 0;
    padding: 0;
    font-size: 14pt;
    overflow-x: hidden;
}
#wrapper { width: 100%; }

/* Text */
a:link, a:visited {
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
blockquote {
    border-left: 5px solid;
    margin-right: 0;
    padding-left: 10px;
}

/* Header */
header {
    margin: 50px 0 50px 0;
    padding: 0;
    width: 100%;
    position: relative;
    text-align: center;
}
header img {
    width: 96px;
    height: 96px;
}
header h1 {
    margin: 0;
    padding: 0;
}
header p {
    margin: -5px auto 15px;
}

/* Search */
#search {
    margin-top: 15px;
}
#search input[type="text"] {
    background: url(http://static.tumblr.com/tytjlvu/Sq8mnbcv3/search-dark.png) no-repeat 10px 6px #444;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #777;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

#search input[type="text"]:focus {
    width: 200px;
}

/* Top Navigation */
header nav ul {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}
header nav ul li {
    display: inline;
    margin: 0 10px 0 0;
}
header nav ul li:before {
    margin: 0 10px 0 0;
}

/* Pagination */
section#pagination {
    margin: 0 auto;
    text-align: center;
}
section#pagination ul {
    margin: 0 auto 50px auto;
    padding: 0;
    list-style-type: none;
}
section#pagination ul li {
    display: inline;
    margin: 0 20px 30px 20px;
    padding: 15px;
}
li.currentpage {
    font-weight: bold;
    font-size: 150%;
}

section#pagination ul li.left {
    float: left;
}
section#pagination ul li.right {
    float: right;
}

/* Footer */
footer {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    font-size: 12pt;
}
footer nav ul {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    width: 840px;
    text-align: left;
}
footer nav ul li {
    display: inline;
    margin: 0 10px 0 0;
}
footer nav ul li:before {
    margin: 0 10px 0 0;
}
footer nav ul li.right {
    float: right;
}
footer#small {
    display: none;
}

/* Posts */
article.post {
    clear: both;
    margin: 0 auto 50px auto;
    padding: 0;
    width: 920px;
    position: relative;
}
section.content {
    margin: -10px auto 0 auto;
    padding: 15px;
    width: 840px;
    position: relative;
    text-align: justify;
}
section.content div.box {
    margin: -20px -15px -10px -15px;
    padding: 15px;
}
section.content img {
    margin: 0;
    padding: 3px;
    float: left;
    max-width: 100%;
    height: auto;
}
section.content h1 {
    margin: -15px;
    padding: 15px 15px 0 15px;
    font-size: 24pt;
}

/* Box Icons and Layers */
div.quote, div.link, div.audio {
    z-index: -1;
}
div.quote:before, div.link:before, div.audio:before {
    display: block;
    position: absolute;
    z-index: 1;
}
div.quote p, div.link a, div.audio iframe {
    position: relative;
    z-index: 5;
}

/* Text Posts */
article.text h1 {
    position: relative;
    margin: 0 -25px 20px;
    padding: 10px 30px;
    line-height: 28pt;
    text-align: center;
}
article.text h1:before, article.text h1:after {
    position: absolute;
    top: 100%;
    left: 0;
    border-width: 0 10px 10px 0;
    border-style: solid;
}
article.text h1:after {
    left: auto;
    right: 0;
    border-width: 0 0 10px 10px;
}

/* Photo Posts */
article.post img.photo {
    margin: 0;
    padding: 0;
    width: 920px;
    position: relative;
    z-index: 5;
}

/* Photoset Posts */
.photoset-grid-lightbox {
    margin: 0;
    padding: 0;
    width: 920px;
    position: relative;
    z-index: 5;
}

/* Quote Posts */
div.quote {
    font-weight: bold;
    font-size: 24pt;
}
div.quote:before {
    font-size: 200px;
    left: 10px;
    top: 0px;
}
div.quote p {
    font-style: italic;
}
cite { 
    font-style: normal;
    font-size: inherit;
}
cite p:first-child {
    font-style: italic;
    padding-left: 5px;
}

/* Link Posts */
div.link {
    font-weight: bold;
    font-size: 24pt;
    text-align: center;
}
div.link:before {
    font-size: 100px;
    left: 10px;
    top: -20px;
}
div.link a {
    
}

/* Chat Posts */
article.chat h1 {
    margin-bottom: 15px;
}
article.chat p {
    margin: 0 -15px 5px -15px;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #eee;
}
article.chat span {
    font-weight: bold;
}
article.chat span {
    margin-right: 5px;
}

/* Audio Posts */
div.audio {
    text-align: center;
}
div.audio:before {
    font-size: 100px;
    left: 10px;
    top: -20px;
}

/* Video Posts */
article.video iframe, article.video embed, article.video object {
    max-width: 920px;
    z-index: 10;
}
article.video video {
    max-width: 920px;
    height: auto;
    z-index: 10;
}

/* Answer Posts */
div.answer img {
    max-width: 64px;
    margin-right: 10px;
}
div.answer p.asker {
    font-weight: bold;
    margin-top: 0px;
}
div.answer p.question {
    margin-left: 75px;
}
article.answer p.ask {
    text-align: center;
}

/* Post Meta */
ul.meta {
    margin: 10px -15px 0 -15px;
    padding: 15px 0 10px 0;
    text-align: center;
    border: none;
    border-top: thin dashed #333;
    list-style-type: none;
    font-size: 12pt;
}
ul.meta li {
    display: inline;
    margin: 0 10px 0 0;
}
ul.meta li:before {
    margin: 0 10px 0 0;
}
ul.meta li img {
    float: none;
}
a.source img {
    vertical-align: text-top;
}

/* Tags */
section.tags {
    margin: 0 auto;
    width: 100%;
}
ul.tags {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    list-style: none;
    font-size: 10pt;
    line-height: 15pt;
    font-style: italic;
    font-weight: bold;
    overflow: hidden;
}
ul.tags li {
    margin: 0 0 5px 10px;
    display: inline;
}
ul.tags li:first-child:before { margin-right: 5px; }
ul.tags a {
    
}
ul.tags a:before {
    content: "#"; 
}

/* Notes */
ol.notes {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
ol.notes li {
    margin: 0 0 5px 0;
}

/* Related Posts */
#tumblrinlink {
    width: 100%;
}
ul#inlink-list {
    clear: both;
    margin: 0 auto 10px auto;
    padding: 0;
    list-style-type: none;
    height: 200px;
}                       
li.inlink-item {
    float: left;
    margin: 0 15px 0 15px;
    width: 250px;
}
li.inlink-item img {
    border: 0;
    border-radius: 0;
    box-shadow: 2px 2px 5px #333;
    height: 194px;
    width: 250px;
    overflow: hidden;
}
li.inlink-item p {
    width: 250px;
    margin: 5px 0 0 0;
    padding: 3px;
    font-size: 10pt;
}
p span.notes { float: right; }
div#inlink-logo { display: none; }

/* Responsiveness */
@media only screen and (max-width: 1024px) {
    article.post, article.post img.photo, footer, .photoset-grid-lightbox { width: 100%; }
    article.post img.photo { border-radius: 0; }
    section.content { width: 80%; }
    article.video iframe, article.video embed, article.video object { max-width: 100%; border-radius: 0; }
    article.video video { max-width: 100%; border-radius: 0; }
}
@media only screen and (max-width: 768px) {
    body { font-size: 95%; }
    ul.meta { font-size: 85%; }
    footer, section#pagination nav ul li.currentpage, section#pagination nav ul li.jumppage { display: none; }
    footer#small { clear: both; display: inline; float: right; }
    article#related { display: none; }
    article.text img { width: 100%; }
}
@media only screen and (max-width: 480px) {
    body { font-size: 95%; overflow-x: hidden; }
    #wrapper { width: 480px; overflow-x: hidden; }
    header img { width: 64px; height: 64px; }
    article.text h1 { width: 400px; margin: 0 auto; }
    article.text h1:before, article.text h1:after { border: 0; content: ""; }
    section.content { text-align: left; }
    ul.meta { font-size: 75%; }
    ul.meta li { display: list-item; }
    ul.meta li:before { content: ""; }
    article.post, article.post img.photo, footer { width: 480px; }
    section.content, section.content h1 { width: 375px; }
}

/* iPhone 5 */
@media (device-height : 568px) 
and (device-width : 320px) 
and (-webkit-min-device-pixel-ratio: 2) {
    blockquote { border-radius: 0; }
    header img { width: 128px; height: 128px; border-radius: 75px; }
    article.post, article.post img.photo, header { width: 100%; border-radius: 0; margin: inherit 0; padding: inherit 0; }
    article.post img.photo { border-radius: 0; }
    article.text h1 { width: 85%; margin: 0 auto; }
    article.text h1:before, article.text h1:after { border: 0; content: ""; }
    article.text img { width: 100%; }
    section.content { width: 87%; text-align: left; border-radius: 0; }
    article.video iframe, article.video embed, article.video object { max-width: 100%; border-radius: 0; }
    article.video video { max-width: 100%; border-radius: 0; margin: inherit 0; padding: inherit 0; }
    article.text ul, article.text ol { margin-left: 50px; }
    ul.meta li { display: list-item; }
    ul.meta li:before { content: ""; }
    footer, section#pagination nav ul li.currentpage, section#pagination nav ul li.jumppage { display: none; }
    footer#small { clear: both; display: inline; float: right; }
    article#related { display: none; }
}