/*
* @author: William Khoe
*/

.other-projects ul:after
{
	display:block; clear:both; visibility: hidden;
	height:0;
	content:".";
}
.ie .other-projects ul
{
	zoom:1;
}
.other-projects .content
{
	display:block;
	margin:20px 0 30px 0;
	border-bottom:3px solid #EEE;
}
.other-projects h2
{
	margin:0 0 5px 0;
	font-size:24px; font-weight:400;
}
.other-projects a.see-all
{
	position:relative; display:inline-block;
	top:-15px;
	padding:0 15px 0 0;
	background:url(/img/ui/icon-sprite.png) no-repeat 100% -581px;
	font-size:12px; font-weight:bold; text-transform:uppercase;
}
.other-projects a.see-all:hover
{
	background-position:100% -4146px;
}
.other-projects ul
{
	margin:0 0 25px 0;
}
.other-projects ul li
{
	float:left;
	width:203px;
	margin:0 0 0 20px;
}
.other-projects ul li:first-child
{
	margin:0;
}
.other-projects ul li a.thumbnail
{
	display:block;
	margin:0 0 10px 0;
}
.other-projects ul li a.thumbnail img
{
	width:50%; height:auto;
}
.other-projects ul li .project-name
{
	display:block;
	text-align:center;
}
.other-projects ul li .project-name a
{
	font-weight:bold;
}
.other-projects aside
{
	border:4px solid #EEE;
	margin:0 0 30px 0; padding:15px 20px;
	font-size:14px;
}

/* Regular Desktop */

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

}

/* Tablet Portrait */

@media only screen and (min-width:768px) and (max-width:1023px)
{
	.other-projects ul li
	{
		width:135px;
	}
	.other-projects ul li .project-name
	{
		font-size:11px;
	}
	.other-projects aside
	{
		font-size:12px;
	}
}

/* Mobile Portrait & Landscape */

@media only screen and (max-width:767px)
{
	.other-projects.collapsible h2
	{
		margin-top:-1px; margin-bottom:0;
	}
	.other-projects ul li
	{
		float:none;
		margin:0 0 15px 0;
		width:auto;
	}
	.other-projects ul li:first-child
	{
		margin:0 0 15px 0;
	}
	.other-projects ul li img
	{
		width:100%; height:auto;
	}
	.additional-support ul li
	{
		float:none;
		width:auto;
	}
	.other-projects a.see-all
	{
		top:0;
		margin:0 0 15px 0;
	}
}