/*

	jamie wright 15.04.2010

*/
header,footer,section,aside,nav,article {
	display:block;
}

body {
	margin:0 auto;
	background:#222;
	color:#555;
	font-family:Impact, Geneva, sans-serif;
	font-size:12pt;
	text-transform:uppercase;
	letter-spacing:0.1px;
}

a {
	color:#555;
	text-decoration:none;
}
a:hover {
	color:#3d5866;
}
a:active {
	 position:relative; top:1px;
}

header { 

}

header h1 {  
	position:fixed;
	bottom:56px;
	right:50px;
	color:#fff;
	font-size:24pt; 
}

section { 
	width:800px;
	margin:200px auto;
}

	section ul {
		height:200px;
		margin:0 auto;
		text-align:center;		
	}
	
	section ul li {
		display:inline-block;	
	}
	
	section ul li img {
		margin:75px 0;
		width:50px;
		height:50px;
		overflow:hidden;
		-webkit-border-radius:4px;
		-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.5);	
		-webkit-transform:rotate(-360deg);
		-webkit-transition: width 2s 1s, height 2s 1s, 
						    margin 2s 1s,
						   -webkit-transform 1s,
						   -webkit-border-radius 2s 1s,
						   -webkit-box-shadow 2s 3s;
		-moz-border-radius:4px;
		-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.5);	
		-moz-transform:rotate(-360deg);
		-moz-transition: width 2s, height 2s,
						 margin 2s,
						 -moz-transform 1s,
						 -moz-border-radius 2s,
						 -moz-box-shadow 2s;
		border-radius:4px;
		-o-box-shadow:0 0 4px rgba(0, 0, 0, 0.5);	
		-o-transform:rotate(-360deg);
		-o-transition: width 2s 1s, height 2s 1s, 
						    margin 2s 1s,
						   -o-transform 1s,
						   -o-border-radius 2s 1s,
						   -o-box-shadow 2s 3s;
	}
	
	section ul li:nth-child(2n+2) img {
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-o-transform:rotate(360deg);
	}
	
	section ul li img:hover {
		opacity:1;
		width:200px;
		height:200px;
		margin:0 10px;
		-webkit-transform:rotate(0deg);
		-webkit-border-radius:10px;
		-webkit-box-shadow:0 0 8px rgba(255, 255, 255, 0.1);
		-moz-transform:rotate(0deg);
		-moz-border-radius:10px;
		-moz-box-shadow:0 0 8px rgba(255, 255, 255, 0.1);
		-o-transform:rotate(0deg);
		border-radius:10px;
		-o-box-shadow:0 0 8px rgba(255, 255, 255, 0.1);
	}

nav {  
	position:fixed;
	bottom:40px;
	right:50px;
}

nav p#nostalgia {
	position:fixed;
	top:40px;
	right:50px;
}

footer {  
	position:fixed;
	bottom:40px;
	left:50px;
}