/* 
Color Index
EggShell #f6f6f6
LightGrey #777777
DarkGrey #272727
Green #ccff00
Purple #6600cc
Red #ff3333
Blue #3366ff
yellow #ffde00
Aqua #00cc99
*/



/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_noise {
	width:313px;
}

	
/* =Noise
------------------------------------------------------------- */
.noiseList ul {
list-style-type: decimal;
}
.noise {
	text-decoration:none;
	width:313px;
	background:#eee;
	overflow: hidden;	
	position: relative;	
	padding:0px;
	margin-top:10px;
	-moz-box-shadow: 0px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 0px rgba(0,0,0,0.25);
	-webkit-transition: all 0.3s ease-in ; /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-in ; /* FF4+ */
    -ms-transition: all 0.3s ease-in ; /* IE10? */
    -o-transition: all 0.3s ease-in ; /* Opera 10.5+ */
    transition: all 0.3s ease-in ;	
}

.noise a {
	text-decoration:none;	
}
.noise figure { line-height:0; }
.noise .thumb img{
	overflow: hidden;
	max-width:313px;
	/*max-height:220px;*/
	height:auto;	
	min-width:313px;
}
.noise .teaser {
	position: relative;
	display:block;
	overflow: hidden;
	padding:0 10px 10px 10px;
}	
.noise .teaser p{
	text-align:center;
	color:#777;
	font-size:12px;
	line-height:1.2;
}	

.noise:hover * {
	background:#272727;
	color:#fff;
	border-color:#fff;
}
.noise.green:hover * {
	background:#ccff00;
	color:#000;	
	border-color:#272727;
}
.noise.blue:hover * {
	background:#3366ff;
	color:#fff;	
	/*border-color:#272727;*/
}
.noise.purple:hover * {
	background:#6600cc;
	color:#fff;	
	border-color:#272727;
}

/* =Archive Noise
------------------------------------------------------------- */
.archive .noise {
	text-decoration:none;
	max-width:220px;
	background:#eee;
	overflow: hidden;	
	position: relative;	
	padding:0px;
	margin-top:10px;
	-moz-box-shadow: 0px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 0px rgba(0,0,0,0.25);
	-webkit-transition: all 0.3s ease-in ; /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-in ; /* FF4+ */
    -ms-transition: all 0.3s ease-in ; /* IE10? */
    -o-transition: all 0.3s ease-in ; /* Opera 10.5+ */
    transition: all 0.3s ease-in ;	
}

.archive .noise a {
	text-decoration:none;	
}

.archive .noise .thumb img{
	overflow: hidden;
	min-width:220px; max-width:220px;
	max-height:220px;
	height:auto;
}
.archive .noise .teaser {
	position: relative;
	display:block;
	overflow: hidden;
	padding:0px 10px 10px 10px;
	text-align:center;
	color:#272727;
	/*font-size:11px;
	line-height:1.2;*/
}	
.archive .noise p{	
	text-align:center;
	color:#272727;
	/*font-size:11px;
	line-height:1.2;*/
}	
.archive .noise:hover * {
	background:#272727;
	color:#eee!important;	
}
.archive .noise.alpha {
	clear:left;
}






a.nextpostslink, a.previouspostslink {	
	float:left;
	padding:10px;
	display:inline-block;
	line-height:1em;
	font-size:18px;
	color:#272727;
	background:#eee;
	text-align:center;
	text-decoration:none;	
	-moz-box-shadow: 0px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 0px rgba(0,0,0,0.25);
	}
a.nextpostslink {	
margin-right:10px;
}
	
a.nextpostslink:hover, a.previouspostslink:hover {
	color:#fff;
	background:#272727;
}

.nav-previous, .nav-next { width:40%; min-width:130px; display: block; float:left; }
.nav-previous { margin-right:10px; }

.nav-previous a, .nav-next a {
	display: block;
	padding:10px;
	line-height:1em;
	font-size:12px;
	color:#272727;
	background:#eee;
	text-align:center;
	text-decoration:none;	
	-moz-box-shadow: 0px 4px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 0px rgba(0,0,0,0.25);
	overflow:hidden;	
	}

.nav-previous a:hover, .nav-next a:hover {
	color:#fff;
	background:#272727;
}

/* THE END */