/* layout */

/* hide the nav */

#nav {
	display: none;
}

/* layout style */

body	{ margin: 0; }

#main {
	margin-top: 3em;
	padding: 3em 6em;
	border-style: solid none;
	border-top-width: 1em;
	border-bottom-width: 1pt;
}

#content {
    width: 50em;
}

#footer {
	padding: 1em 3em;
	text-align: right;
}

/* element style */

html {
	font-family: Verdana, Sans-Serif;
	font-size: 8pt;
	line-height: 150%;
}

h1 {
	font-size: 100%;
	text-transform: uppercase;
	margin-top: 2em;
	margin-bottom: 1em;
}

h2 {
	font-size: 100%;
	margin-top: 2em;
	margin-bottom: 1em;
}

a {
	text-decoration: none;
}

a img {
	border: none;
}

a.big-link {
    font-size: 200%;
}

img.button, img.icon {
	vertical-align: middle;
}

img.icon {
	height: 1em;
}


#footer {
	font-weight: bold;
}

td, th {
    text-align: left;
}

td.price-cell {
    text-align: right;
}

/* colour */

html {
	background-color: #111;
	color: #222;
}

#main {
    background-color: #000;
    color: #ccc;
    border-top-color: #cf0;
    border-bottom-color: #222;
}

a		    { color: #cf0; }
a:hover		{ color: #fff; }

a.big-link {
    color: #000;
    background-color: #cf0;
}

a.big-link:hover {
    background-color: #fff;
}

.highlight	{ color: #fff; }
.vis-em		{ font-weight: bold; }

/* images */

html {
    background-image: url('/static/images/background-pattern.png');
}

#logo {
    width: 50em;
}