/*  
Theme Name: ZDiT

Description: Zieleń, Drogi i Transport w Łodzi
Version: 1.0 beta
Author: Marek Jurkiewicz
Author URI: http://jurkiewicz.net
*/


* {
 list-style-type: none;
 outline: none;
 margin: 0px;
 padding: 0px;
}

body {
 background: url(images/background.jpg) repeat-x #555;
 color: #FFF;
 font-size: 16px;
 font-family: Calibri, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana,  sans-serif;
}
#body {
 background: url(images/nav-gradient.jpg) bottom left repeat-x transparent;
}

.hidden {
 display: none;
}

#wrapper {
 width: 990px;
 background-color: #444;
 color: #000;
 margin: 0 auto; 
}
#main {
 width: 990px;
 color: #000;
 margin: auto;
}

#header {
 width: 990px;
 height: 250px;
 background-color: #AAA;
 background-image: url(images/header.jpg);
}

#logo {
 display: none;
}

img, a img {
 border-style:none;
}

acronym, abbr, span.caps {
 cursor: help;
}
blockquote {
 margin: 15px 30px 15px 10px;
}
blockquote cite {
 display: block;
 margin: 5px 0 0; 
}
pre {
 margin: 10px;
}
code {
 color: #000;
}

.clear {
 clear:both;
}
.space {
 display:none;
 clear: both;
}
.center {
 text-align: center;
}
.alignright {
 float: right;
}
.alignleft {
 float: left;
}

img.centered {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
img.alignright {
 display: inline;
 margin: 0 0 2px 7px;
 padding: 0;
}
img.alignleft {
 display: inline;
 margin: 0 7px 2px 0;
 padding: 0;
}

#content {
 float: left;
 width: 650px;
 background-color: #FFF;
 color: #222;
 font-size: 16px;
 font-family: Calibri, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana,  sans-serif;
 text-decoration: none;
}
#content img {
 margin:0 10px 5px 0;
}
#content ol, #content ul {
 margin: 0;
 padding: 0;
} 
#content li {
 margin: 4px 40px 8px 30px;
 padding: 0;
}
#content p {
 text-align: justify;
 margin: 4px 40px 8px 30px;
}
#content p a:link, #content p a:visited {
 color: #666;
 text-decoration: underline;
}
#content p a:hover {
 text-decoration: none;
}
#content h3 {
 font-size: 22px;
 font-family: Calibri, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana,  sans-serif;
 line-height: 22px;
 text-decoration: none;
 margin: 20px 40px 2px 30px;
}
#content h2 {
 font-size: 30px;
 font-family: Calibri, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana,  sans-serif;
 line-height: 42px;
 text-decoration: none;
 margin: 12px 40px 3px 30px;
}
#content h2 a:link, #content h2 a:visited, #content h3 a:link, #content h3 a:visited {
 text-decoration: none;
 color: #000;
}
#content h2 a:hover, #content h3 a:hover {
 text-decoration: underline;
}
.postdate {
 color: #666;
 font-size: 14px;
 text-transform: uppercase;
 text-decoration: underline;
 position: relative; top: 0; left: 0;
 margin: 0 40px 10px 30px;
 padding: 0;
}
.comms {
 position: absolute; top:0; right: 3px; 
}
* html .comms {
 position: absolute; top:0; right: 42px; 
}
.comms a:link, .comms a:visited {
 color: #666;
 font-size: 14px;
}
.comms a:hover {
 color: #888;
 text-decoration: none;
}

div .postmetadata {
 width: 560px;
 background-color: #EEE;
 border: 1px solid #BBB;
 font-size: 11px;
 text-transform: uppercase;
 line-height: 18px; 
 margin: 10px 0px;
 padding: 2px 6px;
}
div .postmetadata a {
 color:#666;
 font-weight:bold;
}
div .postmetadata a:hover {
 color:#000;
}

.navigation {
 width:580px;
 height:20px;
 margin-bottom:20px;
}
.navigation span.older {}
.navigation span.newer {}

.comen {
 width: 400px;
 background: url(images/quotation.gif) 8px 40px no-repeat #EEE;
 border: 1px solid #BBB;
 margin: 10px auto 8px 100px;
 padding: 5px 0 5px 20px;
}
.comen .ucomen {
 font-weight: bold;
}
#commentform {
 width: 580px;
 margin: 10px auto 8px 70px;
}
#commentform input {
 width: 250px;
 border: 1px solid #BBB;
 padding: 3px 0px;
 margin: 2px 0;
}
#commentform textarea {
 width: 420px;
 border: 1px solid #BBB;
 padding: 3px 0px;
}
#commentform label {
 position: relative; top: -1px; right: 0;
 margin-left: 6px;
}
* html #commentform label {
 position: relative; top: -4px; right: 0; /* IE*/
}
#commentform #author {
 background-color: #EEE;
}
#commentform #email {
 background-color: #EEE;
}
#commentform #comment {
 background-color: #EEE;
}
#commentform #submit {
 width: 100px;
 height: 25px;
 border-style: none;
 margin-left: -3px;
}

