html, body {
    width: 600px;
    margin: 0 auto;
    
    color: #fff;
    font: normal normal normal 14px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: rgb(56, 1, 1) url(../images/background_gradient.png) repeat-x fixed top center;
}

#logo {
    width: 600px;
    height: 32px;
    display: block;
    margin: 35px auto;
    
    background: url(../images/logo.png) no-repeat top center;
}

#logo > a {
    width: 600px;
    height: 32px;
    display: block;
}

h1 {
    margin: 0;
    font-size: 18px;
}

#message_box *:last-child, #content_box *:last-child { margin-bottom: 0; }

table th {
    text-align: left;
}

/* message box stuff */

#message_box_top {
    width: 100%;
    height: 10px;
    display: block;
    
    background: url(../images/message_box_top_success.png) no-repeat;
}

#message_box_top.error { background-image: url(../images/message_box_top_error.png); }

#message_box {
    padding: 0 15px 10px 15px;
    margin-bottom: 20px;
    
    color: rgb(53, 75, 24);
    text-shadow: rgb(169, 238, 76) 0 1px 0;
    background: rgb(141, 198, 63) url(../images/message_box_bottom_success.png) no-repeat bottom left;
}

#message_box.error {
    color: rgb(94, 2, 2);
    text-shadow: rgb(255, 111, 78) 0 1px 0;
    background: rgb(231, 56, 0) url(../images/message_box_bottom_error.png) no-repeat bottom left;
}

#message_box > p {
    margin: 5px 0;
}

#message_box > a.file_link {
    padding: 10px;
    margin: 10px 0;
    display: block;
    
    color: rgb(152, 213, 68);
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    text-shadow: rgb(25, 36, 12) 0 -1px 0;
    background-color: rgb(53, 75, 24);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#message_box a:link, #message_box a:visited, #message_box > a:active {
    color: rgb(152, 213, 68);
}

#message_box a:hover {
    color: rgb(171, 240, 77);
}

/* content box stuff */

#content_box_top {
    width: 100%;
    height: 10px;
    display: block;
    
    background: url(../images/content_box_top.png) no-repeat;
}

#content_box {
    padding: 0 10px 10px 10px;
    
    color: rgb(60, 60, 60);
    background: #fff url(../images/content_box_bottom.png) no-repeat bottom left;
}

#content_box > h1 {
    margin-top: 0;
}

#content_box > p {
    margin: 5px 0;
}

div.inner_box {
    padding: 10px;
    margin: 10px 0;
    
    color: white;
    background-color: rgb(231, 56, 0);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div.inner_box > h2 {
    margin: 0 0 5px 0;
    
    font-size: 14px;
}

div.inner_box > input {
    width: 98%;
    
    color: #fff;
}

div.inner_box > input[type=text] {
    padding: 3px;
    
    color: #ccc;
    font-size: 14px;
}

div.inner_box > input[name=userurl] { color: #000; }

div.inner_box a:link, div.inner_box a:visited, div.inner_box a:active, div.inner_box a:hover {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px dotted #fff;
}

a.beer_me:link, a.beer_me:visited, a.beer_me:active {
    padding: 10px;
    margin: 0;
    display: block;
    
    text-align: center;
    text-decoration: none;
    font-size: 24px;
    font-weight: bold;
    color: rgb(53, 75, 24);
    text-shadow: rgb(169, 238, 76) 0 1px 0;
    background: rgb(141, 198, 63) url(../images/beer_me_gradient.png) repeat-x bottom left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 3px solid rgb(141, 198, 63);
}

a.beer_me:hover {
    background: rgb(141, 198, 63) url(../images/beer_me_gradient_over.png) repeat-x bottom left;
    border: 3px solid rgb(169, 238, 76);
}

#content_box table {
    line-height: 1.7em;
}

#content_box table a:link, #content_box table a:visited, #content_box table a:active {
    color: rgb(60, 60, 60);
}

#content_box table a:hover {
    color: rgb(94, 2, 2);
}

#content_box table tr.mine * {
    color: rgb(231, 56, 0);
    font-weight: bold;
}

#content_box div.inner_box.log {
    padding: 5px 10px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    
    font-size: 12px;
}

    #content_box div.inner_box.log p {
        margin: 0;
    }
        
        #content_box div.inner_box.log span.name {
            border-bottom: 1px dotted white;
        }
        
        #content_box div.inner_box.log p.detail {
            font-size: 11px;
        }

#content_box div.inner_box.grey {
    background-color: rgb(60, 60, 60);
}

#content_box a.log {
    display: block;
    
    text-decoration: none;
}

    #content_box a.log:hover div.inner_box.log {
        background-color: rgb(242, 81, 0);
    }
    
    #content_box a.log:hover div.inner_box.log.grey {
        background-color: rgb(76, 76, 76);
    }

div.pagination {
    padding: 3px;
    
    font-size: 12px;
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1px;
}

#content_box ul {
    width: 50%;
    margin: 0;
    padding: 0;
    
    list-style: none inside;
}

#content_box ul a:link {
    color: rgb(60, 60, 60);
}

#content_box ul a:visited, #content_box ul a:active, #content_box ul a:hover {
    color: rgb(231, 56, 0);
}

/* footer stuff */

#footer {
    width: 100%;
    margin: 15px 0;
    
    font-size: 11px;
    color: rgb(99, 2, 2);
    text-align: center;
}

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
    color: rgb(99, 2, 2);
    text-decoration: none;
    border-bottom: 1px solid rgb(99, 2, 2);
}

#footer a {
    margin: 0 5px;
}