/* Pierdoły */

body {
  background: url('/files/main-bg.jpg') left 145px repeat-x #1C1C1C;
  padding: 0;
  margin: 0;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet Sans", Verdana, Arial, sans-serif;
  font-size: 10pt;
  color: #DDDDDD;
}

div#main {
  width: 100%;
  margin: 0 auto;
}

.invisible {
  visibility: hidden;
  display: none;
}

a {
  color: #990B87;
  text-decoration: none;
}

a:hover {
  color: #EF13D8;
}

.small {
  font-size: 0.8em;
}

.big {
  font-size: 1.5em;
}

h3.uberbig {
  text-align: center !important;
  font-size: 40pt !important;
  font-weight: bold !important;
}

.center {
  text-align: center !important;
}

.clear {
  clear: both !important;
}

div#logo {
  background: url('/files/logo-bg.png') left top repeat-x #000000;
  border-bottom: solid 5px #000000;
  height: 140px;
}

div#logo div.logo {
  background: url('/files/logo.jpg') left center no-repeat transparent;
  width: 950px;
  height: 140px;
  margin: 0 auto;
  position: relative;
}

div#logo div.hamburger {
  background: url('/files/hamburger.gif') right center no-repeat transparent;
  position: absolute;
  top: 0;
  right: 0;
  width: 152px;
  height: 140px;
}

div#logo div.logo a {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  height: 140px;
  display: block;
}

div#logo h1 {
  margin: 0;
  display: none;
  visibility: hidden;
}

/* main2, menu - czyli pierdoły^2 */

div#main2 {
  width: 950px;
  position: relative;
  left: 50%;
  margin-left: -475px;  
}

/* menu */

div#main2 div.menu {
  width: 200px;
  float: right;
  clear: right;
  display: none;
  visibility: hidden;
}

div#main2 div.menu div.sub {
  background: url('/files/menu-gradient.jpg') left top repeat-x #181818;
  margin-bottom: 15px;
  padding: 5px 10px;
  font-size: 0.9em;
}

div.menu div.sub h3 {
  font-size: 14pt;
  margin: 0 0 5px 0;
  text-align: center;
  font-family: "Trebuchet Sans", Arial, sans-serif;
  border-bottom: solid 1px #444444;
}

div.menu div.sub p {
  text-align: justify;
}

div.menu div.sub ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.menu div.sub ul li a {
  display: block;
  font-variant: small-caps;
  text-transform: lowercase;
  padding: 1px 2px 1px 5px;
}

div.menu div.sub ul li a:hover {
  background: url('/files/menu-link-bg.png') right center no-repeat transparent;
}

/* kontent */

div#main2 div.content {
  background: url('/files/gradient.png') left top repeat-x #0C0C0C;
  float: left;
  clear: left;
  width: 950px;
  margin-bottom: 30px;
  padding: 10px;
}

div.content hr, div.content iehr {
  width: 95%;
  margin: 30px auto;
  height: 35px;
  border: 0;
  display: block;
  background: url('/files/linia.jpg') center center no-repeat transparent;
}

div.content hr {
  -ms-extension: expression(this.replaceNode(document.createElement("iehr")));
}

div.content div.top h2, div.content div.top h2 a {
  margin: 0;
  font-size: 18pt;
  color: #DDDDDD;
}

div.content div.top h2 a:hover {
  color: #C2C2C2;
}

div.content div.right {
  float: right;
  clear: right;
  color: #777777;
}

div.tresc div.more {
  text-align: right;
  font-weight: bold;
  font-size: 1.3em;
  padding: 5px 10px;
}

div.content div.top div.right {
  margin-top: 12px;
}

div.content div.entry {
  width: 95%;
  margin: 0 auto 25px auto;
}

div.content div.top {
  font-family: "Trebuchet Sans", Arial, sans-serif;
}

div.content div.bottom {
  font-size: 0.8em;
  color: #777777;
  font-family: "Trebuchet Sans", Arial, sans-serif;
  clear: both;
  border-top: solid 1px #353535;
}

div.content div.tresc {
  padding: 0 10px;
  border-top: solid 1px #353535;
}

div.content div.tresc p {
  text-align: justify;
  line-height: 1.6em;
  margin: 15px 0;
}

div.content div.tresc h2 {
  font-size: 15pt;
  font-weight: bold;
  text-align: justify;
  padding-left: 20px;
}

div.content blockquote {
  border-left: solid 10px #AAAAAA;
  margin-left: 20px;
  padding-left: 20px;
}

div.content div.img {
  margin: 10px auto 20px auto;
  text-align: center;
}

.source {
  font-size: 0.8em;
  text-align: right !important;
}

div.podpis {
  font-size: 0.9em;
  text-align: center !important;
  font-style: italic;
}

.autor {
  text-align: right !important;
  font-style: italic;
}

div.avatar {
  float: right;
  clear: right;
  margin: 20px 0 0 10px;
  text-align: center;
}

div.avatar img {
  border: 0;
  outline: 0;
  display: block;
  margin-bottom: 10px;
  text-align: center;
}

div.avatar a {
  text-align: center;
}

div.content ul {
  list-style-type: circle;
}

div.content ul li, div.content ol li {
  margin-bottom: 5px;
  line-height: 1.6em;
}

