/*
Theme Name: Axis Eleven
Theme URI: http://samlu.ca/
Description: A theme for Axis Eleven
Version: 1.0
Author: Sam Lu
*/

html {
	height: 100%;
}

body {
	background: url('images/aebg.gif') top center repeat-y #cfcfcf;
	font-family: Verdana, Arial, sans-serif;
	margin: 0px;
	height: 100%;
}

#wrapper {
	width: 862px;
	margin: 0px auto;
	background: url('images/wrapperbg.gif') top center no-repeat #fff;
	padding-top: 5px;
	height: auto;
	position: relative;
	min-height: 100%;
	padding-bottom: 80px;
}

*html #nonFooter {
	height: 100%;
}

#header {
	width: 862px;
	height: 210px;
	margin: 0px;
	background: url('images/header.jpg') top left no-repeat #cfcfcf;
}

#header a {
	margin-left: 520px;
	padding-top: 131px;
	width: 322px;
	height: 68px;
	text-indent: -9999px;
	float: left;
}

/* MENUBAR */

#menubar {
	height: 18px;
	width: 853px;
	padding-left: 9px;
	background: #636363;
}

#menubar ul {
	list-style-type: none;
}

#menubar li {
	text-indent: -9999px;
	list-style-type: none;
	display: inline;
}

#menubar li.home a, 
#menubar li.company a, 
#menubar li.roster a, 
#menubar li.forum a, 
#menubar li.application a,
#menubar li.contact a {
	display: inline;
	width: 141px;
	height: 18px;
	float: left;
}

#menubar li.home a {
	background: url('images/home.gif') top left no-repeat;
}

#menubar li.home a:hover {
	background: url('images/home-act.gif') top left no-repeat;
}

#menubar li.company a {
	background: url('images/company.gif') top left no-repeat;	
}

#menubar li.company a:hover {
	background: url('images/company-act.gif') top left no-repeat;
}

#menubar li.roster a {
	background: url('images/roster.gif') top left no-repeat;
}

#menubar li.roster a:hover {
	background: url('images/roster-act.gif') top left no-repeat;
}

#menubar li.forum a {
	background: url('images/forum.gif') top left no-repeat;
}

#menubar li.forum a:hover {
	background: url('images/forum-act.gif') top left no-repeat;
}

#menubar li.application a {
	background: url('images/application.gif') top left no-repeat;
}

#menubar li.application a:hover {
	background: url('images/application-act.gif') top left no-repeat;
}

#menubar li.contact a {
	background: url('images/contact.gif') top left no-repeat;
}

#menubar li.contact a:hover {
	background: url('images/contact-act.gif') top left no-repeat;
}

/* CONTENT */

#content {
	margin-left: 10px;
	margin-top: 10px;
}

#content h2 {
	text-transform: uppercase;
	font-size: 0.8em;
}

#content h3 {
	text-transform: uppercase;
	font-size: 0.7em;
}

#content h4 {
	display: none;
}

#content p, #content .meta {
	font-size: 0.65em;
	line-height: 1.2;
}

#content a {
	color: #1F4AC3;
	text-decoration: none;
}

#content a:hover {
	text-decoration: underline;
}

#main {
	width: 380px;
	float: left;
	margin-top: 0px;
}

#content .latest,
#content .motm,
#content .shoutbox {
	padding: 25px 5px 0px 10px;
	height: auto;
	display: block;
}

#content .incontent {
	display: block;
	padding: 20px 5px 0px 10px;
	height: auto;
}

#content .latest {
	float: left;
	background: url('images/latest.gif') top left no-repeat;
}

#content .motm {
	background: url('images/motm.gif') top left no-repeat;
}

#content .shoutbox {
	background: url('images/shoutbox.gif') top left no-repeat;
}

#sidebar {
	width: 380px;
	margin-left: 420px;
	position: absolute;
	display: block;
	margin-top: 0px;
}

#content .single {
	padding: 10px 5px 0px 10px;
	height: auto;
	display: block;
}

/* FOOTER */

#footer {
	background: url('images/footer.jpg') top left no-repeat #cfcfcf;
	width: 862px;
	height: 76px;
	color: #fff;
	margin: -76px auto 0px auto;
	position: relative;
}

#footer2 {
	background: url('images/footer.jpg') top left no-repeat #cfcfcf;
	width: 862px;
	height: 76px;
	color: #fff;
	float: left;
	position: relative;
}

#footer p, #footer2 p {
	margin: 0px auto;
	padding-top: 5px;
	text-align: center;
	font-size: 0.7em;
}

#footer a, #footer2 a {
	color: #fff9b8;
	text-decoration: none;
}

#footer a:hover, #footer2 a:hover {
	text-decoration: underline;
}