/* CSS Document */

/* ===========================
For the categories page (with folder icons)
===========================*/
#categoriesContainer {
	margin: 30px 0 30px 0;
}

.category {
	
	width: 120px;
	height: 100px;
	float: left;
	margin-right: 5px;
	margin-bottom: 20px;
}

.category a {
	display:block;
	height: 80px;
	vertical-align:bottom;
	background-image:url(/images/icons/folder.jpg);
	background-position:20px 0px;
	background-repeat:no-repeat;
	padding-top: 75px;
	text-align:center;
	/*color: #0858a5;*/
	color: #5c5c5c;
}

.category a:hover {
	background-position:-116px 0px;
	color: #df6f01;
	text-decoration:none;
}

/* ===========================
For the category page (where you get the actual images)
===========================*/

#imagesContainer {
	margin: 0px 0 30px 0;
}

.image {
	width: 180px;
	height: 230px;
	float: left;
	margin: 0 16px;
	margin-bottom: 20px;
}

.image .imageName {
	display:block;
	font-weight:bold;
}

.image a {
	display:block;
	color: #0858a5;
	/*color: #5c5c5c;*/
}

.image a:hover {
	background-position:-116px 0px;
	color: #df6f01;
}