/* @group undo html */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    text-decoration: none;
    }

strong{
    font-weight: bold;
    }

em{
    font-style: oblique;
    }

/* remember to define focus styles! */

:focus {
    outline: 0;
    }

body {
    line-height: 1;
    color: black;
    background: white;
    }

ol, ul {
    list-style: none;
    }



/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
    }

caption, th, td {
    text-align: left;
    font-weight: normal;
    }

/* @end */

/* @group body */

body{
    font-family: Georgia, "Times New Roman", Times, serif;
    background: #fff url(/images/paper-white.jpg) repeat;
    }

body a{
    color: #900;
    }

body a:hover{
    color: #c00;
    }

body div#foil{
    background: url(/images/paper-brown-small.jpg) repeat-x;
    }

body.home div#foil{
    background: url(/images/paper-brown-large.jpg) repeat-x;
    }

body div#tortilla{
    background: url(/images/hand-small.jpg) no-repeat 710px 0;
    }

body.home div#tortilla{
    background: url(/images/hand-large.jpg) no-repeat 670px 0;
    }

/* @end */

/* @group hair */

body div#hair{
    position: relative;
    margin: 0 0 15px 0;
    height: 141px;
    }

body.home div#hair{
    position: relative;
    margin: 0 0 15px 0;
    height: 410px;
    }

body div#hair h1{
    position: absolute;
    left: 50px;
    bottom: 8px;
    width: 130px;
    height: 64px;
    text-indent: -9999999px;
    background: url(/images/logo-small.gif);
    }

body div#hair h1 a{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 130px;
    height: 64px;
    text-indent: -9999999px;
    background: url(/images/logo-small.gif);
    }

body.home div#hair h1{
    position: absolute;
    left: 50px;
    bottom: 1px;
    width: 329px;
    height: 162px;
    background: url(/images/logo-large.jpg);
    }

body.home div#hair h1 a{
    position: static;
    display: block;
    width: 329px;
    height: 162px;
    text-indent: -9999999px;
    background: none;
    }

body div#hair h2{
    position: absolute;
    left: 205px;
    bottom: 8px;
    height: 64px;
    }

body.home div#hair p.recent{
    margin: 0 0 40px 50px;
    padding: 35px 0 0 0;
    width: 320px;
    font-size:14px;
    font-style: oblique;
    color: #5c564d;
    }

body.home div#hair p.recent a{
    color: #5c564d;
    font-weight: bold;
    }

body.home div#hair p.recent a:hover{
    color: #940000;
    }

body.home div#hair p.hosted{
    font-size:14px;
    position: absolute;
    left: 0;
    top: 0;
    width: 690px;
    height: 22px;
    }

body.home div#hair p.hosted a{
    position: absolute;
    right: 0;
    top: 31px;
    padding: 0 46px 0 0;
    height: 22px;
    line-height: 22px;
    font-style: oblique;
    color: #5c564d;
    background: url(../images/mt-logo.gif) no-repeat right;
    }

body.home div#hair p.hosted a strong{
    font-weight: bold;
    }

body.home div#hair p.hosted a:hover strong{
    color: #940000;
    }

body.home div#hair div.recent{
    display: inline;
    float: left;
    margin: 0 0 0 50px;
    width: 300px;
    }

body.home div#hair div.recent h3{
    font-size: 1.3em;
    font-weight: bold;
    }

body.home div#hair div.recent h3 a:hover{
    color: #d50e0e;
    text-decoration: underline;
    }

body.home div#hair div.recent p.meta{
    margin: .2em 0 .5em 0;
    font-size: .8em;
    font-style: oblique;
    color: #5c564d;
    }

body.home div#hair div.recent p{
    margin: 0 0 1em 0;
    font-size: .95em;
    line-height: 1.4em;
    }

body.home div#hair div.recent p a{
    color:#000;
    }

body div#hair a#tell{
    position: absolute;
    left: 275px;
    bottom: 10px;
    width: 216px;
    height: 90px;
    text-indent: -9999999px;
    background: url(/images/tell-small.png) no-repeat;
    }

body.home div#hair a#tell{
    position: absolute;
    left: 413px;
    bottom: 39px;
    width: 216px;
    height: 90px;
    text-indent: -9999999px;
    background: url(/images/tell-large.png) no-repeat;
    }



/* @end */

body.home div#quesidilla{
    width: 1000px;
    }

/* @group jacket */

body div#jacket{
    display: inline;
    float: left;
    margin: 0 0 80px 50px;
    width: 300px;
    }

body div#jacket img#cover{
    margin: 0 0 30px 0;
    border: 1px solid #000;
    }

body div#jacket p{
    margin: 0 0 1em 0;
    padding: 0 50px 0 20px;
    font-size: 1.1em;
    font-style: oblique;
    line-height: 1.7em;
    color: #867c6a;
    }

