@charset "UTF-8";
@font-face {
	font-family: 'RockwellStdRegular';
	src: url('RockwellStd.eot');
	src: local('Rockwell Std Regular'), local('RockwellStd'), url('RockwellStd.otf') format('truetype');
}

* { 
	padding: 0; 
	margin: 0; 
}

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	height: 100%;
	min-height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	overflow-x: hidden;
}

/*
div, span, input, INPUT, SELECT, TH, TD {
	font-family:Arial, Helvetica, sans-serif;
}
*/
a {outline:none;color:#333333;}

p {padding-bottom:7px;}


/*----------------bg-----------------------*/
#bgwrapper {
	 z-index: 			1;
	 position:			absolute;
	 top:				0;
	 left:				0;
	 height: 			100%;
	 max-height: 		100%;
	 width: 			100%;
	 overflow: 			hidden;
	 padding-left: 		30px;
}
#bg{
	width: 				1210px;
	height: 			100%;
	min-width: 			700px;
	margin: 			0 auto;
	overflow: 			hidden;
}
#bg div{
	position:			relative;
	display:			block;
	margin-bottom:		20px;
	float: 				left;
	width:				500px;
}
#bg div.first{
	margin-top:			30px;
	clear:				both;
	width:				1210px;
	text-align:			left;
	float: 				left;
}
#bg div.first img{
	float: 				left;
}
#bg div.left{
	clear:				both;
	display:			block;
	margin-right:		20px;
}

/*----------------container-----------------------*/
#container {
	z-index: 			2;
	position: 			relative;
	min-width: 			700px;
	max-width: 			1210px;
	margin: 			0px auto;
	min-height: 		100%;
}
#logoblok { /*left part */
	position: 			absolute;
	left: 				30px;
	width: 				250px;
	height:				30px;
}
#logoblok img {
	margin-right:		4px;
}
#logoblok span {
	position: 			absolute;
	top:	 			11px;
	font-size: 			12px;
	line-height: 		12px;
	font-weight: 		bold;
}
#right {
	position: 			absolute;
	top:				0px;
	width: 				630px;
	height:				410px;
	min-height: 		310px;	
	right: 				0px;
	padding-left:		20px;
	padding-right: 		30px;
	background-color: 	#FFF;
}
#shareblok {
	width:				100%;
	height:				20px;
	margin-top:			10px;
	text-align:			right;
	border-bottom: 		3px solid #000;
}
#menu{
	z-index:			10;
	position:			relative;
	margin-top:			7px;
	padding:			0;
	list-style-image:	none;
	list-style-type:	none;
	width:				100%;
	font-size: 			12px;
	line-height:		10px;
	font-weight: 		bold;
}
#menu li{
	float:				left;
	padding: 			0;
	margin: 			0;
	position:			relative;
}
#menu li.home{ width:92px }
#menu li.fomu{ width:127px }
#menu li.flux{ width:107px }
#menu li.wiki{ width:105px }
#menu li.klickr{ width:137px }
#menu li.contact{ width:45px;}

#menu a{
	float:				left;
	white-space: 		nowrap; 
	padding: 			0px;
	margin: 			0px;
	
	padding-left:		1px;
	text-decoration: 	none;
}
#menu a:hover {}
/*#menu .active a{ color: #FF3300;}*/

#menu li.contact a{ float:right;}


/*----------------droplicous v1.1 ----------------------*/
#menu ul.scriptaculously{
	text-align:			left;
	width:				150px;
	margin:				0;
	padding:			0;
	position:			absolute;
	left:				-3px;
	top:				20px;
	list-style-image:	none;
	list-style-type:	none;
}
html>body #menu ul.scriptaculously{/*ie shit*/
	position:			absolute;	
	top:				18px;
}
#menu ul.scriptaculously a{
	position:			relative;
	z-index:			999;
	margin:				0;
	padding:			4px;
	color:				#000;
	background:			#FFF;	
	display:			block;
}
#menu ul.scriptaculously li{
	width:				100%;
}


#rightbot{
	/*margin-top:			20px;*/
	position:			absolute;
	z-index:			7;
	top:				55px;
	width:				100%;
	height:				400px;
	/*background:			#DD5;*/
}
#intro{
	margin-top:			20px;
	float:				left;
	width:				470px;
	margin-right:		10px;
}
/*----------------carousel-----------------------*/
#carousel {
	float:				left;
	position:			relative;
	left:				10px;
	top:				28px;
	width:				136px;
}

/*----------------intro-----------------------*/
#intro h1 {
	padding-top:		4px;
	font-size: 			45px;
	line-height:		38px;
	font-family: 		'RockwellStdRegular', sans-serif;
	font-weight:		normal;
	width: 				480px;
	min-height:			86px;
	padding-bottom:		7px;
}
#introtext {
	height:				201px;
	overflow:			hidden;
}
#introtext .maintxt{
	font-size: 			17px;
	line-height:		20px;
}
.morebtn {
	text-decoration: 	none;
	padding-left: 		5px;
	font-size: 			20px;
	font-weight: 		100;
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
}
#intromorebtn {
	position: 			relative;
	float:				right;
	margin-top:			-27px;
	left:				15px;
}

