/*  
            -Basic Elements (ie. body, a, h1, li...)
            -Layout Containers (ie. wrapper, content..)
            -Header
            -Footer
            -Posts (everything related to the entries)
            -Sidebar
            -comments
*/

/* -------------------------------------

Basic Elements

--------------------------------------*/

body {
	background-color: #222222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

html {

	background-color: #222222;

/* this is added because Internet Explorer and other browsers display this hue differently*/

}


.lewo{
float:left;
width:300px;
}

.prawo{
float:right;
width:360px;
text-align: justify;
}

.margineslewy {
padding-left: 20px;
}

#map{
height:300px;
width:700px;
}

p {
line-height: 20px;
text-align:justify;
}

p.srodek {
text-align:justify;
line-height:0px;
padding:0;
margin:0;
}

p.wasko {
padding-left:40px;
padding-right:40px;
}

p.grubo {
font-weight: bold;
}

p.norm {
padding-left: 20px;
}

h1, h2, h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

h3 {
font-size:14px;
font-weight: bold;
}


ul {

	margin: 0px;
	padding: 0px;
	list-style: none;

}

.footer li {
display:inline;
}

/* -------------------------------------
Layout Containers
--------------------------------------*/

.wrapper {
position:relative;
top:20px;
	margin: 0px auto;
        padding: 0px;
	height: auto;
	width: 800px;

}

.content {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px 40px 10px 40px;
	height: auto;
	width: auto;
}

.clear {
	clear: both;
	height: auto;
	width: auto;
	display: block;
}


/* -------------------------------------
Headers
--------------------------------------*/

#header {
background: url(images/gora.gif);
display: block;
margin: 0px;
padding: 0px;
height: 300px;
width: 800px;
font-size: 11px;
line-height: 12px;
}

.menu1 {
margin: 0px;
padding: 150px 10px 10px 60px;
width: auto;
text-align:left;
float: left;

}

.menu2 {
float: right;
width: auto;
margin: 0px;
padding: 150px 60px 10px 70px;
text-align: right;
}



/* -------------------------------------
Linki
--------------------------------------*/

.menu1 a:link, .menu1 a:visited {
color: #ffffff;
text-decoration: none;
}

.menu1 a:hover {
color: #cccccc;
text-decoration: none;
}



a:link, a:visited, .menu2 a:link, .menu2 a:visited {
color: #f68120;
text-decoration: none;
}

a:hover, .menu2 a:hover {
color: #cccccc;
text-decoration: none;
}



.mainbikes {
border-bottom: 1px solid #dddddd;
padding: 40px 0px 20px 0px;
margin-bottom: 10px;
}

.mainbikes1 a:link, .mainbikes a:visited {
color: #ff0000;
text-decoration: none;
font-size: 14px;
font-weight: bold;
padding-left:30px;
}

.mainbikes a:hover {
color: #333333;
text-decoration: none;
}


/* -------------------------------------
Footer
--------------------------------------*/


.footer {
line-height: 16px;
	background-color: #666666;
	width: 790px;
	padding-top: 1px;
padding-bottom: 1px;
	text-align: center;
        margin: 0 auto;
	font-size: 10px;
	color: #FFFFFF;
height:70px;

}
.footer a:link, .footer a:visited {
color: #cccccc;
text-decoration: none;
}

.footer a:hover {
color: #aaaaaa;
text-decoration: none;
}


.footerleft {
width: 400px;
float: left; 
bbackground: #aaaaaa;
text-align: left;
padding: 10px 0px 0px 20px;

} 

.footerright {
width: 350px; 
float: right; 
bbackground: #aaaddd;
border-eft: 1px solid #555555;
padding: 10px 0px 0px 20px;
}


.subfooter {
bbackground: #000000;
text-align: center;
margin: 0 auto;
z-index: 100;
color: #666666;
}

.subfooter li {
display: inline; 
color: #666666;
}
/* -------------------------------------

Posts

--------------------------------------*/

.posts {
	float: left;
	margin: 0px;
	padding: 0px;
        padding-top:20px;
	height: auto;
	width: 340px;

}

.posts2 {
	float: left;
	margin: 0px;
	padding: 0px;
        padding-top:20px;
	height: auto;
	width: 720px;
}

.posts2 img {
padding-right:20px;

}


.postentry2 {

	display: block;

	height: auto;

	width: 700px;

	padding-bottom: 30px;



}

.postentry {

	display: block;

	height: auto;

	width: 350px;

	padding-bottom: 30px;



}

.postentry h2, h2 a {

	color: #999999;
        font-size:22px;
	font-weight: bold;
}


.entrybody {

	margin: 0px;

	padding: 10px;

	height: auto;

	width: auto;

}


.postentry small {

	text-align: right;

	display: block;

	color: #999999;

	font-weight: bold;

	border-top: 1px solid #eeeeee;

}

.navigation {

	font-weight: bold;

	display: block;

	color: #179AF2;

}



.textleft{

	float: left;



}

.textright{

	float: right;

        clear:right;

}



h2.pagetitle {

        padding-bottom:20px;
	display: block;
	color: #3b3b3d;
        font-size: 20px;
	font-weight: bold;
}

/* -------------------------------------

Sidebar

--------------------------------------*/

.sidebar {

float: right;
	width: 350px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

.sidebar h3, .sidebar h2{
	color: #0309ff;
	text-transform: uppercase;
	border-bottom: 1px solid #CBE4F6;
	font-weight: bold;
   font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 15px;
        margin-bottom:3px;
}

.sidebar ul li ul{

	

}



/* -------------------------------------

Comments

--------------------------------------*/

.comments{

	display: block;

	height: auto;

	width: auto;

	padding-bottom: 30px;



}

.commentlist{

	width: 650px;

	padding: 10px;



}

.comments small {

	text-align: left;

	color: #999999;

	font-weight: bold;





}



.comments h2{

	color: #999999;

	font-weight: bold;

}

.alt{
margin-top:50px;
margin-bottom:50px;

	background: url(images/para.gif) no-repeat left top;

	width: auto;

	padding: 5px;

        padding-left:30px;

	display:block;

}

.even{

	background: #f4f4f4;

	width: auto;

	padding: 5px;

        padding-left:30px;

	display:block;

}

img {
border:0;
}


.dziel {
width: 100%;
clear: both;
height:10px;
border-bottom: 1px solid #dddddd;
}


.czerwono {
font-weight: bold;
color: #660000;
}