/*

   Theme Name: Melville (Facing The Singularity Edition)

   Theme URI: https://github.com/dbaupp/melville-facing-the-singularity-edition

   Description: A clean journal theme with great typography (with modifications for facingthesingularity.com)

   Version: 1.0.2

   Author: Huon Wilson

   Author URI: http://dbaupp.github.com/

   Tags: clean, basic, typography, minimalist, white, single column



   This is based on Melville (http://madebyraygun.com/wordpress/themes/melville/).



   Melville is based on TwentyTen, the default WordPress theme

   */



/* @group Reset */



/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }

table { border-collapse:collapse; border-spacing:0 }

fieldset, img { border:0 }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }

ul li { list-style: circle outside none; }

caption, th { text-align:left }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }

q:before, q:after { content:''}



/* Global reset-RESET */

/* The below restores some sensible defaults */

strong { font-weight:bold }

em { font-style:italic }

a img { border:none } /* Gets rid of IE's blue borders */



/* @end */



/* @group Body */



body {

    font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;

    font-size: 1em;

    color: #222222;

    background: #eeeeee url(images/bg.png);

    text-align: left;

    line-height: 1.3em;

    margin: 0;

    text-shadow: #fff 0 0 1px;

}

html[lang|="zh"] > body {

    font-family: serif;

}



#wrapper {

    width: 810px;

    min-height: 100%;

    height: auto !important;

    height: 100%;

    margin: 0 auto -110px;

    overflow: hidden;

    background-color: #ffffff;

    border: 1px solid #cccccc;

    -moz-box-shadow: 1px 0 20px #dddddd;

    -webkit-box-shadow: 1px 0 20px #dddddd;

    box-shadow: 1px 0 20px #dddddd;

}





h1, h2, h3, h4, h5, h6 {

    font-weight:normal;

    margin: 15px 0;

    clear: both;

}



#content h1 {

    font-size: 1.6em;

    font-weight: bold;

    margin: 20px 0;

}



#content h2 {

    margin-top: 40px;

    font-size: 1.4em;

}



#content h3 {

    margin-top: 40px;

    font-size: 1.2em;

}



#content h4 {

    margin-top: 20px;

    font-size: 1em;

}



#content h5 {

    font-size: 0.9em;

}



#content h6 {

    font-size: 0.9em;

}



p {

    margin:  0 0 20px 0;

    line-height: 1.5em;

}



a {color: #777777;}



a:hover {color: #555555;}



blockquote {

    margin: 0px;

    padding: 0 0 0 30px;

    border-left: 1px solid #eee;

}



cite {

    font-style: italic;

}



html, body {

    height: 100%;

}



hr {

    margin: 20px 0;

}



#content table {

    border: 1px solid #e7e7e7;

    margin: 0 -1px 24px 0;

    text-align: left;

    width: 100%;

}



#content th {

    color: #888;

    font-size: 12px;

    font-weight: bold;

    line-height: 18px;

    padding: 9px 24px;

}



#content td {

    border-top: 1px solid #e7e7e7;

    padding: 6px 24px;

}



#content tr.odd td {

    background: #fafafa;

}



#content .post {

    margin: 0 0 0 0;

}



.dropcap{

    font-weight:bold;

    font-family: 'OFLSortsMillGoudyRegular', Georgia, serif;

    float:left;

    font-size: 3em;

    line-height:1em;

    margin: 8px 2px -10px 0;

    position:relative;

}



#content ul, #content ol {

    margin: 0px 0 20px;

}



#content li {

    margin: 0 0 2px 20px;

}



#content dt,

#content th {

    font-size: 1.1em;

    margin: 15px 0;

}



#content pre {

    margin: 20px 0;

    padding: 10px;

    background-color: #fdfdfd;

    border: 1px solid #eeeeee;

}



#content address {

    font-style: italic;

    margin: 15px 0;

}



#content var {

    font-style: italic;

}



#content h1.entry-title, #content h1.page-title, #content h2.entry-title{

    text-align: center;

    margin: 0 0 30px 0;

    font-weight: normal;

    font-family: 'OFLSortsMillGoudyRegular', Georgia, serif;

    font-size: 1.8em;

    line-height:1.2em;

    text-decoration: none;

    color: #555555;

    clear: both;

}



#content abbr, #content acronym {

    border-bottom: 1px dotted #ccc;

}



#content big {

    font-size: 1.2em;

}



#content ins {

    color: #333;

    background: #f5f5f5;

    text-decoration: none;

}



#content {

    margin: 0 80px 50px 80px;

    text-align: justify;



    -moz-hyphens: auto;

    -webkit-hyphens: auto;

    -ms-hyphens: auto;

    hyphens: auto;

}



#content .post .next-chapter {

    text-align:right;

    margin: 0px;

}



