/* main body */

body {
    background-color:#FFF;
    font:13px arial, "roboto mono", "courier new", monospace;
    line-height:200%;
    margin:0px;
    padding:0px;
    text-align:center;
    text-transform:none;
}

#wrap {
    color:#000;
    font-size:13px;
    margin:0px auto 20px auto;
    padding:20px;
    text-align:left;
    max-width:640px;
}

#menu {
    border:0px;
    font-size:10px;
    margin:10px 0px 10px 0px;
    padding:0px;
    text-align:right;
}

#header {
    margin:15px 0px 10px 0px;
    text-align:left;
}

#header a.banner {   
    background:url(/images/1378.png) no-repeat 0px 0px;
    border:0px;
    display:inline-block;
    height:90px;
    padding:0px;
    width:444px;
    text-indent:-9999em;
}

.entry {
    margin:15px 0px 30px 0px;
}

.entry img {
    max-width:100%;
    height:auto;
}



/* menu */

#menu a {
    border-bottom:8px #000 solid;
    display:inline-block;
    width:50px;
    font:10px "courier new", courier, monospace;
    letter-spacing:2px;
    padding:6px;
    margin:0px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
}

#menu a:link,
#menu a:visited,
#menu a:active {
    color:#000;
}

#menu a.active,
#menu a:hover {
    border-bottom:8px #FEF96A solid;
    color:#000;
}



/* links */

a {
    border-bottom:5px #FEF96A solid;
    font:bold 13px arial, "roboto mono", "courier new", monospace;
    text-decoration:none;
    text-transform:none;
}

a:link,
a:visited,
a:active {
    color:#000;
}

a:hover {
    border-bottom:5px #000 solid;
    color:#000;
}



/* images */

a img {
    border:0px;
    opacity:0.8;
    filter:alpha(opacity=80);
    margin:0px;
}

a:hover img {
    border:0px;
    opacity:1;
    filter:alpha(opacity=100);
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

a.img {
    border:0px;
    padding:0px;
    margin:-1px;
    text-decoration:none;
}

a.left {
    border:0px;
    float:left;
    padding:0px;
    margin:4px 20px 0px 0px;
    text-decoration:none;
}

a.right {
    border:0px;
    float:right;
    padding:0px;
    margin:4px 0px 0px 20px;
    text-decoration:none;
}

.img {
    border:0px;
    text-align:center;
}

.img-white {
    border:1px #DDD solid;
}

.right {
    border:0px;
    float:right;
    margin-left:6px;
}

.left {
    border:0px;
    float:left;
    margin-right:6px;
}



/* headers */

h1 {
    border-top:14px #000 solid;
    color:#000;
    font:bold 24px "courier new", courier, monospace;
    padding:15px 0px 0px 0px;
    text-transform:uppercase;
}

h1 a:before {
    content:"// ";
}

h2 {
    color:#000;
    font:bold 24px arial, sans-serif;
    letter-spacing:-1px;
    text-transform:lowercase;
}

h3 {
    background:url(/img/minimal/bracket-left.gif) no-repeat center left, url(/img/minimal/bracket-right.gif) no-repeat center right;
    color:#000;
    display:inline-block;
    font:bold 20px arial, sans-serif;
    letter-spacing:-1px;
    padding:2px 12px;
    text-transform:lowercase;
}

.title,
.title a {
    background:#FEF96A;
    border:0px;
    color:#000;
    font:bold 24px "courier new", courier, monospace;
    text-transform:uppercase;
}

.title a:hover {
    background:#FEF96A;
    color:#000;
}



/* entries */

blockquote {
    background:url(/img/minimal/quote-left.gif) no-repeat top left, url(/img/minimal/quote-right.gif) no-repeat bottom right;
    color:#000;
    font:italic 18px garamond, baskerville, serif;
    line-height:150%;
    min-height:50px;
    padding:0px 22px 0px 26px;
    text-align:left;
}

blockquote.highlight {
    font:italic 18px georgia, serif;
    text-align:left;
}

pre {
    border-left:1px #999 dashed;
    padding-left:10px;
    margin:0px 40px;
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word;
}

code {
    color:#999;
}

acronym,
abbr {
    border-bottom:1px #000 dotted;
    text-transform:uppercase;
}

.bold {
    color:#000;
    font:bold 24px arial, sans-serif;
    letter-spacing:-1px;
    text-transform:lowercase;
}

.bold a {
    border-bottom:5px #FEF96A solid;
    color:#000;
    font:bold 24px arial, sans-serif;
    letter-spacing:-1px;
    text-transform:lowercase;
}

.footnote {
    color:#666;
    font:10px "courier new", courier, monospace;
    letter-spacing:2px;
    text-transform:uppercase;
}

.footnote a {
    color:#666;
    font:10px "courier new", courier, monospace;
    letter-spacing:2px;
    text-transform:uppercase;
}

.date {
    font:10px "courier new", courier, monospace;
    letter-spacing:2px;
    text-align:right;
    text-transform:uppercase;
}

a.more {
    background:url(/img/minimal/more.gif) no-repeat center left;
    border:0px;
    display:block;
    padding-bottom:10px;
    width:138px;
    height:14px;
    text-indent:-9999em;
}



/* lists */

ul {
    list-style-type:none;
    padding:0px;
}

ul li {
    background:url(/img/minimal/arrow-right.gif) no-repeat 0px 10px;
    padding-left:14px;
    margin-left:38px;
}

ul li li {
    background:url(/img/minimal/arrow-right.gif) no-repeat 0px 10px;
    padding-left:14px;
}

ol li {
    margin-left:15px;
}

ul.checklist li {
    background:url(/img/minimal/checkbox.gif) no-repeat 0px 10px;
    padding-left:18px;
    margin-left:36px;
}

ul.checklist li.check {
    background:url(/img/minimal/checkbox.gif) no-repeat 0px -10px;
    padding-left:18px;
    margin-left:36px;
}



/* tables */

table {
    border-collapse:collapse;
    max-width:100%;
}

table caption {
    font:italic 11px georgia, serif;
    padding:10px 4px;
    text-align:left;
}

th {
    border:2px #FFF solid;
    background:#FF0;
    font:12px "roboto mono", "courier new", monospace;
    letter-spacing:2px;
    padding:10px 20px;
    text-align:left;
    text-transform:uppercase;
}

td {
    border-bottom:1px #CCC dashed;
    font:13px "roboto mono", "courier new", monospace;
    padding:10px 20px;
    text-align:left;
    vertical-align:top;
}



/* forms */

footer {
    text-align:center;
    font:14px "courier new", monospace;
    padding:2px;
    background-color:#000;
    color:#FFF;
}

.contact {
    margin:15px 0px;
}

.contact-form {
    padding:10px 0px;
}

ul.zemError {
    background:url(/img/minimal/warning.png) no-repeat left center;
    list-style-type:none;
    padding:10px 0px;
    margin:0px 0px 20px 0px;
}

ul.zemError li {
    background:url(none);
    color:#F36;
    font:12px "roboto mono", "courier new", monospace;
    line-height:140%;
    padding-left:50px;
    margin:0px;
}

input,
textarea {
    background:#EEE;
    border:0px;
    border-radius:0px;
    color:#000;
    font:14px "roboto mono", "courier new", monospace;
    margin:1px 0px 4px 0px;
    padding:8px 10px;
}

input.zemText {
    max-width:360px;
}

input.comment_name_input,
input.comment_email_input,
input.comment_web_input {
    width:240px;
}

textarea {
    height:143px;
    max-width:360px;
}


.button,
.zemSubmit {
    background:#000;
    border:0px;
    border-radius:0px;
    color:#FFF;
    font:10px "courier new", courier, monospace;
    letter-spacing:2px;
    margin:0px;
    padding:14px 20px;
    text-align:center;
    text-transform:uppercase;
    width:80px;
}



/* navigation */

#nav {
    margin:20px 0px;
    text-align:center;
}

