/*
	Created by Arkanis (arkanista[at]gmail.com)
*/


body {
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	background: url(img/bgr_main.jpg) repeat-x #e7e7e7;
	color: black;
	text-align: left;
	margin-top: 0px;
}

body,html,textarea {
	scrollbar-base-color:#FFF6D8;
        scrollbar-arrow-color:#555555;
        scrollbar-3dlight-color:#DDDDDD;
        scrollbar-darkshadow-color:#FFF6D8;
        scrollbar-face-color:#FFF6D8;
        scrollbar-highlight-color:#FFF6D8;
        scrollbar-shadow-color:#DDDDDD;
        scrollbar-track-color:#EEEEEE;
        overflow: auto;
}

#headlogo {
	height:190px;
	width:830px;
	/*margin:10 auto;*/
	margin: -1px auto 0px auto;
	/*border: 2px solid #ACADB0;*/
	background: url(img/head4.jpg) no-repeat /*#0F4682*/;
	background-position: top left;
	text-align: right;
}

#topbanner {
        width:822px;
        margin: 0px auto 0px auto;
        border: 6px solid #fff;
        background: #fff;
        text-align: center;
        margin: 0px auto 11px auto;
}

#headerror {
	height:190px;
        margin: 0px auto 0px auto;
	padding-top: 40px;
        text-align: center;
	line-height: 1;
}

#headerror h2 {
	font-size: 16px;
}

#headlogo a.header {
	display: block;
	height:190px;
	width:830px;
	text-decoration: none;
}

#topbar{
	width:822px;
	margin: 0px auto 11px auto;
	border: 6px solid #fff;
	text-align: right;
}

#topbar span {
	padding: 2px 10px 2px 10px;
	font-size: 11px;
}
 
#container {
	margin: 0px auto 10px auto;
	width: 834px;
	vertical-align: top;
	text-align: left;
}
 
#footer {
	width:822px;
	margin: 0px auto 10px auto;
	border: 6px solid #fff;
	background: #e5e5e5;
	text-align: center;
}

#footer div{
	font-size: 9px;
	padding-top: 5px;
	padding-bottom: 5px;
}


#container td {
/*font-size: 12px;*/
vertical-align: top;
}

#container  td.leftmenu {
	padding: 0;
	width: 180px;
/*	background: url(img/squares_warm.gif) no-repeat;
	background-position: bottom center; */
}



#container td.content, #container td.classtopic {
	width: 640px;
	padding-left: 10px;
}

#leftmenu, #leftinfo, #spon, #kontaktmenu, #sluchaj {
	border: 6px solid #fff;
	width: 180px;
	/*background: #fff;*/
}

#leftinfo, #spon, #kontaktmenu {
	margin-top: 10px;
}

#sluchaj {
	margin-bottom: 10px;
}


#container td.leftmenu div a.menu, #leftmenu li a.menu {
	color: black;
	display: block;
	padding-left: 15px;
	/*background: url(img/plus.gif) 3px no-repeat;*/
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 11px;
}

#container td.leftmenu div a.menu:hover, #leftmenu li a.menu:hover{
	color: gray;
	display: block;
	padding-left: 15px;
	background: #FFF6D8;
	padding-top: 2px;
	padding-bottom: 2px;
}

#container td.leftmenu div span {
	display: block;
	padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 11px;
	
}

#container td.leftmenu div span.bottom {
	border-bottom: 1px solid #fff;
}

#container td.leftmenu div span.bold {
	font-weight: bold;
}

#container td.leftmenu div span.center {
	text-align: center;
}

#container td.leftmenu div span.reklama {
	display: block;
	padding-left: 0px; 
	padding-right: 0px; 
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 11px;
}

#container td.leftmenu div span.br {
	margin-bottom: 6px;
}

#container td.content div.div {
	border: 6px solid #fff;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}

#container td.content div.classtopic {
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
	border-top: 6px solid #fff;
	background: white;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 2px;
	padding-bottom: 2px;
}



#container  td.content div div.link {
	text-align: right;
	border: 0px;
}

.newstable, .logintable, #form, .chanlist {
	width: 596px;
	margin-bottom: 10px;
}

.newstable td.newstop  {
	/*border: 6px solid #fff;*/
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	font-size: 11px;
	color: black;
	text-align: left;
	background: #FFF6D8;
	background-position: left;
}

.newstable td.newstop span.newpost, .newstable td.archiwumrow span.newpost, .newstable td.newscontent span.newpost {
	font-style: italic;
	text-weight: bold;
	color: red;
}

