/*
Modified by Michael Chen.

Based on:
    456 Berea Street Main style sheet, v2008
    Copyright Roger Johansson
Thanks!
*/

/*
=Global
*/
blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
    margin:0;
    padding:0;
}
body,
html {background:#e3e0d1;}
body {
    width:810px;
    max-width:100%;
    margin:0 auto;
    padding:0;
    color:#333;
    font:80%/1.4 Arial,Helvetica,sans-serif;
}

/*
=Main layout
*/
#wrap {
    position:relative;
    padding:12px;
    background:#fffff0;
}
#content {
    clear:both;
    padding:24px 12px;
}
#main {
    float:left;
    width:100%;
}
#content-secondary {
    float:right;
    width:29.5%;
}
#footer {clear:both;}

/*
=Links
*/
a:link {color:#8f1f08;}
a:visited {color:#5f1406;}
a:hover,
a:focus,
a:active {
    color:#800000;
    background-color:#e3e0d1;
}
a.imglink:hover,
a.imglink:focus,
a.imglink:active {
    outline:none;
    background:transparent;
}
a.imglink:hover img,
a.imglink:focus img,
a.imglink:active img {
    border-color:#800000;
    background:#fff;
}

/*
=Skip link
*/
#skip {
    margin:0 0 5px;
    font:0.75em/1 "Helvetica Neue",Arial,Helvetica,sans-serif;
    text-align:right;
}

/*
=Headings
*/
h1,h2,h3,h4,h5,h6 {
    margin:1em 0 0.5em;
    color:#444;
    font:bold 1em/1.2 Verdana,Arial,Helvetica,sans-serif;
    clear:both;
}
h1 {font-size:1.8em; margin-top:0}
h2 {font-size:1.5em;}
h3 {font-size:1.2em;}
.home #main h2,
#content-secondary h2 {
    font-size:0.75em;
    font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
    text-transform:uppercase;
}
#latest h3 {font-size:1.8em;}
#related-entries h2 {
    margin:0 0 0.5em;
    font-size:1.1em;
    line-height:1;
}
#recent h3 {font-size:1.8em;}
#content-secondary h3 {
    margin:0 0 0.25em;
    font-size:1.4em;
    line-height:1.2;
}

/*
=Lists
*/
dl,
ol,
ul {margin:1em 0;}
dl {margin-top:-0.5em;}
dt {
    clear:both;
    margin:0.5em 0 0 0em;
    font-weight:bold;
}
.lab dt {margin-top:1em;}
dd {margin:0 0 0 2em;}
dd p {margin:0 0 0.5em;}
ul {
    padding:0 0 0 2em;
    list-style:square;
}
ol {padding:0 0 0 2.5em;}
li {margin:0 0 0.3em;}
.code {
    overflow:auto;
    padding:0;
    border:1px solid #e3e0d1;
    list-style:none;
}
.code li {
    margin:2px 0;
    padding:0 5px;
    background:#f3f3e6;
}
.code li.tab1 {padding-left:4ex;}
.code li.tab2 {padding-left:8ex;}
.code li.tab3 {padding-left:12ex;}
.code li.tab4 {padding-left:16ex;}
.code li.tab5 {padding-left:20ex;}
.code .changed {
    color:#900;
    font-weight:bold;
}
.code em {
    color:#900;
    font-weight:bold;
    font-style:normal;
}

/*
=Data tables
*/
table {
    margin:0 0 1.5em;
    border-collapse:separate;
    border-spacing:0;
    border-bottom:1px solid #ccc;
}
caption {
    margin:0;
    padding:0.5em 0;
    font-weight:bold;
    text-align:left;
}
th {font-weight:bold;}
th,
td {
    padding:0.25em 0.5em 0.25em 0;
    border-top:1px solid #ccc;
    vertical-align:top;
    text-align:left;
}