#content .post .date, #content .post .post-meta {

    display: none; /* Don't show the date or the category (etc) data */



    margin: 30px 0 0 0;

    padding-bottom: 40px;

    background: url(images/post-sep.png) no-repeat center bottom;

}



#content .post .post-meta {

    margin: 0 0;

}



.single #content .post .date {

    font-size: 1em;

    margin: 40px 0 5px 0;

    padding: 0;

    background: none;

}



.page #content h2 {

    font-family: 'OFLSortsMillGoudyRegular', Georgia, serif;	margin: 35px 0 10px;

    font-size: 18px;

    color: #555555;

}



.page.page-template-archives-php  #content h2 {

    font-size: 20px;

    margin: 60px 0 16px;

}



label.screen-reader-text {

    display: none;

}





.entry-title a, .page-title a{

    color: #555555;

    text-decoration: none;

}



#content div.post .date, .post-meta {

    font-size: .8em;

    clear: both;

}



#cancel-comment-reply-link {

    font-family: 'helvetica neue',helvetica, arial,sans-serif;

    font-size: 11px;

    margin: 0 10px;

}



.wp-caption-text {

    font-size: 11px;

    margin: 0 0 20px 20px;

}



.page-link {

    margin: 20px 0 22px 0;

}



.page-link a:link, .page-link a:visited {

    background: #f1f1f1;

    color: #333;

    font-weight: normal;

    padding: 0.2em;

    text-decoration: none;

}

.home .sticky .page-link a {

    background: #d9e8f7;

}

.page-link a:active,

.page-link a:hover {

    color: #aaa;

}



.alignnone {margin: 20px 0;}

.aligncenter { display:block; margin:20px auto;}

.alignleft { float:left; margin: 5px 20px 5px 0; }

.alignright { float:right; margin: 5px 0 5px 20px;}

.wp-caption { border:none; padding:0px; margin-bottom:40px;}

.size-thumbnail {margin-right: 10px;}

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */



/* @end */



/* @group Header */



#lang-select {

    text-align: right;

    padding: 2px 5px;

    font-size: 1em;

    line-height: normal;

    width: 800px;

    margin: 0 auto;

}



#lang-select li {

    display: inline-block;

    padding: 0 0.2em;

}



#lang-select li.active {

    font-style: italic;

    font-weight: bold;

}



#header {

    margin: 5px 0 30px 0;

    text-align:center;

    color: #777777;

}



#site-title {

    /*margin: 20px 0 20px 0; changed by alexv Mar 2013 to better fit 'intelligence explosion' in title*/

    margin: 20px; 

}



#site-title-a {

    font-family: 'OFLSortsMillGoudyItalic', Georgia, serif;

    font-size: 60px;

    font-style: italic;

    line-height: 60px;

    text-decoration: none;

    color: #555555;

}



#header-image {

    width: 800px;

    height: 314px;

}



#header-dinkus {

    width: 805px;

    height: 106px;

}



/* @end */



/* @group Sidebar */



/* @end */



/* @group Archives */



.archive #content h1.page-title {

    margin-bottom: 60px;

}



input#s {

    color: #777777;

    font-size: 12px;

    height: 16px;

    width: 200px;

    padding: 3px 5px;

    border: 1px solid #dddddd;

    background-color: #fefefe;

}



input#searchsubmit {

    color: #777777;

    font-size: 12px;

    height: 24px;

    width: 80px;

    margin: 0 0 0 40px;

    border: 1px solid #dddddd;

    background-color: #fefefe;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -border-radius: 2px;

}



input#searchsubmit:hover {

    border-color: #aaaaaa;

    color: #555555;

}



.page-template-archives-php ul.taxonomy {

    -moz-column-count: 3;

    -moz-column-gap: 20px;

    -webkit-column-count: 3;

    -webkit-column-gap: 20px;

    column-count: 3;

    column-gap: 20px;

}



.archive h1.page-title {

    margin-bottom: 60px;

}



.archive #content div.post p.date {

    margin: 10px 0 15px 0;

}



.page-template-archives-php #content ul, .page-template-archives-php #content ol {

    margin:0;

}



.page-template-archives-php #content li {

    margin:0;

}



.page-template-archives-php #content li li {

    margin: 0 0 0 10px;

}



.archive #content div.post {

    margin: 0 0 60px 0;

    padding: 0 0 10px 0;

    background: url(images/post-sep.png) no-repeat center bottom;

}



/* @end */



/* @group Gallery */



#content .gallery {

    margin-top: 20px;

}



#content .gallery .gallery-item {

    float: left;

    margin: 0 0 20px 0;

    text-align: left;

    width: 33%;

    text-align: center;

}



#content .gallery img {

    border: 1px solid #dddddd;

}



