html {
	font-size:     11px;	
}

body {
	width:         60em;
	margin:        6em auto 90px auto;
}

body, p, h1, h2, h3, h4, h5, h6 {
	font-family:   verdana, arial, helvetica, sans-serif;
	color:         #999;
	font-size:     11px;	
	font-weight:   normal;
}

p, h1, h2, h3, h4, h5, h6 {
	margin: 0.5em auto;
}


a {
	color:           #333;
	font-weight:     bold;
	text-decoration: none;
}

a:visited {
	color:         #663300;
}

a:hover {
	color:         #D69265;
}


h1 {
	font-size: 125%;
	letter-spacing: 0.25em;
	text-align: center;
	margin-bottom: 70px;
}

h2 {
	font-weight: bold;
	color: #333;
	padding-right: 3em;
	text-align: right;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #EEE;
}



p#credits {
	text-align: center;
	padding: 7em 3em 0 3em;
	margin: 0;
	clear: both;
}

p#vote-info {
	text-align: center;
	padding: 1em 3em 2em 3em;
	margin: 0;
}



div#filters {
	border-bottom: 1px solid #CCC;
	padding: 0.5em 1em 0.5em 1em;
	background: #EEE;
	margin: auto -4em 2em -4em;
}

div#intervals {
	margin: auto -4em 4em -4em;
	
}

div#filters h1 {
	letter-spacing: inherit;
	padding: 0;
	padding-left: 2px;
	margin: 0;
	font-weight: bold;
	float: left;
}

div#filters div.inside {
	padding: 0 3em;
	text-align: right;
	font-weight: bold;
}

div#intervals div.inside {
	padding: 0 3em;
	text-align: center;
	font-weight: bold;
}


div#filters a, div.nav a {
	color: #999;
}

div#filters a:hover, div.nav a:hover {
	color: #333;
}

div#filters span, div.nav span {
	color: #333;
}


div#message {
        margin: 2em auto 6em auto;
}

div#message h2 {
	text-align: center;
	font-size: 125%;
	color: #663300;
	border: 0;
}

div#message p {
	text-align: center;
   font-size: 110%;
}





div#listings {
}

div#listings div.inside {
}

div#listings table {
	width: 100%;
}


div#listings h4 {
	font-size: 110%;
	margin: 0.5em inherit;
}

p#additions {
   padding: 0 4em;
   text-align: center;
   margin: 2em auto 0 auto;
}



div#form {
	text-align: center;
}

div#form p, div#form h4 {
	font-size: 125%;
}

div#form h4 {
	margin-bottom: 3em;
}


h2#cross-link {
	margin: 3em auto 4em auto;
	text-align: center;
	color: #999;
	padding: 0.5em;
	border: 1px solid #DDD;
}




td {
	vertical-align: top;
	border-bottom: 1px solid #EEE;
	padding-top:   0.3em;
}

td.rank {
	font-size: 125%;
	font-weight: bold;
	text-align: right;
	padding-right: 1em;
	padding-top: 0.8em;
	height: 4em;
}

td.desc {
	padding-bottom: 2em;
}

td.info {
	text-align: center;
	width: 9em;
}

th {
	vertical-align: middle;
	border-bottom: 1px solid #EEE;
	padding-top:   0.3em;
	padding-bottom: 0.3em;
}

th.desc {
	text-align: right;
}



a.status {
	float: left; 
	width: 1em; 
	text-align: center;
	font-weight: bold;
	color: #999;
}

a.complete {
	color: #333;
}