/* CSS Document */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.nav-bar {
	display:block;
	margin:10px 0;
	border:1px solid #f2f2f2;
	height:16px;
	overflow:hidden;
	padding:5px;
}
	.nav-bar a{
		display:block;
		float:left;
		padding-top:16px;
		width:16px;
		margin:0 5px 0 0;
		height:0px;
		overflow:hidden;
		display:inline;
	}
		.nav-bar a.next { background: url(../icons/next.png); }
		.nav-bar a.previous { background: url(../icons/previous.png); }
		
.nav-links {
	display:block;
	margin:10px 0;
	border:1px solid #f2f2f2;
	padding:5px;
	clear:both;
}
.actions {
	display:block;
	border:1px dotted #ddd;
	padding:5px;
	margin:5px 0;
}
	.actions a {
		float:left;
		padding-left:22px;
		height:16px;
		overflow:hidden;
		background-repeat:no-repeat;
		background-position:top left;
		margin-right:10px;
	}
	.actions a.create-album {background-image:url(../icons/create-album.png)}
	.actions a.edit-gallery-settings {background-image:url(../icons/edit-attributes.png)}
	.actions a.add-image {background-image:url(../icons/add-image.png)}

.gallery-row {
	margin:0;
	background-color:#f2f2f2;
	clear:both;
	border:1px solid #ddd;padding-right:10px;
}
	* html .gallery-row {
		padding-bottom:10px;
		
		height:1%
	}

	.gallery-item {
		display:block;
		float:left;
		border:1px solid #ccc;
		margin:10px 0 10px 10px;
		background:#fff;
		padding:10px 0 0 0;
		width:140px;
		position:relative;
		display:inline;
		text-align:center
	}
	
		.gallery-item h5 {
			margin:5px;
			text-align:center;
			font-size:10px;
			height:25px;
			font-weight:normal;
		}
		
		.single-image h5 {
			margin-bottom:5px;
			margin-top:0px;
		}
		.single-image cite
		 {
			text-align:center;
			background-color:#fafafa;
			border:1px solid #ccc;
			border-top:none;
			display:block;
			padding:5px;
		}
		.gallery-item .image-wrapper {
			display:block;
			text-align:center;
			width:80px;
			height:80px;
			overflow:hidden;
			margin:0px auto;
			padding:0px;
			border:none;
		}
		.image-wrapper {
			width:auto;
			height:auto;
			text-align:left;
			border:1px solid #ccc;
			padding:10px 10px 5px 10px;
			text-align:center;
		}
		
		
			.image-wrapper img,
			.image-wrapper a img {
				display:block;
				margin:0px auto;
				margin-bottom:5px;
			}
			
		.gallery-item .actions,
		{
			text-align:center;
			margin:0px auto;
			background-color:#fafafa;
			border:none;
			border-top:1px solid #ccc;
			display:block;
			padding:5px;
		}
		.image-wrapper .published-date {
			text-align:center;
			margin:5px -10px -5px -10px;
			background-color:#fafafa;
			border:none;
			border-top:1px solid #ccc;
			display:block;
			padding:5px;
		}
		.gallery-item .actions a{
			width:16px;
			margin:0 5px 0 0;
			display:block;
			padding-left:0px;
			height:0;
			padding-top:16px;
		}

			.gallery-item .actions a.delete-image {
				background-image:url(../icons/delete-image.png);
				margin:0px auto;
			}
			.gallery-item .actions a.edit-album { background: url(../icons/edit-album.png); }
			.gallery-item .actions a.delete-album { background: url(../icons/delete-album.png); }
			.gallery-item .actions a.edit-attributes { background: url(../icons/edit-attributes.png); }
			.gallery-item .actions a.next { background: url(../icons/next.png); }
			.gallery-item .actions a.previous { background: url(../icons/previous.png); }
		
		.gallery-item .desc {
			display:none;
			width:118px;
			position:absolute;
			left:5px;
			top:125px;
			padding:5px;
			border-width:1px;
			border-style:solid;
			border-color:#ccc;
			border-top:1px dashed #eee;
			
			background:#fff;
		}
		.gallery-item:hover {background-color:#FFFFDF}
		.gallery-item:hover .desc {
			display:block;
			z-index:200
		}
		
h3 {font-size:11px; color:#0775B2;}

.form {margin:15px 0}
.form div {border:1px solid #eee; margin-bottom:-1px; padding:5px;}
.form div label {width:150px; float:left; background-color:#f2f2f2; margin-right:10px; padding:10px 5px; margin:-5px 10px -5px -5px}