/* -----------------------------------------------------------------------

	Concorde - General.css
	http://concorde.hu

	* Copyright (c) 2010 Everegine Kft.
   
----------------------------------------------------------------------- */

/*------------------------------------ GLOBÁLIS ELEMEK ------------------------------------*/

* { outline: none; }
img { margin: 0; border: 0; }
a, a:hover { cursor: pointer; }


.png { behavior: url(/styles/type/iepngfix.htc); }
.clearfix { clear: both; }
.float_left { float: left; }
.float_right { float: right; }

.dark_button, .light_button {
	padding: 4px 10px 4px 20px;
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius: 5px;
	background: url(/images/buttons.png) left center;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #fff !important;
	cursor: pointer;
	white-space: nowrap;
	}
	
	.dark_button:hover, .light_button:hover {
		background: url(/images/buttons.png) 300px center;
		color: #000 !important;
		text-decoration: none !important;
		}
		
.light_button { background: url(/images/buttons.png) 300px center; }

/*------------------------------------ LAPOZÓ ------------------------------------*/

.pagerContainerDiv{
	height: 30px;
	margin: 0 0 10px 0;
	background: url(/images/nav_gradient.png) center left repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
	.pagerLeftDiv{
		width: 180px;
		margin: 0 10px 0 10px;
		overflow: hidden;
		float: left;
		line-height: 30px;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		color: #e8b652;
		}

	.pagerRightDiv{
		height: 20px;
		margin: 5px 0 5px 0;
		overflow: hidden;
		float: right;
		}

	.pagerActivePageSpan, .pagerActivePageSpan a {
		width: 20px;
		height: 20px;
		margin-right: 5px;
		float: left;
		background: #e8b652;
		line-height: 20px;
		color: #000;
		font-weight: bold;
		text-align: center;
		font-size: 10px;
		}

	.pagerInactivePageSpan, .pagerInactivePageSpan a{
		width: 20px;
		height: 20px;
		margin-right: 5px;
		float: left;
		background: #000;
		line-height: 20px;
		font-weight: bold;
		text-align: center;
		font-size: 10px;
		color: #e8b652;
		}
	
	.pagerText{
		height: 20px;
		padding: 0 3px 0 3px;
		margin-right: 5px;
		float: left;
		line-height: 20px;
		color: #e8b652;
		font-weight: bold;
		text-align: center;
		font-size: 10px;
		}
		
	.pagerText a{
		height: 20px;
		padding: 0 3px 0 3px;
		margin-right: 5px;
		float: left;
		background: #000;
		line-height: 20px;
		color: #e8b652 !important;
		font-weight: bold;
		text-align: center;
		font-size: 10px;
		}
	
/*------------------------------------ BAL_OLDAL _ LEFT_SIDE ------------------------------------*/

#left_side .box {
	margin: 0 0 30px 0;
	}
	
	#left_side .box h1 {
		display: block;
		margin: 0 0 10px 0;
		padding: 0 0 6px 0;
		border-bottom: 1px solid #5f4423;
		font-family: "SegoeUINormal", Segoe UI, Verdana, Tahoma, Arial, Helvetica, Sans-serif;
		font-size: 18px;
		font-weight: normal;
		color: #fff;
		}
		
		#left_side h1 span {
			color: #cd911e;
			}
			
	/*--- Fellépések ---*/
			
	.home_calendar {
		margin: 15px 0 0 0;
		}
		
	.home_calendar:first-child {
		margin: 0;
		}
		
		.home_calendar div {
			float: left;
			width: 42px;
			height: 42px;
			margin: 0 10px 0 0;
			background: url(/images/calendar.png);
			}
			
			.home_calendar div p {
				display: block;
				line-height: 14px;
				margin: 0;
				padding: 0 !important;
				text-align: center;
				text-transform: uppercase;
				font-size: 10px;
				font-weight: bold;
				color: #201501;
				}
				
			.home_calendar div span {
				display: block;
				line-height: 28px;
				margin: 0;
				text-align: center;
				font-size: 18px;
				font-weight: bold;
				color: #714907;
				}
				
		.home_calendar p {
			margin: 0;
			padding: 3px 0 0 0;
			text-transform: uppercase;
			font-size: 13px;
			font-weight: bold;
			color: #fff;
			}
			
		.home_calendar span {
			font-size: 13px;
			color: #cd911e;
			}
			
	/*--- Háttérképek ---*/
	
	.home_wallpaper {
		width: 200px;
		}
		
		.home_wallpaper img {
			float: left;
			margin: 0 10px 15px 0;
			padding: 5px;
			background: #fff;
			}
		
		.home_wallpaper div {
			float: left;
			width: 80px;
			margin: 0 0 15px 0;
			}
			
			.home_wallpaper div a {
				display: block;
				padding: 0 0 0 8px;
				background: url(/images/white_arrow.png) center left no-repeat;
				font-size: 13px;
				color: #cd911e;
				}
				
		.home_wallpaper div.clearfix {
			margin: 0 !important;
			}
	
