/* remember to re-em this */

* {
	margin: 0;
	padding: 0;
	border: 0;
}
:focus {
	outline: 0;
}

body {
	margin: 2.4em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
a {
	color: #69f;
	text-decoration: none;
}
a:active {
	text-decoration: underline;
}

/* basic layout */

#content {
	margin: 0 auto;
	width: 957px;
}
#header {
	margin-bottom: 3em;
	border-bottom: 1px solid #000;
	border-bottom: 0.2em solid #ccc;
}
#about {
	float: left;
	padding-right: 11px;
	width: 209px;
}
#account {
	margin-left: 231px;
}


/* header */

#header h1 {
	font-size: 1.4em;
	line-height: 1.5em;
}
#header p {
	margin-bottom: 1em;
	font-size: 1.1em;
	line-height: 1em;
}


/* about */

#about h2 {
	margin-bottom: 0.5em;
	font-size: 1.8em;
	line-height: 1.8em;
}
#about p {
	margin-bottom: 1em;
	font-size: 1.1em;
	line-height: 1.4em;
}


/* account */

#account h3 {
	float: left;
	margin-bottom: 0.5em;
	font-size: 1.8em;
	line-height: 1.8em;
}
#account p.paginate {
	margin-bottom: 0.5em;
	font-size: 1.2em;
	line-height: 3em;
	text-align: right;
}
#account p.paginate a {
	margin: 0 -0.33em;
	padding: 0.25em 0.5em;
}
#account p.paginate a:hover {
	background-color: #000;
	color: #fff;
}
#account p.paginate a:active {
	background-color: #36c;
	color: #fff;
	text-decoration: none;
}
#account p.paginate a.at {
	color: #000;
	font-weight: bold;
}
#account p.paginate a.at:hover {
	background-color: #fff;
	color: #000;
}
#account table {
	margin-bottom: 2.4em;
	width: 726px;
	background-color: #fff;
	border-collapse: collapse;
}
#account table th,
#account table td {
	padding: 5px 11px 6px 11px;
	vertical-align: top;
	font-size: 1.1em;
	line-height: 1.4em;
	border-bottom: 1px solid #999;
}
#account table th {
	background-color: #f9f9f9;
}
#account table th.when {
	width: 200px;
}
#account table th.fare {
	width: 85px;
	background-color: #eef;
}
#account table th.destination {
	width: 210px;
}
#account table th.notes {
	width: 231px;
}
#account table td.fare {
	background-color: #ddf;
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
}
#account table td.notes {
	padding-left: 11px;
	padding-right: 0;
}


/* and finally */

p#copyright {
	margin-top: 2em;
	text-align: right;
}

#alert {
	margin-bottom: 6em;
	padding: 1.5em 0 2em;
	background-color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#444));
				-moz-linear-gradient(top, #666, #fff);
				-webkit-background-origin: padding-box;
				-webkit-background-clip: padding-box;
}
#alert h2,
#alert p {
	margin: 0 auto;
	width: 957px;
	color: #fff;
}
#alert h2 {
	font-size: 1.8em;
}
#alert p {
	font-size: 1.2em;
	line-height: 1.5em;
}
#alert p a {
	margin: -0.25em -0.5em;
	padding: 0.25em 0.5em;
	font-size: 1.2em;
	color: #9cf;
}
#alert p a:hover {
	background-color: #9cf;
	color: #fff;
}