/*************************************************************************

C S S    H A N D C R A F T E D    B Y    MAMOKA            www.mamoka.com

..........................................................................
..........................................................................
..........................................................................
..........................................................................
..........................................................................

**************************************************************************

CODERS

Alexandre Bourdeaud'Hui - a.bourdeaudhui@mamoka.com

*************************************************************************/

html, body
	{
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-width: 320px;
	min-height: 240px;
	text-align: center;
	}
html
	{
	font: normal 62.5% Helvetica, Arial, sans-serif;
	background-color: #e0e0e0;
	}
input,
select,
button,
textarea,
table
	{
	font: normal 1em Helvetica, Arial, sans-serif;
	}
h1
	{
	margin: 100px auto 20px;
	padding: 0 40px;
	font-size: 3em;
	color: #202020;
	text-shadow: 0 1px 0 #f6f6f6;
	}
p
	{
	margin: 8px auto;
	padding: 0 40px;
	font-size: 1.4em;
	color: #404040;
	text-shadow: 0 1px 0 #f6f6f6;
	}
p a
	{
	color: #404040;
	text-shadow: 0 1px 0 #f6f6f6;
	}
p em a
	{
	font-size: 0.9em;
	color: #606060;
	}
p em a:hover
	{
	color: #ff3300;
	}

ul
		{
		margin: 0 auto;
		padding: 0;
		width: 480px;
		height: 130px;
		list-style: none;
		overflow: hidden;
		overflow-y: auto;
		}
		ul li
			{
			display: block;
			float: left;
			margin: 0;
			padding: 0;
			width: 120px;
			}
			ul li a
				{
				display: block;
				margin: 0;
				font-size: 1.1em;
				font-weight: bold;
				color: #606060;
				text-decoration: none;
				text-shadow: 0 1px 0 #f6f6f6;
				}
			ul li a img
				{
				display: block;
				margin: 0 auto;
				border: 0;
				}
			ul li a:hover img
				{
				opacity: 0.7;
				}