table.featured td.featured { background: #FDCE06; }
table.featured td.featuredcontent { background: #FFF6D8; }


.newstable td.newscontent, .newstable td.errorcontent {
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	line-height: 1.8;
	background: #fff;
}

.newstable td.image, table.image {
	background: url(img/transparent.gif) no-repeat #fff bottom right;
}

.newstable td.ramowka {
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
/*	background: #fff;*/
}

.newstable td.newsimage {
	width: 120px;
	background: #fff;
        border-top: 6px solid white;
	border-left: 6px solid white;
	border-bottom: 6px solid white;
}

.newstable td.audioimage {
	background: #fff;
	border-top: 6px solid white;
        border-left: 6px solid white;
        border-bottom: 6px solid white;
}

.newstable tr.darker {
	background: #eee;
	cursor: pointer;
}

.newstable tr.lighter {
	background: #fff;
	cursor: pointer;
}

.newstable tr.lighter:hover, .newstable tr.darker:hover {
	background: #FFF9E8;
	cursor: pointer;
}

td.archiwumrow {
	padding-left: 20px;
	line-height: 2;
}

td.archiwumrow a, td.ramowka a {
	display: block;
}

td.archiwumdate {
	width: 70px;
	vertical-align: bottom;
	line-height: 2;
	text-align: right;
}

.newstable td.errorcontent {
	width: 600px;
}

.newstable td.newslist {
	font-size: 11px;
	/*background: #155FAF;*/
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 8px;
}

.newstable td.newslist img {
	position: relative;
	top: 2px;
}

.newstable td.darker {
	background-color: #ccc;
}

.newstable td.newslisttop {
	font-size: 11px;
	/*background: #155FAF;*/
	padding-left: 8px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 8px;
	font-weight: bold;
	color: black;
	background: #FFF6D8;
}

.newstable td.newslisttop .id, .newstable td.newslist.id {
	text-align: right;
}


#footer a, #container a {
	color: #444;
	text-decoration: none;
}

#container a.czytajdalej {
	color: black;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: right;
}

#footer a:hover, #container a:hover {
	color: gray;
	background: #FFF6D8;
	text-decoration: none;
}

#container a.czytajdalej:hover {
	color: gray;
	font-style: italic;
	font-weight: bold;
	background: #FFF6D8;
	text-decoration: none;
	display: block;
	text-align: right;

}

#container a.date {
	font-weight: bold;
	color: #072144;
	text-align: left;
	background-position: right;
}

#container a.date:hover {
	background: none;
	color: #072144;
}


#logintable{
	width: 400px;
	border: 0px solid #fff;
}

#logintable td.logintop {
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 11px;
	color: black;
	text-align: left;
	background-position: left;
        background: #FFF6D8;

}

#logintable td.logincontent {
	width: 500px;
	background: #fff;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 16px;
	line-height: 1.6;
	color: black;
	text-align: center;
}

#form {
	width: 596px;
	margin-bottom: 10px;
}

#form td.title {
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 11px;
	color: black;
	text-align: left;
	background: #FFF6D8;
}

#form td.left { border-left: 1px solid #FCCC04; }
#form td.right { border-right: 1px solid #FCCC04; }
#form td.bottom { border-bottom: 1px solid #FCCC04; }
#form td.top { border-top: 1px solid #FCCC04; }

#form input.a, textarea.a {
	width: 440px;
}

#form td.name {
	width: 100px;
	font-weight: bold;
	text-align: left;
	background: #fff;
}

#form td.input  {
	text-align: left;
	background: #fff;
}

#form td.input, td.name {
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 8px;
}

#form span.info {
	font-size: 11px;
}

span.error {
	color: red;
	font-size: 11px;
}

span.success {
	color: green;
	font-size: 11px;
}

span.info {
	color: blue;
	font-size: 11px;
}


td.tooltip {
	border: 5px solid white;
	padding: 5px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	background-color     : #FFF6D8;
	font-size: 11px;
	color: black;
	text-align: justify;
}
hr {
	height: 6px;
	background-color: #FFF6D8;
	color: #FFF6D8;
	border: none;
}


#kontakt, .kontakt {
	margin-bottom: 11px;
	text-align: center;
}

input, textarea, button, select {
	border: 1px solid #FFF6D8;
	font-weight: normal;
	color: black;
	background: #eee;
	padding: 2px 4px 2px 4px;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
}

input:hover, textarea:hover, button:hover, select:hover {
	background: #FFF6D8;
}



#kontakt td.title {
	padding-left: 0px;
	padding-top: 6px;
	padding-bottom: 0px;
	padding-right: 8px;
	font-size: 11px;
	color: black;
	text-align: left;
}

#kontakt input.a, textarea.a {
	width: 440px;
}

#kontakt td.buttons {
	padding-left: 0px;
	padding-top: 12px;
	padding-bottom: 0px;
	padding-right: 8px;
	text-align: left;
}
		#menu {
			width:180px;
			margin-top: 0px;
			margin-bottom: 0px;
		}

	
		#leftmenu #menu div:hover {
			background: #eee;
		}
		
		#leftmenu ul{
			list-style-type: none;
			padding-left: 0px;
			margin-left: -25px;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		
		
		#leftmenu li {
			margin-left: 0;
			padding-top: 0px;
			padding-bottom: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
		}
		
			#menu {
			position: relative;
			top: 0;
			left: 0;
			}

			#menu dt {
			cursor: pointer;
			padding-left: 10px;
			text-align: left;
			}
			
#sluchaj a.sluchaj {
		padding: 0px;
		margin: 0px;
}

td.log {
	padding-left: 10px;
}

tr.log {
	cursor: pointer;
	background: #fff;
}

tr.log:hover {
        background: #FFF6D8;
}

td.white { background: #fff; }
td.center { text-align: center; }
td.padd { padding-left: 15px; }
/*
BBCode classes START !!
*/

span.bold { font-weight: bold; }
span.underline { text-decoration: underline; }
span.italics { font-style: italic; }
div.center { text-align: center; border: 0px; padding: 0px; margin: 0px; }
a.image { border: 0px; background: none; color: none; }

/*
BBCode classes END !!
*/