/* General page style. The scroll bar colours only visible in IE5.5+ */
body { 
background: url(images/bgforum.jpg) #0a0a0a repeat-x;
margin:0 auto;
padding:0;
text-align:center;
}
/* DIV style */
#napis{
background: url(images/logo/frag_01.gif) no-repeat; 
width:419px; 
height:85px; 
}

#ludki{
background: url(images/logo/frag_02.gif) no-repeat; 
width:551px; 
height:181px; 
}

#pasek1 {
background: url(images/logo/frag_03.gif) no-repeat; 
width:11px; 
height:62px; 
}

#logowanie
{background: url(images/logo/frag_04.gif) no-repeat; 
overflow:hidden; 
width:109px; 
height:36px; 
}

#panel{
background: url(images/logo/frag_05.gif) no-repeat; 
overflow:hidden; 
width:299x; 
height:20px; 
}

#panel ul{
	list-style:none;
	margin:0 auto;
	}
#panel li{
	float:left;
	list-style:none;
	}
#panel li a{
	float:left;
	display:block;
	color:#b1afaf;
	text-decoration:none;
	font:9px Tahoma;
	font-weight:bold;
	padding:0 0 0 0px;
	height:20px;
	line-height:10px;
	text-align:center;
	cursor:pointer;	
	text-transform:uppercase;
}
#panel li a span{
	float:left;
	display:block;
	padding:0 0px 0 1px;
}

#panel li a:hover{
	color:#fff;
	} /* efekt podswietlenia lewa strona  */
#panel  li a:hover span{
	color:#fff; 
	}

#pasek2
{background: url(images/logo/frag_06.gif) no-repeat; 
width:9px; 
height:26px; 
}

#login
{background: url(images/logo/frag_07.gif) no-repeat; 
overflow:hidden; 
width:162px; 
height:26px; 
}

#pasek3
{background: url(images/logo/frag_08.gif) no-repeat; 
overflow:hidden; 
width:6px; 
height:26px; 
}

#pasek4
{background: url(images/logo/frag_10.gif) no-repeat; 
overflow:hidden; 
width:5px; 
height:26px; 
}

#go
{background: url(images/logo/frag_11.gif) no-repeat; 
overflow:hidden; 
width:57px; 
height:23px; 
}

#pasek5
{background: url(images/logo/frag_12.gif) no-repeat; 
overflow:hidden; 
width:7px; 
height:26px; 
}

#pasek6
{background: url(images/logo/frag_13.gif) no-repeat; 
overflow:hidden; 
width:57px; 
height:3px; 
}

#pasek7
{background: url(images/logo/frag_14.gif) no-repeat; 
overflow:hidden; 
width:419px; 
height:15px; 
}

#pasek8
{background: url(images/logo/frag_15.gif) no-repeat; 
overflow:hidden; 
width:419px; 
height:19px; 
}

#pasek9
{background: url(images/logo/frag_16.gif) no-repeat; 
overflow:hidden; 
width:5px; 
height:39px; 
}

#menu{
	background: transparent url(images/logo/frag_17.gif) repeat-x;
	height:33px;
}
#menu ul{
	list-style:none;
	margin:0 auto;
}
#menu li{
	float:left;
	list-style:none;
	margin-right:14px;
}
#menu li a{
	float:left;
	display:block;
	color:#d3d3d3;
	text-decoration:none;
	font:12px Tahoma;
	font-weight:bold;
	padding:0 5 0 8px;
	height:33px;
	line-height:40px;
	text-align:center;
	cursor:pointer;	
	text-transform:uppercase;
}
#menu li a span{
	float:left;
	display:block;
	padding:0 9px 0 1px;
}

#menu li a:hover{
	color:#FFFFF;
	background: transparent url(images/logo/podswl.png) no-repeat left 8px; text-decoration:none;} /* efekt podswietlenia lewa strona  */