div.content div.kola, div.content div.kolb {
  width: 315px;
  float: left;
  font-size: 0.9em;
  margin-bottom: 20px;
}

div.content div.kola {
  padding-right: 10px;
  border-right: solid 2px #666666;
  margin-right: 10px;
}

/* meta */

div.entry ul.meta { margin: 0; padding: 0; }
div.entry ul.meta li {
  float: left;
  margin-top: 1px;
  list-style-type: none;
  position: relative;
  margin-right: 15px;
  background: #0C011D;
  cursor: default;
}
div.entry ul.meta li span {
  text-transform: uppercase;
  font-variant: small-caps;
  height: 1.2em;
  font-weight: bold;
  display: block;
  padding: 0 7px;
}

div.entry ul.meta li ul {
  margin: 0;
  padding: 3px 7px;
  display: none;
  position: absolute;
  top: 1em;
  width: 400px;
  background: #0C011D;
}
div.entry ul.meta ul li {
  margin-right: 10px;
  font-variant: small-caps;
  text-transform: lowercase;
}
div.entry ul.meta li:hover span { color: #FFFFFF; }
div.entry ul.meta li:hover ul { display: block; }

/* komentarze */

div.content div.comments {
  width: 90%;
  margin: 5px auto 5px auto;
}

div.comments div.top {
  color: #AAAAAA;
}

div.comments div.top span {
  font-size: 1.4em;
  color: #BBBBBB;
}

div.comments div.top a {
  color: #FFFFFF;
}

div.comments div.top a:hover {
  color: #AAAAAA;
}

div.comments div.top div.right {
  font-size: 0.8em;
  margin-top: 5px;
  color: #777777;
}

div.comments div.tresc {
  padding: 5px 20px;
  border: none;
}

div.comments div.com {
  margin: 15px auto 5px auto;
  padding: 5px;
  border-bottom: solid 1px #303030;
  border-right: solid 1px #303030;
}

/* nav */

div.content div.nav {
  width: 95%;
  margin: 10px auto;
}

div.content div.nav div.r {
  float: right;
  text-align: right;
  width: 315px;
}

div.content div.nav div.l {
  float: left;
  text-align: left;
  width: 315px;
}

div.content div.nav div.l a, div.content div.nav div.r a {
  padding: 5px;
  display: block;
  letter-spacing: 1px;
  font-size: 1.2em;
}

div.content div.nav div.l a { padding-left: 45px; }
div.content div.nav div.l a:hover { background: url('/files/larrow.png') left center no-repeat transparent; }
div.content div.nav div.r a { padding-right: 45px; }
div.content div.nav div.r a:hover { background: url('/files/rarrow.png') right center no-repeat transparent; }

div.content div.nav div.end {
  clear: both;
}

/* dno */

div#dno {
  clear: both;
  padding: 5px 0;
  text-align: center;
  font-size: 0.8em;
  background: url('/files/menu-gradient.jpg') left top repeat-x #181818;
}

div#dno div.linki {
  width: 300px;
  float: left;
  padding: 0 5px;
}

div#dno div.reklama {
  width: 330px;
  float: left;
  padding: 10px 0;
}

div#dno h3 {
  font-size: 12pt;
  margin: 0 5px 5px 5px;
  text-align: center;
  font-family: "Trebuchet Sans", Arial, sans-serif;
  border-bottom: solid 1px #444444;
}

div#dno div.end {
  clear: both;
  text-align: center;
  padding-top: 10px;
}

div#dno ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div#dno ul li a {
  display: block;
  text-align: center;
  font-variant: small-caps;

  text-transform: lowercase;

  padding: 1px 2px 1px 5px;
}

div#dno div.linki a {
  font-variant: small-caps;
  text-transform: lowercase;

}

.size1 { font-size: 1em; }
.size2 { font-size: 1.2em; }
.size3 { font-size: 1.45em; }
.size4 { font-size: 1.6em; }
.size5 { font-size: 1.75em; }

/* formularz od komentarzy */

#comm_text {
  width: 100%;
  margin: 15px auto 5px auto;
  font-size: 12pt;
  font-weight: bold;
  font-family: Verdana, sans-serif;
  text-align: center;
}

#formcomment fieldset {
  -moz-border-radius: 5px;
}
#formcomment label {
  vertical-align: top;
  float: left;
  width: 200px;
}

#formcomment div {
  display: block;
  overflow: auto;
  margin-bottom: 5px
}

#formcomment label:after { content: ":"; }

#commbody { width: 450px; }

#commnickid, #commbody, #commnickurl, #code, #submitcomm, #previewcomm {
  background-color: #C8C8C8;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size: 8pt;
  padding: 2px;
  border: solid 1px #777777;
}

#commnickid:hover, #commbody:hover, #commnickurl:hover, #code:hover, #submitcomm:hover, #previewcomm:hover {
  background-color: #E2E2E2;
}

#commnickid:focus, #commbody:focus, #commnickurl:focus, #code:focus {
  background-color: #FFFFFF;
  font-family: "Lucida Grande", Verdana, sans-serif;
  font-size: 8pt;
}

#submitcomm, #previewcomm { margin-left: 200px; }
#notifystart {  }
#commnickid { width: 130px; padding-left: 5px; }
#commnickurl { width: 200px; }
#code { width: 100px; }
legend#formname { display: none; visibility: hidden; }