/* Cascading Style Sheet for Hand Held Photo Album */

/* Layout */
body {margin: 20px; padding: 0px;}
h1, h2, h3, h4, h5, h6, p {margin: 0px; padding: 0px;}
h1 {float: left;}
div {clear: both; margin: 0px; padding: 0px;}
img {border: none;}

h2#folderLinks {position: relative; top: 4px;}
span#excluded {display: none;}
h3#navigationLinks {clear: both; display: block;}

div#album ul {clear: both; margin: 0px; padding: 0px;} /* margin and padding needed for cross-browser compatibility */
div#album li {float: left; margin: 0px; padding: 0px;} /* float needed to stick to window width */
div#album img {float: left; margin: 10px;}
ul#thumbnails div {display: none;}
img#pictureFrame {border: solid #999999 10px;}

div#imageNotes {clear: none; padding-top: 10px;} /* margins don't seem to work - something odd with the floated elements */
div#imageNotes h4, div#imageNotes h5 {float: left; line-height: 100%;}
div#imageNotes span.preview {display: none;}
div#imageNotes p {margin-bottom: 10px;}

/* Color */
body {background-color: #CCCCCC; color: #333333;}
a:link {color: #CC6600;}
a:visited {color: #CC6600;}

/* Type */
body {font-family: Arial, sans-serif; font-size: 15px;}
h1 {font-size: 30px;}
h2 {font-size: 25px;}
h3 {font-size: 20px;}
h4 {font-size: 15px; font-weight: bold; text-decoration: underline;}
h5 {font-size: 15px; font-weight: normal; text-decoration: underline;}
h6 {font-size: 10px;}

li {list-style: none;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
h3#navigationLinks {font-family: Courier; font-variant: small-caps;}