/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */


html, body, ul, ol, li, p, 
h1, h2, h3, h4, h5, h6, 
form, fieldset, a{ 
margin: 0; 
padding: 0; 
border: none; 
font-family: arial;
}
body {
font-size: 100.01%; /* Fix for some browser bugs */
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
font-size:100%;
}

h2{
	font-family:arial;
	font-size:14pt;
}

h3{
	font-family:arial;
	font-size:12pt;
}

h4{
	font-family:arial;
	font-size:10pt;
}

h5{
	font-family:arial;
	font-size:8pt;
}

a img{
	border: none;
}

body {
	background-image: url('img/background.png');
	padding: 0;
	margin: 0;
}

#preloader{
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.topper{
	width:100%;
	/*height:220px;*/
	
}

.mid{
	min-width:875px;
	width:100%;
	height:430px;
	padding-top:10px;
	background-color: #960000
}
	
.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	margin-left: 216px;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 220px;
	height: 415px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 0px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 0px; /*Set to same as spacing option. */	
}

#kwick_1 { 
	background-image: url('img/bigi1.png');
}
#kwick_2 {
	background-image: url('img/bigi2.png');
}
#kwick_3 {
	background-image: url('img/twitoff.png');
}
.kwicks.horizontal #kwick_3 {
	margin-right: 0; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_3 {
	margin-bottom: 0; /* cancel margin on last kiwck (if you set a margin above) */
}

#twitter_div {
	float: left;
	width:240px;
	height:300px
}

#twitter_div li{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	float:none
}

#twit{
	margin:0;
	padding:0;
	width:450px;
	height:415px;
}

#follow{
	width:450px;
	height:830px;
	overflow:hidden;
	margin-top:-415px;
	background-repeat: repeat-x;
	background-image: url('img/twiton.png');
}

#follow:hover{
	margin-top:0
}

#twitGrow{
	position: absolute;
	bottom:0px;
	background-image: url('img/twitMid.png');
	width:100%;
	min-height:70px;
}

#twitBox{
	position:relative;
	left:112px;
	top:0px;
	width:264px;
	height:400px;
}

#twitArrow{
	position:absolute;
	background-image: url('img/twitBubble.png');
	width:19px;
	height:23px;
	z-index: 5;
	top:335px;
	left:0px;
	margin-left:-16px;
}

#twitTop{
	position:relative;
	height:13px;
	max-height:13px !important;
	width:100%;
	background-image: url('img/twitTop.png');
	background-repeat: no-repeat;
}

#twitContent{
	width:233px;
	overflow:hidden;
	padding: 5px 15px 0 15px;
	max-height: 300px;
}

#twitBottom{
	position:relative;
	height:12px;
	max-height:12px !important;
	width:100%;
	background-image: url('img/twitBottom.png');
	background-repeat: no-repeat;
}


#twitAvatar{
	width:235px;
	height:70px;
	position:relative;
	top:0px;
	left:15px;
}

#twitName{
	float:right;
	margin-top: 8px;
	font-family: arial;
	font-size: 19pt;
	font-weight: bolder;
	text-decoration:none;
}


#twitTitle{
	color:#a40000;
	text-decoration:none
}

.cursor{
	cursor:pointer;
}
	
#twitTitle:hover{
	color: #e50000
}

.twitDate{
	font-style:italic;
	color:#333333;
}


.twitLink{
	color:black;
	
}

.twitContentBox{
	width:100%;
	border-bottom-style: dashed;
	border-color: #aaaaaa;
	border-width: 1px;
	padding: 5px 0;
	overflow: hidden;
}

.twitContentBoxLast{
	border-bottom-style: none;
	padding-bottom: 0
}

.twitContentBox a{
	color: #a40000;
	text-decoration:none;
}

.twitContentBox a:hover{
	color: #e50000;
}


.twitDate a{
	color:#aaaaaa;
}

.twitDate a:hover{
	color:#888888;
}

.twitLinkSmall{
	border:none;
	width:13px;
	height:16px;
	background-image:url('img/t2.png');
}