/*------------------------------------ CONTENT ------------------------------------*/

#content .box {
	width: 690px;
	margin: 0 0 20px 0;
	}
	
	#content .box h1 {
		display: block;
		line-height: 34px;
		margin: 0;
		padding: 0 0 0 20px;
		-moz-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0;
		font-family: "SegoeUINormal", Segoe UI, Verdana, Tahoma, Arial, Helvetica, Sans-serif;
		font-size: 18px;
		font-weight: normal;
		color: #fff;
		background: url(/images/box_header.png) top left repeat-x;
		}
		
		#content h1 span {
			color: #000;
			}
			
	#content .box .content {
		padding: 16px 20px 20px 20px;
		-moz-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
		background: url(/images/box_background.png) top left repeat;
		}
		
.multi_column {
	text-align: justify;
	-moz-column-width: 315px;
	-webkit-column-width: 315px;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	}
	
/*------------------------------------ KEZDŐLAP ------------------------------------*/

#content .home_left {
	float: left;
	width: 335px;
	margin: 0 20px 0 0;
	}
	
#content .home_right {
	float: left;
	width: 335px;
	}
	
	#content .home_left .box, #content .home_right  .box {
		width: 335px !important;
		}
		
		/*--- Kommentek ---*/
		
		.home_comment {
			margin: 0 0 8px 0;
			padding: 0 0 12px 0;
			border-bottom: 1px dotted #442602;
			}
			
			.home_comment p {
				margin: 0;
				color: #4c2f0c;
				}
				
			.home_comment p.details {
				margin: 0;
				font-size: 12px;
				font-style: italic;
				font-weight: bold;
				color: #6f4707;
				}
				
				.home_comment p.details span {
					text-decoration: underline;
					}
					
		/*--- Fő hírek ---*/
	
		.main_news {
			clear: both;
			margin: 20px 0 0 0;
			padding: 10px 0 0 0;
			border-top: 1px dotted #6F4707;
			background: none !important;
			}
			
		.main_news:first-child {
			margin: 0 !important;
			padding: 0 !important;
			border-top: 0!important;
			}
				
			.main_news_content {
				margin: 0 0 10px 0;
				background: none !important;
				}
					
				.main_news_content .img {
					float: left;
					padding: 5px;
					margin: 5px 10px 0 0;
					background: #321d04;
					}
					
					.main_news_content .img img {
						display: block;
						border: 1px solid #fff;
						}
						
				.main_news_content h2 {
					margin: 0 0 5px !important;
					}
				
			.main_news a.light_button {
				}
					
		/*--- Twitter ---*/
					
		div#twitter {
			}

			div#twitter h2 {
				}

			p#preloader {
				margin: 0;
				padding: 1em 1em 1em 3em;
				background: transparent url("/images/loader.gif") 1em center no-repeat;
				/* generate your own loader gif: http://www.ajaxload.info */
				}

			ul#twitter_update_list {
				margin: 0;
				padding: 0;
				list-style-type: none;
				}

				ul#twitter_update_list li {
					margin: 0 0 8px 0;
					padding: 0 0 12px 0;
					border-bottom: 1px dotted #442602;
					}

					ul#twitter_update_list li a {
						display: block;
						font-size: 12px;
						font-style: italic;
						font-weight: bold;
						color: #6f4707;
						}

					ul#twitter_update_list li span {
						color: #4c2f0c;
						}

					ul#twitter_update_list li span a {
						display: inline !important;
						font-weight: bold;
						}

				ul#twitter_update_list li.firstTweet {
					}

				ul#twitter_update_list li.lastTweet {
					border-bottom: none;
					}

		a#profileLink {
			display: block;
			padding: 0.3em 1em;
			color: #fff;
			background-color: #888;
			}
					
		/*--- Hírek ---*/
					
		.home_new { margin: 0; }
			
			.home_new  a {
				color: #4c2f0c;
				}
			
				.home_new a span {
					font-size: 12px;
					font-style: italic;
					font-weight: bold;
					color: #6f4707;
					}
					
		/*--- Videók ---*/
			
		.home_video {
			position: relative;
			float: left;
			width: 295px;
			height: 295px;
			margin: 0 0 20px 0;
			background: #cd911e;
			}
			
			.home_video a {
				display: block;
				position: absolute;
				top: 107px;
				left: 107px;
				width: 80px;
				height: 80px;
				background: url(/images/video.png) top left no-repeat;
				z-index: 3;
				}
				
				.home_video a:hover { background: url(/images/video.png) bottom left no-repeat; }
				
			.home_video img {
				display: block;
				position: absolute;
				top: 5px;
				left: 5px;
				border: 1px solid #fff;
				z-index: 1;
				}
			
		/*--- Chat ---*/
			
		#home_chat_status {
			width: 295px;
			height: 70px;
			margin: -10px 0 0 0;
			}
			
			#home_chat_status .bat {
				float: left;
				width: 99px;
				height: 70px;
				background: url(/images/chat_bnf.png) left top;
				}
				
			#home_chat_status .nick {
				float: left;
				width: 96px;
				height: 70px;
				background: url(/images/chat_bnf.png) -99px top;
				}
				
			#home_chat_status .frank {
				float: left;
				width: 100px;
				height: 70px;
				background: url(/images/chat_bnf.png) -195px top;
				}
				
				#home_chat_status p {
					display: block;
					width: 84px;
					line-height: 20px;
					background: url(/images/chat_status.png) top left repeat-x;
					text-align: center;
					font-family: verdana, arial, tahoma, sans-serif;
					font-size: 10px;
					}
					
				#home_chat_status .bat p { margin: 46px 0 0 9px; }
				#home_chat_status .nick p { margin: 46px 0 0 6px; }
				#home_chat_status .frank p { margin: 46px 0 0 6px; }
				
				#home_chat_status p.online { color: #fff; }
				#home_chat_status p.offline { color: #895810; }
				
		#home_chat_text {
			width: 273px;
			height: 210px;
			margin: 0 0 10px 0;
			padding: 10px;
			border: 1px solid #fff;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			background: #191003;
			overflow: hidden;
			}
			
			#home_chat_text .home_messages {
				height: 210px;
				padding: 0 10px 0 0;
				overflow-x: hidden;
				overflow-y: scroll;
				font-size: 12px;
				}
				
				#home_chat_text .home_messages  a {
					color: #fff;
					text-decoration: underline;
					}
					
				#home_chat_text .home_messages  a:hover {
					color: #e8b652;
					text-decoration: underline;
					}
			
			#home_chat_text p { margin: 0 0 5px 0; color: #fff; }
			#home_chat_text p  span.date { color: #fae1ae; }
			#home_chat_text p  span.user{ color: #e8b652; }
			#home_chat_text p  span.bnf{ padding: 1px 3px; background: #e8b652; color: #000; margin: 0 3px 0 0; }
			#home_chat_text p  span.admin{ color: #c30202; }
			
		#home_chat_comment {
			
			}
			
			#home_chat_comment h2 {
				margin: 10px 0;
				font-size: 16px;
				color: #6f4707;
				}
				
			#home_chat_comment textarea {
				width: 283px;
				height: 40px;
				padding: 5px;
				border: 1px solid #6f4707;
				color: #b8a68b;
				}
				
				#home_chat_comment textarea:focus {
					padding: 4px;
					border: 2px solid #6f4707;
					color: #6f4707;
					}
					
