style.css

body {
	background:url(../images/bg.png) scroll;
	background-size: 100%;
	height: 100%;
}

#logo {
	width: 638px;
	height: 96px;
	margin: 0 auto;
}

#logo a h1 {
  display: inline-block;
  width: 638px;
  height: 96px;
  background: url(../images/hptitle.png) no-repeat;
  text-indent: -9999px;
}

h1 {
  text-indent: -99999px;
}

#leaderboard {
    border-radius: 25px;
    border: 6px solid #d0cfcf;
	background-color: rgba(17, 17, 17, 0.8); 
	margin: 0 auto;
	color: #ffffff;
	height: 300px;
	width: 500px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#leaderboard p {
	color: #ffffff;
}

table{
  padding: 10px 10px 10px 10px;
  width:100%;
  height:100%;
  border-collapse: collapse;
}

.itemtable {
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: .07em solid gray
}

.itemtable:last-child{
  border-bottom: 0;
}

.veggiename {
	font-weight: bold;
	padding-left: 20px;
	font-size: 18px;
}

.mentioncount {
	color: #9e0b0f;
	font-weight:bold;
	text-align:right;
	font-size: 18px;
}

.mention {
	font-weight:lighter;
	padding-left: 5px;
	font-size: 14px;
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	
#leaderboard {
	width: 290px;
}

#logo {
	width: 290px;
	height: 20px;
}

#logo a h1 {
background-size: 290px;
width: 480px;
}

.veggiename, .mentioncount { font-size: 14px;}
.mention { font-size: 12px;
}
}