body div#jacket a{
    color: #867c6a;
    }

body div#jacket a:hover{
    color: #900;
    }

body div#jacket p#subscribe{
    padding: 0;
    text-indent: -9999999px;
    width: 280px;
    height: 53px;
    background: url(/images/subscribe-hover.gif) no-repeat;
    }

body div#jacket p#subscribe a{
    display: block;
    width: 280px;
    height: 53px;
    background: url(/images/subscribe.gif) no-repeat;
    }

body div#jacket p#subscribe a:hover{
    background: none;
    }

/* @end */

/* @group new */

body.home div#new{
    display: inline;
    float: left;
    margin: 0 0 80px 20px;
    padding: 0 20px 0 0;
    width: 440px;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    }

body.home div#new p.section-title{
    margin: 0 0 1em 0;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: oblique;
    line-height: 1.9em;
    color: #535353;
    }

body.home div#new div.post,
body.home div#new #comments{
    margin: 0 0 25px 0;
    font-size: .8em;
    line-height: 1.5em;
    color: #222;
    }

body.home div#new div.post p,
body.home div#new div.post ul,
body.home div#new div.post ol{
    text-indent: 2em;
    margin-bottom: .5em;
    }

body.home div#new div.post li{
    margin-left: 2em;
}

body.home div#new div.post p a:hover{
    color: #d50e0e;
    text-decoration: underline;
    }

body.home div#new div.post h3.title{
    text-indent: 0;
    }
    
body.home div#new div.post h3 a.title{
    margin-right: 5px;
    font-size: 1.2em;
    font-weight: bold;
    color: #222;
    }

body.home div#new div.post h3 a.title:hover{
    font-size: 1.2em;
    color: #940000;
    text-decoration: underline;
    }

body.home div#new div.post h3 a.title span{
    color: #940000;
    }

body.home div#new div.post p.meta{
    text-indent: 0;
    color: #5c564d;
    font-size: .85em;
    }

body.home div#new a#previously{
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: oblique;
    }

body.home div#new a#previously:hover{
    color: #d50e0e;
    text-decoration: underline;
    }

/* @end */

/* @group also */

body div#also{
    display: inline;
    float: left;
    margin: 0 0 80px 20px;
    padding: 180px 0 0 0;
    width: 140px;
    font-size: .85em;
    color: #867c6a;
    }

body div#also p.section-title{
    font-size: .95em;
    margin: 0 0 1em 0;
    font-style: oblique;
    line-height: 1.9em;
    }

body div#also div.deck {
    width:120px;
    border:1px #867c6a solid; 
    background:#fff; 
    color:#5c564d; 
    padding:10px; 
    margin-bottom:10px
    }

body div#also p.ads{
    font-size: .85em;
    line-height: 1.5em;
    }

body div#also a:hover{
    color:#900;
    text-decoration:underline;
    }

body div#also p.adsvia{
    margin-top:12px;
    font-size: .85em;
    line-height: 1.5em;
    }

body div#also p.adsvia a{
    color:#888;
    }

body div#also p.adsvia a:hover{
    color:#600;
    text-decoration:underline;
    }

body div#also img.ad{
    margin-bottom:8px;
    }

body div#also p.title{
    color: #5c564d;
    margin-bottom: .3em;
    }

body div#also p.title a{
    font-weight: bold;
    color: #867c6a;
    }

body div#also p.title a:hover{
    color: #940000;
    }

body div#also p.meta{
    margin: 0 0 1.9em 0;
    font-size: .85em;
    line-height:1.4em;
    }

/* @end */

/* @group subscribe */

body div#subscribe{
    margin: 0 0 0 50px;
    width: 780px;
    line-height: 1.25em;
    color: #222;
    }

body div#subscribe div#subscribe-intro{
    width: 750px;
    margin: 0 0 2em 0;
    text-indent: 0;
    font-size: 1.25em;
    line-height: 1.5em;
    }

body div#subscribe div#subscribe-intro p{
    margin: 0 0 1em 0;
    }

body div#subscribe div.subscribe-option{
    position: relative;
    margin: 0 0 35px 0;
    }

body div#subscribe div.subscribe-option h3{
    display: inline;
    float: right;
    width: 620px;
    font-size: 1.3em;
    font-style: oblique;
    font-weight: bold;
    }

body div#subscribe div.subscribe-option p{
    display: inline;
    float: right;
    width: 620px;
    }

body div#subscribe div.subscribe-option p a:hover{
    color: #d50e0e;
    text-decoration: underline;
    }

body div#subscribe div.subscribe-option form{
    position: absolute;
    left: 0;
    top: 2px;
    }

body div#subscribe div.subscribe-option form#badge{
    position: relative;
    }

body div#subscribe div.subscribe-option form select{
    width: 140px;
    }

