@import url("clear.css");

body { 
	background-image: url('../images/background/black_80.png');
	font-family: Verdana;
}

#wrapperAll { width: 1000px; margin: 40px auto;}

#jb-menu ul {
	float: none;
	margin: auto;
	width: 1000px;
}
header { 
	border: 1px solid #3f3f3f; border-top-left-radius: 5px; border-top-right-radius: 5px; 
	background-color: #111111; background-image: url('../images/header.png');
	position: relative; color: #8d7e59; }
	
	header #logo_jb { 
		float: left; 
		width: 213px; height: 140px; 
		text-align: center; 
		margin: 5px; padding-top: 10px; }
	
	header h1 { 
		position: absolute; left: 50%;
		margin-left: -200px; margin-top: 75px;
		width: 400px;
		color: #CEB67B; font-weight: bold; font-size: 22px; text-align: center; }
	header a { color: #CEB67B; }
	header #logo { width: 213px; height: 150px; float: right; margin: 5px;}
	header #logo_jbo { display: none; }
	header #logo:hover #logo_jbo { display: block }
	header #logo:hover #logo_location { display: none; }
	header #navigation { clear: both}
		header nav, header #current_campfire { 
				border-top: 1px solid #3f3f3f; border-right: 1px solid #3f3f3f;
				border-top-right-radius: 10px;
				background-color: #111111;
				width: 200px;
				position: relative;;
				cursor: pointer; 
				padding: 5px;
				font-size: 14px;
				float: left;
		}
		header nav ul, header #current_campfire ul { display: none; padding: 0 5px; font-size: 14px;}
		header nav:hover ul, header #current_campfire:hover ul { display: block; position: absolute; top: 24px; padding-top: 3px; border: 1px solid #3f3f3f; border-top: 0; left: -1px; background-color: #111111; width: 200px;}
			header nav ul li, header #current_campfire ul li {
				padding: 3px 0;
			}
		header nav ul .visitors-info { display: none; }
		header nav ul .visitors-members-list a { display: block; }
		header .chat-lite { display: block; border: 0; position: static;background: none; height: auto; text-align: left;}

#gotolocation { line-height: normal; padding-left: 25px; height: 20px; padding-top: 2px; background: url('../images/icons/gotolocation.png') no-repeat; font-weight: bold;}
#current_users { font-weight: bold; left: -1px; border-left: 1px solid #3f3f3f; border-top-left-radius: 10px;}
	#current_users h2 { line-height: normal; padding-left: 25px; height: 20px; padding-top: 2px; background: url('../images/icons/current_users.png') no-repeat; }
#current_campfire { font-weight: bold; left: -2px; border-left: 1px solid #3f3f3f; border-top-left-radius: 10px;}
	#current_campfire a {  padding-left: 25px; height: 20px; padding-top: 2px; background: url('../images/icons/campfire.png') no-repeat; }
	#current_campfire p { background: transparent; line-height: normal; height: 20px; padding-top: 2px; }

#search { float: right; margin-right: 10px; margin-top: 5px; }
	#search input {background: #111111; border: 1px solid #3f3f3f; padding: 3px; border-radius: 3px; color: white;}
.misterne { padding-left: 25px; height: 20px; padding-top: 2px; background: url('../images/icons/misterne.png') no-repeat;}
.mistyczne { padding-left: 25px; height: 20px; padding-top: 2px; background: url('../images/icons/mistyczne.png') no-repeat;}
.gorace { padding-left: 25px; height: 20px; padding-top: 2px; background: url('../images/icons/gorace.png') no-repeat;}
.campfire { padding-left: 25px; height: 20px; padding-top: 2px; background: url('../images/icons/campfire.png') no-repeat;}
.library { padding-left: 25px; height: 20px; padding-top: 2px; background: url('../images/icons/library.png') no-repeat;}


#wrapperAll > nav a, #wrapperAll > nav { color: #CEB67B; font-size: 12px; margin: 5px 0 8px 0;}

section #wrapperMenu { float: left; width: 200px; min-height: 400px;border: 1px solid #3f3f3f; border-bottom-left-radius: 5px; background-color: #111111; }
section #wrapperTop { float: right; width: 780px; min-height: 50px;border: 1px solid #3f3f3f; background-color: #111111; }
section #wrapperContent { float: right; width: 780px; min-height: 350px;border: 1px solid #3f3f3f; background-color: #111111; margin-top: 20px;}

footer { clear: both; color: #CEB67B;  }
footer a { color: #CEB67B; } 
footer nav { border: 1px solid #3f3f3f; background-color: #111111; margin-top: 20px; overflow: hidden; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
footer nav h2 { font-weight: bold; }
footer nav div { width: 200px; font-size: 11px; margin: 10px; float: left;}
#last_news li {  padding-left: 25px; height: 20px; padding-top: 2px; background: url('../images/icons/sign.png') no-repeat; }
#last_news h2 {  padding-left: 25px; height: 20px; padding-top: 2px; background: url('../images/icons/tree.png') no-repeat; }
footer p { text-align: center; width: 300px; margin: auto; font-size: 10px; margin-top: 20px;}