/*
    ####################
    #                  #
    #  General styles  #
    #                  #
    ####################
*/

html, body {
    margin : 0;
    padding : 0;
    height : 100%;
}

body {
    font-family: "Arial", sans-serif;
    font-size : 18px;
    color : #444444;
}

div.menu_box {
    border : 7px solid white;
    background-color : white;
}

.menu_box {
    float : left;
    height : 120px;
    width : 120px;
}

span.menu_box_text {
    font-size : 25px;
    font-weight : bold;
    position : relative;
    left : 5px;
    bottom : -80px;
}

div.page_box {
    border : 3px solid white;
    background-color : #c3c3c3;
}

.page_box {
    float : left;
    height : 50px;
    width : 50px;
}

span.page_box_text {
    font-size : 10px;
    color : #000000;
    position : relative;
    left : 4px;
    bottom : -32px;
}

div.dj {
    padding : 20px;
    text-align : center;
    float : left;
    width : 190px;
}

div.dj_group {
    float : center;
    display:inline-block;
}

div.dj_small {
    padding : 10px;
    text-align : center;
    float : left;
    width : 150px;
}

div.event_detail {
    padding : 10px;
    text-align : left;
    float : left;
    width : 400px;
}

div.event_flyer {
    padding : 10px;
    text-align : center;
    float : left;
    width : 220px;
}

div.mixes {
    padding-left : 150px;
    text-align : left;
    line-height : 26px;
}

.nofloat {
    clear : both;
}

.small_text {
    font-size : 12px;
}

h1 {
    font-size : 40px;
    font-weight : bold;
    color : #222222;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.gtext {
    color : #ededed;
}

.btext {
    color : #000000;
}

a { text-decoration : none; display: block; }
a:link { color : #000000; }
a:visited { color : #000000; }
a:hover { color : #000000; }
a:active { color : #000000; }

a.page_link { color : #996699; display: inline; }
a.map_link { font-size : 12px; color : #996699; display: inline; }

#box1 { background-color : #993333; }
#box2 { background-color : #cc0000; }
#box3 { background-color : #cc3333; }
#box4 { background-color : #6f4b4f; clear : both; }
#box5 { background-color : #663366; }
#box6 { background-color : #996699; }
#box7 { background-color : #333366; clear : both; }
#box8 { background-color : #333399; }
#box9 { background-color : #666699; }

#page_head {
    position : relative;
    left : 400px;
}

#page_logo {
    font-size : 40px;
    font-weight : bold;
    position : relative;
    left : 4px;
    bottom : -110px;
}

#menu_holder {
    position : relative;
    float : left;
    height : 50%;
    margin-bottom :-230px;
    width : 1px;
}
 
#menu {
    position : relative;
    clear : left;
    height : 432px;
    width : 450px;
    margin : 0 auto;
    background : white;
}

#page_holder {
    position : relative;
    float : left;
    height : 50%;
    margin-bottom :-300px;
    width : 1px;
}
 
#page {
    position : relative;
    clear : left;
    height : 600px;
    width : 80%;
    max-width : 900px;
    min-width : 450px;
    margin : 0 auto;
    background : white;
}
 
#bottom {
    font-size : 10px;
    font-weight : bold;
    position : absolute;
    bottom : 0;
    right : 50;
}
 
#content {
    position:absolute; left:180px; right:0; top:0; bottom:0;
    overflow:auto; height:600px;
    width : 690px;
    padding:20px; margin:10px;
}

div.feedback {
    font-size : 14px;
    line-height: 180%;
}