html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, object, address, form, input, fieldset, img, ul, ol, dl, dt, dd, li, hr, table, td, th, strong, em, sup, sub, dfn, ins, del, q, cite, var, samp, code, kbd, tt { margin: 0; padding: 0; border: none; }
body { color: #EFEFEF; font-size: 11px; font-family: Tahoma; background: #1e1e1e; text-align: center; }
table { border-collapse: collapse; }
#site { width: 1000px; margin: 0 auto; text-align: left; border: 1px #2b2b2b solid; border-top: none; background: url(images/site.jpg) repeat-y 300px 100px; }
h1 { font-size: 16px; }
h2 { font-size: 12px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; }
h5 { font-size: 10px; }
ul, ol { list-style: none; }
th { text-align: center; }
a { color: #D8D4C9; text-decoration: none; }
a:hover, a.active { color: #9B9482; }
td { padding: 1px; }
#header { position: relative; height: 316px; background: url(images/header.jpg) no-repeat; overflow: hidden; }
	#header li { margin: 0 1px 0 0; }
	#header ul { color: #cdba8d; }
	#header .user { position: absolute; right: 14px; top: 141px; overflow: hidden; width: 146px; height: 135px; padding: 39px 28px 0 20px; }
		#header .user a { color: #fff; }
		#header .user a:hover { color: #eee; }
		#header .user ul { padding: 10px 0 0 0; overflow: hidden; display: block; }
		#header .user img { position: absolute; width: 60px; right: 10px; top: 10px; border: 1px #ccc solid; }
		#header .user .border { border: none; border-top: 1px #eee solid; margin: 4px 0 0 0; }
		#header .user .button { border: none; background: url(images/login.png); width: 61px; height: 20px; float: right; }
		#header .user #remember_me { float: left; margin: 6px 2px 0 0; }
		#header .user .registration { float: right; background: url(images/register.jpg); width: 138px; height: 28px; position: absolute; bottom: 20px; right: 28px; }
		#header .user .lostpassword { display: block; background: url(images/lostpassword.png); width: 82px; height: 9px; position: absolute; bottom: 2px; right: 10px; }
	#header label { float: left; height: 17px; margin: 4px 0 6px 0; }
	#header .textbox { margin: 3px 0 7px 0; width: 103px; height: 18px; float: right; border: none; background: url(images/header-textbox.png); }
	#header .logo { display: block; width: 313px; height: 66px; display: block; overflow: hidden; text-indent: -999em; margin: 40px 0 0 50px; }
#banner-750x100, #banner-468x60 { width: 750px; text-align: center; overflow: hidden; position: absolute; top: 147px; left: 27px; min-height: 100px; }
#banner-468x60 { width: 468px; top: 42px; left: 463px; min-height: 60px; } 
	#banner-750x100 span.text, #banner-468x60 span.text { text-align: center; color: #B30303; } 
	#banner-750x100 span.text a, #banner-468x60 span.text a { font-size: 12px; font-weight: bold; color: maroon; }
#menu { background: url(images/menu.png) repeat-x; border-bottom: 3px #040404 solid; text-align: center; }
	#menu div { background: url(images/menu-left.png) no-repeat; }
	#menu div div { background: url(images/menu-right.png) no-repeat right top; padding: 0 15px; }
	#menu ol { display: block; overflow: hidden; }
	#menu ol a { height: 43px; min-width: 100px; display: inline-block; background: url(images/menu-hover.png) no-repeat 0 43px; font: bold 13px/43px "Myriad Pro"; text-transform: uppercase; letter-spacing: 0; color: #000; }
	#menu li { display: inline; }
	#menu ol a:hover, #header a.active { background-position: center bottom; color: #fff; }
#content { overflow: hidden; }
.side-center, .side-left { float: left; }
.side-center { width: 598px; padding: 12px 0 20000px 0; margin-bottom: -20000px; overflow: hidden; }
	.admin .side-center, .page-readarticle .side-center, .page-songs .side-center { width: 799px; }
	.table-top { background: url(images/table.png) repeat-x; }
	.table-top div { background: url(images/table-left.jpg) no-repeat; }
	.table-top div h2 { background: url(images/table-right.png) no-repeat right top; padding: 0 31px 0 107px; height: 55px; line-height: 50px; text-align: right; display: block; }
	.table { margin: 0 11px 0 9px; background: #0b0b0b; overflow: hidden; padding: 9px 18px 18px 18px; }
	.table-bottom { background: #0b0b0b; margin: 0 11px 10px 9px; }
	.table-bottom div { background: url(images/table-bl.gif) no-repeat; }
	.table-bottom div div { background: url(images/table-br.gif) no-repeat right top; padding: 0 9px; height: 9px; line-height: 9px; }
	.news { margin: 0 0 7px 0; }
	.news h2.title { background: #86c906 url(images/news-top.jpg) no-repeat; height: 23px; line-height: 23px; font-size: 11px; color: #fff; padding: 0 20px; text-align: right; margin: 0 0 3px; 0; }
	.news p.desc { background: url(images/gray-gradient.png) repeat-x; display: block; overflow: hidden; margin: 0 6px; padding: 20px 0 0 0;}
.side-left, .side-right { width: 200px; background: #0b0b0b url(images/side.gif) repeat-y right top; padding: 15px 1px 20000px 0; margin-bottom: -20000px; }
	.side-left h2.title, .side-right h2.title { background: url(images/panel-top.png) repeat-x; height: 23px; color: #fff; font-size: 11px; font-weight: normal; text-align: right; margin: 0 0 1px 0; overflow: hidden; }
	.side-left h2.title span { border-left: 3px #fff solid; display: block; margin: 5px 37px 5px 4px; font-size: 12px;}
	.side-left h2.title img, .side-right h2.title img { display: none; } /* tymczasowe wywalić obrazki z nazw paneli */
	.side-left .panel, .side-right .panel { padding: 18px 7px; }
.side-right { background-position: left top; float: right; }
	.side-right h2.title { background: url(images/panel-top-right.gif) repeat-x; }
	.side-right h2.title span { border-right: 3px #fff solid; display: block; margin: 5px 4px 5px 37px; text-align: left; font-size: 12px;}
#footer { background: url(images/footer.png) repeat-x; width: 559px; padding: 47px 20px 0 20px; height: 30px; overflow: hidden; text-align: right; font-size: 9px; line-height: 14px; clear: both; margin: 0 auto; }
	.admin #footer, .page-readarticle #footer, .page-songs #footer { width: 759px; margin: 0 0 0 200px; }
	#footer a { color: #fff; }
	#footer a:hover { color: #ddd; }
/* specyficzne */
.shoutbox textarea { width: 180px color: !important; color: #0B0B0B; font-size: 11px; background: #CFCFCF;}
.dodaj-komentarz textarea { width: 538px !important; }
.najnowsze-mp3 table { width: 100%; }
.najnowsze-mp3 td { padding: 2px 5px; }
#song textarea { width: 365px !important; }
#song .half1 { float: left; }
#song .half2 { padding: 0 0 0 10px; width: 362px; float: left; }
#song table.tbl-border { width: 366px !important; margin: 5px 0 0 2px; }
#song img.av { width: 80px; }
#song table.tbl-border td { vertical-align: top; }
/* natywne klasy php-fusion */
.button { background: #e5e5e5; color: #1e1e1e; border: 1px #52585c solid; font: bold 11px/18px "Myriad Pro"; height: 18px; }
.textbox { font: 9px/15px Verdana; color: #1d1d1d; background: #efefef url(images/textbox.gif) repeat-x; border: 1px #585858 solid; }
input.textbox { height: 15px; }
.tbl { padding: 4px; }
.tbl1, .tbl1 td, .tbl2, .tbl2 td { padding: 2px 3px; border: 1px #52585c solid; background: #212121; }
.tbl2, .tbl2 td { background: #202a2e; }
.tbl a, .tbl1 a, .tbl2 a, .tbl-border a { color: #c5c5c5; }
.quote { background: #e5e5e5; color: #1e1e1e; border: 1px #52585c solid; }
.small { font-size: 10px; }
.small2 { font-size: 9px; }
.poll { background: #2c6178; border: 1px #52585c solid; }
.border, .tbl-border { border : 1px solid #e1e1e1; }
.artysci-spelniajace-kryterium .tbl-border { width: 95%; }
.forum-caption { }
.shoutboxdate { color: #898467; } 
.shoutbox { color: #C8C8C8; } 
.shoutboxname a { color: #3191B9; } 
.butt { background: #CFCFCF; } 
.textbox  { color: #0B0B0B; font-size: 11px; background: #CFCFCF; } 
.p24 h2 a { color: #3191B9; }
