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

/* Main Layout */

html, body{ height: 100%; }
body {
	color: #000000;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 82%;
	line-height: 1.4em;
	background-color: #ffffff;
	background-image: url(bak.jpg);
	background-repeat: repeat;
	width: 850px;
}
#framework {
	text-align: left;
	margin: 0px;
}
#framework #main{
	padding: 10px 30px 50px;
	border: 0px solid #870809;
	background-color: #cccc99;
	margin: 0px;
	clear: both;
	width: 790px;
	float: left;
}
#clearer {
	clear: both;
}

#header {
	background-repeat: no-repeat;
	background-position: left;
	height: 102px;
	background-color: #B6BD89;
	background-image: url(images/header.jpg);
	border-bottom: 0px solid #6C6C6C;
	border-right: 0px solid #577A8E;
	clear: both;
	text-align: right;
	padding-right: 20px;
	padding-top: 10px;
	}
#header a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
#header a:hover {
	text-decoration: underline;
}
	#footer {
	clear: left;
	background-color: #B6863A;
	padding: 2px 10px 2px 2px;
	text-align: right;
	border-top: 1px solid #577A8E;
	height: 20px;
	margin-bottom: 20px;
}
#footer p {
	margin: 0px;
	font-size: 9px;
	color: #FFFFFF;
}

#footer a {
	text-decoration: underline;
	color: #FFFFFF;
}
#footer a:hover {
	text-decoration: none;
}
#google {
	text-align: center;
	background-color: #cccc99;
	padding-bottom: 20px;
}
#search {
	float: right;
	margin-bottom: 0px;
	width: 400px;
	text-align: right;
}
#clearer {
	clear: both;
}

/* Text Styles */
a { color: #ffffff; text-decoration: none; }
a:hover, a:focus { color: #B0B0A1; text-decoration: underline; }
blockquote { border-left: 1px dotted #870809; color: #ffffff; margin-left: 20px; padding-left: 20px; }
h2 {
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-top: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}
h2 a, h2 a:hover { color: #FFFFFF; }
h3 {
	color: #FFFFFF;
	margin-top: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
strong.title{
	color: #FFFFFF;
	margin-top: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
hr { border: 0; border-top: 1px solid #292927; clear: both; height: 0; margin: 0 0 12px 0; padding: 0; }
p{ padding: 0.3em 0 0.5em 0; }
img { border: 0; }
.light{ color: #ffffff !important; }
.dark{ color: #ffffff !important; }
.desc{ color: #030303; font-size: 92%; }
.padding{ padding: 10px; }
.left{ float: left; }
.right{ float: right; }

#gallerytitle h2 { display: block; margin: 10px 0 10px 9px; padding: 0; }
#credit { height: 2.5em; margin: 5px auto; display: block; width: 100%; font-size: 78%; color: #ffffff; text-align: right; clear: both; float: left; }
#credit a { text-decoration: none; color: #ffffff; border-bottom: 1px dotted #6F6860; }
#credit a:hover { color: #B0B0A1; text-decoration: none; }

/* breadcrumb */
#breadcrumb{
	padding: 0 0 0 9px;
	margin: 0 0 30px;
	font-size: 92%;
	color: #030303;
	float: left;
	display: block;
	width: 780px;
}
#breadcrumb a {
	font-weight: bold;
}

/* Page Navigation */
#pagelist{ border-bottom: 0px #577A8E solid; margin: 0 0 15px; height: 2.2em; float: left; display: block; width: 100%; }
#pagelist .disabledlink { color: #6F6860; 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; font-size: 92%; }
#pagelist ul li a, #pagelist ul span.disabledlink { padding: 0 1px 0 1px; }
#pagelist ul li.current a { color: #FFFFFF; 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 {
	color: #6F6860;
	display: block;
	padding: 10px;
	float: left;
	text-decoration: none;
	width: 355px;
	margin: 5px;
	border: 1px solid #292927;
	background-color: #698a9b;
}
#albums a:hover {
	border-bottom: 1px solid #5E802A;
	color: #B0B0A1;
	background-color: #5B7A8A;
}
#albums img { float: left; margin: 0 10px 0 0; border: 1px solid #292927; }
#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;
	font-size: 92%;
	color: #FFFFFF;
	background-color: #46647B;
}
#albums a:hover .num { float: right; margin: -10px -10px 0 0; width: 20px; text-align: center; background: #292927; font-size: 92%; color: #FFFFFF; }
#albums .albumdesc {
	float: right;
	width: auto;
	color: #030303;
}
#albums .albumdesc small { margin-top: 8px; float: right; color: #ffffff; }
* html #albums .desc{ float: left; }

/* Image Thumbnails */
#images { padding: 0; border: 0; float: left; text-align: left; width: 100%; }
#images a { float: left; padding: 2px; margin: 0px; border: 0px solid #292927; display: block;  }
#images a:hover {
	border-bottom: 0px solid #5E802A;
	background-color: #FFFFFF;
}
#images img{ border: 1px solid #292927; }

/* Individual Image */
#image {
	text-align: left;
}
#image a{
	float: left;
	border: 1px solid #292927;
	padding: 10px;
	background-color: #FFFFFF; /*background: #000000; border: 1px solid #232222;*/
	margin-top: 30px;
}
#image img{
	border: 1px solid #292927;
}
#imgnav {
	float: right;
	width: 55px;
	text-align: center;
	font-size: 92%;
	margin-top: 30px;
}
#navcontainer {
	border-bottom: 1px solid #577A8E;
	border-right: 0px solid #577A8E;
	background-color: #B5BE87;
	height: 40px;
}
#navlist {
	margin: 0px;
	padding: 0px;
	height: 20px;
}

