/*
  	(c) 2006 Micha³ - Leniwiec - Jany <info at leniwiec dot org>

	style: main
	site: koalaband.
	formed on: 10-04-2006

*/

/* basic html elements */
html {margin: 0px; padding: 0px; min-width: 800px; min-height: 600px; max-width: 1280px; max-height: 1024px;}
body {margin: 0px; padding: 0px; background-color: #000; color: #000; font-family: Arial, helvetica, sans-serif; font-size: 11px;}

#fake {display: none}

/* structure */
#container {width: 748px; height: 421px; margin: 105px auto; }

#topMenu {height: 31px; width: 748px;}
#topMenu a,#topMenu a.first, #topMenu a:hover, #topMenu a.first:hover, #topMenu a.active  {display: block; padding: 0 7px 0 7px; color: #fff; text-decoration: none; float: left; border-right: #fff 1px solid; margin: 8px 0 0 0;}
#topMenu a.first {border-left: #fff 1px solid;}
#topMenu a:hover {background-color: #fff; color: #000;}
#topMenu a.first:hover {background-color: #fff; color: #000;}
#topMenu a.active {background-color: #fff; color: #000;}
#topMenu div.logo {width: 163px; height: 20px; float: right; background: url("_images/logo.gif") no-repeat;}

#topBanner {width: 748px; height: 104px; background: url("http://koalaband.pl/_content/foto/9292609294637a5e51e5b32.24026430.jpg") no-repeat;}

#Main {width: 748px; height: 208px; margin: 20px 0 21px 0; background-color: #000;}
#Main p {margin: 0 0 5px 0; padding: 0;}


#Botto {width: 748px; height: 37px; background-color: #272727;}
#Botto div.lesniczowka {cursor: pointer; float: right; background: url("_images/lesniczowka.gif") no-repeat; width: 117px; height: 26px; margin: 5px 12px 0 0;}
#Botto div.subscribe {float: left; margin: 8px 0 0 13px;}
#Botto .subscribe input,#Botto .subscribe input.sendButton {height: 15px; width: 110px; border: 0; font-size: 10px; color: #c7c7c7; padding: 2px 0 0 2px;}
#Botto .subscribe input {background: url("_images/input_bg.gif") no-repeat;}
#Botto .subscribe input.sendButton {width: 50px; height: 17px; background: url("_images/wyslij.gif") no-repeat;}


/* news - index.php */
#Main div.Newsy {width: 427px; height: 188px; padding: 20px 40px 0 15px; overflow: auto; float: left; background-color: #c6c6c6;}
#Main div.NewsFoto {float: right;}
#Main .Newsy div.news {margin: 0 0 20px 0;}

/* muzyka - muzyka.php */
#Main div.MuzykaFoto {float: left;}
#Main div.mainMuzyka {padding: 20px 40px 0 15px; width: 428px; height: 188px; float: right; overflow: auto; background-color: #c6c6c6;}
#Main .mainMuzyka div.muza {margin: 0 0 20px 0}
#Main .mainMuzyka a.mp3 {display: block; float: left; width: 52px; height: 12px; background: url("_images/mp3.gif") no-repeat 0 1px;}

/* imprezy */
#Main div.imprezyKal {background-color: #e4e4e4; height: 208px; width: 235px; float: left;}
#Main div.imprezyMain {float: left; background-color: #c6c6c6; height: 188px; width: 265px; margin: 0 0 0 20px; overflow: auto; padding: 20px 20px 0 15px;}
#Main div.imprezyFoto {float: right;}
#Main table {border: 0; margin: 0 0 0 18px;}
#Main td, #Main .header td, #Main td.active, #Main td.event {width: 24px; height: 18px; background-color: #a6a6a6; color: #000; text-align: center;}
#Main .header td {font-weight: bold; background-color: #e4e4e4}
#Main td.active {background-color: #e4e4e4}
#Main td.event {background-color: #5c5c5c; cursor: pointer;}
#Main .imprezyKal div.years {width: 235px; text-align: center; margin: 15px 0 10px 0;}
#Main .imprezyKal img {border: 0; }
#Main .imprezyKal .years a {margin: 0 10px 0 10px}

/* galleria - galeria.php */
#Main div.galNum {float: left; background-color: #c6c6c6; height: 188px; width: 200px; overflow: auto; padding: 20px 20px 0 15px;}
#Main .galNum a, #Main .galNum a:hover {color: #000; text-decoration: none;}
#Main .galNum a:hover {text-decoration: underline;}
#Main div.Gal {width: 492px; height: 208px; float: right; overflow: auto;}
#Main .Gal div.picS, #Main .Gal div.picD {width: 75px; float: left; margin: 0 20px 20px 0; text-align: center;}
#Main .Gal div.picD {margin: 0 0 20px 0;}
#Main .Gal img {cursor: pointer;}

/* kontakt */
#Main div.kontaktLeft {height: 168px; width: 206px; padding: 40px 0 0 30px; float: left; background-color: #e4e4e4;}
#Main div.kontaktCenter {height: 193px; width: 270px; float: left; margin: 0 0 0 20px; padding: 15px 10px 0 20px; background-color: #c6c6c6;}
#Main div.kontaktRight {height: 198px; width: 159px; padding: 10px 0 0 13px; float: right; color: #fff; background-color: #3c3c3c;}
#Main .kontaktCenter p, #Main .kontaktLeft p, #Main .kontaktRight p {margin: 9px 0 10px 0;}
#Main .kontaktCenter input {width: 142px; height: 16px; padding: 2px; border: 0; font-size: 11px; margin: 1px 0 1px 0;}
#Main .kontaktCenter textarea {width: 250px; height: 69px; padding: 2px; border: 0; margin: 1px 0 1px 0; font-size: 11px; font-family: Arial, helvetica, sans-serif;}
#Main .kontaktCenter input.send {background-color: #fff; width: 65px; height: 15px; font-size: 11px; padding: 0;}
#Main .kontaktRight input {width: 140px; height: 12px; background-color: #8a8a8a; color: #fff; font-size: 11px; border: 0; padding: 2px; margin: 2px 0 2px 0;}
#Main .kontaktRight input.send {width: 55px; height: 14px; border:0; padding:0;}

/* guestbook */
#Main div.guestbookL {width: 217px; background-color: #c6c6c6; padding: 20px 0 0 20px; height: 188px; float: left;}
#Main div.guestbookR {width: 483px; background-color: #c6c6c6; height: 208px; float: right;}
#Main .guestbookR div.comments {overflow: auto; width: 470px; height: 175px; float: right; }
#Main .guestbookR div.pages {float: right; width: 477px; margin: 14px 0 0 0;}
#Main .pages a, #Main .pages a.active, #Main .pages a:hover {text-decoration: none; display: block; float: left; padding: 0 5px; border-right: #000 1px solid; color: #000}
#Main .pages a:hover {text-decoration: underline;}
#Main .pages a.active {color: #fff}
#Main .guestbookL input {width: 142px; height: 16px; padding: 2px; border: 0; font-size: 11px; margin: 1px 0 1px 0;}
#Main .guestbookL textarea {width: 190px; height: 110px; padding: 2px; border: 0; margin: 1px 0 1px 0; font-size: 11px; font-family: Arial, helvetica, sans-serif;}
#Main .guestbookL input.send {background-color: #fff; width: 65px; height: 15px; font-size: 11px; padding: 0;}

a.kontakt, a:link.kontakt, a:visited.kontakt {color: #000; text-decoration: none; }
a:hover.kontakt {text-decoration: none; color: #fff; background-color: #000}