#menu li a:hover span{
	color:#FFFFF; 
	background: transparent url(images/logo/podswp.png) no-repeat right 8px; text-decoration:none;}
}


#pasek10
{background: url(images/logo/frag_18.gif) no-repeat; 
overflow:hidden; 
width:7px; 
height:39px; 
}

#pasek11
{background: url(images/logo/frag_19.gif) no-repeat; 
overflow:hidden; 
width:958px; 
height:6px; 

}

#panelusera{
	background: transparent url(images/logo/logo_04.gif) repeat-x;
	height:76px;
}
#panelusera ul{
	list-style:none;
	margin:0 auto;
}
#panelusera  li{
	float:left;
	list-style:none;
	margin-right:0px;
}
#panelusera li a{
	display:block;
	color:#b1afaf;
	text-decoration:none;
	font:10px Arial;
	font-weight:bold;
	padding:0 0 0 5px;
	height:30px;
	line-height:75px;
	text-align:center;
	cursor:pointer;	
	text-transform:uppercase;
}
#panelusera li a span{
	float:left;
	display:block;
	padding:0 5px 0 1px;
}

#panelusera li a:hover{
	color:#FFFFfF;
}
#panelusera li a:hover span{
	color:#FFFFFF; 
}


#content {width:980px; height:auto; padding:0; background-color:	#0a0a0a; margin:0 auto;} /*stała szerokość forum oraz kolor tła forum*/

#wraper {width:970px; height:auto; padding:0;  margin:0 auto;   } /*szerokość tabel forum poniżej topa*/

#forum {width:auto; height:auto;}

#logo {background: url(images/header.jpg) no-repeat; overflow:hidden; width:100%; height:230px; position:relative;} /* ustawienia topa strony */
.inputlogin {background: url(images/inputlogin.jpg) no-repeat; width:115px; height:20px; color:#0D0E0F; 
	position:absolute; top:155px; right:142px;} 	 /*ustawienia pola logowania "nick"*/

.inputpassword {background: url(images/inputpassword.jpg) no-repeat; width:115px; height:20px; color:#292929; 
	position:absolute; top:155px; right:20px;}    /*ustawienia pola logowania "hasło"*/

.zaloguj {background: url(images/zaloguj.jpg) no-repeat; width:70px; height:20px;
	position:absolute; top:188px; right:45px;}    /*ustawienia pola logowania "zaloguj"*/

.inputsearch {background: url(images/inputsearch.jpg) no-repeat; width:131px; height:25px; color:#1616; 
	position:absolute; top:11px; right:90px;}    /*ustawienia pola logowania "szukaj"*/

.buttonszukaj {background: url(images/bottonsearch.jpg) no-repeat; width:71px; height:25px;
	position:absolute; top:12px; right:5px;}    /*ustawienia pola logowania "szukaj"*/
	
