/*
Theme Name: Webster 2009
Theme URI: http://webstertrophy.ca/
Description: A theme for the Webster Memorial Trophy Competition website based on the competition's 2009 poster by <a href="http://aerographics.on.ca/">Dave O'Malley</a>.
Version: 1.0
Author: Samuel Coleman/Seeside Productions
Author URI: http://seesideproductions.com/
Tags: blue, yellow, fresh, fixed width, two columns, widgets
*/

a, a:link {
	background: transparent;
	color: #446ca0;
}

a:visited {
	background: transparent;
	color: #30486c;
}

a:hover {
	background: transparent;
	color: #5a8fd2;
}

html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

body {
	background: url(img/pageback.png) bottom repeat-x #5a8fd2;
	color: #ffffff;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

code, pre {
	font-family: "Lucida Console", "Courier New", courier, monospace;
}

div#footer {
	background: url(img/footer.png) no-repeat transparent;
	color: inherit;
	margin: 32px auto 0px;
	padding-bottom: 32px;
	text-indent: -1000%;
	height: 40px;
	width: 409px;
}

div#footer *, div#header * {
	margin: 0px;
	padding: 0px;
}

div#header {
	background: url(img/headerback.png) no-repeat transparent;
	margin: 16px auto 0px;
	padding-top: 80px;
	height: 160px;
	width: 896px;
}

div#header h1 a {
	background: url(img/header.png) no-repeat transparent;
	color: inherit;
	display: block;
	margin: auto;
	outline: 0px;
	overflow: hidden;
	text-indent: -1000%;
	position: relative;
	height: 99px;
	width: 374px;
}

div#hundredyears {
	background: url(img/100years.png) no-repeat transparent;
	color: inherit;
	text-indent: -1000%;
	position: absolute;
	top: 32px;
	left: 16px;
	height: 180px;
	width: 80px;
}

div#innercontainerbottom {
	background: url(img/mainbottom.png) repeat transparent;
	color: #000000;
	overflow: hidden;
	height: 12px;
}

div#innercontainer {
	background: url(img/mainback.png) repeat transparent;
	color: #000000;
	margin: auto;
	padding-top: 16px;
	width: 896px;
}

div#innercontainer:after {
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}

div#main {
	border-right: 1px solid #98b0d0;
	margin-right: 192px;
	padding: 0px 16px 16px;
}

div#main div.meta {
	font-size: 80%;
	font-style: italic;
	margin-bottom: 1em;
	margin-top: -1em;
}

div#menu {
	font-size: 90%;
	padding-top: 24px;
	text-align: center;
}

div#menu ul {
	margin: 0px;
	padding: 0px;
}

div#menu ul li {
	display: inline;
	margin: 8px;
}

div#menu ul li a {
	background: transparent;
	color: #a06010;
	text-decoration: none;
}

div#menu ul li a:hover {
	background: transparent;
	color: #ffffff;
}

div#outercontainer {
	margin: auto;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 896px;
}

div#plane {
	background: url(img/plane.png) no-repeat transparent;
	color: inherit;
	height: 232px;
	width: 464px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: -1;
}

div#sidebar {
	border-left: 1px solid #98b0d0;
	padding: 0px 16px;
	float: right;
	width: 160px;
}

div#sidebar ul {
	margin: 0px;
	padding: 0px;
}

div#sidebar ul li {
	border-bottom: 1px solid #98b0d0;
	font-weight: bold;
	list-style: none;
	margin: 0px 0px 1em;
	padding: 0px 0px 1em;
}

div#sidebar ul li a {
	text-decoration: none;
}

div#sidebar ul li ul {
	margin: 1em 0px 0px 1em;
	padding: 0px;
}

div#sidebar ul li ul li {
	border: 0px;
	font-weight: normal;
	margin: 1em 0px 0px;
	padding: 0px;
}

div#spike {
	background: url(img/spike.png) no-repeat transparent;
	color: inherit;
	margin-left: -240px;
	height: 480px;
	width: 480px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	z-index: -1;
}

div.whiteblock {
	background-color: #ffffff;
	color: inherit;
	padding: 16px;
}

div.wp-caption {
	background-color: #f0f0f0;
	border: 1px solid #e0e0e0;
	color: #404040;
	padding: 4px 0px;
	text-align: center;
}

div.wp-caption p.wp-caption-text {
	font-size: 90%;
	margin: 8px 4px 0px;
	text-align: center;
}

fieldset {
	border: 1px solid #c0c0c0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Arial Black", "Arial", "Helvetica", sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0px 0px 1em 0px;
}

h2, h3, h4, h5, h6 {
	border-bottom: 1px solid #ccdced;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 150%;
}

h2, h2 a {
	background: transparent;
	color: #95171c !important;
}

h3 {
	font-size: 125%;
}

h3, h3 a {
	background: transparent;
	color: #000000 !important;
}

h4 {
	font-size: 115%;
}

h4, h4 a, h5, h5 a, h6, h6 a {
	background: transparent;
	color: #30486c !important;
}

h5 {
	font-size: 110%;
}

h6 {
	font-size: 105%;
}

img {
	border: 0px;
}

img.alignleft, img.alignright {
	background-color: #f0f0f0;
	border: 1px solid #e0e0e0;
	color: #404040;
	padding: 4px;
}

input, textarea {
	max-width: 100%;
}

input {
	font-family: inherit;
}

input.short {
	width: 2em;
}

p {
	text-align: justify;
}

table {
	border: solid #708088;
	border-collapse: collapse;
	border-width: 1px 0px 0px 1px;
	margin: 0px auto 1em;
	width: 90%;
}

table td, table th {
	border: solid #708088;
	border-width: 0px 1px 1px 0px;
	padding: 4px;
}

textarea {
	border: 1px solid #808080;
	font-family: inherit;
	padding: 4px;
}

.aligncenter {
	display: block;
	margin: 8px auto;
	text-align: center;
}

.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}

.alignleft {
	float: left;
	margin: 0px 8px 8px 0px;
}

.alignright {
	float: right;
	margin: 0px 0px 8px 8px;
}

.small {
	font-size: 80%;
}

.transparent {
	opacity: .5;
}

.transparent:hover {
	opacity: 1;
}