/*

	Tokoriki Zenphoto Styles
	
*/



/* Gallery Heading instead of main image
------------------------------ */
#navlist h2 {font-size:17px; width: 620px; background-color:#f6f6f6; border:1px solid #ccc; color:#ccc; padding: 105px 0 0 10px; text-transform:uppercase;}



/* Album Thumbnails
------------------------------ */
.album {clear:both; padding-top: 20px;}
.album a img { padding:3px; border:1px solid #ccc; margin-right:10px; float:left; line-height:100%; }
.album a:hover {background-color:#fff;}
.albumdedc {margin-left:120px;}
.albumdesc h3 a {font-size: 1em; color:#237898; }
.albumdesc h3 a:hover {color:#237898; background-color:#ddeaf0;}


/* Page Navigation
------------------------------ */
ul.pagelist { clear:both; padding: 0; margin: 30px 0 0 0; list-style-type: none;}
ul.pagelist li {display: inline;}
ul.pagelist li a, ul.pagelist span.disabledlink {padding: 4px; font-weight:normal;}

ul.pagelist li.current a {font-weight: bold; color: #008;}
ul.pagelist li.current a:hover {color: #cb7319; background-color:#fff;}

ul.pagelist li.prev {margin-right: 10px;}
ul.pagelist li.next {margin-left: 10px;}
ul.pagelist li.prev a:hover, ul.pagelist li.next a:hover {color: #cb7319; background-color:#fff;}

.disabledlink {color: #777; cursor: default;}

.pagenav {clear: both;}


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

/* Image Thumbnails on album page
------------------------------ */ 
.imagethumb {float:left; margin: 0 15px 15px 0;}
.imagethumb a {display: block; border: 1px solid #ccc; line-height:0;}
.imagethumb a:hover {background-color:#ddeaf0;}


/* Individual Image
------------------------------ */
#image { margin: 20px 0 0 0; padding: 3px; text-align: center; background-color:#fff; display:inline;}

.imgnav {
margin-top: 13px;
_margin-top: 8px; /* IE Only */
}

.imgnav .imgprevious a, .imgnav .imgnext a {
	display: block;
	width: 25%;
	height: 100%;
	color: #555;
}
.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {
	background-color: #fff;
	color: #008;
}
.imgnav .imgprevious a {
	float: left;
}
.imgnav .imgnext a {
	float: right;
}



/* Comments
------------------------------ */
#comments {clear: both; margin-top:20px;}
.error { color: #C33; font-weight: bold;}

.comment {
	padding: 10px;
	border: 1px solid #ccc;
	background: #fafafa;
	margin-bottom: 12px;
}
.commentmeta {
	margin-bottom: 12px;
}
.commentauthor {
	font-weight: bold;
}
.commentdate {
	margin-top: 12px;
	color: #008;
	font-size: 85%;
}


/* Forms
------------------------------ */
#commentform {width:60%}
#commentform label {display:block; cursor: pointer;}

.inputbox {width: 100%; padding: 2px;}
textarea {
	padding: 4px;
	width: 100%;
	color: #5A5A4B;}
.checkbox {cursor: pointer;}
.pushbutton {cursor: pointer;padding: 5px 10px;}