.clear{
	padding:0;
	margin:0;
	line-height:0;
	clear:both;
}

/* MAIN SITE WRAPPER */
#wrapper {
	/*border: 1px solid red; */
	width: 1024px;
	margin: 0 auto; margin-bottom: 2px;
	padding: 0px;
	text-align: center;	
	background: #FFFFFF;
	position: relative;
	top: 0px;
	background:url(images/content-bg.gif) repeat-y 0 0 #FFFFFF;
}


/* LOGO HEADER */
#logoHeader {
/*	border: 1px solid yellow; */
	width: 1024px;
	height: 156px;
	margin: 0 auto; 
	padding: 0px;
	text-align: left;	
	background: #FFFFFF url(images/logoheader.jpg) top left no-repeat;
}

	#logoHeader h1 {
		position: relative;
		top: 0px;
		padding: 0px;
		margin: 0px;
		width: 300px;
		height: 156px;
		overflow: hidden;
		font: bold 1.2em impact;
		text-transform: uppercase;
		background: #E9E8D5;
		float: left;
	}

	#logoHeader h1 span {
		position: absolute;
		left: 0;
		top: 0;
		width: 300px;
		height: 156px;
		background: transparent url(images/logoheader.jpg) no-repeat;
	}


/* CONTENT */
#content {
	width: 1024px;
	margin: 0 auto; margin-top: 0px;
	padding: 0px;
	text-align: center;	
	background:url(images/leftpanel-bg.jpg) no-repeat 0 100%;
	z-index:20;
	position:relative;
}



#content img {
	margin: 0px;

}



/* ===== LEFT CONTENT ====== */
#content #leftContent {
		margin: 0 auto;
		padding: 0 0 740px 0;
		width: 290px;
		text-align: justify;
		font: normal 1.1em verdana;
		color: #675432;
		float: left;
		position:relative;
}

a.join{
	position:absolute;
	display:block;
	text-indent:-20000px;
	background:url(images/join.jpg) no-repeat 0 0;
	width:237px;
	height:140px;
	top:156px;
	left:0;
	}
	
a.join:hover{
	background:url(images/join-hover.jpg) no-repeat 0 0;
	}	


/* RIGHT CONTENT - Main Content Area */

#content #rightContent {
		margin: 0 auto;
		padding: 41px 0 360px 18px;
		width: 716px;
		min-height: 400px;
		text-align: justify;
		float: right;
		background:url(images/rightpanel-bg.gif) repeat-x 0 0;
}


/*-- Text area ----*/
	
#rightContent #textareaTop{
	background:url(images/textarea-top.gif) no-repeat 0 0;
	height:78px;
	position:relative;
	padding:0 29px 0 0;
	}	


/*=== text area =====*/
	
#textareaTop h3{
	float:right;
	line-height:39px;
	background:url(images/heading-bg.gif) no-repeat 0 0;
	padding:0 0 0 20px;
	}	
	
#textareaTop h3 span{
	float:right;
	height:39px;
	}	
	
#textareaBtm{
	background:url(images/textarea-btm.png) no-repeat 0 0;
	height:68px;
	}
	
#areaBg{
	background:url(images/area-bg.gif) repeat-y 0 0;
	}
	
#textarea{
	background:url(images/textarea-bg.gif) no-repeat;
	padding:10px 96px 10px 46px;
	}		

#rightContent #textarea p{
	padding-bottom:8px;
	}
	
img.vipButton{
	margin:10px 0 0 0;
	}	
	
	

/*  FOOTER  */
#footer {
	margin: 0 auto;
	padding: 0px;
	width: 1024px;
	height: 100px;
	background:#000 url(images/footerbg.jpg) no-repeat;
	position: relative;
	top: 0px;
	text-align: center;
	z-index:1000;
}


/*--- bottom Panel ---*/

#bottomPanel{
	background:url(images/star-bg.gif) no-repeat 100% 100% #fff;
	height:345px;
	position:absolute;
	left:318px;
	top:-347px;
	width:706px;
	}
		


#footer p.copyright{
	font-size:10px;
	line-height:20px;
	padding:10px 0 0 0;
	color:#FFFFFF;
	position:absolute;
	right:12px;
	top:12px;
	z-index:500;
	}
	
#footer p.copyright a{
	color:#FFFFFF;
	text-decoration:none;
	}	
	
#footer p.copyright a:hover{
	text-decoration:underline;
	}	
	

#footer img.twitter{
	position:absolute;
	top:30px;
	left:18px;
	}
	
#footer img.facebook{
	position:absolute;
	top:26px;
	left:131px;
	}
	
#footer img.youtube{
	position:absolute;
	top:26px;
	left:241px;
	}
	
			

/* FOOTER POSITIONING - see navigation.css */


/*  CREDITS	  */
#credits {
	border: 0px solid #FF0000;
	margin: 0 auto;
	padding: 0px 0px 5px 0px; 
	width: 1024px;
	height: 15px;
	position: relative;
	top: 5px;
	font: bold 0.55em verdana;
	color: #000000; 
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	background: transparent;
}

#credits a:link {  color: #000000; text-decoration: none;}
#credits a:visited {  color: #000000; text-decoration: none;}
#credits a:focus {  color: #000000; text-decoration: none;}
#credits a:hover {  color: #900; text-decoration: none;}
#credits a:active {  color: #000000; text-decoration: none;}