/*------------------------------------ HÍREK ------------------------------------*/
	
.new {
	clear: both;
	margin: 0 0 20px 0;
	background: none !important;
	}
	
	.new h2 {
		height: 30px;
		line-height: 30px;
		border-top: 1px dotted #6F4707;
		border-bottom: 1px dotted #6F4707;
		padding: 0 20px;
		background: url(/images/h2_background.png) top left repeat;
		}
		
	.new_content {
		padding: 0 20px !important;
		background: none !important;
		}
		
		.new .date {
			/*padding: 2px 4px;
			background: #6f4707;
			font-family: verdana, arial, tahoma, sans-serif;
			font-size: 9px !important;
			color: #fff !important*/
			display: block;
			float: right;
			color: #b79155;
			}
			
		.new_content .img {
			float: left;
			padding: 5px;
			margin: 5px 20px 0 0;
			background: #321d04;
			}
			
			.new_content .img img {
				display: block;
				width: 150px;
				border: 1px solid #fff;
				}
				
		.new_content .shortDesc {
			margin: 0 0 10px 0;
			color: #4C2F0C;
			}
		
	.new a.light_button {
		float: right;
		}
		
/*------------------------------------ TAGOK ------------------------------------*/

.tagok_container {
	height: 400px;
	margin: 0 0 0 -10px;
	background: url(/images/tagok.png) top left no-repeat;
	behavior: url(/styles/type/iepngfix.htc);
	}
	
	.tagok_container .bat {
		display: block;
		float: left;
		width: 241px;
		height: 100%;
		}
		
	.tagok_container .nick {
		display: block;
		float: left;
		width: 205px;
		height: 100%;
		}
		
	.tagok_container .frank {
		display: block;
		float: left;
		width: 204px;
		height: 100%;
		}
		
	.tagok_button_1 {
		margin: -20px 160px 20px 80px;
		}
		
	.tagok_button_2 {
		margin: 0 135px 20px 0;
		}
		
