/*
* Maccath.com CSS (c) Katy Ereira 2008
* Don't be shitty about it.
* Mail me@maccath.com for more information.
*/

/* Standard shite */
body {
    background-image: url(http://maccath.com/bg.gif);
    margin: 0px 10px 0px 10px;
    padding: 0px;
    font-family: tahoma, sans-serif;
    color: black;
    background-color: #69180D;
    font-size: 0.9em;
}
h1 {
    margin: 0px 0px -15px 0px;
    padding: 0px 0px 0px 20px;
}
div#content h1 a {
    border-bottom: 0px;
}
h2 {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 40px;
    font-weight: normal;
    font-style: italic;
    color: #69180D;
    font-size: 1.3em;
}
a img {
    border: 0px;
}
blockquote { 
    quotes: "\201C" "\201D";
    width: 80%;
    margin: 0px auto 1em auto;
    font-style: italic;
    font-size: 1em;
    line-height: 1.1em;
    color: #280903;
}
blockquote p {
    display: inline;
}
blockquote:before {
    content: open-quote;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 0.5em;
    color: #A96543;
}
blockquote:after { 
    content: close-quote; 
    font-weight: bold; 
    font-size: 1.5em;
    line-height: 0.5em;
    color: #A96543;
}
a {
    text-decoration: none;
    color: #71271B;
    font-weight: normal;
}
a:hover {
    color: #F55B39;
}
/* End standard shite */

/* Shadowy background */
div#contr {
    padding-right: 10px;
    background-image: url(http://maccath.com/bgr.png);
    background-repeat: repeat-y;
    background-position: top right;
    max-width: 1000px;
    min-width: 700px;
    margin: 0px auto;
}
div#contl {
    padding-left: 10px;
    background-image: url(http://maccath.com/bgl.png);
    background-repeat: repeat-y;
    background-position: top left;
    max-width: 1000px;
    min-width: 700px;
    margin: 0px auto;
}
/* end shadowy background */

/* Container */
div#outer {
    border-right: 2px solid #280903;
    border-left: 2px solid #280903;
    background-color: #75442C;
    color: black;
}

/* Header */
div#header {
    height: 170px;
    margin: 0px auto;
    background-image: url(http://maccath.com/head.png);
    background-position: center center;
}


/* The navigation bar at the top */
div#nav {
    background-color: #280903;
    color: #F55B39;
    margin: 0px;
    padding: 5px 5px 2px 5px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 3px solid #430E05;
}
div#nav ul {
    margin: 0px;
    padding: 0px;
}
div#nav ul li {
    display: inline;
    padding: 0px 5px 2px 5px;
    margin: 0px 10px;
    border-bottom: 3px solid #69180D;
}
    div#nav ul li:hover {
            border-bottom: 3px solid #A22220;
    }
div#nav ul li a {
        color: #F55B39;
        text-decoration: none;
}
    div#nav ul li a:hover {
            color: #824E34;
    }
/* end navigation bar */    
    
    
/* The actual page content */
div#content {
    margin: 0px;
    padding: 10px;
    font-family: georgia, times new roman, serif;
}
div#content p {
    margin: 0px 0px 10px 0px;
    line-height: 1.5em;
    font-size: 1em;
    margin-bottom: 1em; 
}
div#content p.published {
    text-align: right;
    font-family: tahoma, sans-serif;
    font-size: 0.9em;
}
    div#content p.published span.commentinv {
        background-image: url(http://maccath.com/comments.png);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 20px;
    }
div#content ul li {
    line-height: 1.5em;
}
div#content ul {
    margin: 0px 0px 1.5em 5%;
}
div#content a {
        text-decoration: none;
        color: #430E05;
        border-bottom: 1px solid #750D0D;
}
    div#content a:hover {
            color: #BF7C41;
            border-bottom: 0px;
    }
div#content img.center {
    display: block;
    margin: 0px auto 10px auto;
    padding: 1px;
    background-color: #8D5438;
    border: 10px solid #5C3522;
}
div#content p.category {
    margin-bottom: 10px;
    font-family: tahoma, sans-serif;
    font-size: 0.9em;
    text-align: center;
}

/* end content */    