/*===================*/

/* Blog */ 
.blogPost{ padding-bottom:5px;}
.blogPost h3, .blogPost h3 a, #respond h3{
	font:normal 20px/30px "trebuchet MS", arial, verdana, sans-serif; 
	color:#17548C; 
	background-color:inherit; 
	padding-bottom:10px;
}
.blogPost span{ font-size:12px; color:#F19F11; font-weight:bold; display:block}
.navigation{ clear:both; display:block; padding:10px 0;} 
.navigation .alignleft, .navigation .alignright{ width:auto; float:left; font-weight:bold; font-size:11px;}
.navigation .alignright{float:right}
.navigation .alignleft, .navigation .alignright a{ font-size:13px}
input, textarea{ font-size:12px; margin:5px 0 }
.postmetadata{ font:bold 14px/27px "trebuchet MS", arial, verdana, sans-serif; }
.postmetadata a{ text-decoration:none}
.postmetadata a:hover{ text-decoration:underline}
/* Blog */

#rightContent #textarea a{
	color:#9E0809;
	font-weight:normal;
	text-decoration:underline;
	}
	
#rightContent #textarea a:hover{
	color:#9E0809;
	text-decoration:none;
	}	
	
#rightContent #textarea ul{
	padding:10px 0 0 0;
	}	
	
#rightContent #textarea ul li{
	background:url(images/list-icon.gif) no-repeat 0 2px;
	padding:0 0 0 25px;
	}	
	
#rightContent #textarea ul li a{
	text-decoration:underline;
	color:#000000;
	}	
	
#rightContent #textarea ul li a:hover{
	text-decoration:none;
	color:#000000;
	}	
	
#rightContent #textarea h2{
	font-size:18px;
	line-height:21px;
	font-weight:bold;
	color:#000000;
	padding-bottom:10px;
	clear:both;
	}
	
#rightContent #textarea h3{
	font-size:14px;
	line-height:17px;
	font-weight:bold;
	color:#9E0809;
	padding-bottom:10px;
	}	
	
	
	
/* Blog */	

/* Navigation */
.navigation .alignleft, .navigation .alignright{ 
	width:auto; 
	float:left; 
	font-weight:bold; 
	font-size:11px; 
	padding:10px 0
}
.navigation .alignright{float:right}
.navigation .alignleft, .navigation .alignright a{ font-size:13px}
/* Navigation */


/* Comments */
ol.commentlist{ 
	margin:0; 
	padding:0 0 15px 0; 
	float:left; 
	width:572px;
	border-top:1px solid #cecece;
}
.commentlist li{
	list-style:none !important;
	padding:10px 10px 0 10px !important;
	background:#fff;
	font-style:normal;
	float:left;
	font-size:13px; width:552px;
	border-bottom:1px solid #cecece;
}
.commentlist li img{ border:1px solid #CECECE; float:right; margin:0 4% 1% 0}
.commentlist li a{ padding-bottom:10px !important; color:#035CAE; font-weight:bold;}
.cancel-comment-reply small{ font-size:11px}

h2#comments{ clear:both; padding:10px 0;}
.comment-author{ color:#CA8000; background-color:inherit; font-weight:bold;} 
/* Comments */

#submit{
	background:#000;
	color:#FEFEFE;
	font:bold 14px/30px "Times New Roman", Times, serif;
	text-align:center;
	border:1px solid #949494;
	height:32px;
	padding:0 2px;
	cursor:pointer;
}

label span{ color:#ff0000;}
/* Blog */	

/* Calendar */
#wp-calendar{ width:100% !important;}
#calendar_wrap{ margin:0 0 9px 3px;}
#calendar .widgettitle{ display:none;}
#calendar h3{ display:none !important;}
#wp-calendar tr{
	background:#F2F3F4 !important;
	color:#444 !important;
	padding:6px 12px 10px 14px !important;
	}
	
#wp-calendar td, #wp-calendar th{
	font-size:12px !important;
	line-height:24px !important;
	width:40px !important;
	text-align:center !important;
	}
	
#wp-calendar tbody td a{
	background-color:#CECECE !important;
	text-decoration:none !important;
	padding:0 5px !important;
	font-weight:bold !important;
	display:block;
}	

#wp-calendar tbody td a:hover{
	background-color:#F9F9F9 !important;
	text-decoration:none !important;
}

td#prev a , td#next a { text-align:left !important; padding-left:5px; font-weight:bold; text-decoration:none; color:#000 !important; }
td#next { text-align:right !important; padding-right:5px}

#wp-calendar caption, .sidebar h3 {
	background:#CFCFCF !important;
	color:#020202 !important;
	font-size:18px !important;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	font-weight:normal !important;
	line-height:30px !important;
	text-align:center !important;
	padding:0.2em 1em 0.2em 0 !important;
	letter-spacing:0.1em !important;
	
}
	
/* Calendar */

.sidebar{
	width:190px;
	clear:both;
	padding:0 0 30px 13px;
}

.sidebar ul{
	float:left;
	width:190px;
	padding-top:5px;
	background:#F2F3F4;
	color:#000;
	margin-bottom:30px;
}

.sidebar ul li{
	font:12px/28px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	border-bottom:1px solid #929292;
	width:184px;
	padding-left:6px;
}

.sidebar ul li a, .sidebar ul li a:hover{
	font-weight:normal;
}