/* 
Document   : layout.css
Created on : May 2, 2009, 4:28:13 PM
Author     : Elmer
Description:
CSS layout for the MegaGallery project.
*/

html, body {
    font-size: 14px;
    background-color: #000;
    color: #AAA;
    background-image: url(../img/tile.gif);
    background-repeat: repeat-y;
}

h1 {
    border-bottom:2px inset #666666;
    font-family:Impact,"Britannic Bold","Arial Black",sans-serif;
    font-size:3em;
    font-variant:small-caps;
    font-weight:normal;
    margin:0;
}

#container {
    width: 900px;
    margin: 0 auto;
    padding:0;
}

#gallery {
    border-color:#AAAAAA #AAAAAA #444444 #444444;
    border-style:solid;
    border-width:3px;
    margin:0.5em;
    padding: 1em;
    overflow: hidden;
     background-image: none;
    background-color: #000;
}

#gallery ul {
    width: 95%;
    clear: both;
}

#gallery ul li {
    list-style: none;
    width: 196px;
    height: 147px;
    float: left;
    border: 1px solid #AAA;
    background-color: #444;
    text-align: center;
    margin: .1em;
    overflow: hidden;
}

div.pagenav {
    width: 100%;
}

div.pagenav p.left {
    width: 200px;
    float: left;
}

div.pagenav p.right {
    width: 200px;
    float: right;
    text-align: right;
}

div.pagenav a {
    color: #FFF;
    text-decoration: none;
    font-variant: small-caps;
    font-weight: bold;
}