/* Basics
------------------------------ */
html {/* IE */ overflow-y: scroll; /* Moz */ height: 100%; margin-bottom: 0.1em;}

/* Main Layout
------------------------------ */
body {background: #F5F5F3; margin: 0px;	padding: 0px 0px 50px; text-align: center;}
#main1 {text-align: left; margin: 0 20px 20px 20px auto; width:758px; background: #fff;	padding: 20px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 5px solid #ddd; border-left: 1px solid #ddd;}
#credit, #sort {margin: 0 auto; width: 758px; font-size:10px; color: #999; text-align: right; clear: both;}
#credit a, #sort a {text-decoration: none; color: #999; border-bottom: 1px solid #ddd;}
#credit a:hover, #sort a:hover {color: #193c8b;	border-bottom: 1px solid #193c8b; text-decoration: none;}


/* Text Styles
------------------------------ */
body {font: normal 12px Arial, sans-serif;	color: #193c8b;}
h2 {font-family:Arial, Verdana, Helvetica, sans-serif;font-size:14px; font-weight:normal; margin:0 auto; padding:0 0 10px 0;}
h2 a:link, h2 a:visited, h2 span {color: #193c8b;}
h3 {background:#f5f5f5; font-family:Arial, Verdana, Helvetica, sans-serif; color:#193c8b; font-size:14px; font-weight:normal; margin:0 auto; padding:5px; margin-top:20px;}

/* Link Styles
------------------------------ */
a:link, a:active, a:visited { text-decoration: underline; color: #193c8b; }
a:hover, a:focus { text-decoration: underline; color: #800000; }


/* Miscellaneous
------------------------------ */
hr {clear: both; height: 0; border: 0; border-top: 1px solid #ddd; margin: 0 0 12px 0; padding: 0;}
img {border: 0;}
blockquote {border-left: 1px solid #96967E; margin-left: 20px; padding-left: 20px; color: #193c8b;}


/* Page Navigation
------------------------------ */
ul.pagelist {clear: both; padding: 0; margin: 20px 0 0 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;	cursor: default; color: #193c8b;}
ul.pagelist li.prev {margin-right: 10px;}
ul.pagelist li.next {margin-left: 10px;}
.disabledlink {color: #ddd; cursor: default;}
.pagenav {clear: both;}


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

/* Image Thumbnails
------------------------------ */
.imagethumb a {display: block; padding: 10px; margin: 6px; border: 1px solid #ccc; background: #ddd; line-height: 0px;}
.imagethumb a:visited {border: 1px solid #ccc; background: #ddd;}
.imagethumb a:hover {border: 1px solid #777; background: #fff;}
.imagethumb {float: left;}


/* Album Thumbnails
------------------------------ */
.album {padding: 10px; margin-bottom: 12px; clear: both; border: 1px solid #ddd; background: #f5f5f5;}
.album img {float: left;}
.album h3 {padding: 0; margin: 0;}
.album h3 a {display: block; width: 340px; padding: 3px 0 6px 0;}
.album p {margin: 0 0 4px 0;}
.albumdesc {float: right; width: 480px;}
.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 #ddd; background: #eee; margin-top: 35px; _margin-top: 8px; /* IE Only */}
.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: #193c8b;}
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {background-color: #fff;	text-decoration: none; color: #193c8b;}
.imgnav .imgprevious a {float: left;}
.imgnav .imgnext a {float: right;}
#narrow {margin: 0 auto; width: 758px;}


/* Comments
------------------------------ */
#comments {clear: both; visibility:hidden; display:none;}
.error {color: #C33; font-weight: bold;}
.comment {padding: 10px 0; border: 1px solid #ddd; background: #f5f5f5; 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 {padding: 4px;	width: 100%; color: #193c8b; font: 100%/200% Arial;}
.checkbox {cursor: pointer;}
.pushbutton {cursor: pointer; padding: 5px 10px;}
label {cursor: pointer;}
label:hover {color: #000;}