/* link decoration */
a:link {color: #BFA260; text-decoration: underline;}

a:visited {color: #BFA260; text-decoration: underline;}

a:active {color: #BFA260; text-decoration: underline;}

a:hover {color: #FFD980; text-decoration: underline}

/* page layout */
body {text-align: center;
      font: 70% Verdana, Arial, sans-serif;
      margin: 0px;
      padding: 0px;
      background: #FFECBF;}

abbr, acronym {cursor: help;}

div#main {text-align: left;
          margin: 20px auto;
          padding: 0px;
          border: 1px solid gray;
          background: #FFF7E6;}

/* IE box model hack */
div#main { 
  width: 742px; /* IE */
  voice-family: "\"}\""; 
  voice-family: inherit;
  width: 640px; /* real width for "polite" browsers */
}

html>body #main {width: 640px;} /* "be nice to Opera 5" rule */
/* end of IE box model hack */

div#heading {margin: 10px 10px 0px 10px;
             font: bold italic 12px verdana, arial, sans-serif;
             text-align: left;
             height: 50px;
             padding: 10px 15px;
             border: none;
             color: #FFCC00;/*#FFD980;*/
             background:url('./images/heading_bg_faces.gif') no-repeat bottom right;}
             
#menu {text-align: left;
       margin: 0px;
       padding: 4px 0px;
       border-width: 1px 0px;
       border-color: gray;
       border-style: solid;
       background: #BFA260;}

#menu a {text-decoration: none;
         font: bold 15px verdana, arial, sans-serif;
         margin: 0px;
         padding: 4px 12px;
         color: white;}
            
#menu a:hover {background: #FFD980;
               text-decoration: none;
               padding-bottom: 1px;
               border-bottom: solid 3px white;}

.tools {float: right;
        text-align: right;
        font: 80% verdana, arial, sans-serif;
        margin: 0px;
        border: 0px;
        padding: 5px 10px;}

#content {border: none;
          text-align: left;
          padding: 35px 30px 35px 30px;}           

p, li {text-align: justify;
       margin-top: 0px;
       margin-bottom: 1em;}
    
h2, h3, h4 {font: bold verdana, arial, sans-serif;
        color: #FFCC00;/*#FFD980;*/
        margin-top: 2.5em;
        margin-bottom: 1em;}

h2 {font-size: 150%;}

h3 {font-size: 125%;}

h4 {font-size: 105%;}
        
h2.first, h3.first, h4.first {margin-top: 0px;}

.puzzle {border: 0px;
         float: right;
         margin: 0px 0px 0px 25px;}

#schedule td {border-style: solid;
              border-color: LightGray;
              border-width: 1px 0px 0px 0px;
              vertical-align: top;}

form button, form input {font: 100% Verdana, Arial, sans-serif;}

#photos td {vertical-align: top;}

#photos th {color: #FFCC00;}

.thumb {padding: 4px;
        border-color: LightGray;
        border-style: solid;
        border-width: 1px;
        background: white;
        margin: 1px 0px;}
        
.photo {padding: 9px;
        border-color: LightGray;
        border-style: solid;
        border-width: 1px;
        background: white;
        margin: 10px auto 5px auto;}

#presents_list td {vertical-align: top;
                   text-align: left;}

#presents_list td img {border-color: LightGray;
                       border-style: solid;
                       border-width: 1px;
                       background: white;
                       padding: 2px;
                       margin: 4px 0px 10px 0px;}
                       
.booked {color: gray;}

.error {text-align: center;
        background: #FFCC00;
        padding: 5px;
        margin: 0px 20px 1em 20px;}


.comment_right {text-align: right;
                font-size: 80%;
                margin: 5px 0px 10px 0px;}