#navcontainer ul
{
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
	background-color: #B5BE87;
	color: white;
	width: 100%;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 18px;/* fixes Firefox 0.9.3 */
	margin-bottom: 5px;
}

#navcontainer ul li
{
	display: inline;
	padding: 5px 0;
}

#navcontainer ul li a
{
	color: white;
	text-decoration: none;
	font-size: 9px;
	padding: 5px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #B0845D;
color: white;
}

#navcontainer #active {

}
#navcontainer #active a {
	background-color: #698A9B;
}
#imgnav a {
	height: 1.5em;
	width: 100%;
	float: right;
	margin: 0 0 1px 0;
	border: 1px #292927 solid;
	background-color: #698A9B;
}
#imgnav a:hover {
	background-color: #516B79;
}
#imgnav a span, #imgnav .block span{ display: none; }
#imgnav .block{ background: #698A9B; height: 1.5em; width: 100%; float: right; margin: 0 0 1px 0; border: 1px #292927 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: #5E802A; float: right;  }
#narrow { width: 656px; float: left; padding: 0; margin: 1em 0 0 0; }
#exif { border: 1px #292927 solid; background: #292927; padding: 0 6px 0 0; margin: 0 0 1em 0; width: 100%; float: left; color: #6F6860; font-size: 92%; color: #42413F; }
#exif .model{ background: #363634; color: #292927; width: auto; padding: 1px 3px; float: left; }
#exif .exif{ width: auto; padding: 1px 3px; float: left; margin: 0 0 0 20px;  }

/* Comments */
#comments { margin: 0; padding: 0; float: left; display: block; }
#comments .comment { width: 500px; float: left; margin: 0 0 5px; border: 1px solid #292927; background: #ffffff; }
#comments .commentauthor { float: left; padding: 0 0 0 5px; }
#comments .commentdate { color: #cccccc; float: right; padding: 0 5px 0 0; }
#comments .commentmeta { float: left; padding: 1px 0; background: #698A9B; font-size: 85%; width: 100%; }
#comments .commentbody { padding: 5px; float: left; }
#comments .error { color: #CC3333; font-weight: bold; }

/* Forms */
#imgcommentform{ width: 53%; padding: 0 0 1em 0; float: left; margin: 0; }
form#commentform input { width: auto; float: left; border: 1px #292927 solid; padding: 0.2em 0 0.2em 0.2em; color: #000000; font-size: 92%; }
form#commentform p{ padding: 0.2em 0; margin: 0; width: 100%; float: left; display: block; }
form#commentform{ width: 100%; }
form#commentform .checkbox { cursor: pointer; }
form#commentform .pushbutton { padding: 2px 4px; width: auto; float: right; background: #ffffff; cursor: pointer; }
form#commentform .pushbuttonl { padding: 2px 4px; width: auto; float: right; background: #ffffff; cursor: pointer; }
form#commentform input { width: 70%; float: right; border: 1px #292927 solid; background: #ffffff; }
form#commentform label{ width: 25%; float: left; cursor: pointer; }
form#commentform label:hover { color: #ffffff; }
form#commentform textarea { width:99%; float: right; border: 1px #292927 solid; padding: 0.2em 0 0.2em 0.2em; background: #ffffff; color: #000000; font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; }
form, #imagetitleeditable{ font-size: 100%; }

#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; }