/*
* @author: William Khoe
*/

section#tips-overview ul li
{
	position:relative;
	margin:0 0 20px 0;
	min-height:158px;
	border:5px solid #EEE;
}
section#tips-overview ul li a.thumbnail
{
	display:block; position:absolute;
	top:0; left:0;
}
section#tips-overview ul li a.thumbnail img
{
	width:260px; height:158px;
}
section#tips-overview ul li article
{
	margin:20px 20px 20px 278px;
}
section#tips-overview ul li article h4
{
	margin:0 0 15px 0;
	font-size:18px; font-weight:700; text-transform:uppercase;
}
section#tips-overview ul li article p
{
	margin:0 0 15px 0;
}

/* Regular Desktop */

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

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{
	section#tips-overview ul li
	{
		margin-bottom:15px;
	}
	section#tips-overview ul li article h4
	{
		margin-bottom:10px;
		font-size:16px; line-height:18px;
	}
	section#tips-overview ul li article
	{
		margin:15px 15px 15px 278px;
	}
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	section#tips-overview ul li a.thumbnail
	{
		position:relative;
		width:100%; height:auto;
	}
	section#tips-overview ul li a.thumbnail img
	{
		width:100%; height:auto;
	}
	section#tips-overview ul li article p
	{
		display:none;
	}
	section#tips-overview ul li article
	{
		position:relative;
		margin:15px;
	}
	section#tips-overview ul li article aside
	{
		position:absolute;
		top:0; left:0;
		width:100%; height:100%;
		margin:0; padding:0;
	}
	section#tips-overview ul li article aside a.more
	{
		display:block; overflow:hidden;
		width:100%; height:100%;
		margin:0; padding:0;
		text-indent:-9999px;
		background:url(/img/ui/arrow-right.png) no-repeat 100% 50%;
	}
}