/*ciemny violet #8F1264 super zielony 92f314 zielony tklo FFCCCC */
body{
	margin:0;
	padding:0;
	background-color: #8F1264;
	/*background:url(bgj.gif) no-repeat;*/
	color:#000000;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:12px;
}
input, textarea{
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	background:#FFCCCC;
	border:1px solid #FF99CC;
	padding:3px 5px 3px 5px;
}
textarea{font-weight:normal;}
form{margin:0;}
input.submit{
	background:#FFCCCC;
	color: #000;
	border:1px solid #ff99cc;
	padding:2px 5px 2px 5px;
}
img{border:0;}

#logowanie a:link, #logowanie a:active, #logowanie a:visited{
	font-size:14px;
	color:#fff;
	text-decoration:none;
}
#logowanie a:hover{
	text-decoration:underline;
}
#header{
	height:74px;
	background:#660066 url(images/header_bg.jpg) repeat-x;
	margin:0 auto 0px auto;
	margin:0 auto 0px auto;
	min-width:1003px;
}
.header{
	height:74px;
	float: right;
	/*background:url(images/header_new.jpg) no-repeat;*/
}

.header p {
	font-size: 14px;
	padding:10px 20px 0 0;
	color: #fff;
	/*background:url(images/header_new.jpg) no-repeat;*/
}
#logowanie form{margin:0;}
#logowanie input.submit{
	background:#FFCCCC;
	color: #000;
	border:1px solid #FF99CC;
	padding:2px 5px 2px 5px;
}
#logowanie input{
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	background:#FFCCCC;
	border:1px solid #FF99CC;
	padding:3px 5px 3px 5px;

}
#logo{
	height:74px;
	float:left;
	margin: 0 0 0 10px;
}






/* tu koniec menu tu koniec menu tu koniec menu tu koniec menu tu koniec menu tu koniec menu tu koniec menu tu koniec menu */
#main{
	/*background:url(images/main.gif) repeat-x top;*/
	min-width:1000px;
	background:url(images/bodybg.png) repeat-y;
}
#main a:link, a:active, a:visited{
	font-size:14px;
	color:#000;
	text-decoration:none;
}
#main a:hover{
	text-decoration:underline;
}
#top{
	/*position:absolute;z-index:0;background:url(images/mtop.gif) repeat-x top;height:122px;width:100%;*/
}
.main[class]{	
	/*background:url(images/bc.png);*/
	min-width:1003px;
}
#content{
	/*top:-102px;*/
	position:relative;
	width:970px;
	margin:0 auto 0 auto;	
	padding:0 0 20px 0;
}
#left{
	width:640px;
	float:left;
}
#right{
	width:310px;
	float:left;
	margin:0 0 0 20px;
}
#right .boxtop[class]{
	border-top:1px solid #660066;
	border-left:1px solid #660066;
	border-right:1px solid #660066;
	margin-top: 10px;
	width:310px;
	height:66px;
	background:#660066 url(images/box_l_bg.png) repeat-x;
	color:#fff;
}
#right .boxbottom[class]{
	width:310px;
	height:0px;
	/*background:url(images/rbb.png) no-repeat;*/
	
}
#right .box{
	border:1px solid #660066;
	width:310px;
	padding:10px 0px 10px 0px;
	background:#ffcccc;
}
#right .box form, ul {
	margin-left:10px;
}
#right h2{
	position:relative;
	float:left;
	margin:10px 0 0 0;		
	color:#6DBCCE;
	font-size:20px;
	padding:0 0 0 40px;	
	height:41px;
}
#right h2.search{background:url(images/isearch.gif) no-repeat left;}
#right h2.populargames{background:url(images/ipopulargames.gif) no-repeat left;}
#right h2.latestgames{background:url(images/ilatestgames.gif) no-repeat left;}
#right h2.randomgames{background:url(images/irandomgames.gif) no-repeat left;}
#right h2.sitestatistics{background:url(images/isitestatistics.gif) no-repeat left;}
#right h2.info{background:url(images/igameinfo.gif) no-repeat left;}


#left h1{
	position:relative;
	float:left;
	margin:10px 0 0 0;		
	color:#fff;
	font-size:24px;
	height:41px;
	padding:0 0 0 40px;		
}
#left h1.featured{background:url(images/ifeatured.gif) no-repeat left;}
#left h1.comments{background:url(images/icomments.gif) no-repeat left;}

