@charset "UTF-8";

/* 

MANBI WEBSITE AW 2011-2012 => SUMMER 2013

SPONSORSHIP PAGE STYLE ELEMENTS

AUTHER: ROBERT CURRAN

CREATED: 1ST MAY 2012

LAST UPDATED: 29TH MARCH 2013

*/

#title{
 height: 40px;
 width: 900px;
 clear: both;
}

#title h1{
 width: 860px;
 font-size: 20px;
 line-height: 40px;
 margin: 0 10px;
 padding: 0 10px;
}

#intro-block{
 width: 860px;
 padding: 10px;
 padding-top: 0;
 background: white;
 margin-left: 10px;
 border-bottom: 1px solid #999;
}

#intro-block p{
 font-size: 1.3em;
 margin-bottom: 5px;
}

#intro-block h2{
 font-size: 1.5em;
 margin-bottom: 8px;
}

.athlete{
	height: 200px;
	width: 860px;
	margin-left: 10px;
	padding: 10px;
	border-bottom: 1px solid #999;
}

.athlete img{
	width: 200px;
	height: 200px;
	display: block;
	float: left;
	margin-right: 20px;
}

.athlete h2{
	display: block;
	height: 40px;
	line-height: 40px;
	width: 640px;
	float: left;
	margin: 0 0 10px 0;
}

.athlete div.bio{
	display: block;
	height: 120px;
	width: 640px;
	float: left;
	margin: 0 0 10px 0;
}

.athlete div.bio p{
	line-height: 20px;
	font-size: 11px;	
	text-align: justify;
}

.athlete p.social{
	display: block;
	height: 20px;
	width: 640px;
	float: left;
	margin: 0 0 10px 0;
	line-height: 20px;
}

.athlete p.social span{
	display: block;
	float: left;
	margin-right: 20px;
}

.athlete p.social span a{
	color: black;
}

.athlete p.social img{
	height: 20px;
	width: 20px;
	display: inline;
	margin-right: 5px;
}

@media only screen and (max-width: 500px){
	
	#title{ width: 100%; }
	
	#title h1{ width: 90%; margin: 0 5%; padding: 0; }
	
	#intro-block{ width: 90%; padding: 5%; padding-top: 0; margin-left: 0px; }
	
	.athlete{ height: auto; width: 90%; margin-left: 0px; padding: 5%; }
	
	.athlete img{ width: 30%; height: auto; margin-right: 5%; }
	
	.athlete h2{ height: auto; width: 65%; }
	
	.athlete div.bio{ height: auto; width: 65%; }
	
	.athlete p.social{ width: 100%; float: none; clear: both; margin: 0 0 0 0; }

}