﻿/********************************************
   AUTHOR:          Adrian Bala
   TEMPLATE NAME:   KNCHJGreen
   LAST MODIFIED:   February-18-2009
 *******************************************/

/* top elements */
* { padding: 0; margin: 0; color: green }

body {
   margin: 0;
   padding: 0;
   font: normal 80%/1.4em Tahoma, Arial, Sans-serif;
   color: #555;
   background: #fff url(mybgg.jpg) repeat-x;
   text-align: center;
}

/* links */
a { background: inherit; color: #72A545; text-decoration: none; }
a:hover { background: inherit; color: #006699; text-decoration: underline; }

/* headers */
h1, h2, h3 { font: bold 1em Tahoma, Arial, Sans-serif; }
h1 { font-size: 1.4em; color: #65944a; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }

p, h1, h2, h3 {
   margin: 10px 0 0 10px;
}

/* images */
img {
   border: 0px;
}

/* start - table */
table {
   margin: 10px auto;
   text-align: center;
   border-collapse: collapse;
}
tr {
   height: 30px;
}
tr.row-odd {
   background: #cef6bc;
}
tr.row-even {
   background: #fff;
}
td.left {
   text-align: left;
   padding: 0 5px;
}
td.right {
   text-align: right;
   padding: 0 0 0 5px;
}
td.center{
   text-align: center;
   padding: 0 5px;
}
td.justify {
   text-align: justify;
   padding: 0 5px;
}
/* end - table */


/***********************
         LAYOUT
************************/

#header-content, #content, #footer-content, #logos {
   width: 800px;
}

/* header */
#header {
   height: 100px;
   text-align: center;
}

#header-content {
   margin: 0 auto;
   padding: 0;
   position: relative;
   text-align: center;
}

/* header menu */
#header-content ul {
   position: relative;
   font: bolder 1.3em Tahoma, Arial, Sans-serif;
   color: #fff;
   list-style: none;
   margin: 0;
   padding: 0;
}
#header-content li {
   display: inline;
   text-align: center;
}
#header-content li a {
   float: left;
   display: block;
   padding: 3px 12px;
   color: #fff;
   width: 75px;
   background-color: #333;
   text-decoration: none;
   text-align: center;
   border-right: 1px solid #333;
}
#header-content li a:hover {
   background: #65944A;
   color: #fff;
}
#header-content li a#current {
   background: #65944A;
   color: #fff;
}

/* header logos */
#logos {
   height: 80px;
   margin: 0 auto;
   padding: 0;
   position: relative;
   background: #fff url(mybgg.jpg) repeat-x;
}
#logos .sublogo-left {
   text-align: left;
   width: 25%;
   float: left;
}
#logos .sublogo-center {
   text-align: center;
   width: 50%;
   float: left;
}
#logos .sublogo-right {
   text-align: right;
   width: 25%;
   float: left;
}

/* content */
#wrap-content{
   clear: both;
   float: left;
   width: 100%;
}

#content {
   background: #f5f5f5;
   text-align: left;
   padding: 0;
   margin: 0 auto;
}

/* sidebar */
#sidebar {
   float: left;
   width: 30%;
   background: #f5f5f5;
}
#sidebar h1 {
   margin: 0px 10px 5px 10px;
   font: bold 1.3em Tahoma, Arial, Sans-serif;
   text-align: left;
}
#sidebar p {
   margin: 0px 10px;
   text-align: justify;
}

/* main */
#main {
   background-color: #fff;
   width: 800px - 30%;
   height: 740px;
   overflow: auto;
   padding: 2%;
   text-align: justify;
}
#main h1 {
   margin: 0px 10px 5px 10px;
   font: bold 1.5em Tahoma, Arial, Sans-serif;
}

/* footer */
#footer {
   clear: both;
   margin: 0;
   padding: 0;
   font: normal .95em/1.6em Tahoma, Arial, Sans-serif;
   text-align: left;
}

#footer h1, #footer p { margin-left: 0; }

#footer-content {
   border-top: 1px solid #EAEAEA;
   margin: 0 auto;
}
#footer-content a {
   text-decoration: none;
   color: #777;
}
#footer-content a:hover {
   text-decoration: underline;
   color: #333;
}
#footer-content ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
#footer-content .col {
   width: 32%;
   padding: 0 5px 30px 0;
}
#footer-content .col2 {
   width: 100%;
   padding: 0 0 30px 0;
   text-align: center;
}


/***********************
         CLASSES
************************/

/* header photo */
.headerphoto {
   margin: 0 auto;
   width: 800px;
   height: 150px;
   background: #fff url(headerphotog.jpg) no-repeat center;
}
.headerphoto #buttons {
   padding: 0;
   position: relative;
   float: right;
}
.headerphoto #buttons .skins {
   text-align: right;
   clear: both;
   height: 20%;
}

/* sidebar */
.xxxosch {
   border: 1px solid #efeded;
   text-align: center;
}
.nowosc {
   border: 1px solid #efeded;
   text-align: justify;
   padding: 5px 10px;
}
.aforyzm {
   border: 1px solid #efeded;
   text-align: right;
   padding: 5px 10px;
}
.adres {
   border: 1px solid #efeded;
   text-align: justify;
   padding: 10px;
}
.licznik {
   border: 1px solid #efeded;
   text-align: justify;
   padding: 10px;
   padding-left: 10px;
}

/* main aktualnosci */
.post {
   margin: 0;
   padding: 0;
   background: #fff url(gradientbg.jpg) repeat-x;
}
.post .autor{
   color: #72A545;
}
.post .post-footer {
   background-color: #fafafa;
   padding: 5px;
   margin-top: 20px;
   font-size: 95%;
}
.post .post-footer .date {
   background: url('clock.gif') no-repeat 0 center;
   padding-left: 20px;
   margin: 0 10px 0 5px;
}
.post .post-footer .comments {
   background: url('comment.gif') no-repeat 0 center;
   padding-left: 20px;
   margin: 0 10px 0 5px;
}
.post .post-footer .readmore {
   background: url('page.gif') no-repeat 0 center;
   padding-left: 20px;
   margin: 0 10px 0 5px;
}

.sklad {
   text-align: center;
}
.galeria {
   text-align: center;
}
.eventy {
   text-align: left;
}
.linki {
   text-align: center;
}
.statut {
   text-align: left;
}
.kontakt {
   text-align: center;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center  { text-align: center; }
.align-justify { text-align: justify; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #bfbfbf; }