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

/* Main Layout */
html, body{ height: 100%; margin: 0; padding: 0;}
body { 
background: #F8F2D5 url(../../../../shared/nps/bg_sheet.gif) no-repeat -20px -333px;
font: 82%/1.4em "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #2A2A2A; text-align: center; }
#framework { text-align: left; width: 100%; }
#framework #main{ float: left; width: 922px; }
#framework #main.albumstyle{ background: #FFF; }

/* Text Styles */
a { color: #B0B0A1; text-decoration: none; }
a:hover, a:focus { color: #B0B0A1; text-decoration: underline; }
blockquote { border-left: 1px dotted #292927; color: #292927; margin-left: 20px; padding-left: 20px; }
h2 { color: #5E802A; font: italic 200% Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; margin-top: 15px; }
h2 a, h2 a:hover { color: #5E802A; }
h3 { color: #5E802A; font: 140% "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 30px; }
strong.title{ color: #5E802A; font: 140% "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top: 30px; }
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: #6F6860 !important; }
.dark{ color: transparent !important; }
.desc{ 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: 912px; font-size: 78%; color: #A2A2A2; text-align: right; clear: both; float: left; }
#credit a { text-decoration: none; color: #A2A2A2; border-bottom: 1px dotted #A2A2A2; }
#credit a:hover { color: #2A2A2A; text-decoration: none; }

/* breadcrumb */
#breadcrumb{ 
	background: url(bg_breadcrumb.gif); 
	line-height: 30px; 
	padding: 0 20px; 
	margin: 0 0 5px 0; 
	font-size: 92%; 
	float: left; 
	display: block; 
	width: 882px;  
}
* html [breadcrumb]{ 	
	width:842px;  
}

/* Page Navigation */
#pagelist{ margin: 0 0 5px 0; height: 2.2em; float: left; display: block; width: 100%; }
#pagelist .disabledlink { color: #A2A2A2; 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: #2A2A2A; 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 { 
	float: left; 
	width: 922px;
}
#albums a{
	-moz-border-radius: 3px; 
	color: #6F6860; 
	display: block; 
	padding: 10px; 
	float: left; 
	text-decoration: 
	none; 
	width: 419px; 
	margin: 10px; 
	border: 1px solid #D8CFA0; 
	background: #FFF; 
}
* html #albums{ 	
	margin-left: -10px;
	width: 932px;
}
#albums a:hover { color: #B0B0A1; border-color: #EDC600; background: #FEEF9F; }
#albums img { float: left; margin: 0 10px 0 0; border: 1px solid #D8CFA0; }
#albums h3, #albums strong { padding: 0; margin: 0 0 5px 0; display: block; }
#albums a .num { 
	float: right; 
	margin: -10px -10px 0 0; 
	width: 50px; text-align: center; 
	background: transparent; 
	font-size: 92%; 
	color: #fff; 
}
#albums a:hover .num { float: right; text-align: center; background: #FFF; font-size: 92%; color: #A2A2A2; }
#albums .albumdesc { float: right; width: auto; }
#albums .albumdesc small { margin-top: 8px; float: right; color: #6F6860; }
* html #albums .desc{ float: left; }

/* Image Thumbnails */
#images { 
	float: left; 
	padding: 0; 
	border: 0; 
	text-align: left; 
	width: 100%; 
	background: #FFF; 
}
* html #images{ 	
	margin-left: -5px;
	width: 937px;	
}
#images a { float: left; border: 1px solid #D8CFA0; padding: 4px; margin: 5px; display: block; background: #FEEFA0; }
#images a:hover { background: #FFF; }
#images img{ float: left; border: 1px solid #D8CFA0; width: 80px; height: 80px;}

/* Individual Image */
#image { text-align: left; margin-left: 20px; }
#image a{ float: left;}
#image img{ border: 1px solid #D8CFA0; margin: 20px 0; }

#imgnav  {  float:  right; width:  174px;  text-align:  center; font-size:  92%; margin: 20px 10px;  } 
#imgnav a  { background-color: #FEEFA0!important;  height: 2.0em; width: 80px; float: right; margin: 0 0 5px 5px; border: 1px #D8CFA0  solid; } 
#imgnav a:hover {  background-color: #FFF!important; } 
#imgnav a  span, #imgnav .block span{ display: none; } 
#imgnav .block{ 
	height: auto; 
	width: auto; 
	float: right; 
	margin: 0; 
	display: inline; 
	border: 0; 
	background: #fff!important;
	clear: right;
} 
#imgnav #prev  { background: url(back.gif)  center center no-repeat;  } 
#imgnav  #forw{ background:  url(forward.gif) center center no-repeat; } 
#imgnav #play{ background url(play.gif) center center no-repeat;  }
#imgnav #stop{ background: url(stop.gif) center center no-repeat; }

#imgnav .end{ color: #5E802A; float: right;  }
#narrow { 
	width: 656px; 
	float: left; 
	padding: 0; 
	margin: 1em 0 0 20px; 
}
* html #narrow{ 	
	margin-left: 10px; 
}

#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: transparent; 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: 660px; 
	float: left; 
	margin: 0 0 5px 0; 
	border-top: 1px solid #292927; 
}
#comments .commentauthor { float: left; padding: 0 0 0 5px; }
#comments .commentdate { color: #6F6860; float: right; padding: 0 5px 0 0; }
#comments .commentmeta { float: left; padding: 1px 0; background: transparent; 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: 206px; 
	float: left; 
	border: 1px #292927 solid; 
	padding: 0.2em 0 0.2em 0.2em; 
	color: #B0B0A1; 
	font-size: 92%; 
	margin: 2px 0; 
	color: #292927; 
}
form#commentform label{ 
	padding: 0.2em 0 0.2em 0.2em; 
	display: block; 
	float: left; 
	width: 130px; 
	cursor: pointer; 
}

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 { color: #292927; padding: 2px 4px; width: auto; float: right; background: #FEEFA0; cursor: pointer; }
form#commentform label:hover { color: #292927; }
form#commentform textarea { color: #292927; width:99%; float: right; border: 1px #292927 solid; padding: 0.2em 0 0.2em 0.2em; background: transparent; 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; }

/* Admin Toolbox */
#admin, #admin_data{position: fixed;_position: absolute;left: 802px;top: 3px;width: 120px;z-index: 2;}
#admin_data{top: 0px;padding-top: 20px;z-index: 1;line-height: 1.6em;background: #FEEFA0;border: 1px solid #D8CFA0;}
#admin_data li{ text-align: right; padding-right: 10px; }
#admin h3 {font-weight: normal;color: #000;margin:0;padding:0; }
#admin h3:hover { color: #86a1b6; }