#nav {
 width: 990px;
 height: 40px;
 background: url(images/nav-gradient.jpg) repeat-x #FC3;
 color: #000;
}
#nav ul {
 font-size: 16px;
 font-family: Calibri, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana,  sans-serif;
 line-height: 40px;
 text-transform: uppercase;
 text-decoration: none;
}
#nav ul li {
 float: left;
}
#nav ul li a:link, #nav ul li a:visited {
 display: block;
 height: 40px;
 width: auto;
 text-decoration: none;
 color: #000;
 background-image: none;
 padding: 0 10px;
}

#nav ul li a:hover {
 display: block;
 height: 40px;
 width: auto;
 background: url(images/nav-gradienth.jpg) repeat-x #555;
 color: #FC3;
}
* html #nav ul li a:link, * html #nav ul li a:visited, * html #nav ul li a:hover {
 width: 30px; /* IE */
}

#nav ul li.date {
 float: right;
 margin: 0 10px;
}
* html #nav ul li.date {
 margin: 0 6px;
}

form {
 margin: 0;
 padding: 0;
}

#searchform {
 display: block;
 height: 40px;
 width: 200px;
 position: relative; top: 0; left: 0;
}

#searchform input {
 display: block;
 width: 150px;
 height: 18px;
 border: 1px solid #000;
 position: absolute; top: 10px; left: 0;
 margin: 0 10px;
}
* html #searchform input, * html #searchform button {
 top: 11px; /* IE */
}

#searchform button {
 display: block;
 width: 46px;
 height: 20px;
 border: 1px solid #000;
 background-color: #FFF;
 font-family: Calibri, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana,  sans-serif;
 font-size: 12px;
 text-transform: none;
 margin: 0;
 position: absolute; top: 10px; left: 166px;
}

html:first-child #searchform button {
 border: none;
 background-color: transparent; /* Opera */
}

#searchform button span {
 display: block;
 width: 100%;
 height: 100%;
 position: relative; top: 0; left: 0;
}
* html #searchform button span {
 top: -12px; left: -2px; /* IE */
}
html:first-child #searchform button span {
 text-transform: uppercase;
 position: absolute; top: -10px; left: -1px; /* Opera */
}


.post img {margin:0 10px 10px 10px;}

#lsidebar {
 width:150px;
 float:left;
 margin-left: 10px;
}
#rsidebar {
 width:160px;
 float:right;
}
#sidebar {
 width: 340px;
 float: right;
 background: transparent;
 color: #FFF;
}

#lsidebar ul li ul li, #lsidebar ul li h2 {
 margin-left: 15px;list-style-type: disc;
}
#rsidebar ul li ul li, #rsidebar ul li h2 {
 margin-right: 15px;list-style-type: disc;
}
#tagcloud {
 margin: 20px 15px;
}
#tagcloud h2 {
 margin-bottom: -4px;
}
.boxes {
}
.ads {
}

#sidebar h2 {
 color: #FC0;
 font-size: 18px;
}
#sidebar p {
 text-align: justify;
 margin: 15px 20px;
}
#sidebar ul {
 margin: 0 auto;
}
#sidebar ul li {
 line-height: 24px;
}
#sidebar ul li ul {
 margin-bottom: 15px;
}
#sidebar a:link, #sidebar a:visited {
 color: #FFF;
 font-weight: normal;
 text-decoration: none;
}
#sidebar a:hover {
color: #BBB;
}
#footer {
 width: 990px;
 height: 40px;
 background: url(images/nav-gradient.jpg) repeat-x #FC3;
 color: #000;
}
#powered {
 font-family: Calibri, 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Verdana,  sans-serif;
 line-height: 40px;
 text-decoration: none;
 margin-left: 10px;
}
#powered a:link, #powered a:visited {
 color: #903;
 text-decoration: underline;
}
#powered a:hover {
 text-decoration: none;
}













/*+++++++ GALLERY +++++++*/

.gallery {text-align:center;}

.gallery img {height:100px; width:100px;}

.gallery a:hover {background-color:#ffffff;}

.attachment {
 text-align:center;
}
.attachment img {
 border: none;
}

.imgnav {}

.imgleft {}

.imgright {}