/*
 * nrelate Popular: Polaroid Style
 *
 * @credit: http://www.zurb.com/playground/css3-polaroids
 */
 
 /* Layout ===============> */
.nrelate_pol .nr_panel{
	display:block;
	float:left;
	position:relative;
	cursor:pointer;
	padding:8px 6px 0 6px;
	margin:1px 20px 20px 1px;
}
.nrelate_pol .nr_img_div{
	display:block;
	margin:auto;
	position:relative;
}
.nrelate_pol .nr_img{
	margin:0; padding:0; border: 0; outline:0; max-width:100%;
}
.nrelate_pol .nr_text{
	display:block;
	margin-top:8px;
	word-wrap:break-word;
}
.nrelate_pol .nr_sponsored_wrap{
	left:0px;
}
.nrelate_pol .nr_excerpt{
	display:block;
}
.nrelate_pol .nr_post_title,
.nrelate_pol .nr_source,
.nrelate_pol .nr_excerpt{
	display:block;
}

.nrelate_pol .nr_panel,
.nrelate_pol .nr_panel:link,
.nrelate_pol .nr_panel:visited,
.nrelate_pol .nr_panel:active{
	border: 1px solid #ddd;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}

.nrelate_pol.nr_150 .nr_panel{ width : 154px; height: 192px; }
.nrelate_pol.nr_150 .nr_sponsored_wrap{ width : 150px; top:132px; }
.nrelate_pol.nr_150 .nr_sponsored{ left : 132px; }
.nrelate_pol.nr_150 .nr_img_div{ width:150px !important; height:150px !important; }

.nrelate_pol.nr_160 .nr_panel{ width : 164px; height: 202px; }
.nrelate_pol.nr_160 .nr_sponsored_wrap{ width : 160px; top:142px; }
.nrelate_pol.nr_160 .nr_sponsored{ left : 142px; }
.nrelate_pol.nr_160 .nr_img_div{ width:160px !important; height:160px !important; }

.nrelate_pol.nr_170 .nr_panel{ width : 174px; height: 212px; }
.nrelate_pol.nr_170 .nr_sponsored_wrap{ width : 170px; top:152px; }
.nrelate_pol.nr_170 .nr_sponsored{ left : 152px; }
.nrelate_pol.nr_170 .nr_img_div{ width:170px !important; height:170px !important; }

.nrelate_pol.nr_180 .nr_panel{ width : 184px; height: 222px; }
.nrelate_pol.nr_180 .nr_sponsored_wrap{ width : 180px; top:162px; }
.nrelate_pol.nr_180 .nr_sponsored{ left : 162px; }
.nrelate_pol.nr_180 .nr_img_div{ width:180px !important; height:180px !important; }

.nrelate_pol.nr_190 .nr_panel{ width : 194px; height: 232px; }
.nrelate_pol.nr_190 .nr_sponsored_wrap{ width : 190px; top:172px; }
.nrelate_pol.nr_190 .nr_sponsored{ left : 172px; }
.nrelate_pol.nr_190 .nr_img_div{ width:190px !important; height:190px !important; }

.nrelate_pol.nr_200 .nr_panel{ width : 204px; height: 242px; }
.nrelate_pol.nr_200 .nr_sponsored_wrap{ width : 200px; top:182px; }
.nrelate_pol.nr_200 .nr_sponsored{ left : 182px; }
.nrelate_pol.nr_200 .nr_img_div{ width:200px !important; height:200px !important; }
/* <=============== Layout */

/* Format ================> */
.nrelate_pol .nr_panel,
.nrelate_pol .nr_panel:link,
.nrelate_pol .nr_panel:visited,
.nrelate_pol .nr_panel:active{
	text-decoration:none;
	color:inherit;
}
.nrelate_pol .nr_panel{
	cursor:pointer;
	line-height:1.4;
}
.nrelate_pol .nr_img_div{
	line-height:0;
}
.nrelate_pol .nr_text{
	text-align:center;
	font-weight:bold;
	font-size:80%;
}
.nrelate_pol .nr_source{
	font-weight:normal;
}
.nrelate_pol .nr_excerpt{
	font-weight:normal;
}
/* <================ Format */


/* Rotate the images ================> */

/* By default, we tilt all our images -2 degrees */
.nrelate_pol.rotate .nr_panel{
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-webkit-transform-style:preserve-3d;
}

/* Rotate all even images 2 degrees */
.nrelate_pol.rotate .nr_panel:nth-child(even){
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
}
 
/* Don't rotate every third image, but offset its position */
.nrelate_pol.rotate .nr_panel:nth-child(3n){
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
transform: rotate(5deg);
position: relative;
}

/* Rotate every fifth image by 5 degrees and offset it */
.nrelate_pol.rotate .nr_panel:nth-child(5n){
-webkit-transform: none;
-moz-transform: none;
position: relative;
}
 
/* Keep default rotate for every eighth, but offset it */
.nrelate_pol.rotate .nr_panel:nth-child(8n){
position: relative;
}
 
/* Keep default rotate for every eleventh, but offset it */
.nrelate_pol.rotate .nr_panel:nth-child(11n){
position: relative;
left: -5px;
}