*{
  margin: 0px;
  padding: 0px;
  border: none;
  font-family: Tahoma;
  font-size: 12px;
  color: white;
  text-decoration: none;
}

iframe{
  border: none;
}

body{
  background: #555555;
  text-align: center;
}

#top{
  background: #1A1A1A url('images/trawka.jpg') bottom repeat-x;
  width: 100%;
  height: 140px;
  text-align: center;
}
#top div{
  width: 1000px;
  height: 103px;
  margin: 0px auto;
  background: url('images/top_grad.jpg') 0px 0px repeat-x;
}
img.left{
  float: left;
  display: inline;
}
img.right{
  float: right;
  display: inline;
}
img.ico{
  width: 16px !important;
  height: 16px !important;

}
img.ico.mid{
  vertical-align: middle;
}
a#logo{
  display: inline;
  float: left;
  width: 234px;
  height: 79px;
  background: url('images/top_logo.jpg') 0px 0px no-repeat;
  margin-left: 20px;
}
a.menu{
  display: inline;
  float: right;
  margin-right: 0px;
}
a.menu.first{
  margin-right: 20px;
}

#container{
  width: 1000px;
  margin: 0px auto;
  position: relative;
}

#rules{
  width: 262px;
  height: 129px;
  background: url('images/rules.jpg') 0px 0px no-repeat;
  display: inline;
  float: left;
  position: relative;
  left: -30px;
}
#banner{
  position: absolute;
  top: 0px;
  right: 0px;
}
#inmenu{
  width: 1000px;
  background: url('images/menu_grad.jpg') 0px 0px repeat-x;
  height: 39px;
}
#inmenu ul{
  display: inline;
  float: left;
  margin-left: 10px;
  height:39px;
  width: 600px;
}
#inmenu ul li.separate{
  height: 39px;
  width: 3px;
  background: url('images/menu_line.jpg') 0px 0px no-repeat;
}
#inmenu ul li{
  display: inline;
  float: left;
  padding: 0px;
  width: 100px;
}
#inmenu ul li a{
  display: block;
  height: 39px;
  padding: 10px 5px 0px 5px;
  font-size: 14px;
  color: #bbb175;
}
#inmenu ul li a:hover{
  color: #FFDE0F;
  background: url('images/menu_on.jpg') top center no-repeat;
}
#inmenu form{
  display: inline;
  float: right;
  margin-top: 8px;
  position: relative;
  height: 22px;
  width: 260px;
}
#inmenu form input{
  vertical-align: baseline;
  position: absolute;
  top: 0px;
  right: 0px;
}
#inmenu form input.input{
  left: 0px;
  width: 150px;
  height: 20px;
  padding-top: 2px;
  border: 1px solid gray;
  background: #555555;
  font-size: 14px;
}

#changeboxblock{
  display: inline;
  float: left;
  width: 580px;
  background: #2D2D2D;
  height: 124px;
}
a#changeblock{
  display: block;
  width: 571px;
  height: 94px;
  margin: 12px auto 0px auto;
}
#changeboxblock form{
  margin-top: 15px;
}

#profile{
  display: inline;
  float: right;
  height: 119px;
  width: 400px;
  margin-top: 5px;
  background: url('images/profile_grad.jpg') 0px 0px repeat-x;
  text-align: center;
  color: #86857D;
}

#profile form{
  display: block;
  margin: 25px 30px 0px 5px;
  text-align: left;
}
#textdiv input{
  color: black;
  border: 1px solid black;
  background: #666666;
}
#textdiv select, #textdiv option{
  color: black;
  border: 1px solid black;
  background: #666666;
}
textarea{
  color: black;
  bordeR: 1px solid black;
  background: #666666;
  width: 280px;
  height: 200px;
}
#profile form .send, #textdiv form .send{
  display: inline;
  float: right;
}
#changeboxblock h2{
  width: 545px !important;
}
#profile form div, #textdiv form div, #changeboxblock form div{
  margin-bottom: 5px;
}
#profile form span, #textdiv form span, #changeboxblock form span{
  float: left;
  padding-top: 6px;
  width: 50px;
  color: #86857D;
}
#profile form input.input, #textdiv form input.input, #changeboxblock form input.input{
  float: left;
  border: 1px solid #5D5D5D;
  background: #3F3F3F;
  color: white;
  width: 220px;
  height: 20px;
  padding-top: 3px;
}
#textdiv form input.input{
  width: 270px;
}
#profile a{
  color: #86857D;
}
#profile a:hover{
  color: white;
}

#profile h2{
  width: 70%;
  border-bottom: 1px solid #555555;
  color: #FCC835;
  margin-top: 10px;
  margin-left: 10px;
  text-align: left;
  font-weight: normal;
  margin-bottom: 10px;
}
#profile div.item{
  display: inline;
  float: left;
  width: 75px;
  margin-left: 10px;
  height: 17px;
  padding-left: 35px;
  text-align: left;
  margin-bottom: 15px;
  margin-top: 5px;
}
#profile div.item a{
  color: #86857D;
}
#profile div.item a:hover{
  color: #FFFFFF;
}

