html, body {
background: #171913;
color: #c0c0c0;
margin: 0px;
padding: 0px;
}
a {
text-decoration: none;
color:#a0a0a0;}
a:hover {color:#ff0000;}
img {border:none;}

#linia{
 clear:both;
 border-top:solid 1px #303030;
 width:100%;
 margin-top:5px;
 margin-bottom:5px;
 line-height:1px;
 }

#czyt{
width:100%;
height:700px;
border-left:none;
border-right:none;
color:#c0c0c0;
background: url("./images/05.jpg");
border-top:solid 1px #303030;
border-bottom:solid 1px #303030;
text-align:left;
margin:0px;
padding:0px;
}

#top {
background: #171913;
width:1004px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
text-decoration: none;
}

.male {font-size: 8pt;}

#NAGLOWEK {
height:175px;
background: url("./images/01.jpg");
text-align:left;
padding-left:184px;
}
#lnk
{border:none; text-align:right;
height:22px; width:184px; position:relative; left:-184px; top:153px;
}
#NAGLOWEK a{font-weight: bold;}
#NAGLOWEK a:hover {color:#ff0000;}

 #banner{ height:153px; width:820px;}
 #linki{float:left;}
 #logowanie{
 height:21px;
 width:auto;
 font-weight: bold;
 float:right;
 padding-right:20px;
 overflow:hidden;
 }

.log{
height:18px;
width:60px;
background-color:#171913;
color:#ffffff;
border: solid 1px #303030;
font-weight: bold;
font-size:9pt;}

#KONTENER{float: left; margin-right:10px;}
#MENU {
background: url("./images/02.jpg");
background-repeat: no-repeat;
width: 174px;
overflow: hidden;
font-size:9pt;
text-align:left;

}
#op{position:relative;}

#MENU a{ color:#a0a0a0; font-size:8pt;}
#MENU a:hover{color:#ff0000;}
 #red ,#menu2{
 color:#ff0000;
 font-size:8pt;
 font-weight:bold;
 }
 #menu2{margin-top:10px;}
 #red a, #menu2 a {font-weight:normal;}
 #komn, #menu2{
 background: url("./images/04.jpg");
 overflow: hidden;
 word-wrap:break-word;
 padding:5px;
 width:100%;
 border-top:solid 1px #303030;
 border-bottom:solid 1px #303030;
 margin-bottom:10px;
 }
 #komn_img{
 float:left;
 width:50px;
 vertical-align:top;
 padding-right:5px;
 }

#ile{
 float:right;
 font-size:8pt;
 color:#606060;}

#TRESC {
width: 820px;
float: left;
//overflow: hidden;
}
#TRESC a{color:#a0a0a0;}
#TRESC a:hover {color:#ff0000;}
 #right{
 float:right;
 padding:10px;
 vertical-align:top;
 text-align:right;
 }

 #akcje img{
 float:left;
 padding-right:20px;
 padding-bottom:20px;
 }

 #forma,#formb{
 background: url("./images/05.jpg");
 width: 818px;
 float:left;
 text-align:left;
 margin-bottom:10px;
 margin-top:10px;
 }
 #forma{
 border-top:solid 1px #303030;
 border-bottom:solid 1px #303030;
 }

 .inp2, #inp2{width:790px;}
 #inp{width:560px;}
 #inp, #inp2, .inp2{
 border:solid 1px #303030;
 background:#171913;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:9pt;
 color:#a0a0a0;
 }
 #forma select{
 width:300px;
 border:solid 1px #303030;
 background:#171913;
 color:#a0a0a0;
 }
 #forma textarea{width:790px;}
 #forma textarea,#forma button,#formb button, #formc button,#inpbut{
  border:solid 1px #303030;
  background:#171913;
  color:c0c0c0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  }
 #mod button {border:solid 1px #ffde40; background:#fa6000; color:ffff92; font-weight:bold;}


 #miniatury{}
 #miniatura{
  border:solid 1px #3b3b3b;
  width:164px;
  height:180px;
  }
 #seria{ border:solid 2px #505050;
  width:162px;
  height:178px;
  }
 
 #miniatura, #seria{
 float:left;
 padding-top:5px;
 font-size:8pt;
 margin:15px;
 }
 #fota {height:130px;}
 #opis{padding-left:5px;
 text-align:left;}

 #polecona{
 margin-top:10px;
 margin-right:10px;
 float:right;
 width:164px;
 height:180px;
 border:solid 1px #3b3b3b;
 padding-top:5px;
 text-align:left;
 font-size:8pt;
 }

 #fota_losowa { font-weight:normal;}
 #fota_losowa IMG{
  max-height:120px;
  height: expression(this.height > 120 ? 120: true);
  max-width:150px;
  width: expression(this.width > 150 ? 150: true);
  max-height:120px; }

 #losowa{
 background: url("./images/random.gif");
 border-top: solid 1px #30332C;
 border-bottom: solid 1px #30332C;
 margin-top:2px;
 float:right;
 width:165px;
 height:140px;
 text-align:left;
 font-size:8pt;
 }

