/* html elements */

body {
    margin: 0px;
    padding: 0px;
    color: #fff;
    font: 12px/18px "georgia", "times new roman";
    background-image: url("/_img/bg-common.gif");
    background-repeat: repeat-x;
    background-color: #333;
}

h1, h2 {
    margin: 0px 0px 10px 0px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}

h3, h4, td {
    margin: 0px 0px 2px 0px;
    color: #ccc;
    font-weight: normal;
}

h4, th {
    color: #999;
}

a {
    color: #999;
    text-decoration: underline;
}

a:hover {
    color: #fff;
}

form {
    margin: 0px;
    padding: 0px;
}

/* custom classes */

br.clear {
    height: 0px;
    clear: both;
}

input.text {
    margin: 0px;
    padding: 1px 3px 1px 3px;
    background-color: #999;
    border: 1px solid #000;
}

/* custom elements */

#wrap {
    background-image: url("/_img/bg-grit.gif");
    background-repeat: no-repeat;
}

    #head, #foot {
        width: 900px;
    }
    
        #logo, #host {
            float: left;
            width: 260px;
            padding: 20px;
        }
        
        #host {
            padding: 0px 20px 20px 20px;
        }
    
        #cart, #copy {
            width: 600px;
            float: left;
            text-align: right;
        }
        
        #copy {
            color: #666;
        }
    
    #menu {
        padding: 0px 0px 40px 300px;
    }
    
        #menu a {
            padding: 0px 5px;
            font: 24px "courier new", "courier";
            text-decoration: underline;
            color: #ccc;
        }
        
        #menu a:hover {
            color: #fff;
        }
    
    #main {
        width: 880px;
        padding: 0px 0px 20px 20px;
    }
    
        #margin {
            float: left;
            width: 240px;
            padding-right: 40px;
        }
        
            #margin img.artist {
                margin: 0px 5px 0px 0px;
                border: 2px solid #fff;
            }
        
        #section {
            float: left;
            width: 600px;
            padding-bottom: 20px;
            font: 13px/20px "georgia", "times new roman";
        }
            
            div.notice {
                margin: 10px 0px;
                padding: 5px 10px;
                background-color: #666;
                border: 2px solid #ccc;
            }
            
            #page {
                font: 11px/19px "lucida grande", "helvettica", "geneva", "sans-serif", "arial";
            }
            
            #page a.page, #page a.page:hover, #page a.page-curr {
                display: block;
                float: left;
                margin: 0px 2px 0px 0px;
                padding: 0px;
                width: 22px;
                color: #999;
                text-align: center;
                background-color: #333;
            }
            
            #page a.page:hover {
                color: #ccc;
                background-color: #666;
            }
            
            #page a.page-curr {
                color: #333;
                background-color: #ccc;
            }
            
            #section img.artist {
                margin: 15px 15px 15px 0px;
                border: 2px solid #fff;
            }
            
            #section table.ruled td {
                padding: 4px 10px;
            }
            
            #section th {
                padding: 4px 10px;
                text-transform: uppercase;
                text-align: left;
            }
            
            #section tr.ruler {
                background-image: url("/_img/bg-ruler.png");
            }
            
            #section span.hint {
                font-size: 10px;
                color: #666;
                font-style: italic;
            }
            
            #flacnotice {
                margin-bottom: 15px;
                padding: 10px;
                background-color: #ccc;
                color: #333;
                display: none;
            }
    

/* pagination */

#page {
    padding-top: 20px;
}

#page a, #page a:hover {
    text-decoration: none;
    background-color: transparent;
}

#page a.page, #page a.page-curr {
    display: block;
    float: left;
}

#page a.page-curr {
    background-color: #ccc;
}