/****************************************
 Boogie Knights CSS (c)

 Author: www.paul-welsh.co.uk
****************************************/

body{
	background-color: #3B5706;
	background-image: url(images/grass_bg.jpg);
	background-position: center top;
	color: #ffffff;
	padding: 0;
	margin: 0;
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
}

img{
	border: 0;
}

a{
	color: #005DA4;
	text-decoration: none;
}

a:hover{
	color: #005DA4;
	text-decoration: underline;
	border: 0;
}
.menu_center a{
	color: #FAE400;
	text-decoration: none;

}

.menu_center a:hover{
	color: #CCDFED;
	text-decoration: none;
}


p{
	margin-top: 0;
	margin-bottom: 15px;
}

h1{
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1.4em;
	font-weight: 700;
}

h2{
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1.4em;
	font-weight: 700;
}

h3{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 1.2em;
	font-weight: 700;
}

input.button{
	cursor: pointer;
	color: #ffffff;
	background: #005DA4;
	border: 0;
}

input.button:hover{
	color: #005DA4;
	background: #CCDFED;
}

#right input.button{
	cursor: pointer;
	color: #000000;
	background: #E5E000;
	border: 0;
	font-size: 0.8em;
}

#right input.button:hover{
	color: #005DA4;
	background: #CCDFED;
}



/****************************************
 Wrapper & Containers
****************************************/

#wrapper{
	width: 960px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	overflow: hidden;
}

#body_container{
	width: 960px;
	height: auto;
	margin: 0;
	padding: 0;
	background: transparent;
	clear: both;
	float: left;
}
	
/****************************************
 Header & Top Nav
****************************************/

#header{
	width: 960px;
	height: 141px;
	margin: 0;
	padding: 0;
	background-color: #FBEF0D;
	background-image: url(images/header_bg.jpg);
	float: left;
}

#top_nav{
	width: 960px;
	height: 35px;
	margin: 0;
	padding: 0;
	background-color: #000000;
	background-image: url(images/top_nav_bg.gif);
	background-position: bottom;
	float: left;
}

/****************************************
 Login
****************************************/
#logo{
	text-align:left;
	width: 790px;
	float:left;
}

#login{
	text-align:left;
	padding-top:10px;
	width: 155px;
	float:left;
	color:#000000;
	line-height: 20px; 
}

#login #username,#login #userpass{

	width:150px;
}
#login li{
	list-style: none;
	line-height: 15px;
	padding: 0px;
	margin: 0px;
}


#login ul{
	list-style: none;
	line-height: 15px;
	padding: 0px;
	margin: 0px;

}
input.buttonlogin{
	cursor: pointer;
	color: #ffffff;
	background: #000000;
	border: 0;
}

input.buttonlogin:hover{
	color: #005DA4;
	background: #CCDFED;
}


/****************************************
 Drop Down Links
****************************************/

#links{
	width: 745px;
	float: left;
	padding-left: 5px;
}

#links ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 8em;
	float: left;
}

#links h2{
	color: #ffffff;
	display: block;
	height: 27px;
	margin: 0;
	padding: 8px 0 0 10px;
	background: #000;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

#links h2:hover {
	color: #FAE400;
}

#links a {
	color: #ffffff;
	background: transparent;
	text-decoration: none;
}

#links a:hover {
	color: #FAE400;
}

#links li {
	position: relative;
}

#links ul.sublinks {
	padding: 5px 10px 5px 10px;
	width: 10em;
	background-image: url(images/menu_center.png);
}

#links ul.sublinks a{
	font-weight: 700;
	display: block;
	margin: 0;
	padding: 0;
}

#links ul.sublinks li{
	margin-bottom: 5px;
}

#links ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}
#links ul ul {
	position: absolute;
	z-index: 500;
}

#links ul ul {
	display: none;
}

#links ul li:hover ul{
	display: block;
}

#links ul ul, #links ul li:hover ul ul, #links ul ul li:hover ul ul{
	display: none;
}

#links ul li:hover ul, #links ul ul li:hover ul, #links ul ul ul li:hover ul{
	display: block;
}


/****************************************
 Search
****************************************/

#search{
	float: left;
	text-align: right;
	padding: 7px 10px 0 0;
	width: 200px;
}

#search form{
	padding: 0;
	margin: 0;
}

#search input.tbox{
	padding: 3px;
	width: 133px;
	border: 1px solid #666666;
	background: #181818;
	color: #ffffff;
	font-size: 0.9em;
	margin: 0;
}





/****************************************
 Menu Styling
****************************************/

.menu_container{
	width: 185px;
	height: auto;
	margin-top: 15px;
	background: transparent;
	float: left;
}

.menu_top{
	width: 185px;
	height: 8px;
	margin: 0;
	padding: 0;
	background-image: url(images/menu_top.png);
	overflow: hidden;
	float: left;
}

.menu_center{
	width: 159px;
	height: auto;
	margin: 0;
	padding: 1px 13px 1px 13px;
	background-image: url(images/menu_center.png);
	float: left;
}

