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


#main 						{text-align: left; margin:0px; width: 560px;}
#gallerytitle 				{float:left; width:560px; margin-bottom:3px;}

/* Link Styles
------------------------------ */
a:link, a:active, a:visited { text-decoration: underline; color: #17A; }
a:hover, a:focus { text-decoration: underline; color: #6BD; }

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



h3 						{font: 110% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;font-weight: bold; color: #002E5B; margin-top: 30px;}
h3 a:link, h3 a:visited {text-decoration: none; }
h3 a:hover 				{text-decoration: underline; }

/* Breadcrumb

<div id="breadcrumb">
	<h2>
        <span>
        <?php printHomeLink('', ' &raquo '); ?>
        <a href="<?php echo htmlspecialchars(getGalleryIndexURL());?>" title="<?php gettext('Albums Index'); ?>"><?php echo getGalleryTitle();?></a> 
        &raquo <?php printParentBreadcrumb("", " | ", " | "); printAlbumBreadcrumb("", " &raquo; "); ?>
        </span> <?php printImageTitle(true); ?>
	</h2>
</div>
------------------------------ */
#breadcrumb				{float:left; width:558px; background-color:#f3f9ff; border:dotted 1px #ebebeb; padding:2px; }
h2 						{font:bold 13px Arial, Helvetica, sans-serif; color:#1261b0; text-decoration:none;}
h2 a 					{font:bold 13px Arial, Helvetica, sans-serif; color:#1261b0; text-decoration:none;}
h2 span 				{font:bold 13px Arial, Helvetica, sans-serif; color:#7dbb4f; text-decoration:none;}

/* Miscellaneous
------------------------------ */
hr 						{clear: both; height: 0; border: 0; border-top: 1px solid #E6E6DF; margin: 0 0 12px 0; padding: 0;}
img 					{border: 0;}
blockquote 				{border-left: 1px dotted #96967E;margin-left: 20px;padding-left: 20px;color: #363630;}

/* 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;text-decoration: none;cursor: default;color: #5A5A4B;}
ul.pagelist li.prev 	{margin-right: 10px;}
ul.pagelist li.next 	{margin-left: 10px;}
.disabledlink 			{color: #ddd;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 ul li 				{background: url(../images/tag.png) no-repeat left center;list-style-type: none;padding-left: 18px;float:left;padding-right: 5px;color: #999999;display: inline;list-style-type: none;}
.taglist .tags_title 		{background: none;padding-right: 5px;padding-left: 0;}

/* Image Thumbnails------------------------------ */
.imagethumb a, 
.imagethumb a:hover 		{display: block; padding:9px; margin: 0px 9px 9px 0px; line-height: 0px;border: 1px solid #e6e6e6; background-color: #f6f6f6;}
.imagethumb a:hover 		{background-color: #f3f3f3;border: 1px solid #cccccc;}
.imagethumb 				{float: left;}
.albumdesc2 				{line-height: 18px;}


/* Album Thumbnails ------------------------------ */
#albums 					{float:left;}
.album 						{float:left; width: 268px; margin:5px; padding:0px; border: 1px solid #E7F0F5; background: #F7F9FD; line-height: 100%; display:inline;}
.album a img 				{float:left;  width:100px; margin:0px 50px; display:inline}
.album .thumb 				{float:left; width:200px; margin:4px 34px; display:inline}
.album h3 					{ text-align:center; padding: 0;margin: 0;}
.album p 					{line-height: 12px; font-size: 11px; padding: 4px 0px 0px; margin: 0px;}
.albumdesc small 			{color: #8DB8CF;}


/* Individual Image
------------------------------ */
.image 				{margin: 0;padding: 0;border: 0;}
#image 				{float:left;}
#image a 			{display:block; padding:5px 5px 5px 5px; border:solid 1px #CCCCCC;}

.imgprevious a		{float: left; font-size: 120%; text-decoration: none; color:#7dbb4f;}
.imgnext a 			{float: right; font-size: 120%; text-decoration: none; color:#7dbb4f;}

.imgnav .imgprevious a:hover,
.imgnav .imgnext a:hover 	{background-color: #fff;text-decoration: none;color: #002E5B;}


#narrow 					{margin: 0 auto; width: 560px; font:normal 14px Arial, Helvetica, sans-serif; text-align:left;}
#rating						{float:left; margin:5px 0px 5px 0px;}
#vote						{margin:0px 0px 15px 0px;}


/* Comments
------------------------------ */
#comments 					{clear: both; font:normal 14px Arial, Helvetica, sans-serif; text-align:left;}
.error 						{color: #C33; font-weight: bold; }
.comment 					{padding: 10px;border: 1px solid #E7F0F5;background: #FBFCFD;margin-bottom: 12px;}
.commentmeta 				{margin-bottom: 12px;}
.commentauthor 				{font-weight: bold;}
.commentdate 				{margin-top: 12px;color: #8DB8CF;font-size: 85%;}


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

form#commentform			{float:left; width:560px;}
form#commentform fieldset	{float:left; width:560px; margin:0px 0px 5px 0px;}

form#commentform label		{float:left; width:160px; text-align:left;}
form#commentform input.inputbox		{float:left; width:396px; border:2px solid #4e84c4; padding:3px 0px;}
form#commentform textarea	{float:left; width:546px; height:200px; padding:5px; border:2px solid #4e84c4;}

form#commentform input.inputbox:focus,
form#commentform textarea:focus {color:#7db93d; border:2px solid #7db93d;}

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

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

/* Admin Toolbox
------------------------------ */
#admin, #admin_data{
	position: fixed;
	right: 0px;
	top: 0px;
	width: 130px;
	border-bottom: 1px solid #E6E6DF;
	border-left: 1px solid #E6E6DF;
	background: #fff;
    z-index: 2; 	text-align: left;
}
#admin_data{
	top: 0px;
	padding-top: 20px;
	z-index: 1;
	line-height: 1.6em;

}
#admin h3 {
	font-weight: normal;
	color: #999;
	margin:0;
	padding:0; text-align: center;
}
#admin h3:hover { color: #036; }

/* 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;}