#left .boxtop[class], #left .ftop[class]{
	border-top:1px solid #660066;
	border-left:1px solid #660066;
	border-right:1px solid #660066;
	margin-top: 10px;
	width:640px;
	height:66px;
	background:#ffcccc url(images/box_l_bg.png) repeat-x;
	color:#fff;
}
#left .boxtop[class] h1, #right .boxtop[class] h1, #left .ftop[class] h1{
	font-size: 18px;
	padding:10px 20px 0 10px;
	float:left;
}
#left .boxtop[class] img, #right .boxtop[class] img{
	float: right;
	margin: 0 10px 0 0;
	border:0px;
}


#left .boxbottom[class], #left .fbottom[class]{
	width:640px;
	height:0px;
	/*background:url(images/lbb.png) no-repeat;*/
	
}
#left .box, #left .fbox{
	border:1px solid #660066;
	width:640px;
	padding:10px 0px 10px 0px;
	background:#ffcccc;
}
#left .boxkategorie{
	border:1px solid #660066;
	width:640px;
	padding:10px 0px 10px 0px;
	background:#ffcccc;
}
#left .fbox ul{
	padding-left:30px;
}
#left .fbox ul li{
	margin:0px;
	padding-bottom:5px;
	float:left;
	width: 150px;
}
#left .fbox ul li a{
	font-size: 14px;
}
#left p.more{
	float:right;
	font-size:16px;
	background:url(images/lists/list_plus.png) 0px 20px no-repeat;
	padding:22px 5px 5px 30px;
	margin:0 5px 0 0;
}
#left p.more a:link, p.more a:active, p.more a:visited, p.more a:hover{
	color:#fff;
	font-size:16px;
}
#left .box img, #right .box img, #left .boxkategorie img{
	border:0px solid #ABABA9;
	padding: 5px;
}
#featured  img{
	margin:0 0 10px 0;
}
#featured td{
	vertical-align:top;
	padding:0 20px 0 0px;
}
#featured p{
	margin:5px 0 10px 0;
}
a.featured:link, a.featured:active, a.featured:hover, a.featured:visited{
	background:url(images/star.gif) no-repeat left;
	padding:0 0 0 20px;
}
table.list {
	margin-bottom:-11px;
}
table.list p{
	margin:5px 0 0 0;
}
table.list th{
	text-align:left;
	width:82px;
	vertical-align:top;
	padding:5px 0 5px 0;
	border-bottom:1px solid #660066;
}
table.list td{
	text-align:left;
	vertical-align:top;
	padding:5px 0 5px 0;
	border-bottom:1px solid #660066;
}

#right table{
	margin:-10px 0 0 0;
	padding-left: 5px;
	padding-right: 2px;
}
#right table.list th{
	border-bottom:0;
	background:url(images/kropka.png) repeat-x bottom;
	padding:10px 5px 15px 0px;
}
#right table.list td{
	border-bottom:0;
	background:url(images/kropka.png) repeat-x bottom;
	padding:10px 0 15px 0;
}

.statistics{
	padding:0 0 18px 0 !important;
	width:304px !important;
}
.statistics h2{
	margin:-10px 0 0 18px !important;
}
.statistics ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

.statistics ul li{
	padding:6px 0 6px 30px;
	background:url(images/arw.gif) no-repeat left;
}
.statistics ul li.odd{
	background:#EDF6F8 url(images/arwo.gif) no-repeat left;
}
#footer{
	padding-top: 0px;
	background: url(images/footer_background1.png) repeat-x 0%;
	min-width:1003px;
	height:82px;
}

