@import url('./css-reset.css');

body {
	background: #1d1d1d;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 0.75em;
	text-align: center;
}

/**
 * Lists (let's get this out the way first)
 * Fix for css-reset
 */
ul, ol {
	margin-left: 10px;
}


h1 {
	display: none;
}

#container {
	background: #141414;
	margin: 0 auto;
	text-align: left;
	width: 864px;
}

#banner {
	background: url('./images/banner.jpg') no-repeat;
	clear: both;
	height: 466px;
	width: 100%;
}

#navigation {
	margin-left: 0;
	padding: 268px 303px 0 8px;
}

#navigation li {
	list-style-type: none;
	display: block;
	float: left;
	height: 196px;
}

#navigation a {
	display: block;
	height: 196px;
}

#navigation a span {
	display: none;
}

#navigation a:hover img {
	display: block;
}

.home a {
	background: url('./images/nav-home.jpg') top no-repeat;
	width: 151px;
}

.home a:hover {
	background: url('./images/nav-home.jpg') bottom no-repeat;
}

.forums a {
	background: url('./images/nav-forums.jpg') top no-repeat;
	width: 108px;
}

.forums a:hover {
	background: url('./images/nav-forums.jpg') bottom no-repeat;
}

.results a {
	background: url('./images/nav-results.jpg') top no-repeat;
	width: 176px;
}

.results a:hover {
	background: url('./images/nav-results.jpg') bottom no-repeat;
}

.contact a {
	background: url('./images/nav-contact.jpg') top no-repeat;
	width: 118px;
}

.contact a:hover {
	background: url('./images/nav-contact.jpg') bottom no-repeat;
}

/**
 * News Posts
 */
#news {
	float: left;
	text-align: center;
	width: 565px;
}

.post {
	background: url('./images/news_content_bg.jpg') repeat-y;
	margin: 0 auto 10px auto;
	text-align: left;
	width: 562px;
}

/* IE6 */
.post h2 .title {
	background: url('./images/news_subject.jpg') no-repeat;
	display: block;
	height: 20px;
	overflow: hidden;
	padding: 6px 0 0 230px;
}

/* Fix for > IE6 */
.post > h2 > .title {
	background: url('./images/news_subject.jpg') no-repeat;
	display: block;
	/*height: 20px;*/
	height: 14px;
	overflow: hidden;
	padding: 6px 0 0 230px;
}

/* IE6 only */
.post  h2  .details {
	background: url('./images/news_details.jpg') no-repeat;
	display: block;
	height: 27px;
	overflow: hidden;
	padding: 9px;
}

/* Sorry all you decent browsers, have some proper code */
.post > h2 > .details {
	background: url('./images/news_details.jpg') no-repeat;
	display: block;
	/*height: 27px;*/
	height: 9px;
	overflow: hidden;
	padding: 9px;
}

.post h2 a {
	color: #000;
	font-style: italic;
	text-decoration: none;
}

.post .message {
	background: url('./images/news_content_top.jpg') no-repeat;
	padding: 1px 0 0 0;
	color: #d8f4a7;
}

.post .message p {
	margin: 15px 10px 15px 10px;
}

.post .message .foot {
	background: url('./images/news_content_foot.jpg') bottom no-repeat;
	font-style: italic;
	margin: 10px 0 0 0;
	padding: 5px 10px 5px 10px;
	text-align: right;
}

.post .message a {
	color: #d8f4a7;
}

.post h3 {
	font-weight: bold;
	padding-left: 20px
}

/**
 * Sidebar
 */
#sidebar {
	float: left;
	text-align: center;
	width: 299px;
}

#sidebar .box {
	background: #2f2f2f url('./images/side-box-top.jpg') no-repeat;
	color: #ec7a16;
	margin: 10px auto 0 auto;
	padding: 20px 0 0 0;
	text-align: left;
	width: 286px;
}

.win {
	color: #fff;
}

#sidebar .box ul {
	text-align: center;
}

.break-before {
	background: url('./images/break.jpg') repeat-x;
	margin: 4px 0 0 0;
	padding: 4px 0 0 0;
	text-align: center;
}

#footer {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0;
}