/* BASICS  */
body { margin: 0; font: 82% "Helvetica Neue", Helvetica, Arial, sans-serif; color: #5A5A4B; }
#main { margin: 20px auto 5px auto; width: 600px; padding: 0 30px 35px; border-bottom: 1px solid #ccc; }
h1 { margin: 0; padding: 0; }
h2 { font-size: 100%; font-weight: normal; border-bottom: 1px solid #E6E6DF; padding: 0 0 10px 0; }
* html h2 {	margin-top: 40px; }
h2 a:link, h2 a:visited, h2 span { color: #8DB8CF; }
h3 { font-size: 120%; color: #002E5B; margin-top: 30px; }
img { border: 0; }
blockquote { border-left: 1px dotted #96967E; margin-left: 20px; padding-left: 20px; color: #363630; }
.backhome { margin: 0 0 15px 0; float: right; width: 200px; text-align: right; }
.helper { font-size: 85%; }

/* FOOTER */
#footer { margin: 0 auto 20px auto; width: 640px; font-size: 85%; color: #96967E; text-align: center; }
#footer a { text-decoration: none; color: #96967E; }

/* LINK STYLES  */
a:link, a:active { text-decoration: underline; color: #17A; }
a:visited { text-decoration: underline; color: #035; }
a:hover, a:focus { text-decoration: underline; color: #6BD; }

/* PAGE NAVIGATION  */
.pagelist { clear: both; }
ul.pagelist { padding: 0; margin: 20px 0; list-style-type: none; }
ul.pagelist li { display: inline; } 
ul.pagelist li a, ul.pagelist span.disabledlink { padding: 4px; }
ul.pagelist li.current a { font-weight: bold; text-decoration: none; color: #5A5A4B; }
ul.pagelist li.prev { margin-right: 10px; }
ul.pagelist li.next { margin-left: 10px; }
.disabledlink { color: #ddd; }
.pagenav { clear: both; }

/* AJAX  */
#albumDescEditable { margin-bottom: 12px; }
#imageDescEditable { margin-top: 24px; }

/* IMAGE THUMBNAILS  */
.imagethumb a { display: block; padding: 10px; margin: 0 20px 20px 0; border: 1px solid #92BED3; background: #DDEAF0; line-height: 0; }
.imagethumb a:visited { border: 1px solid #D3E4ED; background: #F2F7F9; }
.imagethumb a:hover { border: 1px solid #62A0BF; background: #F4F9FB; }
.imagethumb { float: left; }

/* ALBUM THUMBNAILS  */
.albumwrap { margin: 0 15px; padding-top: 10px; }
.album { padding: 10px; margin-bottom: 12px; clear: both; border: 1px solid #E7F0F5; background: #FBFCFD; }
.album img { float: left; }
.album h3 { padding: 0; margin: 0; }
.album h3 a { display: block; width: 340; padding: 3px 0 6px 0; }
.album p { margin: 0 0 4px 0; }
.albumdesc { float: right; width: 425px; }
.albumdesc small { margin-top: 8px; line-height: 130%; width: 120px; float: right; color: #8DB8CF; }

/* INDIVIDUAL IMAGE  */
.image { margin: 0; padding: 0; border: 0; }
#image { text-align: center; line-height: 0; }
.imgnav { float: right; width: 140px; text-align: center; border: 1px solid #D5E6EE; background: #EEF5F9; margin-top: 13px; }
* html .imgnav { margin-top: 8px; }
.imgnav .imgprevious a, .imgnav .imgnext a { display: block; width: 50%; height: 100%; ;float: left; padding: 4px 0; font-size: 120%; text-decoration: none; line-height: 200%; color: #237898; }
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover { background-color: #fff; text-decoration: none; color: #002E5B; }
.imgnav .imgprevious a { float: left; }
.imgnav .imgnext a { float: right; }
#narrow { margin: 0 auto; width: 440; }

/* COMMENTS  */
#comments { clear: both; width: 550px; margin-left: 70px; }
.error { color: #C33; font-weight: bold; }
.comment { padding: 10px; border: 1px solid #E7F0F5; background: #FBFCFD; margin-bottom: 12px; }
.commentmeta { margin-bottom: 12px; }
.commentauthor { font-weight: bold; }
.commentdate { margin-top: 12px; color: #8DB8CF; font-size: 85%; }

/* FORMS  */ 
.inputbox { width: 250px; padding: 2px; }
textarea { width: 325px; color: #5A5A4B; }
label:hover { color: #000; }

/* HACKS */
.main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.main { display: block; }
* html .main { height: 1%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
* html .clearfix { height: 1%; }
.spacer { clear: both; line-height: 0; height: 0; }
* html .spacer { font-size: 1px; }