.footer{
	/*width:970px;*/
	margin:0 0 0 0;
	text-align:center;
	color:#fff;
	padding:10px 0 0 0;	
	font-size: 12px;
}
.footer p{
	text-align:center;
	color:#fff;
}
.footer a:link, .footer a:active, .footer a:visited{
	font-weight:normal;
	text-decoration:none;
	color:#fff;
	font-size: 12px;
}
.footer a:hover{
	font-weight:normal;
	text-decoration:underline;
	color:#FF99CC;
	font-size: 12px;
}
.b468x60[class]{
	margin:10px 0 0 0;
	width:640px;
	height:68px;
	/*background:url(images/b468.png) no-repeat;*/
	padding:10px 0 0 0;
}
.b468x60 div{
	background:#FFFFFF;
	width:468px;
	height:60px;
	margin:auto;
}
#paging{
	margin:10px auto 0 auto;
}
#paging b{
	display:block;
	float:left;
	margin:0 2px 0 2px;
	padding:3px 5px 3px 5px;
}
#paging a:link, #paging a:active, #paging a:visited{
	display:block;
	float:left;
	margin:0 1px 0 0;
	color:#0E92B0;
	text-decoration:none;
	border:1px solid #C8E79B;
	padding:3px 5px 3px 5px;
}
#paging a:hover{
	border:1px solid #94C450;
	color:#0E92B0;
	text-decoration:none;
}
#paging a.sel:link, #paging a.sel:active, #paging a.sel:hover, #paging a.sel:visited{
	background:#F0FCFF;
	border:1px solid #B2E1ED;
}
ul#info{
	margin:0;
	padding:0 0 10px 0;
	list-style-type:none;
	background:url(images/kropka.png) repeat-x bottom;
}
ul#info	b{
	color:#660066;
}
ul#info li{
	padding:0 0 3px 0;
}
ul#embed{
	margin:0;
	padding:10px 0 0 0;
	list-style-type:none;
}
ul#embed li{
	background:url(images/arw2.gif) no-repeat left;
	padding:0 0 3px 10px;
}
ul#comments{
	margin:0;
	padding:0;
	list-style-type:none;
}
ul#comments p{
	margin:5px 0 5px 0;
}
ul#comments li{
	padding:5px 0 10px 0;
	background:url(images/kropka.png) repeat-x bottom;
}
h3{
	font-size:17px;
	margin:8px 0 8px 0;
	color:#6DBCCE;
	padding:0 0 0 19px;
}
h3.comment{background:url(images/iyourcomment.gif) no-repeat left;}


div.pagination {	
		padding: 3px;	margin: 3px;
		font-size: 14px;
}
div.pagination a {
		padding: 2px 5px 2px 5px;
		margin: 2px;	
		font-size: 14px;		
		background:#FFFFFF;		
		border: 1px solid #660066;		
		text-decoration: none; /* no underline */	
		color: #0E92B0;}
div.pagination a:hover { 
		border:1px solid black;
		color:#0E92B0;
		text-decoration:none;
}
div.pagination a:visited { 
	color:black;
}
div.pagination a:active {	
		background:#F0FCFF;
		border:1px solid #660066;
}
div.pagination span.current {	
		padding: 2px 5px 2px 5px;	
		margin: 2px;		
		border: 1px solid #660066;				
		font-weight: bold;		
		background-color: grey;		
		color: #FFF;	
}	
div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
		color: #DDD;
}	
	