/* justowanie tekstów za pomocą klasy txt*/
 #txt{padding:10px; text-align:left;}

 #main_duels,#main_duels_n{
  width:380px;
  font-size:8pt;
  float:left;
  }
 #main_koturn,#main_vote{
  width:380px;
  font-size:8pt;
  float:right;
  }
 #main,#maine,#oko,#autor{
  width:100%;
  word-wrap:break-word;
  float:left;

  background: url("./images/05.jpg");
  border-top:solid 1px #303030;
  border-bottom:solid 1px #303030;
  text-align:left;
  margin-top:5px;
  margin-bottom:5px;
  }
#maine {width:800px;}
 #oko{
  border-top:solid 1px #c00000;
  border-bottom:solid 1px #c00000;
  }
 #green{
  border-top:solid 1px #00c000;
  border-bottom:solid 1px #00c000;
  }
 #autor{
  border-top:solid 1px #a0a0a0;
  border-bottom:solid 1px #a0a0a0;
  }

#STOPKA {
clear: both;
height:153px;
background: url("./images/03.jpg");
text-align:left;
padding-left:184px;
border-top:solid 1px #303030;
}
#STOPKA a{color: #a0a0a0; font-weight: bold;}
#STOPKA a:hover {color:#ff0000;}


#foto{
float:left;
width:100%;
align:middle;
padding-bottom:20px;
}
#foto img{
border:none;
max-height:660px;
height: expression(this.height > 660 ? 660: true);
max-width:810px;
width: expression(this.width > 810 ? 810: true);
}

#user,#user_blok,#user_new,#len{
padding:5px;
float:left;
width:188px;
height:70px;
border-bottom: solid 1px #3b3b3b;
border-right: solid 1px #3b3b3b;

}
#user_blok{ background-color:#000000;}
#user_new{ background-color:#303020;}
#len{ background-color:#181818;}

#spc,#spc4
{
clear:both;
width:100%;
border:none;
overflow:hidden;
padding:0px;
margin:0px;
}
#spc {height:1px;}
#spc4{height:4px;}

.anylink{
position:absolute;
border-top:1px solid #606060;
line-height:20px;
z-index:100;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
font-color:#ff0000;
filter:alpha(opacity=90); /* IE's opacity*/
-moz-opacity:.90;
opacity:.90;
}

.anylink a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #606060;
background-color:#303030;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 1px 0;
}

.anylink a:hover{ /*hover background color*/
background-color:#171913;
font-color:#ff0000;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index:50;
}

.thumbnail span{
width: 130px;
padding: 5px;
background-color: #171913 ;
border: 1px solid #303030;
color: #a0a0a0;
text-decoration: none;
text-align: left;
font-size:9pt;
filter:alpha(opacity=85); /* IE's opacity*/
-moz-opacity:.85;
opacity:.85;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;

}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
margin-top: 50px;
left: -10px; /*position where enlarged image should offset horizontally */
}


#plugin {
BACKGROUND: #0d0d0d;
COLOR: #AAA;
CURSOR: pointer;
DISPLAY: block;
FONT-FAMILY: arial;
FONT-SIZE: 11px;
PADDING: 7px 10px 11px 10px;
_PADDING-RIGHT: 0;
Z-INDEX: 1;
TOP: 0; LEFT: 0;
POSITION: absolute;
WIDTH: 199px; _width: 210px;
_padding-right: 0px; }

#plugin br { CLEAR: both; MARGIN: 0; PADDING: 0;  }

#plugin select { BORDER: 1px solid #333; BACKGROUND: #FFF; POSITION: relative; TOP: 4px; }

#plugHEX { FLOAT: left; }
#plugCLOSE {
FLOAT: right;
MARGIN: 0 8px 3px;
_MARGIN-RIGHT: 10px;
COLOR: #FFF;
-moz-user-select: none;
khtml-user-select: none;
user-select: none; }

#plugHEX:hover,#plugCLOSE:hover { COLOR: #FFD000;  }

#SV {
background: #FF0000 url('./colorjack/SatVal.png');

POSITION: relative;
CURSOR: crosshair;
FLOAT: left;
HEIGHT: 166px;
WIDTH: 167px;
MARGIN-RIGHT: 10px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./colorjack/SatVal.png', sizingMethod='scale');
-moz-user-select: none;
-khtml-user-select: none;
user-select: none; }

#SVslide { BACKGROUND: url('./colorjack/slide.gif'); HEIGHT: 9px; WIDTH: 9px; POSITION: absolute; _font-size: 1px; line-height: 1px; }

#H { BORDER: 1px solid #000;
CURSOR: crosshair; FLOAT: left; HEIGHT: 154px; POSITION: relative; WIDTH: 19px; PADDING: 0; TOP: 4px;
-moz-user-select: none; -khtml-user-select: none; user-select: none; }

#Hslide { BACKGROUND: url('./colorjack/slideHue.gif'); HEIGHT: 5px; WIDTH: 33px; POSITION: absolute; _font-size: 1px; line-height: 1px; }
#Hmodel { POSITION: relative; TOP: -5px; }
#Hmodel div { HEIGHT: 1px; WIDTH: 19px; font-size: 1px; line-height: 1px; MARGIN: 0; PADDING: 0; }

#plugID { HEIGHT: 120px; WIDTH: 63%; MARGIN: 12px 0 0 250px; PADDING-TOP: 76px; COLOR: #000; BORDER: 2px solid #333; TEXT-ALIGN: center; FONT-SiZE: 25px; BACKGROUND: #F1FFCC; }