/*@media handheld {*/

	* {	float: none; }
	
	html {
		background-color: #222;
		color: #FFF;
		margin: 0;
		padding: 0;
	}
	
	body {
		font: 12px/15px Arial, Helvetica, sans-serif;
		background-color: #222;
		padding: 3px;
		color: #fff;
		margin: 0;
	}
		
	form, fieldset { border: none; }
	img { border: none; }
	a { outline: none; color: #ffe400; text-decoration: none; }
	a:hover, a:active, a:focus { background-color: #ffe400; color: #000; }

	h1, h2, h3, h4, h5, h6 { 
		font-weight: normal; 
		margin-top: 0;
	}
	
	hr {
		height: 1px;
		color: #999;
		background-color: #999;
		border: none;
		border-top: 1px solid #999;
		overflow: hidden;
		clear: both;
	}

	.colour { color: #ffe400; }

	#logo { 
		position: relative;
		min-height: 50px;
		background-color: #000;
		padding: 3px;
		text-align: center;
	}
	#logo h1 { 
		font-size:10px;
		position: absolute;
		bottom: 3px;
		text-align: center;
		margin: 0.5em 0;
		width: 100%;
	}
	#logo p {
		display: block;
		font-size: 16px;
		position: absolute;
		top: 3px;
		margin: 0.5em 0;
		width: 100%;
		text-align: center;
	}
	
	#hire-me { display: none; }
	
	.project {
		background-color: #000;	
		padding: 5px;
		margin-bottom: 10px;
		text-align: center;
	}
	.project h2 {
		font-size: 14px;
		text-align: left;
		font-weight: bold;
	}
	.project h2 a { display: block; padding: 3px; }
	
	.project .details .screenshot, .project .details .thumbnail p { display: none; }
	.project .details .thumbnail { 
		display: block; 
		width: 100%;
		padding: 5px 0;
		background-color: #222;
	}

	.project .disciplines { display: none; }

	.project .visit a {
		width: 100%;
		padding: 5px 0;
		display: block;
		text-align: center;
		background-color: #ffe400;
		color: #000;
	}
	
	
	.project .visit a:hover, .project .visit a:active, .project .visit a:focus {
		background-color: #000;
		color: #FFF;
	}

	#footer { text-align: center; }
	#footer .copyright {
		text-align: right;
		font-size: 9px;
	}
/*}*/