﻿/** Reset **/
/* Adapted from http://www.bbc.co.uk/blogs/webdeveloper/2009/10/css-resets.shtml */
body {
	font-size:0.8em; font-family:verdana,helvetica,arial,sans-serif; line-height:1;
}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, p, blockquote, th, td, hr {
	margin:0; padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
table {
	border-collapse:collapse; border-spacing:0;
}
caption {
	text-align:left; font-weight:normal;
}
th {
	text-align:left;
}
img {
	border:none;
}
pre, code {
	font-size:1.2em;
}
fieldset {
	border:0;
}
q:before, q:after {
	content:'';
}

/** Page types **/

/* All pages */
p, ul  {
	margin: 2em 0;
}
a {
	color:#c00;
}
li {
	list-style-type: none;
}
.suppressed {
	color:#666; border-top:1px solid #ccc; padding-top:2em
}

/* Content pages */
#contentPage #content{
	margin:2em 8em 2em 8em; padding-top:7.3em; background:url('../img/header.gif') right top no-repeat;
}
#contentPage #nav {
	position:absolute; top:7.3em; width:100%; text-align:right; background:url('../img/star.gif') 8em -23px no-repeat, url('../img/nav_bg.gif') 0 0 repeat-x; height:22px;
}
#contentPage #nav li {
	display:inline;
}
#contentPage #nav a {
	position:relative; top:3px; padding-left:1em;
}
#contentPage #nav li:last-child {
	margin-right:8em;
}
#contentPage h1  {
	color:#c00; margin: 1.2em 0; font-size:1.8em; font-weight:normal;
}
#contentPage #content li {
	margin:1em 0; padding: 0 1em; background: url('../img/bullet.gif') 6px 6px no-repeat;
}

/* Home */
#home h1 {
	text-align:right; margin:2em 8em;
}
#home #content {
	height: 211px; padding-right: 8em; margin-bottom: 2em; background:url('../img/star.gif') 8em 50% no-repeat, url('../img/home_bg.gif') 0 0 repeat-x; color:#d69999;
}
#home #nav li {
	padding-top:1em; text-align:right;
}
#home #content p {
	margin-bottom:0; padding-top:2em; text-align:right;
}
#home #nav li:last-child {
	position:relative; left:0.7em; padding-right:0.7em; background:url('../img/cursor.gif') right 1.2em no-repeat;
}

/* Image lists */
.imageList li {
	float:left; width:200px; height:13em;
}
.imageList li img {
	display:block; padding:0 2em 1em 0;
}

/* Nav */
#nav {
	margin:0;
}
#nav a{
	color:#E8C6C6; text-decoration:none;
}

/* Footer */
#tigers a {
	background:url('../img/tigers.gif') 0 2px no-repeat; padding:2px 0 2px 1.5em; color:#999;
}
#copy, #quote, #tigers {
	margin-top:1em; clear:both; text-align:center; color:#999;
}