/* ***** TAGS ***** */

    body {
        color: #231f20;
        font: bold .75em helvetica;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    
    #title {
        color: #231f20;
        display: block;
        float: left;
        padding: 35px 0 19px 0;
        width: 100%;
    }
    
    h1 {
        clear: left;
    }
    
    form {
        display: inline;
    }
    
/* ***** LAYOUT ***** */

    #content {
        margin: 0 auto; 
        text-align: center;
        width: 708px;
    }
    
/* ***** NAV ***** */     

    #main-nav {
        float: left;
        margin-bottom: 20px;
        width: 100%;
    }  

    #main-nav li {
        display: inline;
        margin-right: 74px;
    }
    
    #main-nav li.last {
        margin-right: 0;
    }
    
    #main-nav li a {
        color: #231f20;
        text-decoration: none;
        width: 108px;
    }
    
    #main-nav li a:hover,
    #main-nav li.selected a {
        text-decoration: underline;
    }
    
/* ***** GRID ***** */

    #grid {
        float: left;
        margin-top: 55px;
        width: 708px;
    }
    
        #grid #pos2 {
            background-image: url(../images/thumb-redwhiteblue.png);            
        }
        
        #grid #pos3 {
            background-image: url(../images/thumb-vivahate.jpg);            
        }
        
        #grid #pos4 {
            background-image: url(../images/thumb-h099.png);            
        }
        
        #grid #pos5 {
            background-image: url(../images/thumb-nicedrawings.png);            
        }
        
        #grid #pos6 {
            background-image: url(../images/thumb-ambitious.jpg);            
        }
        
        #grid #pos7 {
            background-image: url(../images/thumb-ad.jpg);            
        }
        
        #grid #pos8 {
            background-image: url(../images/thumb-stationary.png);            
        }
        
        #grid #pos9 {
            background-image: url(../images/thumb-getinvolved.jpg);            
        }
        
        #grid #pos10 {
            background-image: url(../images/thumb-perfectfool.jpg);            
        }
        
        #grid #pos11 {
            background-image: url(../images/thumb-sitandlisten.png);            
        }
        
        #grid #pos12 {
            background-image: url(../images/thumb-roofdog.jpg);            
        }
        
        #grid #pos13 {
            background-image: url(../images/thumb-bigscreen.png);            
        }
        
        #grid #pos14 {
            background-image: url(../images/thumb-ifiwererich.jpg);            
        }
        
        #grid #pos15 {
            background-image: url(../images/thumb-myfriendtoe.png);            
        }
        
        #grid #pos16 {
            background-image: url(../images/thumb-sewverynice.jpg);            
        }
        
        #grid #pos17 {
            background-image: url(../images/thumb-cirencester.png);            
        }
        
        #grid #pos18 {
            background-image: url(../images/thumb-wfmu.jpg);            
        }

    #grid li {
        background: url(../images/thumb-anartist.jpg) no-repeat left top;
        float: left;
        margin-right: 10px;
        min-height: 166px;
        width: 108px;
    }
    * html #grid li {
        height: 166px;
    }
    
    
    #grid li a {
        color: #231f20;
        display: block;
        font-size: 0.8333333333em;
        padding-top: 112px;
        text-decoration: none;
    }
    
/* ***** PAGING ***** */

    div.paging, div.minipager {
        float: left;
        margin-bottom: 19px;
        width: 100%;
    }
    
    div.minipager {
        margin-bottom: -16px;
        position: relative;
        top: -27px;
    }
    
    div.image-wrap {
        position: relative;
    }
    
    div.image-wrap img {
        left: 0px;
        position: absolute;
        top: 0px;
    }
    

    div.paging li,
    div.minipager li {
        display: inline;
        margin-right: 10px;
    }
    
    div.paging li a,
    div.minipager li a {
        color: #231f20; 
        text-decoration: none;
    } 
    
    ul.pager div.minipager li {
        float: none;
        font-size: 1.1666666667em; /* 14px */
        width: auto;
    } 
    
    div.paging li a:hover,
    div.minipager li a:hover,
    div.paging li.selected a {
        text-decoration: underline;
    } 
    
    div.paging {
        margin: -3px 0 19px 0;
    }
    
    ul.pager h2 {
        padding-bottom : 15px;
        text-transform: uppercase;
    }
    
    ul.pager li {
        float: left;
        width: 100%;
    }
    
    ul.pager h3 {
        font: normal 1em Georgia;
        font-style: italic;
        letter-spacing: 0;
        text-transform: none;
        padding-bottom: 33px;
    }
    
/* ***** INFO ***** */

    body.info h1,
    body.www h1 {
        padding: 31px 0 52px 0; 
    }
    
    ul#info li {
         margin-bottom: 15px;
         padding-bottom: 19px;
    }
    
    ul#info li.last {
        background: none;
    }
    
    ul#info h3 {
        font: normal 1em Georgia;
        font-style: italic;
        letter-spacing: 0;
        text-transform: lowercase;
    }
    
/* ***** WWW ***** */

    body.www h1 {
        padding-bottom: 0;
    }