/* Divider */
div#content hr {
   margin: 20px auto;
   display: block;
   background-image: url(http://maccath.com/div.png);
   width: 215px;
   height: 46px;
   background-repeat: no-repeat;
   border: 0px;
   padding: 0px;
}
/* Divider */
div#content hr.comment {
   margin: 20px auto;
   display: block;
   background-image: url(http://maccath.com/skulldiv.png);
   width: 32px;
   height: 32px;
   background-repeat: no-repeat;
   border: 0px;
   padding: 0px;
}


/* Comments form and stuff */
div#content form {
    width: 90%;
    margin: 20px;
}
    div#content form input, div#content form textarea {
        border: 1px solid #46281A;
        background-color: #915537;
        padding: 3px;
        font-family: verdana, sans-serif;
        font-size: 0.9em;

        margin: 0px 10px 11px 0px;
    }
    div#content form textarea {
        width: 100%;
    }
div#content label {
    margin: 0px;
    padding: 0px;
}


/* The actual comments display */
div#content div.comment-body {
    width: 66%;
    margin: 15px auto -5px auto;
    padding-top: 5px;
    background-image: url(http://maccath.com/ql.png);
    background-repeat: no-repeat;
    background-position: top left;
}
div#content div.comment-body p {
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    z-index: 4;
    background-image: none;
}
div#content div.comment-body p.cmeta {
    text-align: right;
    margin: -15px 0px 5px 0px;
    padding: 15px 0px 0px 0px;
    font-style: italic;
    font-size: 0.9em;
    position: relative;
    top: -9px;
    background-image: url(http://maccath.com/qr.png);
    background-repeat: no-repeat;
    background-position: top right;
    z-index: 3;
    font-family: tahoma, sans-serif;
}


/* Bottom navigation bar */
div#bottomnav {
    background-color: #280903;
    color: #75442C;
    border-top: 3px solid #430E05;
    padding: 20px 20px 20px 20px;
    font-size: 0.9em;
}
/* The different sections */
div#bottomleft {
    float: left;
    width: 33%;
}
div#bottomright {
    float: right;
    width: 66%;
}
div#bottomrightr {
    float: right;
    width: 49%;
}
div#bottomrightl {
    float: left;
    width: 49%;
}
div#footer {
    background-color: #280903;
    color: #F55B39;
    padding: 5px;
    clear: both;
    text-align: right;
}
/* The headings */
div#bottomnav h1 {
    display: none;
}
div#bottomnav h2 {
    margin: 0px 0px -20px 0px;
    padding: 0px;
    position: relative;
    z-index: 2;
}
div#bottomnav input { /* For search bar */
    width: 70%;
    background-color: #310B04;
    padding: 5px 5px 5px 25px;
    font-family: trebuchet ms, sans-serif;
    border: 0px solid #1F0703;
    margin: 0px auto;
    display: block;
    color: #75442C;
    background-image: url(http://maccath.com/magnifier.png);
    background-repeat: no-repeat;
    background-position: 3px center;
}
div#bottomnav ul {
    margin: 0px;
    padding: 0px;
    width: 80%;
}
    div#bottomnav ul li {
        list-style-type: none;
        border-bottom: 1px solid #440F06;
        background-color: #310B04;
    }
    div#bottomnav ul li:hover {
        background-color: #280903;
    }
div#bottomnav ul li a {
    position: relative;
    z-index: 10;
    color: #74432B;
    text-decoration: none;
    display: block;
    padding: 5px;
}
div#bottomnav ul li a:hover {
    padding-left: 10px;
}
div#bottomnav img.gallery {
    display: block;
    padding: 1px;
    background-color: #71271B;
    margin: 0px auto;
    border: 10px solid #310B04;
}
div#bottomnav img.gallery:hover {
    background-color: #F55B39;
}

/* Gallery Styles */
div#content img.gallery {
    display: block;
    position: relative;
    z-index: 20;
    margin: 0px auto 0px auto;
    padding: 1px;
    background-color: #8D5438;
    border: 10px solid #5C3522;
}

div#content p.gallery {
    text-align: center;
}
div#content p.gallery a img {
    background-color: #3A2216;
    border: 7px solid #5C3522;
    width: 160px;
    height: 96px;
    padding: 1px;
    margin: 4px;
}
div#content p.gallery a img:hover {
    background-color: #8D5438;
}
div#content p.gallery a {
    border-bottom: 0px;
}

/* Sitemap */
div#content ul.sitemap ul {
    margin: 0px;
}