/* @override http://www.charlottefireretsys.org/e107_themes/charfire/style.css */

/* andreas01 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.3 (Nov 28, 2005)

Screen layout: */

#content #rightside {
width : 120px;
background : #f0f0f0;
padding : 10px;
margin : 0 0 10px 0;
}
#content #rightside h2 {
margin-bottom : 5px;
}
#content #leftside {
float : left;
background : inherit;
margin-right : 10px;
width : 230px;
}

.r {
vertical-align:top;
	float : right;
	width : 48%;
	margin-bottom : 15px;
	
}
.le {
vertical-align:top;
	float : left;
	width : 48%;
	margin-bottom : 15px;
	
}

#headBG {
	background-image: url(../../e107_images/featureHead.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: none;
	margin-left: 0px;
	margin-top: 10px;
	padding-left: 8px;
	padding-bottom: 4px;
	text-align : justify;
	color: #FFFFFF;
	text-transform: uppercase;
}

#footer {
bottom : 0;
clear : both;
text-align : left;
border-top : 2px solid #e5e5e5;
padding : 3px 0 0 0;
margin-top : 0px;
height : 50px;
color : #888;
background : inherit;
}
#footer .right {
float : right;
}


body{
	margin:0 auto;
	padding:0;
	color:#303030;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 76%;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	background-position: center top;
}

#wrap{
background:#ffffff;
color:#303030;
margin:0 auto;
width:756px;
vertical-align: top;
}

#contentwrap{
color:#303030;
background-image: url(images/sidebarBG.gif);
	background-repeat: repeat-y;
}


#header {
	height:162px;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: 66px;
}

#header h1{
width:250px;
margin:0 0 10px 0;
float:left;
}

#header p{
width:495px;
float:right;
text-align:center;
color:#a0a0a0;
margin:0 0 10px 0;
font-size:0.8em;
line-height:1.2em;
background-color:inherit;
}

#frontphoto{
margin:0 0 10px 0;
border:0;
}

#avmenu{
	clear:left;
	float:left;
	width:165px;
	height:100%;
	margin:0;
	padding:0;
	font-size:0.7em;
	background-image: url(images/sidebarBG.gif);
	background-repeat: repeat-y;
}

#avmenu ul{
	list-style:none;
	width:158px;
	padding:0;
	font-size:1.1em;
	background-color: #dd9e16;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-left: 8px;
	text-transform: uppercase;
}	

#avmenu li{
background-color: #dd9e16;
padding-top:2px;
	margin-bottom:2px;
	margin-left: 4px;
	margin-right: 4px;
}

#avmenu li a{
	font-weight:bold;
	height:15px;
	text-decoration:none;
	color:#000000;
	display:block;
	background:#fce97b;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-left-style: solid;
	border-top-color: #FFFFCC;
	border-right-color: #FFFFCC;
	border-bottom-color: #663333;
	border-left-color: #663333;
	text-align: center;
	padding-top: 1px;
	padding-right: 2;
	padding-bottom: 1;
	padding-left: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
}	
	
#avmenu li a:hover{
	background:#996600;
	color:#FFCC00;
	border-left:2px solid #CC9900;
	border-right:2px solid #CC9900;
}

.announce{
	width:165px;
	color:#505050;
	line-height:1.3em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 4;
	background-image: url(images/sidebarBG.gif);
	background-repeat: repeat-y;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}

#extras{
background-image: url(images/sidebarBG.gif);
	background-repeat: repeat-y;
float:left;
width:120px;
margin:00;
padding:0;
font-size:0.9em;
line-height:1.5em;
}

#extras p{
margin:0 0 1.5em 0;
}

#content{
vertical-align: top;
	line-height:1.6em;
	text-align:left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 175px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#content h2{
font-size:1.5em;
margin:0 0 0.5em 0;
}

#content img{
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}
/* Below CSS From snowboarder04, Thanks */
#contentcustom{
	background:#ffffff;
	color:#303030;
	width:746px;
	padding: 10px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#footercustom{
	background:#ffffff;
	color:#303030;
	width:746px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 60;
	margin-left: auto;
}


h3{
	font-size:1.2em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}

a{
text-decoration:none;
color:#286ea0;
}

a:hover{
text-decoration:underline;
color:#286ea0;
}

a img{
border:0;
}

#footer{
	clear:both;
	margin:0 auto;
	padding:0;
	width:755px;
	text-align:center;
	color:#808080;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #f0f0f0;
	background-image: url(images/sidebarBG.gif);
	background-repeat: repeat-y;
}

#footer a{
color:#808080;
text-decoration:none;
}

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

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}

/* Added By acidfire For E107 */

.defaulttext {
   background: none;
   font: 10px verdana, arial, sans-serif; 
   color: #000; 
}

.mediumtext {
   font: 10px verdana, arial, sans-serif;
	color:#000;
}

.smalltext {
   font: 9px verdana, arial, sans-serif;
	color:#000;
}

.tbox.chatbox {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.fborder {
	background-color: #fff;
}

.smallblacktext {
	font: 9px verdana, arial, sans-serif;
	color:#000;
}

.tbox{
	background-color: #ddd;
	border: #000000 1px solid;
	color: #000000;
	font: 10px verdana, arial, sans-serif;
	margin: 0px;
	padding: 0px;
}
.button{
	background-color: #ddd;
	border: #000 1px solid;
	color: #000000;
	font: 9px verdana, arial, sans-serif;
	text-align:center;
}

.nextprev{
	background-color: #ddd;
	border: #000 1px solid;
	color: #000000;
	font: 9px verdana, arial, sans-serif;
	text-align:center;
	padding : 2px;
}

.np{
	background-color: #ddd;
	border: #000 1px solid;
	color: #000000;
	font: 9px verdana, arial, sans-serif;
	text-align:center;
	padding : 2px;
}

.forumheader{
	background-color: #cccccc;
	font: 1em verdana, arial, sans-serif;
	color: #000;
	padding: 1px;
	border: 1px solid #C3BDBD;
}

.forumheader2{
	background-color: #EFEFEF;
	font: 1em verdana, arial, sans-serif;
	color:#000;
	padding: 1px;
	border: #C3BDBD 1px solid;
}

.forumheader3{
	background-color: #EFEFEF;
	font: 1em verdana, arial, sans-serif;
	color:#000;
	padding: 1px;
	border: #C3BDBD 1px solid;
}

.forumborder{
	border: #000080 1px solid;
}
.helpbox{
	font-size: 9px;
	font-family: Trebuchet MS, "Lucida Sans Unicode", Arial, Lucida Sans, Tahoma, Sans-Serif;
	margin: 0 0 2px 0;
	color: #494949;
	border: 0px solid #868686;