/*
	cimi theme (zenphoto.org), version 1.1
*/

/* Main Layout */
html, body{ height: 100%;}
body {
	background: #99cc33 url(../illustress/bg_wd_gallery_kl.jpg) repeat-x 0% 0%; 
	font: 12px "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color: #6F6860; 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	}
#framework { 
	text-align: left; 
	margin: 0 auto 0; 
	width: 970px; 
	}
#framework #main {
	-moz-border-radius: 5px; 
	float: left; 
	width: 100%; 
	background:url(../illustress/bg_wd_gallery.jpg) no-repeat; 
	}
#gallerytitle { height:125px;}

/* Text Styles */
a { color: #777; text-decoration: none; }
a:hover, a:focus { color: #fff; text-decoration: underline; }
blockquote { border-left: 1px dotted #fff; color: #555; margin-left: 20px; padding-left: 20px; }
h2 { color: #fff; font: italic 200% Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; margin-top: 15px; }
h2 a, h2 a:hover { color: #555; }
h3 { color: #fff; font: 14px  Arial, sans-serif; margin-top: 30px; }
strong.title{ color: #fff; font: 14px  Arial, sans-serif; margin-top: 30px; font-weight:bold; border:1px solid #fff; text-align:center; }
hr { border: 0; border-top: 1px solid #fff; clear: both; height: 0; margin: 0 0 12px 0; padding: 0; }
p{ padding: 0.3em 0 0.5em 0; }
img { border: 0; }
.light{ color: #6F6860 !important; }
.dark{ color: #3B3A38 !important; }
.desc{ font-size: 92%; }
.padding{ padding: 10px; }
.left{ float: left; }
.right{ float: right; }


/* breadcrumb */
#breadcrumb{ 
	padding: 0 0 0 9px; 
	margin: 0 0 5px 0; 
	float: left; 
	display: block; 
	width: 100%; 
	font-size:14px;
	font-weight:bold;
	font-family: Arial;
	color:#777;}

/* Page Navigation */
#pagelist{ margin: 0 0 5px 0; height: 2.2em; float: left; display: block; width: 100%; }
#pagelist .disabledlink { color: #555; cursor: default; }
#pagelist .pagenav { clear: both; }
#pagelist ul { clear: both; list-style-type: none; margin: 0; padding: 2px 0 2px 9px; }
#pagelist ul li { display: inline; }
#pagelist ul li a, #pagelist ul span.disabledlink { padding: 0 1px 0 1px; }
#pagelist ul li.current a { color: #fff; cursor: default; font-weight: bold; text-decoration: none; }
#pagelist ul li.next { font: 155% Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 0 0 1px; }
#pagelist ul li.prev { font: 155% Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0 1px 0 0; }

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

/* Album Thumbnails */
#albums a {
	-moz-border-radius: 5px; 
	color: #555; 
	display: block; 
	padding: 20px 20px 10px 20px; 
	float: left; 
	text-decoration: none; 
	width:120px; 
	margin: 10px; 
	border: 1px solid #fff; 
	background: #99cc33;  
	}
#albums a:hover { 
	border: 1px solid #00ccff; 
	color: #fff; 
	background: #00ccff; 
	}
#albums img { float: left; margin: 0 10px 0 0; border: 1px solid #fff; }
#albums h3, #albums strong { padding: 0; margin: 0 0 5px 0; display: block; }
#albums a .num { float: right; margin: -10px -10px 0 0; width: 20px; text-align: center; background: #00ccff; border-left: 1px solid #fff; border-bottom: 1px solid #fff;font-size: 92%; color: #555; }
#albums a:hover .num { float: right; margin: -10px -10px 0 0; width: 20px; text-align: center; background: #fff; border-left: 1px solid #00ccff; border-bottom: 1px solid #00ccff;font-size: 92%;color: #555; }
#albums .albumdesc { float: right; width: auto; }
#albums .albumdesc small { margin-top: 8px; float: right; color: #555; }
* html #albums .desc{ float: left; }

/* Image Thumbnails */
#images { padding: 0; border: 0; float: left; text-align: left; width: 100%; }
#images a { float: left; padding: 10px; margin: 5px; border: 1px solid #fff; display: block; background: #99cc33; -moz-border-radius: 5px; }
#images a:hover { border: 1px solid #fff; background: #00ccff; }
#images img{ border: 1px solid #fff; }

/* Individual Image */
#image { text-align: left; }
#image a{ float: left; border: 1px solid #fff; padding: 30px;}
#image a:hover { background: #00ccff; padding: 30px;}
#image img{ border: 1px solid #fff; }
#imgnav { float: right; width: 100px; text-align: center; }
#imgnav a { background: #00ccff; height: 1.5em; width: 100%; float: right; margin: 0 0 1px 0; border: 1px #fff solid; }
#imgnav a:hover { background: #fff; }
#imgnav a span, #imgnav .block span{ display: none; }
#imgnav .block{ background: #00ccff; height: 1.5em; width: 100%; float: right; margin: 0 0 1px 0; border: 1px #fff solid; }
#imgnav #prev { background-image: url(back.gif); background-position: center center; background-repeat: no-repeat; }
#imgnav #forw{ background-image: url(forward.gif); background-position: center center; background-repeat: no-repeat; }
#imgnav #play{ background-image: url(play.gif); background-position: center center; background-repeat: no-repeat; }
#imgnav #stop{ background-image: url(stop.gif); background-position: center center; background-repeat: no-repeat; }

#imgnav .end{ color: #555; float: right;  }
#narrow { width: 656px; float: left; padding: 0; margin: 1em 0 0 0; }

#breadcrumb form{ float: left; display: block; width: 100%; clear: both; margin: 0; padding: 0;}
#breadcrumb input { float: left; margin: 0 1em 0 0; color: #000000; }
#desc{ margin: 0 0 1em 0; padding: 3px; border: #292927 1px solid; font-size: 92%; float: left; display: block; width: 100%;}
#desc div{ margin: 0; padding: 0; float: left; }

/* Admin Toolbox */
#admin, #admin_data{position: fixed;_position: absolute;right: 0px;top: 0px;width: 120px;border-bottom: 1px solid #444;border-left: 1px solid #444;background: #222;z-index: 2;}
#admin_data{top: 0px;padding-top: 20px;z-index: 1;line-height: 1.6em;}
#admin h3 {font-weight: normal;color: #aaa;margin:0;padding:0;}
#admin h3:hover { color: #86a1b6; }

#credit { 
	height: 50px; 
	margin: 40px auto; 
	display: block; 
	width: 100%; 
	font-size: 90%; 
	padding-top:15px;
	color: #fff; 
	text-align: right; 
	clear: both; 
	float: left; 
	background: url(../illustress/hr.gif)  no-repeat top right; 
	}
#credit a { text-decoration: none; color: #fff; }
#credit a:hover { color: #00ccff; text-decoration: underline; }