/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
* {
	margin: 0;
	padding: 0;
}

label {cursor:pointer;}

body {
	margin: 20px 0;
	background: #FFFFFF url(../img/img01.jpg) repeat-x left top;
	text-align: left;
	font-family: 'Trebuchet MS', "Times New Roman", Times, serif;
	font-size: 13px;
	color: #666666;
}

fieldset {border:0;}
img {
	border: solid #92C601 3px;
	margin: 4px 4px 4px 4px;
}

pre {
	margin-left: 1.2em;
    margin-right: 1.2em;
    padding: 1em 1em;
    background: #191919;
    border-left: 1px dotted #CCCCCC;
    color:#FFFFFF;
    overflow:auto;
}
form {}

form br {}
input, textarea {
	padding: 5px;
	font: bold 1em Georgia, "Times New Roman", Times, serif;
	color: #333333;
	background: #F9F3DF;
	border-top: 1px solid #CB960F;
	border-right: 1px solid #CCCC99;
	border-bottom: 1px solid #CCCC99;
	border-left: 1px solid #CB960F;
}
h1, h2, h3 {
	padding-bottom: 10px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 1.4em;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-top: 1.5em;
}
ul, ol {
	margin-left: 3em;
}
blockquote {
	margin-left: 3em;
	margin-right: 3em;
	font-style: italic;
}
a {
	text-decoration: none;
	color: #70A300;
}

p {
	
}
a:hover {
	border: none;
	color: #70A300;
}
/* Header */
#header {
	width: 960px;
	height: 100px;
	margin: 0 auto;
}
#logo {
	float: left;
	height: 40px;
}
#logo h1, #logo h2 {
	float: left;
	margin-top: 20px;
	font-weight: normal;
}
#logo h1 {
	padding: 5px 0 0 0px;
	font-size: 2.6em;
	text-transform: none;
}

#logo h2 {
	padding: 0px 0 0 6px;
	font-size: 1em;
	margin-left:-145px;
	margin-top:60px;
	text-transform: none;
}
#logo h2 a{
	color: #666666;
}

#logo a {
	border: none;
	text-decoration: none;
	color: #FFFFFF;
}

#menu {
	float: right;
	height: 40px;
}
#menu ul {
	margin: 0;
	padding: 30px 0px 0 0;
	list-style: none;
}
#menu li {
	float: left;
}
#menu a {
	display: block;
	float: left;
	border-left: 2px solid #99C233;
	margin-right: 3px;
	padding: 5px 18px 5px 18px;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 1.2em;
	color: #FFFFFF;
}
#menu a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#menu .sel {
	background-color: #6D9F02;
}
#menu .last a {
	margin: 0;
	padding-right: 18px;
}
/* Page */
#page {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

/* Content */
#content {
	float: left;
	width: 440px;
	padding: 0 30px;
}
.post {}

.post .end {
	border-bottom: 1px dashed #DEDEDE;
}
.post .title {
	margin: 0;
	background: url(../img/img03.jpg) repeat-x left bottom;
}
.post .title h1, .post .title h2 {
	margin: 0;
	padding: 0;
}

.post .title a {
	border: none;
	color: #666666;
}
.post .meta {
	margin: 0 0 5px 0;
	padding: 3px 0 0 0;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
.post .entry {
	padding-bottom: 10px;
}
.post .entry p, .post .entry ol, .post .entry ul {
	line-height: 180%;
}
.post .tags {
	margin: 0;
	padding: 10px;
	border-top: 1px solid #DEDEDE;
	font-size: smaller;
	text-align: center;
}
.post .tags a {
	margin-left: 10px;
}
.post .links {
	text-align: center;
	margin: 0;
	padding: 5px 10px;
	border: 1px solid #DEDEDE;
	font-size: smaller;
	text-transform: uppercase;
}
.post .entry hr {
	background-color: #DEDEDE;
	height:1px;
	border: 0;
}
.post .links a {
	font-weight: bold;
}
.post ul {
	padding-bottom: 25px;
}
.post h2, .post h3 {
	padding-top: 20px;
}
#na-topie {}

#na-topie h3 {
	margin: 0;
	text-transform: none;
}
#na-topie ul {
	margin: 0;
	padding: 0;
}
#na-topie li {
	margin: 0;
	padding: 0;
}

#komentarze {}

#komentarze ul {
	margin: 0;
	padding: 0;
}

#komentarze li {
	margin: 0;
	padding: 0;
}

#reklama {}

#reklama ul {
	margin: 0;
	padding: 0;
}

#reklama li {
	margin: 0;
	padding: 0;
}
/* Sidebars */
.sidebar {
	float: left;
}
.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar li {
	padding-bottom: 20px;
	width:100%; 
	float: left;
}
.sidebar li ul {}
.sidebar li li {
	padding: 5px 0;
}

.sidebar h2 {
	background: url(../img/img03.jpg) repeat-x left bottom;
	letter-spacing: -1px;
	color: #666666;
}

/* Sidebar1 */
#sidebar1 {
	width: 220px;
}
#sidebar1 li li {
	background: url(../img/img05.gif) no-repeat left 50%;
}
#sidebar1 h2 {}

/* Sidebar2 */
#sidebar2 {
	width: 240px;
}

/* Search */
#search {}

#search form {
	margin: 0;
	padding: 0;
}
#search #s {
	width: 94%;
	border: 1px #DEDEDE solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
#search #submit {
	padding: 3px 10px;
	width:70px;
	margin: 5px 0 0 0;
	background: url(../img/img04.jpg) repeat-x left top; 
	border: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}

