/* @override 
	http://0.0.0.0:8888/gallery/themes/eandc/styles/dark.css
	http://www.emilyandchristopher.com/gallery/themes/eandc/styles/dark.css
*/

/*

	Zen Photo Default (Dark) 1.0
	
*/

/* Basics
------------------------------ */

@import "better.css";



html {
	

/* Moz */
	height: 100%;
}

/* Main Layout
------------------------------ */

body {
/*	font: 12px/18px Helvetica, sans-serif;*/
	font: 12px/18px 'Helvetica Neue', Helvetica, sans-serif;
	background: #666 url(../images/greyflowers.jpg)	repeat-x fixed;
/*	margin: 0px;
	padding: 0px;*/
	/*text-align: center;*/
}

.navbar {
	background: url('../images/breadcrumb_bg2.png') repeat-x;
	color:#777;
	padding: 0px 16px;
	height: 51px;
	line-height: 25px;
	text-shadow: white 0 0 5px;
	font-size: 13px;
	font-weight: bold;
	/*width: 900px;*/
}
#topnav {
	position: relative;
	top: -7px;
}

.leftnav {
	position: relative;
	top: 7px;
	/*left: 8px;*/
}
.rightnav {
	position: relative;
	/*right: 0px;*/
	top: 7px;
}


.navbar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.navbar li {
	height: 25px;
	margin-left: 0px;
}

.leftnav li {
	float: left;
	background: none no-repeat right top;
	padding-left: 10px;
	padding-right: 20px;
}
.rightnav li {
	float: right;
	background: none no-repeat left top;
	padding-left: 20px;
	padding-right: 10px;
}

.navbar_arrows li {
	background-image: url(../images/breadcrumb_arrow.png);
}
.navbar_bars li {
	background-image: url(../images/breadcrumb_bar.png);
}

.navbar a {
	color: #222;
	text-decoration: none;
}
.navbar a:hover {
	text-decoration: underline;
}
.navbar a:active {
	color: red;
}



/*#page {
	background-color: white;
	border-width: 0px 1px 0px 1px;
	border-color: #333;
	border-style: solid;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 900px;
}*/

/*#inset {
	background: url('../images/000-85.png');
	min-height: 800px;
	margin-bottom: 0px;
	padding: 45px 0;
}*/

/*#header {
	position: fixed;
	width: 900px;
	margin: 0;
	padding: 0;
	z-index: 1000;
}*/

/*#padbox {
	width
}*/

#headerimg {
	margin: 0;
	height: 0px;
	top: 0;
	width: 960px;
}

.hud {
	color: white;
	position: fixed;
	bottom: 25px;
	height: 300px;
	width: 960px;
	background: url('../images/000-80.png');
	overflow: auto;
	display: none;
	/*visibility: hidden;*/
}

.hud-inner {
	padding: 12px;
	/*overflow: auto;*/
}

#admin_data {
	color: white;
	position: fixed;
	bottom: 25px;
	height: 200px;
	width: 900px;
	background: url('../images/000-80.png');
	overflow: auto;
	display: none;
}

#admin_data ul {
	padding: 12px;
}


.margin_bottom {
	margin-bottom: 20px;
}

p {
	/*margin: 1em 0;*/
}

#exiftable {
	font-size: small;
	/*display: none;*/
}

#exiftable .label {
	color: white;
	font-weight: bold;
	text-align: right;
	padding-right: 1em;
}

#googlemap_data {
	/*float: right;*/
	position: absolute;
	/*top: 0px;*/
	right: 0px;
}

/*.caption {
	width: 600px;
	margin: 18px auto;
}*/

#footer {
	margin-top: 20px;
/*	clear: both;
	height: 33px;
	position: fixed;
	bottom: 0px;
*/
}

/*#images {
	width: 770px;
	margin: auto;
}*/


/*#main {
	text-align: left;
	margin: 20px auto;
	width: 800px;
	background-image: url(../images/222-75.png);
	padding: 20px 30px 12px;
	border-top: 1px solid #444;
	border-right: 1px solid #444;
	border-bottom: 5px solid #444;
	border-left: 1px solid #444;
}*/

/*img {
	-moz-opacity: 1.0;
	filter:alpha(opacity=100);
	opacity: 1.0;
}
*/
/*#credit, #sort {
	margin: 0 auto;
	width: 640px;
	text-align: right;
	clear: both;
}

#credit a, #sort a {
}

#credit a:hover, #sort a:hover {
}*/

