/*this first part is to set the font style, color and size of your text, as well as the background color of the page */
body {
background-color:#a5743b;
font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 13pt;
}

p, ol, ul, li, td {
font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 13pt;
color: #624626;
}

.opening {
color: #7c5b30;
font-weight:bold;
font-size: 13pt;
}

/*this changes the headings, you can alter the size font type, and the color of these */

h1 { font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; font-size: 22pt; color: #7c5b30; font-weight:bold;}
h2 { font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; font-size: 18pt; color: #cc6600; font-weight:bold;}
h3 { font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; color: #cc6600; font-weight:bold;}
h4 { font-family: "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif; font-size: 14pt; color: #000; font-weight:bold;}

#greeting {
border: 4px solid #cc6600;
padding:15px;
width:450px;
margin:10px 0 20px 10px;
background-color: #f7e3c6;
}

#greetingtext p,li {
font-size:12pt; 
}

#container {
width: 550px;
margin: 0.5em auto 0.5em auto;
background: #fff;
text-align:center;
-moz-border-radius: 20px;
padding: 0.5em;
}
#container li {
float: left;
width: 120px;
height:120px;
list-style-type:none;
border: solid #ccc;
border-width: 1px 1px 0 0;
-moz-border-radius-topright:10px;
margin:1em;
text-align:center;
display:inline;
}
li img { border: none; }
ul#photos li a span { display: none; }
ul#photos li a:hover span {
display: block;
color: #333;
background-color:tan;
-moz-border-radius: 10px;
padding: .25em 0 .25em 0;
text-transform: uppercase;
font-size: .80em;
}
#photo, #pictureScreenObject {
display:none;
position: absolute;
left:15%;
z-index:100;
background:#fff;
padding:2em;
margin:1em;
font: 0.8em Arial, Helvetica, sans-serif;
border:1px solid #ccc;
text-align: center;
-moz-border-radius: 20px;
}