.alert {
	background: #fff6bf url(/images/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}
	
.success {
	background: #fff6bf url(/images/success.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}
		
/*
user menu
*/

#right h2.usermenu{background:url(images/ifolder.gif) no-repeat left;}
div.profile ul{
	margin:0;
	padding:0;
	list-style-type:none;	
}
div.profile li {
	padding-left:30px;
}
/*DO MOOTOOLSOW I SLIDERA ZMIANY ROZMIARU GRY*/
div.slider {
	width: 750px;
	height: 16px;
	background: #660066;
	margin-left: auto;
	margin-right: auto;	
	text-align: left;
}
div.slider div.knob {
	width: 40px;
	height: 16px;
	background:url(images/suwakbg.png) 0 0 no-repeat;
}
div#gra {
	background: blue;
}
/*listy*/
ul.arrow, ul.arrow-big,
ul.checkbox, ul.checkbox-big,
ul.check, ul.check-big,
ul.star, ul.star-big,
ul.plus, ul.plus-big {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px px 0px;
	list-style: none;
}
ul.arrow-small {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}


ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li,
ul.plus li {
	margin: 10px 0px 10px 0px;
	padding: 7px 0px 6px 30px;
	font-weight: normal;
	line-height: 100%
}

ul.arrow-small li {
	margin: 10px 0px 10px 0px;
	padding: 7px 0px 6px 30px;
	font-weight: normal;
	line-height: 100%
}

ul.arrow-big li,
ul.checkbox-big li,
ul.check-big li,
ul.star-big li,
ul.plus-big li {
	margin: 15px 0px 15px 0px;
	padding: 15px 0px 15px 60px;
	font-size: 200%;
	font-weight: bold;
}

ul.arrow-small li { background: url(images/lists/strzala_small.png) 8px 6px no-repeat; }
ul.arrow li { background: url(images/lists/list_arrow_ie6.png) 0px 0px no-repeat; }
ul.arrow-big li { background: url(images/lists/list_arrow_big.png) 0 0 no-repeat; }
ul.checkbox li { background: url(images/lists/list_checkbox.png) 0 0 no-repeat; }
ul.checkbox-big li { background: url(images/lists/list_checkbox_big.png) 0 0 no-repeat; }
ul.check li { background: url(images/lists/list_check.png) 0 0 no-repeat; }
ul.check-big li { background: url(images/lists/list_check_big.png) 0 0 no-repeat; }
ul.star li { background: url(images/lists/list_star_ie6.png) 0 0px no-repeat; }
ul.star-big li { background: url(images/lists/list_star_big.png) 0 0 no-repeat; }
ul.plus li { background: url(images/lists/list_plus.png) 0 0 no-repeat; }
ul.plus-big li { background: url(../img/ikonki/list_plus_big.png) 0 0 no-repeat; }

/*tla*/
.maly_pacman{
	margin: 1px 10px 0 0;
	border:0px;
	width:98%;
	height:60px;
	background:url(images/maly_pacman.png) no-repeat right;
}
.tlo_meduza{
	margin: 1px 10px 0 0;
	border:0px;
	width:98%;
	height:60px;
	background:url(images/mala_meduza.png) no-repeat right;
}
.stary_pacman{
	margin: 1px 10px 0 0;
	border:0px;
	width:98%;
	height:60px;
	background:url(images/stary_pacman.png) no-repeat right;
}
.mala_osmiornica{
	margin: 1px 10px 0 0;
	border:0px;
	width:98%;
	height:60px;
	background:url(images/mala_osmiornica.png) no-repeat right;
}
.maly_kalmar{
	margin: 1px 10px 0 0;
	border:0px;
	width:98%;
	height:60px;
	background:url(images/maly_kalmar.png) no-repeat right;
}
/*reklamy*/
.ad_wide_left{
	margin:20px 0 10px 0;
}
/*lista gier w kat*/
table.lista_g p{
	margin:5px 0 0 0;
}
table.lista_g th{
	text-align:left;
	width:82px;
	vertical-align:top;
	padding:5px 0 5px 0;
	border-bottom:1px solid #660066;
}
table.lista_g td{
	text-align:left;
	vertical-align:top;
	padding:5px 0 5px 0;
	border-bottom:1px solid #660066;
}

/*nav center*/
#center_nav{
	width:640px;
	text-align: left;
}
#center_nav h1{
	position:relative;
	float:left;
	margin:10px 0 0 0;		
	color:#fff;
	font-size:24px;
	height:41px;
	padding:0 0 0 40px;		
}

#center_nav .boxtop[class], #center_nav .ftop[class]{
	border-top:1px solid #660066;
	border-left:1px solid #660066;
	border-right:1px solid #660066;
	margin-top: 10px;
	width:640px;
	height:66px;
	background:url(images/box_l_bg.png) repeat-x;
	color:#fff;
}
#center_nav .boxtop[class] h1, #center_nav .boxtop[class] h1, #center_nav .ftop[class] h1{
	font-size: 18px;
	padding:10px 20px 0 10px;
	float:left;
}
#center_nav .boxtop[class] img, #center_nav .boxtop[class] img{
	float: right;
	margin: 0 10px 0 0;
	border:0px;
}
#center_nav .boxbottom[class], #center_nav .fbottom[class]{
	width:640px;
	height:0px;
	/*background:url(images/lbb.png) no-repeat;*/
}
#center_nav .box, #center_nav .fbox{
	border:1px solid #660066;
	width:640px;
	padding:10px 0px 10px 0px;
	background:#FFCCCC;
}
#center_nav .boxkategorie{
	border:1px solid #660066;
	width:640px;
	padding:10px 0px 10px 0px;
	background:#ffcccc;
}
#center_nav .fbox ul{
	padding-left:30px;
}
#center_nav .fbox ul li{
	margin:0px;
	padding-bottom:5px;
	float:left;
	width: 150px;
}
#center_nav .fbox ul li a{
	font-size: 14px;
}

/*inne*/
.frm_rodzaj_gry{
	float:right;
	margin:20px 5px 0 0;
}
