/*
 *	JakeHowlett.com
 *	Styles for My Portal
 *
 *	Date: 07/12/2003
 *	Revised: 31/05/2012 (9 years later!!!)
*/

*, html{
	font-family		:		'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
	font:100%;
}

body{
	margin: 5%;
	max-width: 1024px;
}

a{
	font-weight		:		bold;
	color			:		#F90;				
}

a:hover{
	color				:		#F90;
	text-decoration: 		none;
}

img{
	border			:		0;
}

#left{
	float: left;
	width: 25%;
}

#right{
	margin-left				:		32%;
}

.portal{
	margin			:		3% 0;
}

.portal-image{
	float				:		right;
	width	:	40%;
	text-align: right;
}

h2{
	font-size: 1.4em;
}

h3{
	font-style		:		italic;
	font-size: 1.2em;
}

.portal-description{
	font-size		:		90%;
	text-align		:		justify;
}

@media only screen and (max-width : 960px){
	img{max-width: 100%;}

	#left{
		width:25%;
	}
	#right{
		margin-left: 35%;
	}
}

@media only screen and (max-width : 960px) and (orientation: portrait){
	
	#left{
		width:100%;
		text-align: right;
	}
	#right{
		clear:right;
		margin-left: 0;
	}
}