/* default CSS */

@font-face {
    font-family: 'AlbertsthalTypewriter';
    src: url('/font/Albertsthal_Typewriter.eot?') format('eot'),
    url('/font/Albertsthal_Typewriter.woff') format('woff'),
    url('/font/Albertsthal_Typewriter.ttf') format('truetype'),
    url('/font/Albertsthal_Typewriter.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-smooth: always;
}

body {
    margin: 10px;
    padding: 0px;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 768px) {
    font-size: 16px;
}

@media only screen and (max-width: 320px) {
    font-size: 20px;
}

body, a {
    color: #333;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3, h4 {
    margin-bottom: 10px;
}

p {
    margin-top: 10px;
}

pre, code
{
    color: #191919;
    margin-bottom: 1em;
}

h1, h2, h3 {
    color: #000;
}

h1 a, h2 a, h3 a,
a.read-more {
    color: #993300;
}

a.read-more {
    font-style: italic;
    line-height: 20px;
}

img {
    border: none;
}

.thumbnails img, img.thumbnails {
    max-width: 100px;
    max-width: 100px;
    padding: 5px;
    float: left;
}

/* page margins */
.page_margins {
    text-align: left;
    margin: 0 auto;
    min-width: 700px;
    max-width: 1000px;
}


/* horizontal lists: */

.hlist {
    margin: 0px;
    list-style-type: none;
}

.hlist ul {
    list-style-type: none;
    display: inline;
}

.hlist ul li {
    list-style-type: none;
    display: inline;
}


/* but header should be block */
#header .hlist ul {
    display: block;
}


#header {
    margin: 20px 0px;
    list-style-type: none;
}

#header h1,
#header h2,
#header h3
{
    margin: 0px;
}

#header h3 {
    font-size: 110%;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #333;
}

#header h1 a,
#header h2 a,
#header h3 a
{
    color: #888;
    text-decoration: none;
}

#header h1 a:hover,
#header h2 a:hover
{
    color: #000;
    text-decoration: none;
}

#header form {
    margin-top: 15px;
    float: right;
    width: 25%;
}

#header ul {
    margin-top: 0px;
    padding: 5px 0px 5px 0px;
    border-top: 2px solid #ddd;
    border-bottom: 4px #888 solid;

}

#header ul
#header ul li,
#header ul li a
{
    color: #686;
    padding: 5px;
}

#header ul li {
    display: inline;
}

#header ul li a {
    color: #686;
    text-decoration: none;
}

#header ul li a:hover,
#header ul li.active a,
#header li a
{
    color: #000;
    text-decoration: none;
}

/* col1: main column */
#col1 {
    float: left;
    width: 70%;
}


#col1_content h1:first-child,
#col1_content h3:first-child
{
    margin-top: 0px;
}

/* col3: side bar */
#col3 {
    font-size: 0.9em;
    float:  right;
    width:  25%;
}

#col3_content {
    padding-left: 10px;
    padding-right: 20px;
    padding-bottom: 50px;
    /* add border */
    border-left: 1px solid #ddd;
}

#col3_content a {
    color: #993300;
}

.post, .excerpted {
    /* line-height: 20px; */
    padding-bottom: 20px;
}

h3.excerpt {
    font-weight: bold;
    font-size: 100%;
    color: #993300;
    border-top: 2px solid #ddd;
    border-bottom: 4px #888 solid;
}

h3.excerpt a {
    color: #993300;
    text-decoration: none;
}


.paging {
    margin: 20px 0px;
}

.paging .newer {
    float: right;
    width: 25%;
}

.paging .older {
    float: left;
    width: 25%;
}


.clear {
    clear: both;
    height: 0px;
    line-height: 0px;
}

/* vertical lists: */
/* title */

h3.vlist, h6.vlist {
    font-weight: bold;
    font-size: 100%;
    margin:0;
    color: #444;
    background-color: #fff;
    border-top: 2px solid #ddd;
    border-bottom: 4px #888 solid;
}

h3.vlist {
    width: 20%;
    padding: 3px 0px 3px 3px; /* LTR */
}

h6.vlist {
    width: 90%;
    padding: 3px 0px 3px 10%; /* LTR */
}

.vlist {
    margin: 0px;
    list-style-type: none;
    padding-left: 6px;
}

.vlist ul {
    margin: 0px;
    list-style-type: none;
    padding-left: 6px;
}

.vlist li {
    padding: 4px 0 4px 28px;
}


.excerpt { }

.meta {
    display: block;
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    color: #666666;
    padding: 5px;
}

/* extra space before final entry */
.final {
    margin-top: 15px;
}

/* colors like a post-it note */
.note {
    display: block;
    background-color: #FFFF99;
    border: 1px solid #CCCCCC;
    color: black;
    padding: 5px;
}

#footer {
    border-top: 2px solid #ddd;
    padding-top: 5px;
    margin: 12px auto;
}

#footer a {
    color: #686;
    text-decoration: none;
}

#footer a:hover
{
    color: #000;
    text-decoration: none;
}

/* active element */
#footer ul li.active a {
    color: #000;
    text-decoration: none;
}

h2.title {
    font-family: AlbertsthalTypewriter;
}
.centered {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}

small.disc {
    font-family: AlbertsthalTypewriter;
    font-size: 8pt;
    color: #888;
}