/*#gallerytitle {
	border-bottom: 1px solid gray;
	padding-bottom: 14px;
	margin-bottom: 20px;
}*/

/*#gallerytitle h2 {
	font-weight: normal;
	font-size: 12pt;
	margin-top: 18px;
	width: 510px;
}*/

/* Link Styles
------------------------------ */

a {
	color: white;
	/*text-decoration: none;*/
}

a:active {
	color: red;
}

a:hover, a:focus {
	text-decoration: underline;
}

/* Text Styles
------------------------------ */

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	/*font: normal 100%/180% "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	color: #ddd;
}

h2 {
	/*font: 115% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;*/
	/*color: #AAA;*/
}

/*h2 a:link, h2 a:visited {
	color: #86a1b6;
	text-decoration: none;
}*/

h2 span {
	/*color: #666;*/
}

/*h2 a:hover {
	color: #94c2e5;
	text-decoration: underline;
}*/

h3 {
	/*font: 110% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #748da0;*/
	/*margin-top: 30px;*/
}

h3 a:link, h3 a:visited {
	text-decoration: none;
}

h3 a:hover {
	text-decoration: underline;
}

/* Miscellaneous
------------------------------ */

hr {
	clear: both;
	height: 0;
	border: 0;
	border-top: 1px solid #444;
	margin: 12px 0 0px 0;
	padding: 0;
}

img {
	border: none;
}

blockquote {
	border-left: 1px dotted #96967E;
	margin-left: 20px;
	padding-left: 20px;
	color: #363630;
}

th {
	text-align: right;
	font-weight: bold;
	color: white;
	padding-right: 10px;
}

.imagemetadata {
	font-size: small;
}

#imagemetadata {
	text-align: right;
	position: relative;
	display: none;
}

#imagemetadata table {
	text-align: left;
	line-height: 1em;
	border: 1px solid #ccc;
	position: absolute;
	top: 2em;
	right: 0px;
	background-color: #fafafa;
}

#imagemetadata table td {
	border-bottom: 1px solid #f0f0f0;
	background-color: #f8f8f8;
	padding: 2px 5px;
}

/* 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;
	/*border: 1px solid #444;
	background-color: #333;*/
	cursor: default;
	color: #555;
}

ul.pagelist li.prev {
	margin-right: 10px;
}

ul.pagelist li.next {
	margin-left: 10px;
}

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

.pagenav {
	clear: both;
}

.disabled_nav {
	visibility: hidden;
}

/* AJAX
------------------------------ */

#albumDescEditable, #albumTagsEditable {
	margin-bottom: 12px;
}

#imageDescEditable, #albumTagsEditable {
	margin-top: 24px;
}

#imageDesc, #exif_link {
	margin-bottom: 4px;
}

#exif_link {
	float: right;
}

/* Tags
------------------------------ */

/*.taglist ul {
	display: inline;
	list-style-type: none;
}

*/
.taglist li a {
	background: url(../images/tag.png) no-repeat left center;
	list-style-type: none;
	padding-left: 18px;
	/*float: left;
	padding-right: 5px;*/
}
/*
.taglist .tags_title {
	background: none;
	padding-right: 5px;
	padding-left: 0;
}*/

/* Image Thumbnails
------------------------------ */

.imagethumb a img, a #googlestaticmap {
	/*display: block;
	margin: 0px 21px 21px 0px;
	line-height: 0px;*/
	border: 1px solid #bbb;
}

.imagethumb a:visited img{
	/*background-color: #333;*/
	/*border: 1px solid #444;*/
}

.imagethumb a:hover img, a:hover #googlestaticmap {
	/*background-color: #666;*/
	border: 1px solid #fff;
	-webkit-box-shadow: 1px 2px 3px #333333;
	-moz-box-shadow: 1px 2px 3px #333333;
}

.imagethumb a:active img, a:active #googlestaticmap {
	border-color: red;
}

.imagethumb {
	float: left;
	widows: 140px;
	height: 140px;
	text-align: center;
	margin-bottom: 1em;
}

.albumdesc2 {
	/*line-height: 18px;*/
}

#albumcaption {
	/*margin-bottom: 12px;*/
}

/* Album Thumbnails
------------------------------ */

#albums {
	/*float: left;*/
	/*width: 700px;
	margin: 0px auto;*/
}

.album {
	margin-bottom: 18px;/*
	margin-top: 18px;
	margin-left: 0;
	margin-right: 0;
}

.album a img {
	
}

.album .thumb {
	/*float: left;
	margin-right: 6px;*/
}

