template.css

body {
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 12px;
	margin: 10px;
	}

table {
	background-color: #CCC;
	border-collapse: collapse;
	border: 1px solid #666;
	width: 100%;
	}

td, th {
	border: 1px solid #666;
	padding: 5px 10px;
	text-align: left;
	}
	
ul {
	padding: 0;
	}

ul li {
	display: inline;
	}
	
ul li:first-child {
	padding-left: 0;
	}

ul li:after {
	content: " | ";
	}

ul li:last-child:after {
	content: "";
	}

.down {
	background-color: #ECC;
	}

.down td:first-child {
	color: #533;
	}

.up {
	background-color: #CCE;
	}

.up td:first-child {
	color: #335;
	}

.up-sharing {
	background-color: #CEC;
	}

.up-sharing td:first-child {
	color: #353;
	}

/*
	iPad Styles
*/

@media screen and (max-device-width: 1024px), screen and (max-width: 1024px) {

	body {
		-webkit-text-size-adjust: 100%;
		}
	
	header,
	footer,
	section {
		width: auto;
		}

	}
	
	
/*
	Small Screen Styles
*/

@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 800px) {

	body {
		-webkit-text-size-adjust: 100%;
		}
	
	header,
	footer,
	section {
		width: auto;
		}
			
	}