table{
  width: 1000px;
  margin-top: 5px;
}
.boxhead{
  width: 1000px;
  height: 21px;
  background: url('images/box_top_grad.jpg') 0px 0px repeat-x;
}
.boxhead .title, #changeboxblock h2{
  padding-top: 3px;
  float: left;
  display: inline;
  text-align: left;
  color: #FFDE0F;
  font-size: 14px;
  width: 850px;
  cursor: move;
}
.boxhead .title h2{
  padding-top: 3px;
  display: inline;
  text-align: left;
  color: #FFDE0F;
  font-size: 14px;
  cursor: move;
  font-weight: normal;
}
.boxhead .navigate{
  display: inline;
  float: right;
}
.boxhead .navigate img{
  cursor: pointer;
}
.boxgrad{
  width: 1000px;
  background: url('images/box_grad.jpg') 0px 0px repeat-x;
  height: 161px;
}
.boxgradtype{
  width: 980px;
  background: url('images/box_grad.jpg') 0px 0px repeat-x;
  padding: 10px;
  color: rgb(255, 222, 15);
}
.boxgradtype a{
  color: #555555;
}
.boxgradtype a:hover{
  color: rgb(255, 222, 15);
}
.boxgradtype h3{
  margin-top: 10px;
  color: #FFBA2E;
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px;
}
.inbox{
  width: 224px;
  height: 135px;
  display: inline;
  float: left;
  margin: 7px 7px 0px 7px;
  background: url('images/in_box_grad.jpg') 0px 0px repeat-x;
  padding: 5px;
  text-align: left;
  border: 1px solid #000000;
}
.inbox img{
  display: inline;
  float: left;
  width: 98px;
  height: 73px;
  border: 1px solid #666666;
  margin: 0px 5px 5px 0px;
}
.inbox a.band{
  font-size: 14px;
  color: #C6C6C6;
}
.inbox a.song{
  font-size: 12px;
  color: #C6C6C6;
}
.inbox a.play{
  display: inline;
  float: right;
  background: url('images/box_play.jpg') 0px 0px no-repeat;
  width: 119px;
  height: 27px;
  margin: 15px 0px 0px 0px;
}
.inbox .big{
  margin-top: 7px;
  font-size: 11px;
  color: #C6C6C6;
}
.inbox .small{
  margin-top: 5px;
  font-size: 10px;
  color: #C6C6C6;
}
.inbox .y{
  color: #FFDE0F;
}

.paging{
  margin: 10px auto 0px auto;
  color: #FFBA2E;
}
.paging a{
  background: #666666;
  border: 1px solid #121212;
  color: #ABABAB;
  padding: 2px 5px;
}
.paging a:hover{
  color: #FFBA2E;
}
.paging a.current{
  color: #FFBA2E;
}

#footer{
  width: 100%;
  background: #000000;
  margin-top: 15px;
  min-height: 400px;
  height: auto !important;
  height: 400px;
  text-align: center;
}
#footer .center{
  margin: 0px auto;
  width: 1000px;
}
#footer .fleft{
  margin-top: 35px;
  display: inline;
  float: left;
  width: 310px;
  min-height: 170px;
  height: auto !important;
  height: 170px;
}
#footer .f2{
  margin-left: 30px;
  margin-right: 30px;
}
#footer .fleft h2{
  font-size: 14px;
  color: #FFDE0F;
  border-bottom: 1px solid #1B1B1B;
  margin-bottom: 15px;
  text-align: left;
}
#footer .fleft a.hover .line{
  padding: 10px 2px;
  width: 306px;
  color: #555555;
  cursor: pointer;
}
#footer .fleft a.hover:hover .line{
  padding: 10px 2px;
  width: 306px;
  color: white;
  background: #111111;
}
#footer .fleft .left{
  display: inline;
  float: left;
  color: #555555;
}
#footer .fleft .right{
  display: inline;
  float: right;
  color: #555555;
}
#footer .fleft a.hover:hover .line .left, #footer .fleft a.hover:hover .line .right{
  color: white;
}
#cloudid a:hover span{
  color: #FFBA2E;
}

.footend{
  color: #555555;
  display: inline;
}
.footend a{
  color: #555555;
}
.footend a:hover{
  color: white;
}

a.tocenter{
  margin: 0px 15px;
}
a.tocenter img{
  margin: 30px 0px;
}