/*
=Quotations
*/
blockquote {
    margin:1em 32px 1em 24px;
    padding:0 0 0 6px;
    border-left:2px solid #eee;
    font-style:italic;
}
q {quotes:"\201C" "\201D" "\2018" "\2019";}
q:before {content:open-quote;}
q:after {content:close-quote;}
* html q {font-style:italic;}
.bq-cite {margin:1em 0;}
.bq-cite div {margin-left:30px;}
.bq-cite blockquote {margin-bottom:0;}
.bq-cite cite {font-style:normal;}
blockquote.alt {
    float:right;
    margin:0.25em 0 0.25em 0.75em;
}

/*
=Images
*/
img {
    xxdisplay:block;
    border:none;
}
.fullwidth {margin:1em auto;}
.flow {
    float:right;
    margin:0 0 6px 12px;
}
.alt {
    float:left;
    margin:0 12px 6px 0;
}
.dec {
    padding:4px;
    border:1px solid #ccc;
}

/*
=Misc
*/
code,
kbd,
pre {font-family:monospace;}
pre {white-space:normal;}
strong code,
dt code {font-weight:normal;}
ins {
    background-color:#eee;
    text-decoration:none;
}
pre,
p {margin:0 0 1em;}
abbr,
acronym {border:none;}
abbr[title],
acronym[title] {
    border-bottom:1px dotted #666;
    cursor:help;
    font-style:italic;
}
.structural {
    position:absolute;
    left:-9999px;
    margin:0;
}
.clearfix:after {
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
    content:".";
}
.clearfix {display:inline-block;}
.clearfix {display:block;}

/*
=Header
*/
#header {
    background:#450200;
    padding-top:0.25em;
    padding-bottom:0.5em;
    color:white;
    padding-left:10pt
}
#header h1,
#header a {
    float:left;
    margin:0;
}
#header img {
    xcolor:#fff;
    font:bold 16px/50px "Helvetica Neue",Arial,Helvetica,sans-serif;
    text-transform:uppercase;   
}

/*
=Footer
*/
#footer {
    padding:6px 0;
    border:1px solid #eec;
    border-width:2px 0;
    text-align:center;
    font-size:80%;
}
#footer ul {
    margin:0;
    padding:0;
    list-style:none;
}
#footer li {
    display:inline;
    margin:0 1em 0 0;
}

/*
=Navigation
*/
#nav {
    clear:both;
    padding-top:3px;
    font:1em/2 "Helvetica Neue",Arial,Helvetica,sans-serif;
}
#nav ul {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
    background:#970601 url(/i/nav-tab.png) repeat-x;
}
#nav li {
    display:inline;
    margin:0;
    padding:0;
}
#nav a {
    display:block;
    float:left;
    padding:0 12px;
    border-right:1px solid #bb1600;
    border-bottom:none;
    border-left:1px solid #b21203;
    color:#fff;
    background:#970601 url(/i/nav-tab.png) repeat-x;
    text-decoration:none;
}
#nav a:hover,
#nav a:focus {background:#b31203 url(/i/nav-tab.png) repeat-x 0 -150px;}
#nav .sel a {background:#720000 url(/i/nav-tab.png) repeat-x 0 -300px;}
#nav .sel a:hover,
#nav .sel a:focus {background:#b31203 url(/i/nav-tab.png) repeat-x 0 -150px;}

/*
=Framed
*/
.framed {
    margin:0 0 12px;
    padding:12px;
    border:2px solid #eec;
    background:#fff;
    font-size:90%;
    font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
    text-align:center;
}
#main .framed {
    padding:6px;
    background:transparent;
}

/*
=FramedLeft
*/
.framedLeft {
    margin:0 0 12px;
    padding:12px;
    border:2px solid #eec;
    background:#fff;
    font-size:90%;
    font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
    text-align:left;
}

/*
=Figure
*/
#figure img {
    margin:660 6px 6px 0;
    text-align:center;
}
#figure {
    text-align:center;
    margin:30;
}



/*
=Others
*/
blockquote.example[cite]:after {
    display:block;
    padding-top:0.25em;
    border-top:1px dotted #999;
    content: "URI: " attr(cite);
}
div.example,
form.example {margin:1em 0;}
div.example label {
    display:inline;
    font-weight:normal;
}