.twitLinkBig{
	border:none;
	width:19px;
	height:22px;
	background-image:url('img/t1.png');
}


.twitLinkSmall:hover{
	background-image:url('img/t2b.png');
}

.twitLinkBig:hover{
	background-image:url('img/t1b.png');
}

#game_res{
	width:319px;
	height:70px;
	background-image:url('img/game_res.png');
	background-position: 0px -15px;
	overflow: hidden;
	position: absolute;
	left: 131px;
	top: 110px /*110*/
}


#game_infbit{
	width:319px;
	height:75px;
	background-image:url('img/game_inf.png');
	background-position: 0px -12px;
	overflow: hidden;
	position: absolute;
	left: 131px;
	top: 180px
}

#game_linus{
	width:319px;
	height:85px;
	background-image:url('img/game_linus.png');
	background-position: 0px -7px;
	overflow: hidden;
	position: absolute;
	left: 131px;
	top: 255px /*210*/
}


#game_anna{
	width:319px;
	height:70px;
	background-image:url('img/game_anna.png');
	background-position: 0px -15px;
	overflow: hidden;
	position: absolute;
	left: 131px;
	top: 340px /*310*/
}

.gameTitle:hover  #game_res{
	background-position: 0px 85px;
}

.gameTitle:hover  #game_infbit{
	background-position: 0px 88px;
}

.gameTitle:hover  #game_linus{
	background-position: 0px 93px;
}

.gameTitle:hover  #game_anna{
	background-position: 0px 85px;
}

.game_header{
	position: absolute;
	width: 363px;
	height: 42px;
	left:121px;
	top:0px;
	text-align:right;
	font-family: arial;
	font-size: 24pt;
	margin:0;
	padding:0;
}

.game_header img{
	margin:0;
	padding:0;
}

#news_header_img{
	margin-top:12px;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	padding:0;
}

#games_header_img{
	margin-top:12px;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	padding:0;
}

#rss_header_img{
	
	position:absolute;
	top:12px;
	left:0px;
	width:77px;
	height:77px;
}

.game_linky{
	position:absolute;
	top:32px;
	left:100px;
	z-index:6;
	cursor:pointer;
}

.news_linky{
	left:164px;
}

.game_link{
	color: #960000;
	text-decoration:none;
	position: absolute;
	left:0px;
	top:0px;
	padding:0;
	margin:0;
}
/*
.game_link:hover{
	color:#e50000;
}*/

.sider{
	width:37px;
	height:148px;
	float:left;
	margin-top:200px;
	margin-left:39px;

}

#game_side{
	background-image:url('img/side_game_off.png');
}

#kwick_1:hover #game_side{
	background-image:url('img/side_game_on.png');
}

#news_side{
	background-image:url('img/side_news_off.png');
}

#kwick_2:hover #news_side{
	background-image:url('img/side_news_on.png');
}

.news_updates{
	width:264px;
	height:301px;
	position:absolute;
	top:117px;
	left:127px;
	overflow:hidden;
}

.news_update_header{
	margin-top:5px;
	margin-bottom:5px;
}

#news_update_content{
  margin-left:2px;
  color:black;
}

#news_update_content a{
	color: #a40000;
	text-decoration: none;
}

#news_update_content a:hover{
	color: #e50000;
}

#news_update_content p{
	margin-bottom:10px;
}

.news_content img{
	max-width:242px !important;
	max-height:242px !important;
}

.news_content{

	border-bottom-style: dashed;
	border-color: #aaaaaa;
	border-width: 1px;
}

.lastNews{
	border: none;
}

#scrollMaskT{
	width:16px;
	height:11px;
	position:absolute;
	top:114px;
	left:126px;
	z-index: 6;
}
#scrollMaskB{
	width:16px;
	height:11px;
	position:absolute;
	top:395px;
	left:126px;
	z-index: 6;
}

.blogDate{
	margin-top:-6px;
	padding-bottom: 8px;
	font-style:italic;
	color: #aaaaaa;
}

.commentImg{
	float: right;
}

.FPcontactButtons{
	width:270px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}