#content .gallery .gallery-caption {

    color: #888;

    font-size: 12px;

    margin: 0 0 12px;

}



#content .gallery dl {

    margin: 0;

}



#content .gallery img {

    border: 1px solid #dddddd;

}



#content .gallery br+br {

    display: none;

}



#content .attachment img {

    display: block;

    margin: 0 auto;

}



/* @end */



/* @group Menu */



#menu {

    width:810px;

    margin: 0 auto;

    border-right: 1px solid #cccccc;

    border-left: 1px solid #cccccc;

    -moz-box-shadow: 1px 4px 20px #dddddd;

    -webkit-box-shadow: 1px 4px 20px #dddddd;

    box-shadow: 1px 4px 20px #dddddd;

}



#menu .menu, #menu .menu-footer {

    background-color: #dadada;

    border-bottom-style: double;

    border-bottom-color: #bbb;

    border-bottom-width: 3px;

    border-top-style: double;

    border-top-color: #bbb;

    border-top-width: 3px;}

#menu .menu ul, #menu .menu-footer ul {

    margin: 0 0 0 0;

    padding: 10px 0 6px;

    border-bottom: 1px solid #dddddd;

    text-align: center;

}

#menu .menu li, #menu .menu-footer li {

    display: inline-block;

    margin: 0 15px;

}

#menu .menu li a, #menu .menu-footer li a {

    text-decoration: none;

    font-family: 'OFLSortsMillGoudyRegular', Georgia, serif;

    font-size: 18px;

    text-decoration: none;

    color: #555555;

}

#menu .menu li a:hover, #menu .menu-footer li a:hover {

    color: #333333;

}

#menu .menu .current_page_item a, #menu .menu-footer .current_page_item a{

    text-decoration: underline;

    color: #333333;

}



/* @end */



/* @group Footer */



.push {

    height: 110px;

    clear: both;

}



#footer {

    min-height: 37px;

    clear: both;

    width: 810px;

    margin: 0 auto;

    padding: 20px 0 3px 0;

    background-color: #fafafa;

    border-top: 1px solid #dddddd;

    border-right: 1px solid #cccccc;

    border-left: 1px solid #cccccc;

    -moz-box-shadow: 1px 4px 20px #dddddd;

    -webkit-box-shadow: 1px 4px 20px #dddddd;

    box-shadow: 1px 4px 20px #dddddd;

}



#footer .credits {

    margin: 0 80px;

    font-size: .8em;

}



#subscribe-form {

    text-align: center;

    font-size: 0.8em;

}



.subscribe-form-block {

    display: inline-block;

    margin: 0 3px;

}



#subscribe-form input {

    background-color: #EEE;

    border: 1px solid #666;

    padding: 1px;

}



#subscribe-form .default {

    color: #666;

}



#subscribe-form input[type=submit] {

    padding-left: 5px;

    padding-right: 5px;

    font-size: 0.93em;

}

#subscribe-form input:hover {

    background-color: #DDD;

}



span.older-posts a, span.newer-posts a{

    text-decoration: none;

    margin-right: 20px;

}



/* @end */



/* @group mobile  */



@media only screen and (max-width: 823px), only screen and (max-device-width: 823px) {

    #wrapper, #menu, #lang-select, #footer {

        width: auto;

        border-left: none;

        border-right: none;

        box-shadow: none;

        -moz-box-shadow: none;

        -webkit-box-shadow: none;

    }



    #header {

        margin-bottom: 15px;

    }



    #header img {

        max-width: 100%;

        height: auto\9; /* ie8 */

        height: auto;

    }



    #site-title {

        margin: 20px 0 0px 0;

    }



    #content {

        margin: 0 40px 25px;

    }

    #menu .menu li, #menu .menu-footer li {

        margin: 0 10px;

    }

    #content h1.entry-title, #content h1.page-title, #content h2.entry-title {

        margin: 0 0 15px;

    }



    #content img.size-full {

        float: none;

        display: block;

        margin: 5px auto;

        max-width: 100%;

        height: auto\9; /* ie8 */

        height: auto;

    }

}



@media only screen and (max-width: 600px), only screen and (max-device-width: 600px) {

    #site-title a {

        font-size: 40px;

        line-height: 40px;

    }



    #content {

        margin-left: 20px;

        margin-right: 20px;

    }

    blockquote {

        padding-left: 15px;

    }

}



@media only screen and (max-width: 400px) {

    #content {

        font-size: 0.9em;

        margin-left: 10px;

        margin-right: 10px;

    }

}





/* Customizations --alexv March 2013 */



.small-caps {

font-variant: small-caps;

text-transform: uppercase;

font-size: 0.75em;

}



small {line-height: 1em}



.footnotes{text-align:left}



/* @end */