/* @override http://lebanonfightclub.com/css/screen.css */

@import url("lib/reset.css");

/* Lebanon Fight Club - Design and code by David Hemphill */

body {
	background: #161616 url(../images/bg-pattern.jpg) no-repeat fixed center top;
	font-family: "Lucida Grande", "Lucida Sans", Lucida, Arial, sans-serif;
	line-height: 18px;
}

/* @group Design Divs */

div#splatter {
	position: absolute;
	top: 0;
	left: -115px;
	width: 100%;
	height: 100%;
	background: transparent url(../images/bg-splatter.png) no-repeat top center;
	z-index: 0;
}

/* @end */

#wrapper {
	width: 910px;
	margin: 0 auto;
}

/* @group Header */

#header {
	margin-top: 36px;
	height: 108px;
	clear: both;
}

/* @end */

/* @group Navigation */

a#logo {
	display: block;
	width: 312px;
	height: 108px;
	float: left;
}

#navigation {
	float: left;
	width: 598px;
}

#navigation ul {
	list-style: none;
	width: 598px;
	position: absolute;
}

#navigation li {
	margin: 54px 0 0 0;
}

#navigation li a {
	display: block;
	float: left;
	margin-right: 19px;
	text-decoration: none;
	height: 15px;
}

#navigation li a:hover {
	border-bottom: 1px #999 solid;
}

#navigation li:first-child {
	margin-left: 106px;
}

#navigation li a span {
	visibility: hidden;
}

a#team {
	width: 96px;
	background: url(../images/bg-nav_fightteam.png) no-repeat;
}

a#videos {
	width: 110px;
	background: url(../images/bg-nav_fightvideos.png) no-repeat;
}

a#events {
	width: 59px;
	background: url(../images/bg-nav_events.png) no-repeat;
}

a#join {
	width: 61px;
	background: url(../images/bg-nav_joinus.png) no-repeat;
}

a#contact {
	width: 71px;
	background: url(../images/bg-nav_contact.png) no-repeat;
}

/* @end */

/* @group Contentarea */

#contentwrapper {
	background: url(../images/bg-contentwrapper.gif) repeat-y;
}

#contentarea {
	width: 609px;
	float: left;
}

#contentarea h1 {
	background: url(../images/bg-h1.jpg);
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	height: 55px;
	margin: 0 0 18px 0;
	line-height: 55px;
	padding: 0 15px;
	color: #FFF;
}

#contentarea h1 a {
	color: #FFF;
}

#contentarea h2 {
	font-size: 21px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 15px 21px;
	padding: 0 0 6px 0;
	color: #AA0000;
	border-bottom: #AAA 1px solid;
}

#contentarea h3 {
	font-size: 18px;
	font-weight: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #444;
	margin: 0 15px 21px 0;
	padding: 8px 5px;
	color: #FFF;
}

#contentarea p {
	margin: 0 15px 18px 15px;
	font-size: 12px;
	color: #444;
}

#contentarea p.stats {
	font-weight: bold;
	font-size: 12px;
	margin-top: -18px;
}

#contentarea p.date {
	font-weight: bold;
	font-size: 11px;
	margin-top: -18px;
}

#contentarea ul {
	margin-bottom: 27px;
} 

#contentarea li {
	margin: 0 15px 9px 25px;
	font-size: 14px;
	color: #444;
	list-style-position: inside;
}

#contentarea img {
	margin-bottom: 18px;
}

#contentarea hr {
	margin-bottom: 18px;
	background-color: #DDD;
}

/*

@end */

/* @group Sidebar */

#sidebar {
	width: 301px;
	float: left;
}

#sidebar h2#about {
	margin: 0 15px 18px 15px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	height: 55px;
	margin: 0;
	padding: 0 15px;
	line-height: 55px;
}

#sidebar h2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	text-transform: uppercase;
	margin: 0 0 18px 0;
	padding: 0 15px;
}

#sidebar p {
	margin: 0 15px 18px 15px;
	font-size: 11px;
	color: #888;
}

#sidebar p.twitterquote {
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-size: 14px;
	
}

#sidebar p.event {
	color: #DDD;
	font-size: 10px;
}

#sidebar p.event span.event_title {
	font-weight: bold;
}

#sidebar a {
	color: #AA0000;
}

/* @end */

/* @group Footer */

#footer {
	clear: both;
	width: 100%;
	background: #121212;
	height: 72px;
	margin-bottom: 54px;
}

#footer p {
	color: #777;
	font-size: 11px;
	padding: 18px;
}

#footer a {
	color: #777;
	text-decoration: underline;
}

/* @end */

/* @group Utilities */
.collapse_top {
	margin-top: -18px;
}

div.post {
	margin-bottom: 72px;
}

/* @end */