/* Mathazzar Studios CSS */

@import url("reset.css");
@import url("typography.css");
@import url("rss.css");
@import url("coverflow.css");

body { background: #000 url('bkg.jpg') repeat-x; width: 1044px; margin: 0 auto; }

a { color: #097592 }

h1 { text-indent: -9999px; margin: 0 auto; background: url('logo.jpg') no-repeat; width: 185px; height: 151px; }

#container { margin: 0 auto; margin-top: 14px; background: url('container-bkg.jpg') no-repeat; min-height: 452px; width: 100%; }

#menu, .content, p#footer { width: 778px; margin: 0 auto; }

#menu { height: 37px; }
    #menu ul { margin: 0; padding: 0; float: right; padding-right: 0.3em; }
    #menu ul li { display: block; list-style: none; float: left; background: url('menu-div.jpg') right no-repeat; 
                    margin: 10px 1.1em 0 0; padding-right: 1.1em; } /* margin-left = padding-right */
    #menu li:last-child { background: none !important; }
    #menu ul a { color: #d6fcfd; text-transform: uppercase; font-size: 1em; }
    a.current { font-weight: bold }
    
.content { background: #181818; border: 1px solid #232323; }

    #home-banner, 
    #page-banner { -moz-border-radius: 0 0 10px 10px; -webkit-border-bottom-right-radius: 10px; 
                   -webkit-border-bottom-left-radius: 10px; margin-bottom: 14px; min-height: 452px; }

    #home-banner {}
    #page-banner { padding-top: 30px;  }
        #page-banner h2 { padding-top: 0px; }
        #page-banner h3, #page-banner h3 a { font-weight: bold }
        #page-banner h3 a { border-bottom: 1px solid; margin-bottom: 1em; }
        
        #page-banner h2, #page-banner h3, #page-banner h4, #page-banner h5,
        #page-banner h6, #page-banner p, #page-banner ul, #page-banner ol { padding-left: 25px; padding-right: 25px; }

        #page-banner img { border: 2px solid #232323; padding: 5px; margin: 0 15px; }
            
            #page-banner #copybar { width: 72% }
            #page-banner #copybar h2 { color: #36d7fd; }
            
            #page-banner #sidebar { width: 28%; }
            #page-banner #sidebar h2 { font-size: 1.4em }
            
            #page-banner .right { float: right; }
            #page-banner .left { float: left; }
            #page-banner img.right { margin-left: 20px; }
            #page-banner img.left { margin-right: 20px; }
            #page-banner .wide { width: 100% !important }

    #news h2 {
        text-transform: uppercase;
        color: #2ed2fe;
        font-size: 1.4em;
        padding-bottom: 4px;
    }
    #news span.posted { color: #097592; margin-bottom: 20px; }
    #news p { line-height: 1.15em }
        .main { background: #000; margin: 14px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 1.6em 2.4em; }
    

/* Journal */
div.entry p.info { letter-spacing: 0.01em; font-size: 1.1em; }

p#footer {
    margin-top: 7px;
    text-align: right;
    color: #595959;
}