/***************/
/* GRID STYLES */
/***************/

.grid {
	width: 1241px;
	height: auto;
	margin: auto;
}

/* MODULES */
.module {
	height: 400px;
	padding: 4px;
	position: relative;
	float: left;
	margin: 19px;
	overflow: hidden;
	background-color: #1d1b1f;
}
.tags {
	width: 1200px;
	height: inherit;
	padding: 0;
	clear: both;
	border: none;
	border-bottom: solid 2px #CCC;
	background-color: transparent;
	text-align: center;
	-webkit-box-shadow:  inherit;
	-moz-box-shadow:  inherit;
	box-shadow: inherit;
}
.tags table {
	padding: 0;
	margin: auto;
	border-spacing: 5px 0;
}
.tags td {
	width: 140px;
	height: 38px;
	padding: 0;
	border: solid 1px #CCC;
	border-bottom: none;
	border-collapse: separate;
	background-color: #E5E5E5;
	text-align: center;
	vertical-align: middle;
	color: #999;
	-webkit-transition: color 250ms ease, background-color 250ms ease;
	-moz-transition: color 250ms ease, background-color 250ms ease;
	transition: color 250ms ease, background-color 250ms ease;
}
.tags .current, #pics {
	background-color: #FFF;
	color: #222;
	cursor: default;
}

#pics {
	margin: 0px 0px;
	padding: 0px;
	width: 100%;
}

.tag-link {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 38px;
}
.tags td:hover{
	background-color: #FFF;
	color: #222;
}
.half {height: 190px;}
._1_ {width: 262px;}
._2_ {width: 558px;}
._3_ {width: 868px;}
._4_ {width: 1178px;}

@media screen and (max-width: 1280px) {
	.grid {width: 931px;}
	.tags {width: 890px;}
	._1_ {width: 262px;}
	._2_ {width: 558px;}
	._3_, ._4_ {width: 868px;}
}
@media screen and (max-width: 970px) {
	.grid {width: 621px;}
	.tags {width: 580px;}
	._1_ {width: 262px;}
	._2_, ._3_, ._4_ {width: 558px;}
}
@media screen and (max-width: 660px) {
	.module {
		float: inherit;
		margin-right: auto;
		margin-left: auto;
	}
	.grid {width: auto;}
	.tags {width: 400px;}
	._2_, ._3_, ._4_ {
		width: 418px;
		height: 285px !important;
	}
}