.zapamietaj{position:absolute; right:170px; top:185px; color:#fcfcfc;}
.zapamietajinput {position:absolute; right:147px; top:182px;}
a.przypomnij {position:absolute; right:156px; top:200px; color:#fcfcfc; text-decoration: none;}
a.przypomnij:hover { color:#3ad241; text-decoration: underline;}
a.zare { color:#2dbffc; text-decoration: none; font-weight:bold;}
a.zare:hover { color:#3cc2fa; text-decoration: underline; font-weight:bold;}
.rejestracja {position:absolute;   }
.loginin  {position:absolute; right:80px; top:160px;  }
a.loginlinki,a.loginlinki:hover {font-size:11px; font-weight:bold; color:#fcfcfc; text-decoration: none;}

#stopka {background: url(images/stopka.jpg) no-repeat; overflow:hidden; width:980px; height:131px; padding:0; margin:0 auto;} /* ustawienia stopki strony */
#stopkatop { width:980px; height:92px; color:#fff; text-align:right;}
#stopkabottom { width:980px; height:39px; color:#fff;}
.stopkaleft {float:left; font-weight:bold; margin-top:13px; margin-left:10px; }
.stopkaright {float:right; font-weight:bold; margin-top:13px; margin-right:10px;}


/* Ustawienia menu */

ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:980px; 	/* szerokość menu*/
	position:relative;
	display:block;
	height:50px;   	/* wysokość menu*/
	font-size:12px;
	font-weight:bold;
	background:transparent url(images/menu.jpg) repeat-x; 	/* tło menu*/
	font-family:Helvetica,Arial,Verdana,sans-serif;
	
}
ul#menu li{
	display:block;
	float:left;
	width:auto;
	margin:0;
	padding:0;}
ul#menu li a{
	display:block;
	float:left;
	color:#8b8e97;   
	width:auto;
	text-decoration:none;
	font-weight:bold;
	padding:17px 15px 0 20px;
	height:30px;
	
	}
ul#menu li a:hover{
	background:transparent url("images/hover.png") no-repeat center top; 	/* efekt podświetlenia menu*/
	color:#30ad36;
	}
	
/* Modyfifikacje */



.cellpicgl {background:url(images/cellpicgl.jpg) no-repeat; width:970px; height:39px;
	font-family:Helvetica,Arial,Verdana,sans-serif; font-weight:bold; font-size:11px; color:#d2d3d4;  /*wygląd głownej belki na stronie głównej */
	}
 /*tło dla każdej komórki forum na stronie głównej */

.row3q {
	background:url(images/bgtabele.jpg) repeat-x #1c1c1e;
	border-top: 1px solid #292626;
	border-left: 1px solid #292626;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #292626;
	}
	
.row1q {
	background:url(images/bgtabele.jpg) repeat-x #1c1c1e;
	border-top: 1px solid #292626;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #292626;
	padding:5px;
	}
	
.row2q {
	background:url(images/bgtabele.jpg) repeat-x #1c1c1e;
	border-top: 1px solid #292626;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #292626;
	}
.row4q {
	background:url(images/bgtabele.jpg) repeat-x #1c1c1e;
	border-top: 1px solid #292626;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #292626;
	}
	
	
	
th.spec {background:url(images/cellpic4.png) repeat-x #1c1c1e; height:22px; color:#8b8e97; font-weight:normal;}



/* General font families for common tags */
font,th,td,p, div			{ font-family: Tahoma, Arial, Helvetica, sans-serif; }
a:link,a:active,a:visited	{  font-family: Tahoma; }
p, td ,div		{ font-size : 11px; color : #cccccc; }
a:hover			{ text-decoration: underline; color : #c60005; }
hr				{ height: 0px; border: solid #c60005 0px; border-top-width: 1px; }

/* This is the border line & background colour round the entire page */
.bodyline { background-color: #0f0f0f; border: 1px #98AAB1 solid; }  /* --> ustaw w  #content */

/* This is the outline round the main forum tables */
.forumline { background-color: #292626; border: solid #302d2d 0px; }

/* Main table cell colours and backgrounds */

.staty5 { background-color: #121212;}
td.staty5row { 
	background-color: #0c0c0c;  // Kolor tła tabelek
	border-bottom-color : #201f1a; // to jest wyłączone
	border-bottom-style : solid; 
	border-bottom-width : 0px;
	border-left-color : #151515;  //kolor ramek (linii)
	border-left-style : solid;
	border-left-width : 1px;
	border-right-width : 0px;
	border-top-color : #151515; // kolor ramek (linii)
	border-top-style : solid;
	border-top-width : 1px;
}

td.row1 { background-color: #131314; }
td.row2 { background-color: #131314; }
td.row3 { background-color: #131314; }
td.row_helped { background-color: #131314; }

td.row_beer1 { background:#111111; font-weight:bold; padding:3px; }
td.row_beer2 { border:1px solid #111111; background-image: url(images/beer.png); background:#111111; background-repeat: repeat-y; height: 22px; font-weight: bold; padding:3px;}


/*
	This is for the table cell above the Topics, Post & Last posts on the index.php page
	By default this is the fading out gradiated silver background.
	However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #FFFFFF;
background-image: url('images/cellpic2.jpg');
background-repeat: repeat-y; height: 22px;
}

/* Header cells - the blue and silver gradient backgrounds */
th {
font-size: 11px; font-weight: bold;
background-color:	#000; height: 32px;
background-image:	url(images/cellpic3.png);
}

td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(images/cellpic4.png);
background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;
}

/*
	Setting additional nice inner borders for the main table cells.
	The names indicate which sides the border will be on.
	Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom { background-color: #C7D0D7; background-image: url('images/cellpic4.png'); height: 22px; }
th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom {
font-weight: bold; border: #FFFFFF; height: 28px;
}

th.thCornerL,th.thTop,th.thCornerR {color: #fff; font-size: 70%; font-weight: bold; 
background-color: #222; background-image: url('images/cellpic3.png'); height: 32px; }

td.row3Right,td.spaceRow { background-color: #1F1F1F; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead			{ font-size: 12px; border-width: 0px; }
th.thSides,td.catSides,td.spaceRow	{ border-width: 0px; }
th.thRight,td.catRight,td.row3Right	{ border-width: 0px; }
th.thLeft,td.catLeft			{ border-width: 0px; }
th.thBottom,td.catBottom		{ border-width: 0px; }
th.thTop				{ border-width: 0px; }
th.thCornerL				{ border-width: 0px; }
th.thCornerR				{ border-width: 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle {
font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #cccccc;
}

/* General text */
.gen						{ font-size : 11px; }
.genmed					{ font-size : 11px; }
.gen,.genmed,.gensmall			{ color : #cccccc;font-size : 11px; }
a.gen,a.genmed,a.gensmall			{ color: #747474; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #8e8e8e; text-decoration: underline; }
a.autor, a.autor:hover {color: #8e8e8e; text-decoration: none;}

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 11px; color : #cccccc; }
a.mainmenu		{ text-decoration: none; color : #df0000; }
a.mainmenu:hover	{ text-decoration: underline; color : #df0000; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #df0000;}
a.cattitle		{ text-decoration: none; color : #df0000; }
a.cattitle:hover	{ text-decoration: underline; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #d10000; }
a.forumlink		{ text-decoration: none; color : #d10000; }
a.forumlink:hover	{ text-decoration: underline; color : #e10000; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav		{ font-weight: bold; font-size: 11px; color : #cccccc;}
a.nav	{ text-decoration: none; color : #c60000; }
a.nav:hover	{ text-decoration: underline; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: 11px; color : #cccccc; }
a.topictitle:link	{ text-decoration: none; color : #d10000; }
a.topictitle:visited	{ text-decoration: none; color : #e10000; }
a.topictitle:hover	{ text-decoration: underline; color : #e10000; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #cccccc; text-decoration: none;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #cccccc; }

/* The content of the posts (body of text) */
.postbody		{ font-size : 12px; line-height: 18px; }
a.postlink:link	{ text-decoration: none; color : #c60007; }
a.postlink:visited	{ text-decoration: none; color : #e10000; }
a.postlink:hover	{ text-decoration: underline; color : #e10000; }

/* Quote & Code blocks */
.code {
font-family:		Courier, 'Courier New', sans-serif; font-size: 11px; color: #dfdfdf;
background-color:	#2F2F2F; border: #1F1F1F; border-style: solid;
border-left-width:	1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
}

.quote {
font-family:		Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #dfdfdf; line-height: 125%;
background-color:	#2F2F2F; border: #1F1F1F; border-style: solid;
border-left-width:	1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;
}

/* Copyright and bottom info */
.copyright		{ font-size : 10px; color: #dfdfdf; font-family: Verdana, Arial, Helvetica, sans-serif; }
a.copyright		{ text-decoration: none; color : #dfdfdf; }
a.copyright:hover	{ text-decoration: underline; color : #c60005; }

/* Form elements */

form { margin: 0; }
form { display: inline; }

input,textarea, select {
color : #cccccc;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
background-color : #1D1D1F; border: 1px olid #4F4F4F;
}

/* The text input fields background colour */
input.post, textarea.post, select			{ background-color : #1D1D1F; border: 1px solid #4F4F4F; }
input.post2, textarea.post2, select	{ background-color : #1D1D1F; border: 1px solid #4F4F4F; }
input						{ text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color : #1D1D1F; border: 1px olid #4F4F4F;
color :			#cccccc;
font-size:		11px; font-family: Verdana, Arial, Helvetica, sans-serif;
cursor:			pointer;

}

/* The main submit button option */
input.mainoption {
background-color : #1D1D1F; border: 1px olid #4F4F4F;
font-weight:		bold;
cursor:			pointer;
}

/* None-bold submit button */
input.liteoption {
background-color : #1D1D1F; border: 1px olid #4F4F4F;
font-weight:		normal;
cursor:			pointer;
}

/* This is the line in the posting page which shows the rollover
	help line. This is actually a text box, but if set to be the same
	colour as the background no one will know ;)
*/
.helpline { background-color: #1F1F1F; border-style: none; }

/* Highlight bad words for moderators instead of censoring them */
span.badwordhighlight { background-color: #FFFF00; }

.topbkg { background: #dbe3ee url(images/cellpic_bkg.jpg) repeat-x }
.topnav { font-size:10px;background: #e5ebf3 url(images/cellpic_nav.gif) repeat-x;color:#c60005;
height: 21px; white-space: nowrap; text-align: center; border: 0px solid #91a0ae; border-width: 1px 0 1px 0; }

.pm { font-size: 11px; text-decoration: none; color: #FF0000; } 

.table0
{
	background-color : #222;
	border-bottom-color : #2F2F2F;
	border-bottom-style : dashed;
	border-bottom-width : 1px;
	
	
	border-top-color : #b5b5b5;
	border-top-style : solid;
	border-top-width : 0px;
	color : #cccccc;
	font-size : 10px;
}

.pagination {
	color: #666;
	font-size: 10px;
	font-weight: bold;
	padding: 3px;
    padding-bottom: 4px;
	cursor: pointer;
	text-decoration: none;
}
.pagination a, .pagination a:visited, .pagination a:active {
	background-color: #EAEBEB;
	color: #000;
	border-color: #D4D7DA;
	border: #D4D7DA 1px solid;
	padding: 1px;
	text-decoration: none;
}
.pagination a:hover {
	background-color: #FFF;
	color: #666;
	border-color: #EAECEF;
	border: #EAECEF 1px solid;
	text-decoration: none;
	padding: 1px;
}

/* Wygląd ramki */
.post_profil {
    border:1px solid;                    /* ustawienia ramki, dodaj np: "#222" aby ustawić kolor ramki */
    margin:5 auto;                         /* wyśrodkowanie ramki  */
    width:93%;                           /* szerokość ramki  */
    text-align:center;                   /* wyśrodkowanie zawartości  */
    -moz-border-radius:6px 6px 6px 6px;  /* zaokraglenie ramki działa FF 3.5  */
}
/* Wygląd nagłówka  */
.post_profil_user  {
    border-bottom:1px solid;             /* ustawienia ramki, dodaj np: "#222" aby ustawić kolor ramki */
    display:block;
    padding:3px 0;                       
    color:#006699;                       /* kolor czcionki  */
    font-weight:bold;                    /* pogrubienie czcionki */
}

.post_profil_left {                     
    padding:5px;
    text-align:left;} 


/* Podziel się na */
.sociable {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}