/* CSS Document */
/*CSS Style Sheet Created by Jefferson Kwan Lee, December 14, 2005.*/

/*The basic styling for the site.*/
body {
font-family:Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#ffffff;
background:url(images/page_bg.jpg) no-repeat top left #000000;
}

h1 {
padding:0 0 20px 0;
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:180%;
color:#c99367;
}

h2 {
padding:0;
margin:0;
font-size:120%;
font-family:Georgia, "Times New Roman", Times, serif;
font-variant:small-caps;
color:#d27008;
}

h3 {
padding:0 0 10px 0;
margin:0;
font-size:100%;
font-family:Georgia, "Times New Roman", Times, serif;
}

h4 {
padding:0 0 20px 0;
margin:0;
font-size:80%;
font-variant:small-caps;
}

h5 {
padding:0 0 20px 0;
margin:0;
font-size:80%;
}

h6 {
padding:3px;
margin:0 0 20px 0;
font-size:60%;
color:#ffffff;
background:#333333;
}

p {
padding:0 0 20px 0;
margin:0;
font-size:80%;
line-height:140%;
}

strong {
color:#c99367;
}

a {
color:#ffa100;
text-decoration:underline;
}

a:hover {
color:#bc1000;
text-decoration:none;
}

ul {
padding:0 0 20px 0;
margin:0 0 0 50px;
font-size:80%;
line-height:120%;
}

ol {
padding:0 0 20px 0;
margin:0 0 0 50px;
font-size:80%;
line-height:120%;
}

/*These styles are in regards to the form on the "Join our mailing list" page.*/
form {
padding:0;
margin:0;
}

input {
padding:5px;
margin:0;
background:#d27008;
color:#000000;
border:0;
}

.button {
background:#d27008;
color:#ffffff;
text-align:center;
font-weight:bold;
padding:5px;
margin:20px 0 0 0;
}
/*The header syling for the website. The background image is a part of the main body styling. Uses absolute positioning.*/
#header {
position:absolute;
top:28px;
left:100px;
padding:0;
margin:0;
}

#header h1 {
padding:0;
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#fbd860;
}

#header ul {
font-size:12px;
padding:0;
margin:0;
color:#c99367;
}

#header li {
display:inline;
}

#header li strong {
color:#ffa100;
}

#header li a {
color:#ffa100;
text-decoration:underline;
}

#header li a:hover {
color:#ffffff;
text-decoration:none;
}

/*The main navigation syling for the website. Uses absolute positioning.*/

#top_nav {
background:#bc1000;
position:absolute;
top:80px;
left:0;
width:100%;
}

#top_nav ul {
font-size:12px;
padding:0;
margin:0 0 0 50px;
}

#top_nav li {
display:inline;
list-style:none;
padding:0;
margin:0;
}

#top_nav li a {
display:block;
width:120px;
background:#d27008;
padding:3px 0 3px 0;
margin:0 20px 0 0;
text-decoration:none;
text-align:center;
color:#fbd860;
float:left;
}

#top_nav li a:hover {
background:#bc1000;
color:#ffffff;
}

/*The content div syling for the website. Uses absolute positioning.*/

#content {
position:absolute;
top:125px;
left:51px;
width:680px;
margin:0;
padding:0;
}

/*This class is used to properly style gallery images.*/

.gallery {
padding:0 40px 20px 0;
float:left;
}

/*This is the navigation for the gallery. The navigation has two parts. The "archive_nav" styles the menu organizes the gallery into date headings. The "gallery_nav" styles the menu that lets the viewer navigate the images. The "gallery_nav" style only works with thumbnail images sized 30x30 pixels. Both of these styles are used with the "ul" tag. "Gallery_nav_box" styles the div that the two menus exists in, adjusting the overall position of the menu.*/

#gallery_nav_box {
position:absolute;
top:125px;
left:51px;
padding:0;
margin:0;
}

#archive_nav {
padding:0;
margin:0 10px 0 0;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:12px;
list-style:none;
}

#archive_nav li {
padding:0;
margin:0 0 10px 0;
width:30px;
background:#412824;
text-align:center;
}

#archive_nav li a {
padding:2px 0 4px 0;
margin:0;
display:block;
width:30px;
background:#412824;
text-align:center;
text-decoration:none;
color:#ffffff;
font-weight:bold;
}

#archive_nav li a strong {
color:#d27008;
}

#archive_nav li a:hover {
background:#000000;
}

#gallery_nav {
float:left;
padding:0;
margin:0;
list-style:none;
}

#gallery_nav li {
padding:0;
margin:0 0 8px 0;
}

#gallery_nav li a {
padding:0;
margin:0;
display:block;
width:30px;
}

#gallery_nav li a:hover {
border:1px solid #ff0000;
}