.menu_bottom{
	width: 185px;
	height: 8px;
	margin: 0;
	padding: 0;
	background-image: url(images/menu_bottom.png);
	overflow: hidden;
	float: left;
}

.content_top span, .content_bottom span, .menu_top span, .menu_bottom span{
	display: none;
}

/****************************************
 Left Navigation
****************************************/

#left{
	width: 185px;
	height: auto;
	margin: 0;
	padding: 0;
	background: transparent;
	float: left;
}

#left h2{
	margin-top: 0;
	color: #FAE400;
	margin-bottom: 15px;
	font-size: 1.4em;
	font-weight: 700;
}
/****************************************
 Content
****************************************/

#main_content{
	width: 560px;
	height: auto;
	padding: 0 15px 0 15px;
	background: transparent;
	color: #000000;
	float: left;
}

#main_content_wide{

	width: 760px;
	height: auto;
	padding: 0 0px 0 15px;
	background: transparent;
	color: #000000;
	float: left;
	
}

#main_content_full{

	width: 990px;
	height: auto;
	padding: 0;
	background: transparent;
	color: #000000;
	float: left;

}

#main_content a{
	color: #AB9100;
}

.content_container{
	width: 560px;
	height: auto;
	margin-top: 15px;
	padding: 0;
	background: transparent;
	float: left;
}

.content_top{
	width: 560px;
	height: 8px;
	margin: 0;
	padding: 0;
	background-image: url(images/content_top.gif);
	overflow: hidden;
	float: left;
}

.content_center{
	width: 530px;
	height: auto;
	margin: 0;
	padding: 3px 15px 3px 15px;
	background-color: #ffffff;
	float: left;
}

.content_bottom{
	width: 560px;
	height: 8px;
	margin: 0;
	padding: 0;
	background-image: url(images/content_bottom.gif);
	overflow: hidden;
	float: left;
}

/**** full width *****/

#main_content_full .content_top {
   width: 990px;
   background-image: url(images/content_top_full.gif);
}

#main_content_full .content_center {
   width: 960px;
}

#main_content_full .content_bottom {
   width: 990px;
   background-image: url(images/content_bottom_full.gif);
}

/**** Wide Width ****/

#main_content_wide .content_top {
   width: 760px;
   background-image: url(images/content_top_wide.gif);
}

#main_content_wide .content_center {
   width: 730px;
}

#main_content_wide .content_bottom {
   width: 760px;
   background-image: url(images/content_bottom_wide.gif);
}



.news_item{
	border-bottom: 1px solid #000000;
	margin-bottom: 15px;
}

.news_item_comments{
	text-align: left;
	color: #666666;
	padding-left: 435px;
	margin-bottom: 10px;
}

p.comments{
	padding-left: 20px;
	margin-bottom: 0;
	background-image: url(images/comment_icon.gif);
	background-repeat: no-repeat;
	font-size: 0.9em;
	width: 75px;
	
}

/****************************************
 E107 Styles (and table Crap elements) - forum etc..
****************************************/

td {
	text-align:left;
}
.fborder, .border {
	border-collapse:collapse;
	border-spacing:0px;
}
.fcaption {
	font-size: 1.2em;
}
.forumheader {
	font-size: 1.4em;
	font-weight: 700;
}
.forumheader2 {
	font-size: 1.2em;
	font-weight: 700;
}
.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar {
	border-bottom:1px solid #DDDDDD;
	padding-top:4px;
	padding-top:4px;
}
.forumheader, .forumheader4 {
	background-color:#EEEEEE;
}
.finfobar {
	
}
.smallblacktext {
	color:#000000;
	font-size: 0.8em;
	font-weight:400;
}
.smalltext{
	font-size: 0.8em;
}
.nextprev {
	font-size: 1.2em;
	font-weight:700;
	color:#FFFFFF;
}

.tbox.chatbox {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.indent {
	color: #000;
	background-color:#EFEFEF;
	padding:5px;
	border: #DDDDDD 1px solid;
}

#helpb,#comment, .tbox comment subject{
	width:400px;
}
/****************************************
 Right Navigation
****************************************/

#right{
	width: 185px;
	height: auto;
	margin: 0;
	padding: 0;
	background: transparent;
	float: left;
}

#right h2{
	margin-top: 0;
	color: #FAE400;
	margin-bottom: 15px;
	font-size: 1.4em;
	font-weight: 700;
}

/****************************************
 Footer
****************************************/

#footer{
	width: 955px;
	height: 25px;
	background-color: #000000;
	background-image: url(images/footer_bg.gif);
	margin-top: 15px;
	padding: 10px 15px 0 20px;
}

#footer .copyright{
	width: 665px;
	float: left;
	vertical-align: middle;
	text-align: left;
}

#footer  p{
	margin: 0;
	font-size: 11px;
	vertical-align: middle;
}

#footer .rss{
	width: 280px;
	float: left;
	vertical-align: middle;
	text-align: left;
}

#footer img{
	margin-right: 5px;
}