/*
* @author: William Khoe
*/

.related-content
{
	float:left; clear:left;
	width:240px;
	margin:0 30px 0 0; padding:19px;
	border:1px solid #DEDEDE;
	background:#FFF;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}
.related-content h3
{
	margin:0 0 15px 0;
	font-size:13px; color:#222; text-transform:uppercase;
}
.related-content section
{
	margin:20px 0 0 0; padding:16px 0 0 0;
	border-top:2px solid #EEE;
}
.related-content section:first-child
{
	margin:0; padding:0;
	border:0;
}
.related-content section.showcase li
{
	margin:10px 0 0 0;
}
.related-content section.showcase li:first-child
{
	margin:0;
}
.related-content section.showcase a.thumbnail
{
	position:relative; display:block;
}
.related-content section.showcase a.thumbnail img
{
	width:100%; height:auto;
}
.related-content section.showcase a.thumbnail .caption
{
	display:block; position:absolute;
	bottom:0; left:0;
	width:100%; height:30px;
	background:#000; background:rgba(0,0,0,0.6);
	color:#FFF; font-weight:bold; font-size:12px; line-height:30px; text-align:center;
}
.related-content section.may-also-like li
{
	position:relative;
	margin:15px 0 0 0; padding:15px 0 0 118px;
	min-height:59px;
	border-top:1px solid #DDD;
}
.related-content section.may-also-like li:first-child
{
	margin:0; padding-top:0;
	border:0;
}
.related-content section.may-also-like li a.thumbnail
{
	position:absolute;
	top:15px; left:0;
}
.related-content section.may-also-like li a.thumbnail img
{
	position:absolute;
	top:0px;
    max-height:59px;
    max-width:105px;
    left:30px;
}
.related-content section.may-also-like li:first-child a.thumbnail
{
	top:0;
}
.related-content section.may-also-like li article
{
	padding:10px 0 0 0;
}
.related-content section.may-also-like li article a
{
	font-weight:bold;
}
.related-content section.helpful-resources ul
{
	margin:0 0 -10px 0;
}
.related-content section.helpful-resources ul li
{
	margin:0 0 10px 0; padding:0 0 0 13px;
	background:url(/img/ui/list-bullet.png) no-repeat 0 5px;
}
.related-content section.helpful-resources ul li a
{
	font-weight:bold;
}

/* Regular Desktop */

@media only screen and (min-width:1024px)
{

}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{
	.related-content
	{
		width:191px;
	}
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	.related-content
	{
		float:none;
		width:auto;
		margin:0;
	}
	.related-content section.showcase a.thumbnail img
	{
		width:100%; height:auto;
	}
}