body div#subscribe p.subscribe-expanded{
    margin: 0 0 50px 0;
    color:#666;
    font-size: 0.95em;
    line-height: 1.4em;
    }

/* @end */

/* @group issue */

body div#issue{
    margin: 0;
    width: 990px;
    line-height: 1.25em;
    color: #222;
    }

body div#issue p#issue-intro{
    width: 770px;
    margin: 0 0 2em 50px;
    text-indent: 0;
    font-size: 1.25em;
    line-height: 1.5em;
    }

body div#issue div#issue-expanded{
    display: inline;
    float: left;
    margin: 0 0 0 20px;
    width: 460px;
    }

body div#issue div#issue-expanded div.recent h3{
    font-size: 1.3em;
    font-weight: bold;
    }

body div#issue div#issue-expanded div.recent h3 a:hover{
    color: #d50e0e;
    text-decoration: underline;
    }

body div#issue div#issue-expanded div.recent p.meta{
    margin: .2em 0 .2em 0;
    font-size: .8em;
    font-style: oblique;
    color: #5c564d;
    }

body div#issue div#issue-expanded div.recent p{
    margin: 0 0 1em 0;
    font-size: .95em;
    line-height: 1.4em;
    }

body div#issue div#issue-expanded div.recent p a{
    color:#000;
    }

body div#issue div#issue-expanded p.issue-meta{
    margin: 0 0 1em 0;
    font-size: .95em;
    line-height: 1.4em;
    }

body div#issue div#issue-expanded p.issue-meta strong{
    font-size: 1.2em;
    }

body div#issue div#also{
    padding-top: 40px;
    }

/* @end */

/* @group Story */

body div#story{
    margin: -21px 0 40px 50px;
    padding: 0 160px 0 160px;
    width: 620px;
    line-height: 1.25em;
    color: #222;
    }

body div#story div#please1{
    margin: 0 0 40px -73px;
    }

body div#please2{
    clear: both;
    margin: 0 0 20px 50px;
    width: 940px;
    text-align: center;
    }

body div#story strong{
    font-weight: bold;
    }

body div#story em{
    font-style: oblique;
    }

body div#story .glyph{
    padding:0 6px;
    color:#900;
    }

body div#story p.story-excerpt{
    text-indent: 0;
    margin-bottom: 45px;
    font-size: 1.05em;
    line-height: 1.5em;
    }

body div#story div.story-meta{
    margin: 0 0 45px -160px;
    width: 940px;
    text-indent: -999999px;
    background-repeat: no-repeat;
    }

body div#story div.story-meta p{
    text-indent: -999999px;
    }

body div#story p{
    text-indent: 2em;
    line-height: 1.4em;
    padding:.1em 0;
    }

body div#story p.first{
    text-indent: 0;
    margin-top: 1em;
    }

body div#story p.story-img{
    margin: 30px 0 30px -160px;
    width: 940px;
    text-align: center;
    }

body div#story blockquote p {
    text-indent: 0;
    padding: 5px 0;
    }

body div#story blockquote {
    padding:10px 20px;
    line-height: 1.4em;
    font-size: .85em;
    font-style: oblique;
    color: #5c564d;
    }

body div#story-about{
    margin: 0 0 230px 30px;
    width: 960px;
    }

body div#story-about strong {
    font-weight:bold;
    }

body div#story-about div{
    display: inline;
    float: left;
    margin: 0 0 0 20px;
    padding: 0 20px 0 0;
    width: 440px;
    font-size: .85em;
    line-height: 1.45em;
    color: #333;
    }

body div#story-about div img{
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid #222;
    width:100px;
    }

/* @end */

/* @group toe */

div#toe{
    clear: both;
    text-align:center;
    padding: 40px 10px 100px 10px;
    height: 100%;
    background: url(/images/paper-brown-large.jpg) repeat;
    }

div#toe p.links{
    margin: 0 0 1.5em 0;
    font-weight: bold;
    }

div#toe p.links a{
    padding-right: 20px;
    }

div#toe p.links span.current{
    padding-right: 20px;
    color: #5c564d;
    }

div#toe p.links a:hover{
    color: #d50e0e;
    text-decoration: underline;
    }

div#toe p.blah{
    padding:0 10px;
    line-height: 1.4em;
    font-size: .85em;
    font-style: oblique;
    color: #5c564d;
    }

/* @end */


/* Posts ---------------------------------------------------------------------------------- */

.post ul {
    list-style: disc;
    margin-left: 1.5em;
}
.post ul {
/*    list-style: disc;*/
}

/* Comments ---------------------------------------------------------------------------------- */

.comments-header,
.comments-open-header {
    margin-top: 2em;
    font-size: 1.2em;
    font-weight: bold;
    color: #222;
}
.comment {
    clear: both;
    margin: 10px 0 0 0;
}
.user-pic {
    float: left;
    margin: 0 10px 10px 0;
}