.tagok_left {
	float: left;
	width: 244px;
	margin: 0 16px 0 0;
	}
	
.tagok_right {
	float: left;
	width: 390px;
	}
	
	.tagok_right .favs {
		margin: 0 0 2px 0;
		}
		
		.tagok_right .favs  span {
			font-weight: bold;
			color: #4C2F0C;
			}

/*------------------------------------ FELLÉPÉSEK ------------------------------------*/

.calendar_container {
	margin: 30px 0 0 0;
	}
	
.calendar_container:first-child {
	margin: 0 !important;
	border: 0 !important;
	}
	
	.calendar  {
		float: left;
		width: 60px;
		height: 60px;
		margin: 0 18px 0 0;
		border: 1px solid #7a5308;
		background: url(/images/big_calendar.png);
		}
		
		.calendar p {
			display: block;
			line-height: 21px;
			margin: 0;
			padding: 0 !important;
			text-align: center;
			text-transform: uppercase;
			font-size: 14px;
			font-weight: bold;
			color: #201501;
			}
			
		.calendar span {
			display: block;
			line-height: 39px;
			margin: 0;
			text-align: center;
			font-size: 30px;
			font-weight: bold;
			color: #714907;
			}
			
	.calendar_container .details {
		float: left;
		width: 570px;
		}
			
		.calendar_container div h2 {
			border-top: 1px dotted #6F4707;
			border-bottom: 1px dotted #6F4707;
			padding: 4px 20px;
			background: url(/images/h2_background.png) top left repeat;
			font-weight: bold !important;
			}
			
			.calendar_container div h2 span {
				padding: 0 0 0 20px;
				font-size: 14px !important;
				color: #6F4707;
				}
		
	.home_calendar span {
		font-size: 13px;
		color: #cd911e;
		}
		
/*------------------------------------ ZENÉK ------------------------------------*/

.album_container {
	margin: -10px 0 30px 0;
	}

	.album_container h2 {
		margin: 0 0 10px 0;
		padding: 0 0 4px 0;
		border-bottom: 1px dotted #6F4707;
		}
		
	.album_container a.lightbox {
		display: block;
		float: left;
		width: 160px;
		margin: 0 20px 0 0;
		border: 5px solid #321d04;
		}
		
	.album_container a.lightbox:hover {
		border: 5px solid #cd911e;
		}
		
		.album_container a.lightbox img {
			display: block;
			}
		
	.album_container .track_list {
		float: left;
		width: 440px;
		}
		
		.album_container .track_list .track {
			padding: 4px 0;
			border-top: 1px dotted #6F4707;
			}
			
		.album_container .track_list .track:first-child {
			padding: 4px 0;
			border-top: none !important;
			}
			
			.album_container .track_list .track h2 {
				float: left;
				line-height: 26px;
				font-size: 14px !important;
				margin: 0 !important;
				padding: 0;
				border: 0;
				}
				
			.album_container .track_list .track .player {
				float: right;
				width: 132px;
				height: 26px;
				background: url(/images/player_background.png);
				behavior: url(/styles/type/iepngfix.htc);
				}
				
				.album_container .track_list .track .player span {
					display: block;
					float: left;
					line-height: 26px;
					padding: 0 0 0 10px;
					text-transform: uppercase;
					font-size: 11px;
					font-weight: bold;
					color: #4C2F0C;
					}
				
				.album_container .track_list .track .player object {
					display: block;
					float: right;
					margin: 3px;
					}
					
			.album_container .track_list .track .download {
				margin: 10px 0 0 0;
				}
				
				.album_container .track_list .track .download a {
					display: block;
					float: left;
					line-height: 20px;
					text-decoration: underline;
					}
					
					.album_container .track_list .track .download a span {
						font-size: 13px;
						text-decoration: none !important;
						}
				
				.album_container .track_list .track .download p {
					display: block;
					float: left;
					line-height: 20px;
					margin: 0 0 0 20px;
					}
					
					.album_container .track_list .track .download p span {
						color: #4C2F0C;
						}