#nav a.forward {
    background:url(/img/minimal/nav-forward-yellow.png) no-repeat 0px 0px;
    border:0px;
    margin:0px 5px;
    display:inline-block;
    height:35px;
    width:164px;
    text-indent:-9999em;
}

#nav a.rewind {
    background:url(/img/minimal/nav-rewind-yellow.png) no-repeat 0px 0px;
    border:0px;
    margin:0px 5px;
    display:inline-block;
    height:35px;
    width:146px;
    text-indent:-9999em;
}

#nav a.blackcat {
    background:url(/img/minimal/blackcat.png);
    border:0px;
    margin:0px 40px;
    display:inline-block;
    height:120px;
    width:120px;
    text-indent:-9999em;
}

a.facebook {
    background:url(/img/minimal/socmed.png) no-repeat 0px 0px;
    border:0px;
    display:block;
    position:fixed;
    width:40px;
    height:40px;
    right:20px;
    bottom:100px;
    text-indent:-9999em;
}

a.facebook:hover {
    background:url(/img/minimal/socmed.png) no-repeat -40px 0px;
    border:0px;
    display:block;
    position:fixed;
    width:40px;
    height:40px;
    right:20px;
    bottom:100px;
    text-indent:-9999em;
}

a.twitter {
    background:url(/img/minimal/socmed.png) no-repeat 0px -40px;
    border:0px;
    display:block;
    position:fixed;
    width:40px;
    height:40px;
    right:20px;
    bottom:60px;
    text-indent:-9999em;
}

a.twitter:hover {
    background:url(/img/minimal/socmed.png) no-repeat -40px -40px;
    border:0px;
    display:block;
    position:fixed;
    width:40px;
    height:40px;
    right:20px;
    bottom:60px;
    text-indent:-9999em;
}

a.instagram {
    background:url(/img/minimal/socmed.png) no-repeat 0px -80px;
    border:0px;
    display:block;
    position:fixed;
    width:40px;
    height:40px;
    right:20px;
    bottom:20px;
    text-indent:-9999em;
}

a.instagram:hover {
    background:url(/img/minimal/socmed.png) no-repeat -40px -80px;
    border:0px;
    display:block;
    position:fixed;
    width:40px;
    height:40px;
    right:20px;
    bottom:20px;
    text-indent:-9999em;
}



/* mobile devices */

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

#wrap {
    margin:0px auto 50px auto;
}

#header a.banner {
    background:url(/images/1379.png) no-repeat 0px 0px;
    border:0px;
    display:inline-block;
    height:67px;
    padding:0px;
    width:330px;
    text-indent:-9999em;
}

textarea {
    max-width:320px;
}

}