/* Nocny Rzepin CSS2 sheet, written by Micha³ Smoczyk
created Jan 2002, last modified Jan 2008 */

body {
   margin-left: 1em;
   margin-right: 1em;
   margin-bottom: 1em;
   margin-top: 0em;
   font-family: Verdana, "Arial CE", Arial, Helvetica, sans-serif;
   color: #d1cac5;
   background-color: black;
   font-size: x-small;
   }

/* abbreviations and acronyms markup */
abbr[title] {border-bottom: 1px dotted #ffffcc; cursor: help;}
acronym[title] {border-bottom: 1px dotted #ffffcc; cursor: help;}

/* images */
img {border-style: none; display: block;} /* no border on img links */
td img {margin: auto;}
img.galintro {width: 300px; height: 200px; border: 1px solid #333333; margin: 2px;}
img.valid {width: 88px; height: 31px; float: right;}
#zegar {width: 62px; height: 50px;}
#zdjecie img {display: inline;}
#logomov {width: 255px; height: 75px; margin-left: 0px;}
#stat4u {display: inline;}
#licznik {height: 13px; display: inline;}
#jewula {width: 100px; height: 40px;}
#zegar {width: 62px; height: 50px; float: left; margin: 10px;}
#cell {width: 11px; height: 11px; display: inline;}
#rdf {width: 76px; height: 32px; float: right;}
#rss {width: 36px; height: 14px; display: inline;}
.w650 {width: 660px;}

/* znaczniki */
em {font-style: italic;}
strong {font-weight: bold;}
p {text-align: justify;}
ul {text-align: left; list-style-image: url("../images/cell.gif"); list-style-type: square;}
ol {list-style-type: decimal; font-weight: normal;}
li {margin-bottom: 0.2em;}
h1 {
   font-size: x-large;
   font-family: "Century Schoolbook L", Georgia, Utopia, serif;
}
h1.negative {
   font-size: x-large;
   font-weight: bold;
   color: white;
   letter-spacing: 0.4em;
   text-align: left;
   background-color: black;
   margin-bottom: 0em;
   padding: 0em;
}
h2 {font-size: small;}
div.podpis {width: 50%; margin: auto;}
p.tytul {text-align: center; font-weight: bold;}
td table {margin: auto;}

/* classes and ids */
.negative {
   font-size: large;
   font-weight: bold;
   color: white;
   letter-spacing: 0.4em;
   text-align: left;
   background-color: black;
}
.list-map {list-style-type: none; font-weight: bold;}
.lista {list-style-image: url("../images/cell.gif"); list-style-type: square;}
#pozostale {list-style-image: url("../images/cell.gif"); list-style-type: square; text-align: left;}
.full {width: 100%;}
.top {vertical-align: top;}
.sr {text-align: center; margin: auto; padding: 0px;}
.srt {text-align: center; margin: auto; padding: 10px;}
.zdjecie {text-align: center; margin: auto; padding: 0px;}
.zdjecie img {text-align: center; margin: auto; padding: 0px;}
.rt {text-align: right;}
.rtb {text-align: right; vertical-align: bottom;}
.lt {text-align: left;}
.jus, p {text-align: justify;}
.line {border-top: 1px solid #333333; border-bottom: 1px solid #333333;}
.wlos {border: 1px solid #333333; margin: 2px;}
.ramka {border: 10px solid #333333; margin: auto; padding: 0px;}
.ramkaf {
   margin: 10px;
   border: 10px solid #333333;
}
.ramkalt {
   margin: 10px;
   float: left;
}
.w520 {width: 520px;}
.w750 {width: 750px;}
.flt {float: left;}
.frt {float: right;}
#galeria {font-weight: bold; letter-spacing: 0.5em; text-align: right; font-size: small;}
#main {text-align: center; margin: auto; padding: 0px; width: 100%;}
#linki {width: 300px; text-align: left; padding: 10px;}
#rzezba {vertical-align: top; width: 20%;}
#foot {float: left;}
#footimg {float: right;}
#clr, .clr {clear: both;}
#lft {margin: 0px; padding: 0px; text-align: left;}
#lft20 {margin: 20px; padding: 0px; text-align: left;}
#przypisek {
   letter-spacing: 0em;
   font-size: small;
}
#nav {text-align: center; clear: both; margin-bottom: 2em;}

/* index page - background */
#bkg {
   background-image: url("../images/bkg-blk.jpg");
   background-repeat: no-repeat;
   background-position: bottom right;
   background-attachment: scroll;
}
#bkg-clock {
   background-image: url("../images/kosciol/zegar.jpg");
   background-repeat: no-repeat;
   background-position: bottom right;
   background-attachment: scroll;
}
#pano {
   background-image: url("../images/pano1024-bw.png");
   background-repeat: repeat-x;
   background-position: top left;
   background-attachment: scroll;
   height: 130px;
   border-bottom: 1px solid #333333;
}

/* anchors */
.copy {color: #d1cac5; background-color: inherit; font-weight: normal;}
.copyr {color: #d1cac5; background-color: inherit; letter-spacing: 0.5em;}
.ksiega {color: white; background-color: inherit; font-weight: bold;}
a {
   text-decoration: none;
   color: #d1cac5;
   background-color: inherit;
   font-weight: bold;
}
a:visited {color: #767676; background-color: inherit;}
a:hover {color: #d1cac5; background-color: #7d6d61;}
a.negative:hover {color: white; background-color: inherit;}

/* logo in CSS in progress */
#logo-text {
   margin: 0px;
   padding: 0px;
   position: relative;
   font-size: 50px;
   width: 5em;
   height: 1.3em;
}
#nocny {
   font-family: Verdana, "Arial CE", Arial, Helvetica, sans-serif;
   font-size: 50px;
   font-weight: 900;
   letter-spacing: 0em;
   font-style: normal;
   color: gray;
   background-color: transparent;
   text-transform: uppercase;
   position: absolute; top: 0px; left: 0px;
}
#rzepin {
   font-family: "Century Schoolbook L", BarmeReczny, Papyrus, "Viner Hand ITC", Chiller, "Curlz MT", "Andy MT", Georgia, Utopia, fantasy;
   font-size: 40px;
   letter-spacing: 0.1em;
   font-weight: bold;
   font-style: italic;
   color: white;
   background-color: transparent;
   position: absolute; top: 0.8em; left: 2em;
}
/* accesskeys are displayed after anchors, for those who don't like mouse navigation */
/* a:hover:after, a:focus:after {content:" [" attr(accesskey) "] ";} */

/* New photo gallery styling without tables, in progress, Nov 2007, inspired by Stu Nicholls, which is available at his website CSSplay http://www.cssplay.co.uk/menu/slide_show.html */

.gallery{
position:relative; 
width:725px; 
height:222px; 
margin:20px auto 20px auto;
padding: 0;
border:0px solid #aaa;
list-style-type:none;
margin-bottom: 30px;
}
.gallery li{
display:block;
float:left;
width:220px;
height:220px;
margin: auto 10px auto 10px; padding: 0;
position:relative; /* This is the key */
}
.gallery li a{
display:block;
width:220px;
height:220px;
margin: 0; padding: 0;
border:1px solid black;
}
.gallery li a.big{
display:block;
width:420px;
height:220px;
margin: 0; padding: 0;
border:1px solid black;
}

.gallery img{border:10px solid #333; padding: 0px;}
.gallery li a:hover {border:1px dotted #333; background-color: black;}

/* clear the float at the end of each line of four slides */
span.clr {display:block; clear:both; width:0; height:0; font-size:0; line-height:0;}

/* central positioning of thumbnails using margins */
a.vert img {margin-top: 0px; margin-left: 35px; width:130px; height:200px;}
a.horiz img {margin-top: 35px; margin-left: 0px; width:200px; height:130px;}
a.square img {width:200px; height:200px;}
a.pano img {margin-top: 55px; margin-left: 0px; width:200px; height:85px;}
a.panobig img {margin-top: 35px; margin-left: 0px; width:400px; height:130px;}

a img{ border:none; } /* A small fix */