/*------------------------------------ VIDEÓK ------------------------------------*/

.video_list {
	width: 650px;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px dotted #6F4707;
	}
	
.video_list:first-child {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	}
	
	.video_list .video {
		position: relative;
		float: left;
		width: 212px;
		height: 212px;
		margin: 0 18px 0 0;
		background: #321d04;
		}
		
		.video_list .video a {
			display: block;
			position: absolute;
			top: 66px;
			left: 66px;
			width: 80px;
			height: 80px;
			background: url(/images/video.png) top left no-repeat;
			z-index: 3;
			}
			
			.video_list .video a:hover { background: url(/images/video.png) bottom left no-repeat; }
			
		.video_list .video img {
			display: block;
			position: absolute;
			top: 5px;
			left: 5px;
			border: 1px solid #fff;
			z-index: 1;
			}
			
	.video_list .details {
		float: left;
		width: 420px;
		}
		
.video_play {
	
	}
	
	.video_play h2 {
		border-top: 1px dotted #6F4707;
		border-bottom: 1px dotted #6F4707;
		padding: 4px 20px;
		background: url(/images/h2_background.png) top left repeat;
		}
		
		.video_play span {
			display: block;
			float: right;
			color: #b79155;
			}
	
	.video_play object {
		display: block;
		border: 5px solid #321d04;
		z-index: 1;
		}
		
	.video_play .details {
		margin: 20px 0 0 0;
		padding: 20px 0 0 0;
		border-top: 1px dotted #6F4707;
		}

/*------------------------------------ GALÉRIA ------------------------------------*/

.gallery_list {
	float: left;
	width: 315px;
	margin: 0 20px 20px 0;
	}

	.gallery_list .img_border {
		float: left;
		margin: 0 15px 0 0;
		padding: 10px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #321d04;
		}
		
		.gallery_list .img_border:hover {
			background: #cd911e;
			}
		
		.gallery_list .img_border img {
			display: block;
			border: 1px solid #fff;
			}
			
#gallery {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	}
	
	#gallery li {
		float: left;
		margin: 0 20px 20px 0;
		}
		
		#gallery li a {
			display: block;
			padding: 10px;
			background: #321d04;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			}
			
			#gallery li a:hover {
				background: #cd911e;
				}
			
			#gallery li a img {
				display: block;
				border: 1px solid #fff;
				}
				
/*------------------------------------ VENDÉGKÖNYV ------------------------------------*/
				
.comment {
	margin: 0 0 20px 0;
	}
	
	.comment .author {
		float: left;
		width: 100px;
		color: #4C2F0C;
		}
		
		.comment .author img {
			margin: 0 0 5px 0;
			padding: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background: #785a28;
			}
			
	.comment .corner {
		position: absolute;
		float: left;
		width: 20px;
		height: 36px;
		margin: 20px 0 0 100px;
		background: url(/images/comment_corner.png);
		z-index: 2;
		}
		
	.comment .content {
		float: left;
		width: 508px !important;
		margin: 0 0 0 19px !important;
		padding: 10px !important;
		border: 1px solid #785a28;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #cfaa6e !important;
		color: #4C2F0C;
		z-index: 0;
		}
		
#forum_form {
	
	}
	
	#forum_form  .left {
		float: left;
		width: 240px;
		}
		
	#forum_form  .right {
		float: left;
		width: 410px;
		}

/*------------------------------------ CHAT ------------------------------------*/
		
