body, html {
    font-family:"Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Arial, sans-serif;
}
h2 {
    font-size:180%;
    padding:20px;
    color:#ccc;
}
h2 span,
a {
    color:#0089E1;
    font-weight:bold;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
p {
    margin:10px 0;
    text-align:left;
}
.clear { clear:both;}
.small, small {font-size:70%;}
.bold, b, strong { font-weight:bold; }
.hidden { display:none!important; }
.gray   { color:#575352; }
.gray2  { color:#C0BFBD; }

#logo {
    float:left;
    margin-left:4px;
}

#nv {
    margin-left:230px;
}
.nav {
    height:30px;
    padding-top:40px;
    padding-left:30px;
}
.nav li {
    float:left;
}
.nav a {
    margin:4px 6px 0 0;
    padding:3px 10px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.nav a:hover {
    background:#eee;
    text-decoration:none;
}
.nav a.active {
    color:#fff;
    background:#0089E1 url(../img/blue.jpg) no-repeat scroll 50% 50%;
    
}

#doc {
    width:900px;
    margin:0 auto;
}

#hd {
    height:90px;
    margin-top:20px;
    border-bottom:1px solid #ddd;
}

#bd h1 {
    font-size:140%;
    padding:20px;
    color:#575352;
    border-bottom:1px solid #ddd;
    margin-bottom:20px;
    letter-spacing:0.02em;
    background:#eee url(../img/h1-bg.jpg) repeat-x 0 0;
}
#bd h1 a { font-weight:normal; }

#reservation {
    margin-top:10px;
}
#reservation th {
    color:#333;
}
#reservation td {
    vertical-align:top;
}
#reservation .reservation-day {
    margin:0 20px;
}
#reservation {}
#reservation thead tr th.week-navigation {
    padding:5px;
    font-size:140%;
    font-weight:bold;
    text-align:center;
    color:#0089E1;
}
#reservation thead tr th.date {
    background:#eee url(../img/glass.png) repeat-x 0 50%;
    color:#666;
    padding:10px;
    width:240px;
    text-align:center;
}

#reservation tbody th {
    padding:5px;
    font-size:140%;
    font-weight:bold;
    border-right:4px solid #eee;
    border-left:1px solid #eee;
    text-align:center;
    width:80px;
    color:#0089E1;
    border-bottom:1px solid #eee;
}
#reservation tbody th a:hover {
    color:#fff;
    background:#0089E1;
    text-decoration:none;
}
#reservation tbody td {
    font-size:80%;
    color:#666;
    text-align:left;
    padding:5px;
    border-bottom:1px solid #eee;
    border-right:1px solid #eee;
    vertical-align:middle;
}

#reservation-form {
    margin:0 20px;
}
#reservation-form label {
    font-size:80%;
    color:#888;
    display:block;
    margin-top:10px;
    margin-bottom:3px;
}
#reservation-form .actions {
}

.notice {
    background:#ffb;
    padding:20px;
    margin:20px 0;
    text-align:center;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}

#ft {
    font-size:70%;
    color:#999;
    text-align:center;
    border-top:1px solid #eee;
    padding:10px;
    margin-top:20px;
}
#ft a {
    font-weight:normal;
}

td.add-link a {
    font-size:80%;
    margin:none;
    padding:none;
    display:none;
    text-align:center;
    font-weight:normal;
}

td.reserved {
    background:#eee;
}
table.gallery-view {
    border-collapse: collapse;
    margin:0 auto;
}
table.gallery-view td {
    text-align: center;
}
table.gallery-view td a {
    display:block;
    border: 2px solid #f4f4f4;
    margin:4px;
}
table.gallery-view td a:hover {
    border-color:#0089E1;
}
table.gallery-view td img {
}
#gallery-list {
}
#gallery-list td img {
    float:left;
    border:2px solid #575352;
    margin:-14px 12px 0 0;
}
#gallery-list td a:hover img {
    border-color:#C0BFBD;
}
#gallery-list td a {
    background:#ddd url(../img/gray.jpg) no-repeat 50% 50%;
    color:#C0BFBD;
    font-size:200%;
    font-weight:normal;
    text-decoration:none;
    display:block;
    margin-left:64px;
    width:274px;
    margin:4px;
    padding:25px 0 16px 11px;
    line-height:2em;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
#gallery-list td a:hover {
    background:#0089E1 url(../img/blue.jpg) no-repeat 50% 50%;
    color:#fff;
}
#gallery-list h2 {
    padding:0;
}

#gallery-nav {
    width:200px;
}

#gallery-nav li {
    text-align:right;
    padding:10px 4px;
    border-bottom:1px solid #ddd;
    font-size:80%;
}

.pic-label {
    display:block;
    color:#575352;
    background:#ddd;
    font-size:70%;
    font-weight:normal;
    padding:4px 0;
}


#usernav {
    position:absolute;
    top:0;
    width:900px;
    text-align:right;
    padding:4px 0;
}
#usernav a {
    font-size:70%;
    font-weight:normal;
}


ul.form {
    background:#eee;
    padding:20px;
}
ul.form li {
    text-align:left;
    padding:8px 0;
}
ul.form li.actions {
    text-align:right;
}
ul.form label {
    display:block;
    font-size:70%;
    padding:4px 0;
    color:#666;
}
ul.form #id_username, ul.form #id_password {
    border:2px solid #ccc;
    background:#fff;
    font-size:120%;
    padding:3px 5px;
    color:#444;
    width:96%;
}