/* All-around {{{ */
html { overflow: -moz-scrollbars-vertical; }

html, body {
    padding: 0px;
    border: 0px;
    margin: 0px;
    background: black;
    color: white;
    font-family: "Trebuchet MS", "Trebuchet", "Arial", "Helvetica", sans-serif;
    text-align: center;
}

ul, form {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

table {
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 100%;
    color: inherit;
}

td, th {
    border: 0;
    padding: 0;
    margin: 0;
}

.clear {
    clear: both;
    line-height: 1px;
    height: 1px;
    font-size: 10%;
}

img {
    border: 0;
}

table {
    font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    padding-bottom: 0.1em;
}

/* }}} */

/* Layout {{{ */
#container {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 797px;
    text-align: left;
    margin: 0 auto;
    background: url(/images/bg-main.png) transparent left top repeat-y;
    font-size: 90%;
}

#header {
    position: relative;
    border-bottom: 3px solid black;
    border: 0;
}

#headerImage {
    display: block;
    margin: 0 41px;
}

#headerMusic {
    background: url(/images/player-bg.png) #004ecc left top no-repeat;
    position: absolute;
    text-align: center;
    width: 229px;
    height: 56px;
    top: 56px;
    right: 51px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#songName {
    float: left;
    width: 130px;
    line-height: 23px;
    padding: 5px 0 5px 10px;
    height: 56px;
    font-size: 125%;
}

#player {
    float: right;
    padding: 15px 15px 0 10px;
    width: 64px;
}

#headerParents {
    background-color: #004ecc;
    float: right;
    position: relative;
    margin-bottom: -20px;
    margin-right: 51px;
    padding: 1px 12px;
    top: 145px;
}

#payPalForm {
    margin: 0;
    padding: 0;
}

#payPalButton {
    margin: 7px 0 0 46px;
}

#payPalBug {
}

#menubar {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    background: url(/images/bg-menu.jpg) #004ecc left top no-repeat;
    display: inline;
    float: left;
    width: 188px;
    margin-left: 41px;
    min-height: 280px;
    _height: 300px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#menubar li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

#menubar a {
    display: block;
    padding: 3px 0 4px 10px;
}

#content {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-left: 3px solid black;
    min-height: 347px;
    height: expression('367px');
    width: 528px;
    background: url(/images/bg-content.gif) #f6f1ed left top repeat-x;
    color: black;
    padding: 10px;
}

#footer {
    clear: left;
    font-size: 85%;
    text-align: center;
    background: url(/images/bg-footer.png) black top left no-repeat;
    padding: 0 41px 33px 41px;
    color: #7a7979;
}

#footElements {
    padding-top: 40px;
}

#footTextlinks a {
    padding: 0 3px;
}

#footer a {
    color: #7a7979;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer img {
    border-top: 4px solid black;
}

#copyright {
    padding: 1em 0;
}

/* Styles for /photo/ page */
.photoPage h2 {
    font-size: 130%;
}

.photoPage {
    text-align: center;
    padding: 1em 0;
}

.photoPage a {
    display: block;
    margin: 0.5em auto;
    font-weight: bold;
}

.photoPage img {
    border: 1px solid black;
}
/* }}} */

/* Content {{{ */
.c_default_standin {
    display: none;
}

.contentitem_default {
    margin-bottom: 1em;
}

#content p {
    margin: 0;
    padding: 0;
}

#content a {
    color: #004ecc;
}

#content a:hover {
    color: black;
}

#content a:visited, #content a:active {
    color: #307efc;
}

#content a.nameonly, #content a.nameonly:hover {
    color: black;
}
/* }}} */

/* Events {{{ */
#calendar {
    width: 100%;
    border: 1px solid #dbcb95;
    text-align: center;
    background-color: #ece5c7;
    color: black;
}

#calendar td, #calendar th {
    padding: 0 2px;
}

#calendar h2 {
    line-height: 200%;
}

#calendar .nav {
    font-size: 200%;
    font-weight: bold;
}

#calendar .nav a {
    text-decoration: none;
    padding: 0 10px;
}

#calendar .day {
    height: 60px;
    _height: 60px;
    background-color: white;
    vertical-align: top;
    text-align: left;
    border: 1px solid #dbcb95;
    font-size: 70%;
}

#calendar .day.othermonth {
    color: #afa277;
    background-color: #f6f1ed;
}

#calendar .nav, #calendar .daynames, #calendar .day {
    width: 14.29%;
}

#calendar .monthname {
    width: 42.86%;
}

#calendar .daynames {
    border: 1px solid #dbcb95;
}

#calendar .daylabel {
    border-bottom: 1px dashed #dbcb95;
    float: left;
    padding: 0 1px;
    font-weight: bold;
    margin: 0 1px;
    font-size: 115%;
}

#calendar .today {
    background-color: #efead3;
}

#calendar .today .daylabel {
    color: red;
}

#calendar .event {
    clear: left;
}
/* }}} */

/* Administration {{{ */
#adminPage, #adminPage table {
    color: black;
}

span.admin_message {
    background-color: #009900;
    color: #ffffff;
    font-weight: bold;
}

span.admin_error {
    background-color: #990000;
    color: #ffffff;
    font-weight: bold;
}

div.admin_message {
    padding: 4px;
    background-color: #009900;
    color: #ffffff;
    font-weight: bold;
}

div.admin_error {
    padding: 4px;
    background-color: #990000;
    color: #ffffff;
    font-weight: bold;
}

table.admin_index {
    font-size: 0.8em;
}

th.admin_index {
    font-weight: bold;
    text-align: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

tr.admin_index_th {
    background-color: #666666;
    color: #ffffff;
}

tr.admin_index_even, tr.admin_index {
    background-color: #dddddd;
    font-size: 1.0em;
}

tr.admin_index_odd {
    background-color: #eeeeee;
    font-size: 1.0em;
}

tr.admin_index_context {
    background-color: #aaaadd;
    font-size: 1.0em;
}

td.admin_index {
    padding-left: 0.5em;
    padding-right: 0.5em;
}
/* }}} */

/* Deprecated {{{
a.file_attach {
  font-family: ;
  font-size: xx-small;
  font-weight: bold;
  color: #004ecc;
  text-decoration: none;
}

a.file_attach:hover {
  text-decoration: underline;
  color: ;
}
}}} */