#chat_text {
	float: left;
	width: 388px;
	height: 360px;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #191003;
	overflow: hidden;
	}
	
	#chat_text .messages {
		height: 360px;
		padding: 0 10px 0 0;
		overflow-x: hidden;
		overflow-y: scroll;
		font-size: 12px;
		}
		
		#chat_text .messages  a {
			color: #fff;
			text-decoration: underline;
			}
				
		#chat_text .messages  a:hover {
			color: #e8b652;
			text-decoration: underline;
			}
	
	#chat_text p { margin: 0 0 5px 0; color: #fff; }
	#chat_text p  span.date { color: #fae1ae; }
	#chat_text p  span.user{ color: #e8b652; }
	#chat_text p  span.bnf{ padding: 1px 3px; background: #e8b652; color: #000; margin: 0 3px 0 0; }
	#chat_text p  span.admin{ color: #c30202; }
	
#chat_status {
	float: left;
	width: 220px;
	height: 382px;
	margin: 0 0 0 20px;
	}
	
	#BnfOnlineUsers {
		width: 220px;
		height: 72px;
		margin: 0 0 10px 0;
		}
		
		#BnfOnlineUsers .bat {
			float: left;
			width: 68px;
			height: 52px;
			background: url(/images/chat_small_bnf.png) -5px top no-repeat;
			}
			
		#BnfOnlineUsers .nick {
			float: left;
			width: 74px;
			height: 52px;
			background: url(/images/chat_small_bnf.png) -68px top no-repeat;
			}
			
		#BnfOnlineUsers .frank {
			float: left;
			width: 78px;
			height: 52px;
			background: url(/images/chat_small_bnf.png) -142px top no-repeat;
			}
			
		#BnfOnlineUsers p {
			display: block;
			width: 60px;
			line-height: 20px;
			margin: 52px auto 0 auto;
			background: url(/images/chat_status.png) top left repeat-x;
			font-family: verdana, arial, tahoma, sans-serif;
			font-size: 10px;
			}
			
		#BnfOnlineUsers .bat p {
			margin: 52px 0 0 0 !important;
			}
			
			#BnfOnlineUsers p span {
				display: block;
				float: left;
				width: 10px;
				height: 10px;
				margin: 5px 5px 0 5px;
				}
		
		#BnfOnlineUsers p.online span {
			background: url(/images/online.png) top left;
			color: #fff;
			}
			
		#BnfOnlineUsers p.offline span {
			background: url(/images/offline.png) top left;
			color: #895810;
			}

	
	#onlineUsers {
		height: 235px;
		padding: 0 10px 0 0;
		overflow-x: hidden;
		overflow-y: auto;
		}
	
		#onlineUsers div {
			display: block;
			line-height: 22px;
			margin: 0 0 1px 0;
			padding: 0 20px 0 ;
			background: rgba(0,0,0,0.1) url(/images/online.png) 5px center no-repeat;
			font-size: 13px;
			}
			
			#onlineUsers .admin {
				font-weight: bold;
				}
	
#chat_comment {
	
	}
	
	#chat_comment h2 {
		margin: 10px 0;
		font-size: 16px;
		color: #6f4707;
		}
		
	#chat_comment textarea {
		display: block;
		width: 398px;
		height: 70px;
		margin: 0 0 10px 0;
		padding: 5px;
		border: 1px solid #6f4707;
		color: #b8a68b;
		}
		
		#chat_comment textarea:focus {
			padding: 4px;
			border: 2px solid #6f4707;
			color: #6f4707;
			}

/*------------------------------------ HÁTTÉKÉPEK ------------------------------------*/
	
	.wallpaper {
		margin: 0 0 20px 0;
		}
		
		.wallpaper .img {
			float: left;
			margin: 0 18px 0 0;
			padding: 5px;
			background: #321d04;
			}
			
			.wallpaper .img img {
				display: block;
				border: 1px solid #fff;
				}
			
		.wallpaper div.details {
			float: left;
			width: 420px;
			}
			
			.wallpaper div.details h2 {
				padding: 0 0 4px 0;
				border-bottom: 1px dotted #6F4707;
				}
			
			.wallpaper div.details p {
				margin: 0 0 10px 0;
				font-size: 12px;
				}
				
				.wallpaper div.details p span {
					font-weight: bold;
					color: #000;
					}
			
			.wallpaper div.details a {
				display: block;
				float: left;
				margin: 0 10px 10px 0;
				}