.album h3 {
	/*padding: 0;
	margin: 0;
	text-shadow: #000 0 1px 2px;*/
}

.album p {
	/*line-height: 12px;*/
	/*font-size: 11px;
	padding: 4px 0px 0px;
	margin: 0px;*/
}

.albumdesc small {
	/*color: #666;
	font-weight: normal;
	float: right;*/
}

/* Individual Image
------------------------------ */

.image {
	/*margin: 0;
	padding: 0;
	border: 0;*/
}

#image {
	/*text-align: center;
	line-height: 0;
	position: relative;*/
	/*height:500px;*/
}

#image img {
	/*background-color: #777;
	border: 1px solid #222;*/
	border: 1px solid white;
	-webkit-box-shadow: 1px 2px 5px #333333;
	-moz-box-shadow: 1px 2px 5px #333333;
}

.imgnav {
	float: right;
	width: 140px;
	text-decoration: center;
	border: 1px solid #444;
	background: #282828;
	margin-top: -10px;
}

.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: 180%;*/
	color: #666;
}

.imgnav .imgprevious a:hover, .imgnav .imgnext a:hover {
	background-color: #333;
	text-decoration: underline;
	color: white;
}
.imgnav .imgprevious a:active, .imgnav .imgnext a:active {
	background-color: #333;
	text-decoration: underline;
	color: red;
}

.imgnav .imgprevious a {
	float: left;
}

.imgnav .imgnext a {
	float: right;
}

#narrow {
	/*margin: 18px;*/
	/*width: 600px;*/
}

.navarrows {
	width: 200px;
	height: 100%;
	position: absolute;
	display: block;
}
.navarrows:hover {
	text-decoration: none;
}

.navprev {
	left: 0px;
}
.navprev:hover {
	background: url(../images/left.png) no-repeat 24px center;
}
.navnext  {
	right: 0px;
}
.navnext:hover {
	background: url(../images/right.png) no-repeat 140px center;
}

 /*Comments
------------------------------*/ 

#comments {
	clear: both;
}

#commentcontent {
	display: none;
}

.error {
	color: #C33;
	font-weight: bold;
}

.comment {
	/*padding: 10px;
	border: 1px solid #444;
	background: #333;
	margin-bottom: 12px;*/
}

#commentcontent h3 {
	/*margin-top: 0px;*/
}

.commentmeta {
	/*margin-bottom: 12px;*/
}

.commentauthor {
	/*font-weight: bold;*/
}

.commentdate {
	/*margin-top: 12px;
	color: #555;
	font-size: 85%;*/
}

/* Forms
------------------------------ */

.inputbox {
	/*width: 250px;
	padding: 2px;*/
}

textarea {
	/*padding: 4px;
	width: 100%;
	color: #888;
	font: 100%/200% "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

.checkbox {
	/*cursor: pointer;*/
}

.pushbutton {
	/*cursor: pointer;
	padding: 5px 10px;*/
}

label {
	/*cursor: pointer;*/
}

label:hover {
	/*color: #999;*/
}

#map {
	/*margin-left: -77px;*/
}

#rating {
	/*margin-top: 10px;*/
}

/* Admin Toolbox
------------------------------ */

/* ch hide the ugly menu; also now it won't display and mess up the layout*/
#admin h3 {
	display: none;
}

/*#admin, #admin_data {
	position: fixed;
	right: 0px;
	top: 0px;
	width: 180px;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	background: #444;
	z-index: 1001;
	opacity: 0.51;
}

#admin_data {
	top: 0px;
	padding-top: 20px;
	z-index: 1;
}

#admin h3 {
	font-weight: normal;
	color: #aaa;
	margin: 0;
	padding: 0;
}

#admin h3:hover {
	color: #86a1b6;
}*/

/* Search Box
------------------------------ */

#search {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	/*background: #222;*/
}

#search input {
	/*padding: 1px;*/
	/*font-size: 80%;*/
	font-size: x-small;
	line-height: 10px;
}

#search .pushbutton {
	padding: 0px;
}

#search a {
	text-decoration: none;
}

#search ul {
	border: 1px solid #555;
	/*position: absolute;*/
	position:fixed;
	bottom: 26px;
	text-align: left;
	list-style: none;
	height: 8em;
	width: 20em;
	overflow: auto;
	background-color: #111;
	text-shadow: none;
	font-weight: normal;
	color: white;
}
#search li {
	background: none;
	display: block;
	float: none;
}

#searchfields_icon {
	position: relative;
	top: 4px;
}

