/***************************************************************/
/* IP.Board 3 CSS                                              */
/* ___________________________________________________________ */
/* By Rikki Tissier                                            */
/* (c)2008 Invision Power Services                             */
/***************************************************************/
/* ipb_gallery.css - Gallery styles							   */
/***************************************************************/
/* NOTE: This CSS is currently *unoptimized*				   */

.galattach {
	border: 1px solid #6a6a6a;
	padding: 3px;
	background: #fff;
}

/* Table columns */
.col_gal_cat { 	
	/*width: 66%;*/
}
.col_gal_imgs,
.col_gal_last_img {
 	width: 15%;
}
.col_gal_imgs {
	text-align: right;
}
.col_gal_stats {
	width: 25%;
}

table.ipb_table.gallery td {
	vertical-align: top;
	padding-top: 15px;
}

/* Gallery homepage styles */

.gallery_row {
	clear: both;
	margin: 0;
	overflow: hidden;
	width: 100%;
}

	.gallery_row .gallery_block {
		float: left;
		margin-right: 0.9%;
		margin-bottom: 25px;
		overflow: hidden;
	}
	
		.gallery_row .gallery_block .wrap {
			padding: 10px;
		}
		
		.gallery_row .gallery_block.moderated {
			background: #f2e4e7;
		}
		
			.gallery_row .gallery_block.moderated h3 {
				color: #6f3642;
			}
			
		.gallery_row .gallery_block h3,
		.gallery_view h3,
		.gallery_photo_info h3 {
			padding-left: 6px;
			font-size: 1.3em !important;
			font-weight: normal;
			margin-bottom: -4px;
			max-height: 1.35em !important;
			overflow: hidden;
			white-space:nowrap;
		}
		
			.gallery_row .gallery_block.mod .wrap h3 {
				margin-right: 10px;
			}
			
				.gallery_row .gallery_block.mod .wrap .image_mod {
				
				}
	
		.gallery_row .gallery_block.placeholder {
			height: 100%;
			background: #eeeeee;
			-moz-border-radius: 7px;
		}
		
		.gallery_row .gallery_block p.image_wrap {
			text-align: center;
			margin: 0px 0 3px;
			padding: 17px 5px;
		}
		
		.gallery_row .gallery_block ul.stats {
			padding: 10px 15px 15px;
			margin-left: 50px;
		}
		
		.gallery_row .gallery_block div.desc {
			min-height: 90px;
			padding: 10px;
			font-size: 0.9em;
		}
		
		.gallery_row .gallery_block p.status {
			float: left;
			padding: 10px 12px;
		}
		
		.gallery_row .gallery_block .gallery_stats {
			padding: 8px 10px;
			font-size: 0.9em;
			text-align: right;
		}
		
			.gallery_row .gallery_block .gallery_stats li {
				display: inline;
				padding-right: 8px;
			}
	
.gallery_cat_title.maintitle .desc {
	float: right;
	font-size: 11px;
	margin-top: 3px;
}

	.gallery_cat_title.maintitle .desc a {
		color: #d5dde5;
		text-decoration: none;
	}
	
/* Gallery view image */

.gallery_view {
	width: 69%;
	float: left;
	background: #eef3f8;
	text-align: center;
	padding: 15px 0 0;
	border: 1px solid #e4ebf2;
}
	
	.gallery_view.full {
		width: 100%;
	}
	
	.gallery_view .description {
		margin: 15px 0 0;
		padding: 15px;
		background: #e4ebf2;
	}

	.gallery_photo_info {
		float: right;
		width: 29%;
	}
	
		.image_info li {
			padding: 8px;
			font-size: 0.9em;
		}
		
			.image_info li strong {
				width: 30%;
				display: block;
				float: left;
			}
			
			.image_info li input {
				width: 68%;
			}
			
ul.photo_info {
	margin: 0;
	font-size: 0.9em;
	overflow: hidden;
	line-height: 150%;
}

ul.photo_info li {
	clear: both;
}

ul.photo_info span {
	color: #718a96;
	padding: 3px;
}

ul.photo_info span.title {
	font-weight: bold;
}

ul.photo_info span.info {
}
			
/* Photostrip */

.photostrip {
	overflow: hidden;
	border: 1px solid #e4ebf2;
}

.photostrip .nav {
	width: 2%;
	text-align: center;
	float: left;
	background: #d5dde5;
}

	.photostrip .nav a {
		display: block;
		vertical-align: middle;
		position: relative;
		top: 40%;
	}

.photostrip #strip {
	width: 96%;
	float: left;
	text-align: center;
}

	.photostrip #strip div {
		width: 19.2%;
		float: left;
		text-align: center;
	}
	
	.photostrip #strip div img {
		margin-top: 15px;
	}
	
/* COMMENTS */
.comment.stats {
	clear: both;
	padding: 10px;
}

	.comment.stats .galattach {
		margin-right: 15px;
	}

/* USER VIEW */

#gallery_user_info {
	width: 19%;
	float: left;
	margin-right: 2%;
}

	#gallery_user_info ul.info li {
		padding: 8px;
		font-size: 0.9em;
	}

#gallery_user_photos {
	width: 79%;
	float: left;
}

/* Others... */
em.inline-moderated {
	display: inline;
	clear: none;
	margin-left: 5px;
	vertical-align: middle;
}

.subcatsTrigger {
	cursor: pointer;
}