/*---------------- messages -----------------------*/
#messagebar{
	z-index: 			8;
	top:				-500px;/* if no javascript*/
	left:				0;
	position:			absolute;
	width: 				100%;
	white-space: 		nowrap;
	/*opacity:			0.95;
	filter:				alpha(opacity=95);*/
	/*background-color: 	#FFF;*/	
	/*visibility:			hidden;*/
	/*height:				408px;*/
	height:				450px;
}
/*---------------- messages nav-----------------------*/
#navtop, #navbot{
	background-color: 	#FFF;
}
.nav{
	position: 			relative;
	height:				50px;
	min-width: 			700px;
	max-width: 			1210px;
	display:			block;
	margin: 			0 auto;
}
.nav .col1{ /*left*/
	position: 			absolute;
	top:	 			18px;
	left:				30px;
	width:				250px;
	height:				30px;
}
.nav .col2{
	position: 			absolute;
	top:	 			18px;
	right:				0;
	width:				630px;
	height:				30px;
	right: 				30px;
}
.nav .left{
	float:				left;
	top:				10px;
	width:				200px;
	margin-bottom:			20px;
}
.nav .msgnavtxt{
	font-family:		"Courier New", Courier;
	font-size:			10px;
}

.nav .firstnav{
	width:				11px;
	height:				11px;
	float:				left;
	margin-right:		5px;
}

.nav div.right{
	float:				left;
	top:				0;
	text-align:			right;
	width:				430px;
}
.nav img.right{
	float:				right;
}

#messagesholder{
	position:			relative;
	left:				0px;
	padding-left:		30px;
	height:				300px;
	width: 				10000px;
	min-height:			300px;
	display:			block;
	
	background: 		#fff;
}
#messages{
	height:				100%;
	white-space:		nowrap;
	/*overflow:			hidden;*/
	
	background: 		#fff;
}
.messageitem {
	z-index: 			90;
	position:			relative;
	
	float: 				left;
	width: 				252px;
	height:				100%;
	overflow:			hidden;
	background-color: 	#FFF;
	white-space:		normal;
	
	
	/*background-color: 	#ccc;*/
}
.messageitemstretch {
	width: 				475px;
	height:				100%;
	visibility:			hidden;
}

/*---------------- sponsors -----------------------*/
#sponsors{
	
}
#sponsors .col2{
	background-color:	#FFF;
	top:	 			0;
	padding:			10px 0;
	/*right:				0;*/
	
}
#sponsors img{
	margin-left:		25px;
}

/*----------------messages-----------------------*/
h2 {
	font-size: 18px;
	line-height:18px;
	font-family: 'RockwellStdRegular', sans-serif;
	font-weight: normal;
	min-height: 40px;
	padding-bottom: 0px;
	position: relative;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-top: 5px;
	margin-right: 15px;
	border-top-width: 1px;
	border-top-style: solid;
}
.messageitem h2 a {
	text-decoration: 	none;
}
.messageitem .messagedate {
	font-size: 18px;
	position: relative;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-bottom: 5px;
	margin-right: 15px;
}
.messageitem .messagethumbs {
	height: 115px;
	position: relative;
	width: 100%;
	overflow:		hidden;
}
.messageitem .thumbsmall1 {
	position: 			relative;
	height: 			115px;
	max-width:			375px;
	left:				0;
	float: 				left;
}
.messageitem .thumbsmallright {
	max-width: 100%;
	float: left;
	margin-left: 5px;
	position: relative;
	/*right:15px;
	top:0;*/
	width: auto;
	/*text-align:right;
	vertical-align:		bottom;
	width:				100%;
	height:				100%;*/
}
.messageitem .thumbsmall1{
}

.messageitem .thumbsmall4 {
	height: 			23px;
	/*clear:			both;
	margin-bottom:		5px;
	right:				0;*/
	position: absolute;
}
.messageitem .thumbsmall3 {
	height: 			32px;
	top:				28px;
	position:			absolute;
	/*clear:			both;
	margin-top:			5px;
	right:				0;
	bottom:				55px;*/
}
.messageitem .thumbsmall2 {
	height:				50px;
	top:				65px;
	position:			absolute;
	/*clear:			both;
	bottom:				0;
	right:				0;*/
}
.messageitem .thumbsmall1,
.messageitem .thumbsmall2,
.messageitem .thumbsmall3,
.messageitem .thumbsmall4 {
	background-color: #EEE;
}
.messageitem .alltxt {
	position: 			relative;
	height: 			125px;
	width:				100%;
	display:			block;
	overflow:			hidden;
}
.messageitem .messagetxt {
	position: 			relative;
	width: 				80%;
	height:				100%;
	
	overflow:			hidden;
	border-top-width: 	1px;
	border-top-style: 	solid;
	padding-top: 		5px;
	
	font-size: 			11.5px;
	line-height:		14px;
}

.messageitem .morebtn  {
	position: 			relative;
	float:				left;
	width:				80%;
	height:				auto;
	text-align:			right;
	
	/*background-color:		#0099ff;*/
}
.messageitem .morebtn a {
	text-decoration: 		none;
}

.fullscreen{
	float:				right;
	width:				40px;
	height:				115px;
	position:			relative;
	top:				0;
	right:				15px;
	/*background-color:   #ffff99;*/
}