#sitehead{
  height: 65px;
  width: 999px;
  padding-left: 1px;
  background: url('images/topik_grad.jpg') 0px 0px repeat-x;
  margin-top: 2px;
}
#sitehead h2{
  font-size: 24px;
  display: inline;
  float: left;
  color: #FFBA2E;
  margin-top: 2px;
  margin-left: 10px;
}
#sitehead .right{
  display: inline;
  float: right;
  font-size: 18px;
  color: #595959;
  margin-top: 5px;
  margin-right: 10px;
}
#sitehead .right a{
  color: #484848;
  font-size: 14px;
}
#sitehead .right a:hover{
  color: #FFFFFF;
  font-size: 14px;
}
#sitehead a .float, #sitehead a .active{
  display: block;
  float: left;
  height: 19px;
  position: relative;
  padding: 5px 10px;
  margin-top: 5px;
  color: #484848;
  font-size: 14px;
  cursor: pointer;
}
#sitehead a:hover .float, #sitehead a .active{
  color: #FFFFFF;
}
#sitehead .active{
  background: url('images/button_grad.jpg') 0px 0px repeat-x;
}
#sitehead .rightlink{
  display: inline;
  float: right;
  margin-right: 15px;
  color: #484848;
  font-size: 14px;
  margin-top: 10px;
}
#sitehead .rightlink a{
  color: #484848;
  font-size: 14px;
}
#sitehead .rightlink a:hover{
  color: #FFFFFF;
}

#bandcontent{
  width: 958px;
  border: 1px solid  black;
  border-top: none;
  background: #373737;
  padding: 20px;
}

#bandcontent .bandinfo{
  display: inline;
  float: right;
  width: 372px;
  border: 1px solid #717171;
  background: #21211F;
  color: #989896;
  padding-bottom: 20px;
  line-height: 200%;
}
.bandinfo img{
  width: 370px;
}
.bandpeople{
  background: #000000;
  border-top: 1px solid #717171;
  border-bottom: 1px solid #717171;
  text-align: left;
  padding: 5px;
  color: #585858;
  margin-bottom: 10px;
}
.bandpeople h2{
  color: #FFBA2F;
  font-size: 14px;
}

#bandcontent .leftcontent{
  display: inline;
  float: left;
  width: 520px;
}
.formclass{
  display: block;
  background: black;
  border: 1px solid #757575;
  height: 60px;
  padding-top: 15px;
  color: #FEB92D;
  margin-bottom: 10px;
  text-align: center;
}

.formclass input.submit{
  position: relative;
  top: 9px;
}
.formclass input.file{
  background: url('images/inpucik.jpg') no-repeat 0px 0px;
}

.leftcontent a.left, .leftcontent div.left{
  display: inline;
  float: left;
  margin-bottom: 25px;
  width: 154px;
  height: 116px;
}
.leftcontent div.left{
  height: 145px;
}
.leftcontent a.center, .leftcontent div.center{
  margin: 0px 25px;
}
.leftcontent img{
  width: 152px;
  height: 114px;
  border: 1px solid #000000;
}

.leftcontent div.even, .leftcontent div.odd{
  height: 110px;
  border: 1px solid #757575;
  margin-bottom: 10px;
}
.leftcontent div.even{
  background: #21211F url('images/mp3.jpg') no-repeat 15px 17px;
}
.leftcontent div.odd{
  background: #111111 url('images/mp3_MROOK.jpg') no-repeat 15px 17px;
}
.leftcontent div.even a.play, .leftcontent div.odd a.play{
  display: inline;
  float: right;
  margin-right: 10px;
  width: 120px;
  height: 35px;
}
.leftcontent div.even a.play{
  background: url('images/odtwarrazj-jasne.jpg') no-repeat 0px 0px;
}
.leftcontent div.odd a.play{
  background: url('images/odtwarzaj-ciemne.jpg') no-repeat 0px 0px;
}
.leftcontent div.even a.moreinfo, .leftcontent div.odd a.moreinfo{
  display: inline;
  float: right;
  margin-right: 10px;
  width: 120px;
  height: 35px;
}
.leftcontent div.even a.moreinfo{
  background: url('images/wiecej-info-jasne.jpg') no-repeat 0px 0px;
}
.leftcontent div.odd a.moreinfo{
  background: url('images/wiecej-ciemne.jpg') no-repeat 0px 0px;
}
.leftcontent div.song{
  margin-left: 130px;
  color: #6C6C6C;
  text-align: left;
  line-height: 200%;
  overflow: visible;
}
div.song span{
  color: white;
}
.leftcontent h2{
  margin-left: 130px;
  font-size: 14px;
  color: #FFBA2E;
  margin-top: 10px;
  text-align: left;
}
.leftcontent .addcomment{
  display: inline;
  float: right;
  color: #FFBA2E;
}
.leftcontent h1{
  color: #FFBA2E;
  font-size: 14px;
  text-align: left;
  margin-bottom: 5px;
}
.leftcontent .comment{
  border-bottom: 1px solid #A8A8A8;
  line-height: 200%;
  text-align: left;
  color: white;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.comment span{
  color: #A8A8A8;
}

.leftcontent .pager{
  text-align: center;
  color: #FFBA2E;
  margin-top: 15px;
}
.pager a{
  color: #FFBA2E;
}
.pager a:hover{
  color: white;
}

#in_all{
  width: 100%;
  height: 100%;
  overflow: hidden;
}

a.toh:hover{
  color: #FFBA2E;
}