ul:before,ul:after{content:"";display:table;}ul:after{clear:both;}ul{zoom:1;}

body { margin-left: 25%; margin-top: 15%; max-width: 490px; width: auto; }
h1 { font-family: TitilliumText22LLight, sans-serif; font-size: 48px; }
p { margin-top: 5px; font-size: 24px; font-family: TitilliumText22LThin, sans-serif; }
ul { /*margin-top: 10px; */margin-left: -15px; /*padding: 5px; */ /*padding-left: 15px;*/ padding-bottom: 20px; margin-top: 3px;
/*		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; */
/*		-webkit-box-shadow: 0 0 3px #fff;*/ }
li { float: left; margin-right: 10px; margin-top: 10px; }
img { width: 50px; height: 50px; }
a, a:link, a:visited, a:active { color: inherit; text-decoration: none; }
.status { clear: both; font-size: 32px; margin-left: 5px; padding-top: 15px; }
p.status.smaller { font-size: 24px; }
.status a:hover { text-decoration: underline; }
/*.status a span { display: none; font-size: 12px; }
.status a:hover span { display: inline; }*/
.eh-whatever { display: none; }

@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)
{
	body { margin-left: 5px; }
	ul { margin-left: auto; margin-right: auto; padding-left: 15px; margin-bottom: 10px; }
	h1, p { text-align: center; }
	img { width: 50px; height: 50px; }
/*	.status { display: none; }*/
}

@media screen and (max-width: 480px)
{
	.eh-whatever { display: list-item; }
	ul { margin-bottom: 0; }
}

@media screen and (max-width: 480px)
{
	body { margin-top: 5px; }
	h1 { margin-top: 25px; }
	ul { width: 65%; margin-bottom: 35px; }
}

@media screen and (max-width: 320px)
{
	body { margin-top: 50px; }
	ul { width: 80%; margin-bottom: 125px; }
	.eh-whatever { display: none; }
}

@-webkit-keyframes pulse
{
	from { opacity: 0.5; }
	50% { opacity: 1.0; }
	to { opacity: 0.5; }
}

.status a:nth-child(2)
{ 
	-webkit-animation-name: pulse;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite; 
}

body { color: #fff; background-color: #111; }
body { color: #111; background-color: #fff; }


/*ul, li { background-color: #fff; }*/

/*li img { background-color: #fff; }*/

li img
{
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
/*	-webkit-box-shadow: 0 0 8px #333;*/
}
/*
@media screen and (min-width: 481px)
{
	@-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }

	h1 + p { -webkit-animation: fade-in .5s .5s 1 ease-in both; }
	h1 + p > span { -webkit-animation: fade-in .5s .75s 1 ease-in both; }
	h1 + p > span + span { -webkit-animation: fade-in .5s 1s 1 ease-in both; }
	h1 + p > span + span > span { -webkit-animation: fade-in .5s 1.25s 1 ease-in both; }

	ul li:nth-child(1) { -webkit-animation: fade-in .4s 1.5s 1 ease-in both; }
	ul li:nth-child(2) { -webkit-animation: fade-in .4s 1.75s 1 ease-in both; }
	ul li:nth-child(3) { -webkit-animation: fade-in .4s 2s 1 ease-in both; }
	ul li:nth-child(4) { -webkit-animation: fade-in .4s 2.25s 1 ease-in both; }
	ul li:nth-child(5) { -webkit-animation: fade-in .4s 2.5s 1 ease-in both; }
	ul li:nth-child(7) { -webkit-animation: fade-in .4s 2.75s 1 ease-in both; }
	ul li:nth-child(8) { -webkit-animation: fade-in .4s 3s 1 ease-in both; }
	ul li:nth-child(9) { -webkit-animation: fade-in .4s 3.25s 1 ease-in both; }
}
*/