/*   
Theme Name: Crispy Moon
Theme URI: lunamatic.net
Description: Black on white, all contrast, few images.
Author: Sandra Davis
Author URI: lunamatic.net
Version: 1
*/




* { margin: 0; padding: 0; }

body { font: 62.5%/1.7em arial, helvetica; background: #fff; color: #000; }

h1 { text-align: center; margin: 1.4em auto; font: 7em/1em times; text-transform: uppercase; letter-spacing: 0.1em; }
h1 a { border: none; padding: 0; }
h1 a:focus,
h1 a:hover { border-bottom: 1px solid #bfbfbf; padding: 0; }

h2 { font: 3em/1em times; }
h2 a { border: none; padding: 0; }
h2 a:focus,
h2 a:hover { border-bottom: 1px solid #bfbfbf; padding: 0; }


h3 { font: 2em/1.5em times; margin: 2.5em 0 0 0; }

h4 { font-size: 1.2em; font-weight: bold; display: inline; }

p,
blockquote,
li,
dl { font-size: 1.2em; }

p { margin: 0 0 1em 0; }

blockquote { margin: 0 0 0 1em; }

ul { margin-left: 2em; }
ol { margin-left: 2em; }

li li,
li p,
li h4,
form p { font-size: 1em; }

ul.pattern { list-style: none; margin: 0; font-weight: bold; }
ul.pattern li { margin-bottom: 1em; }
ul.pattern ul { list-style: none; font-weight: normal; }
ul.pattern ul li { margin-bottom: 0.25em; }


dl { margin: 1em 0 0 0; }
dt { font-weight: bold; }
dd { margin: 0 0 1em 1em; }

a { text-decoration: none; border-bottom: 1px solid #bfbfbf; color: #000; }
a:focus,
a:hover { border-bottom: 1px solid #000; outline: none; }
a:active { outline: none; border-color: #fff; }


p.tagline { text-transform: uppercase; font: 0.9em arial; position: absolute; top: 19.8em; width: 100%; text-align: center; }


#menu { width: 48em; margin: 0 auto; }
#menu li { display: inline-block; text-align: left; margin: 1px 2em 0 0; }
#menu li { *display: inline; } /* i hates you ie :( */
#menu li a { border-bottom: none; }
#menu li a:focus,
#menu li a:hover { border: none; border-top: 2px solid #000; background: #fff; color: #000; }
#menu li a:active { background: #000; color: #fff; outline: none; padding-bottom: 2px; }

.post { width: 48em; margin: 11em auto 0 auto; position: relative; }
.page p.date { display: none; }

.about { height: 292px; width: 127px; background: url(images/about_me.png); margin: 2em 3em 2em 0; float: left; }
.about:hover { background-position: bottom left; }
.about span { display: none; }

.images { position: relative; clear: both; margin-bottom: 1em;  }

.images a { border: none; padding: 15px 23px 10px 0; margin-right: -3px; display: inline-block; }
.images a .thumb { border: none; height: 50px; width: 50px; }

.images a:focus .thumb,
.images a:hover .thumb { outline: 1px solid #000; }

.images .full { position: absolute; top: 84px; left: 0; z-index: 1; display: none; outline-offset: 0; outline-color: rgba(255,255,255,0.75); outline-style: solid; outline-width: 1000px; margin: -1px; padding: 1px; background: #bfbfbf; outline: none\9; } /* i hate you ie */
 
.images a:focus .full,
.images a:hover .full { display: block; border: none; }

.images .thumbonly { height: 50px; width: 50px; }



p.date { text-transform: uppercase; font: 0.9em arial; margin: 0.7em 0 1em; }



p.tags {}
p.comments {}



.comment_wrap { width: 48em; margin: 0 auto; position: relative; }
#comments { list-style: none; margin: 0; }
#comments li { margin: 0 0 0.4em 0; padding: 1em 1em 0 1em; border: 1px solid #000; }
#comments p { margin: 1em 0; }
#comments cite { font-size: 1em; font-weight: bold; display: inline; }
#comments cite a { margin-left: -2px; font-style: normal; }

#comments .commentmetadata { display: inline; }
#comments .commentmetadata a { text-transform: uppercase; font: 0.9em arial; display: inline; margin: 0 0 0 1em; border-color: #fff; }

#comments .vcard { display: inline; }
#comments .vcard img { display: none; }
#comments .vcard span { display: none; }


.tagcloud { padding: 4em 6em; text-align: center; }
.tagcloud a { margin: 0.5em; line-height: 1.5em; border: none; }
.tagcloud a:focus,
.tagcloud a:hover,
.tagcloud a:active { border-bottom: 1px solid #000; }




form { font-size: 1.2em; position: relative; }
fieldset { border: none; }
input { margin: 0.2em 0; border: 1px solid #000; padding: 2px; }
textarea { margin: 0.2em 0; width: 100%; border: 1px solid #000; padding: 2px; font: 1em arial;  }
label { margin: 0 0 0 0.5em; }



.nav { width: 48em; margin: 5.5em auto; position: relative; text-align: right; }
.nav .old { float: left; clear: none; width: 50%; text-align: left; }
.nav span { font-size: 1.2em; }

.footer { width: 100%; background: #000; color: #fff; float: left; margin-top: 5.5em; }
.footer ul { list-style: none; margin: 0 auto; width: 51em; padding-right: 2.5em; }
.footer li { font-size: 1em; background: #000; width: 23em; vertical-align: top; float: left; padding: 1em 0 1em 2.5em; }
.footer li p { font-size: 1.2em; padding-right: 0.5em; }
.footer li ul { width: 100%; }
.footer li ul li { font-size: 1.2em; height: auto; padding: 0; width: 100%; }

.footer a { border-bottom: none; color: #fff; }
.footer a:focus,
.footer a:hover { border-bottom: 1px solid #999; }
.footer a:active { border-color: #000; }

.footer .images a { border: none; margin: 0 7px 7px 0; padding: 0; line-height: 0; }
.footer .images a:focus img,
.footer .images a:hover img { outline: 1px solid #999; }

.footer #twitter a { border: none; }
.footer #twitter a img { border: none; margin-top:1em; }

.footer #webcomics { height: auto; }

.footer #ads a { border: none; padding: 0; }

.footer .end { width: 48em; margin: 0 auto; clear: both; padding-top: 4em; }


/* magic */
// .mon, .tue, .wed, .thu, .fri, .sat, .sun, .unpredictable { display: none; }