.clear {
	/*clear: both;
	height: 10px;*/
}

/* Archive View
---------------------------- */

/*#archive {
	width: 300px;
	margin: 0 auto;
	text-align: center;
}*/

ul.archive * {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.archive > li {
	margin-left: 10px;
	margin-right: 10px;
}

ul.archive .year {
	/*margin-top: 10px;
	text-align: center;*/
	/*margin-bottom: 1em;*/
	font-weight: bold;
}

ul.archive .month {
	/*display: inline;*/
	/*list-style: none;*/
	/*border-top: 1px solid #666;*/
	/*padding-top: 5px;*/
	/*font-size: medium;*/
	font-weight: normal;
}

ul.archive .month li {
	/*display: inline;*/
	/*margin-right: 1em;*/
}

/* Tag Cloud
---------------------------- */

/*#tag_cloud {
	text-align: center;
	background: #111;
}*/

#tag_cloud ul li, .taglist li {
	/*margin-right: 1em;*/
	/*display: inline;*/
	display: block;
	margin-left: 0px;
}

/*#tag_cloud p {
	padding: 10px 0;
	margin: 20px 0;
	background: #222;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}*/

 /*Error Messages
------------------------------*/ 

.errorbox {
	padding: 20px;
	background-color: #FDD;
	border-top: 1px solid #FAA;
	border-left: 1px solid #FAA;
	border-right: 1px solid #FAA;
	border-bottom: 5px solid #FAA;
	margin-bottom: 10px;
	font-size: 100%;
	color: #DD6666;
}

.errorbox h2 {
	color: #DD6666;
	font-size: 100%;
	font-weight: bold;
	margin: 0px;
}

/* Zenphoto link
------------------------------ */

#zen-part {
	/*font-family: Arial, Helvetice, sans-serif;*/
	font-size: 1.8em;
	font-weight: 100;
}

#photo-part {
	/*font-family: Arial, Helvetice, sans-serif;*/
	font-size: 0.9em;
	font-weight: bold;
}






.icon-rss, .icon-rss a {
	background-image: url('../icons/rss.png');
}

.icon-prev a {
	background-image: url('../icons/resultset_previous.png');
}

.icon-next a {
	background-image: url('../icons/resultset_next.png');
}


.icon-tag, .icon-tag a {
	background-image: url('../icons/tag_blue.png');
}

.icon-money {
	background-image: url('../icons/money.png');
}

.icon-world, .icon-world a {
	background-image: url('../icons/world.png');
}

.icon-phone {
	background-image: url('../icons/telephone.png');
}

.icon-envelope {
	background-image: url('../icons/email.png');
}

.icon-map {
	background-image: url('../icons/map.png');
}

.icon-home, .icon-home a {
	background-image: url('../icons/house.png');
}

.icon-user, .icon-user a {
	background-image: url('../icons/user.png');
}

.icon-admin, .icon-admin a {
	background-image: url('../icons/user_suit.png');
}

.icon-folder, .icon-folder a {
	background-image: url('../icons/folder.png');
}

.icon-edit, .icon-edit a {
	background-image: url('../icons/page_edit.png');
}

.icon-page, .icon-page a {
	background-image: url('../icons/page.png');
}
.icon-date, .icon-date a {
	background-image: url('../icons/date.png');
}

.icon-comment, .icon-comment a {
	background-image: url('../icons/comment.png');
}

.icon-comments, .icon-comments a {
	background-image: url('../icons/comments.png');
}

.icon-gallery, .icon-gallery a {
	background-image: url('../icons/photos.png');
}

.icon-album, .icon-album a {
	background-image: url('../icons/pictures.png');
}

.icon-photo, .icon-photo a {
	background-image: url('../icons/picture.png');
}

.icon-info, .icon-info a {
	background-image: url('../icons/information.png');
}

.icon-cancel, .icon-cancel a {
	background-image: url('../icons/cancel.png');
}

.icon-archive, .icon-archive a {
	background-image: url('../icons/book_open.png');
}

.icon-search, .icon-search a {
	background-image: url('../icons/find.png');
}

.icon-disk, .icon-disk a {
	background-image: url('../icons/disk.png');;
}


.more-link {
	background-image: url('../icons/page.png');
}

.link-icon, .link-icon-parent a, .more-link {
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left;
	min-height: 18px;
/*	line-height: 18px;*/
}

.link-icon-right, .link-icon-parent-right a {
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right;
	min-height: 18px;
	line-height: 18px;
}

.link-icon-parent {
	background-image: none;
}