/* Footer */
#footer {
	clear: both;
	width: 960px;
	height: 40px;
	margin: 0 auto;
	background: url(../img/img02.jpg) repeat-x left top;
}

#footer p {
	margin: 0;
	padding: 15px 0px;
	font-size: 11px;
}

#footer .legal {
	float: left;
	height: 40px;
}

#footer .credit {
	float: right;
	height: 40px;
}

.processing {background:url("../img/ajax-loader2.gif") 128px 15px no-repeat;}

#loading {
	position: absolute;
	width:100%; 
	height:260px;
	margin-top:100px; 
	display:none;
}

#loading p {
	margin-left:127px;
	margin-top: 40px;
}

.blogroll-list ul{}
.blogroll-list ul li{ border-bottom:1px dashed #868686;}
.blogroll-list ul li a{display:block; text-decoration:none; padding:0 0 0 16px;} 

.muzycznie-list ul{}
.muzycznie-list ul li{border-bottom:1px dashed #868686;}
.muzycznie-list ul li a{display:block; text-decoration:none; padding:0 0 0 16px;}

.laboratorium-list ul{}
.laboratorium-list ul li{border-bottom:1px dashed #868686;}
.laboratorium-list ul li a{display:block; text-decoration:none; padding:0 0 0 16px;}

.inne-list ul{}
.inne-list ul li{border-bottom:1px dashed #868686;}
.inne-list ul li a{display:block; text-decoration:none; padding:0 0 0 16px;}

.na-skroty-list ul{}
.na-skroty-list ul li{border-bottom:1px dashed #868686;}
.na-skroty-list ul li a{display:block; background:url(../img/short-ico.png) 0 20% no-repeat; text-decoration:none; padding:0 0 0 16px;}


.error-list ul{}
.error-list ul li {display:block; background:url(../img/alert-ico.png) 0 20% no-repeat; text-decoration:none; padding:0 0 0 16px;}


.errors {
	width:440px;
	z-index:20;
	background-color:#89A339;
	color:#ffffff;
	text-align: left;
	position: absolute;
	
}

#divFormComment {
	width:440px;
	height: 260px;
	z-index:20;
	background-color:#89A339;
	color:#ffffff;
	text-align: left;
	position: absolute;
	clear:both;  
	display:inline;
	overflow:hidden;
	display:none;
	margin-top:-290px;
}

#divFormComment ul{
	list-style: none;
}

#divFormComment #closeComment {
	width:100%;
	padding: 5px;
	position: absolute;
	margin-left:420px;	
}

#divFormComment #closeComment a{
	color:#fff;
}


#tagi em {width:auto; float:left; height:22px; margin:0; padding: 0; font-style:normal; text-decoration:none; text-transform: none;}
	


/*remove the list style and make it just a normal list of items*/  
.home-item ul.tagcloud  
{  
    list-style-type:none;  
    margin:0px;  
    padding:0px;  
}  
   
/*this lines each of the li's up next to one another and spaces them out niecly*/  
.home-item ul.tagcloud li  
{  
    display:inline !important;  
    margin-right:10px;  
    line-height:1em;  
    width:auto;
    height:24px;
}  
  
.home-item ul.tagcloud li a  
{  
	padding: 0 4px 0 4px;
    display:inline;  
}

.home-item ul.tagcloud li a:hover {  
    
    text-decoration:underline;
}




	
/* BEGIN formularz */
		
		#divFormComment .form {color:#fff; font-weight:normal;}
		#divFormComment .form a {color:#fff;} form a:hover {text-decoration:none;} .form li {clear:both;}
		#divFormComment .form p {padding:5px 0;}
		#divFormComment .form h3 {font-size:13px; font-weight:bold; color:#9b977b; line-height:22px;} .form h3 em {width:235px;}
		#divFormComment .form li {padding: 3px 0 0 0; }
		#divFormComment .form li.warnt {margin-bottom:10px;}
		#divFormComment .form li.warnt p {font-size:12px; color:#ca0a00; padding:5px; margin-right:10px; border:4px solid #ca0a00;}
		#divFormComment .form legend  {display:none;}
		#divFormComment .form label {cursor:pointer;}
		#divFormComment .form em {width:60px; float:left; font-style:normal; }
		#divFormComment .form i {float:left; padding-right:35px; font-style:normal; line-height:22px;} .form strong {line-height:22px;}
		#divFormComment .form span {height:22px; width:22px; text-indent:-55000px; float:right; padding-right:10px; background: url('../img/ico-warn.gif') 0 50% no-repeat;}
		#divFormComment .form ol li {float:left; width:100%; padding:2px 0; clear:none;}
		#divFormComment .form input, .form select {float:left;border:solid 1px #E1E1E1;}
		#divFormComment .form .fih {display:none;}
		#divFormComment .form .fii input, .form .fit textarea {width:260px; padding:2px; background-color:#89A339;border:solid 1px #E1E1E1; color:#fff;font-weight:normal;}
		#divFormComment .form .fif input {width:260px; padding:2px 0; background-color:#F3F3F3;}
		#divFormComment .form .fis select {width:175px; background-color:#F3F3F3;}
		#divFormComment .form .fir input {height:16px; width:16px; margin:4px 4px 0 0;}
		#divFormComment .form .fic input {height:16px; width:16px; margin:4px 4px 0 0;}
		
		#divFormComment .form .fit textarea {width:260px; height:100px; border:solid 1px #E1E1E1;}
		#divFormComment .form .fib input {display:inline; width:100px; height:22px; padding:3px 5px; border:0; float:left; color:#89A339; cursor:pointer; background-color:#fff;}