body {
margin: 0;
padding : 0;
background: #CCCCCC;
color: #555;
font-family: "Trebuchet MS","lucida sans", tahoma, sans-serif;
font-size: 14px;
background-image:url(images/napis.png);
background-repeat:no-repeat;
}
			/*WRAP*/
#container {
width: 760px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
line-height: 1.8em;
background-image: url(images/tlo.png);
background-repeat:repeat-x; 
color: #666;
background-color:#CCCCCC;
}

#event {
position:absolute;
top:30px;
left:30px;
background-image:url(images/napis.png);
width:403px;
height: 202px;
float:left;
background: transparent;

}

#logo {
position:relative;
top:50px;
background-image:url(images/wima_logo.png);
width:131px;
height: 126px;
float:left;
margin-left: 50px;
}

#pasek {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding-top: 30px;
	padding: 0;
	background-color: #003366;
	height: 240px;
	border: 3px solid #fff;
}

#zielony {
	background: #CCFF00;
	height: 7px;
	width:760px;	
	border-right: 3px solid #CCFF00;
	border-left: 3px solid #CCFF00;
	}
	
			/*TOP BANNER*/
#banner {
position: relative;
top: 60px;
margin-right: 53px;
height: 200px;
width: 294px;
border: 5px solid #fff;
float: right;
background: url(images/domek.jpg) no-repeat;
color: #000;
}

			/*TOP NAVIGATION*/
#navbar ul {
position: relative;
top: 20px;
float:left;
width: 100%;
margin:0;
padding:0;
list-style-type:none;
font-size: 130%;
text-align: center;
background: #006699;
color: #000;
}
#navbar a {
float:left;
width:6em;
height:30px;
text-decoration:none;
color:#fff;
background:#006699;
border-right:1px solid #fff;
}
#navbar a:hover {
	background-image:url(images/pasek.png);
	color: #CCFF00;
	text-decoration: none;
}
#navbar li {
display:inline;
}

#navbar li {
display:inline;
}

#navbar li ul {
position:absolute;
top: 30px;
left: 220px;
text-align:left;
width:7em;
height:30px;
color:#fff;
background:#006699;
border-bottom:1px solid #fff;
display:none;
font-size:80%;
}

#navbar li:hover ul {
display:block;
height:30px;
}

#navbar li ul  li {
width:100%;
background:#006699;
}
			/*MAIN CONTENT*/
#content {
padding: 1em;
margin-left: 200px;
margin-right:50px;
margin-top: 30px;
background-color: #FFFFFF;
}
			/*SIDEBAR*/
#sidebar {
float: left;
width: 160px;
margin: 0;
padding: 0 1em 0 1em; 

}
			/*SIDE MENU*/
#sidebar ul {
list-style: none;
margin: 0 0 20px 0;
padding: 0;
}
#sidebar ul li { 
display: inline;
padding: 0;
margin: 0;
}
#sidebar ul li a {
display: block;
color: #385900;
background: inherit;
text-decoration: none;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 10px;
border-bottom: 1px solid #C0C0C0;
}

#sidebar ul li a:hover {
text-decoration: none;
background: #003366;
color: #fff;
padding-left: 10px;
}
			/*FOOTER*/
#footer {
clear: both;
width:750px;
padding: 5px;
margin: 0;
font-size: 0.8em;
border: 3px solid #fff;
background: #003366;
color: #fff;
text-align:center;
margin-top: 20px;
}
#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #000; 
}
#footer a:hover {
text-decoration : underline;
background : inherit;
color :  #fff;
}
			/*LINKS*/
a:link, a:visited {
text-decoration : none;
background : inherit;
color : #868749;
}
a:hover {
text-decoration : underline;
background : inherit;
color :  #385900; 
}
			/*TYPOGRAPHY*/
h1 {
margin: 0;
padding: 30px 0 0 20px;
font-size: 175%;
letter-spacing: 3px;
color:#FFFFFF;
}
h2 {
margin-top: 10px;
padding: 10px 0 10px 0;
font-size: 160%;
letter-spacing: 3px;
background : transparent;
color: #000066;
}
h3 {
margin: 0;
padding: 10px 0 10px 0;
font-size: 160%;
letter-spacing: 3px;
background : inherit;
color :  #385900;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}
			/*CLASS*/
.clear {
clear: both;
overflow: hidden;
width: 0;
height: 0;
}
.slogan {
margin: 0 0 0 50px;
letter-spacing: 3px;
}

.post{
background: #E6E7E9;
padding: 3px;
margin: 20px 10px 10px 5px;
font-size: 80%;
}
.post .date {
background: url(images/clock.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
.post .comments {
background: url(images/comment.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
.post .readmore {
background: url(images/document.gif) no-repeat left center;
padding-left: 15px;
margin: 0 15px 0 5px;
}
p{
text-align:justify;
}
.active {
	background-image:url(images/pasek.png);
	color: #CCFF00;
	text-decoration: none;
	float:left;
width:6em;
height:30px;
border-right:1px solid #fff;
}