#whole_site {margin: auto; width: 700px;}

#light_grey_bg {background-color: #f6f6f6; width: 700px; height: 260px;background-image: url(../img/gogolbordello.png)}

#dark_grey_bg {background-color: #eeeeee; width: 700px;  }

#green	{margin: 0;
	  		 padding: 0;
			 background-image: url(../img/green.png);
			 background-repeat: repeat-x;
			 
			 clear: both;
			 width: 700px;
			 height: 160px;}

#lkolumna	{margin: 200px 0 0 0;
	  		 padding: 0;
			 position: relative;
			 overflow: hidden;
			 float:left;
			 width: 199px;
			 height: 100%;
			 }
			 
			 .lentry	{margin: 0px 5px 0px 5px;
	  		 			 padding: 10px 5px 10px 5px;
						 border-bottom-style: dotted;
						 border-bottom-color: grey;
						 border-bottom-width: 1px;}
						 
						 .ltresc	{text-align: left;
 									 margin: 0 0px 0 0px;
									 padding: 10px 0px 10px 0px;
									 font-family: verdana;
									 font-size: 11px;
									 color: #4a4a4a;
									 text-indent: 0px;}
						 
						 .ltresc a:link { color: #8dc63f; font-family: 'verdana'; text-decoration: none;}
						 .ltresc a:visited { color: #8dc63f; font-family: 'verdana'; text-decoration: none;}
						 .ltresc a:active { color: #8dc63f; font-family: 'verdana'; text-decoration: none;}
						 .ltresc a:hover { color: #666666; font-family: 'verdana'; text-decoration: none;}
									 
						 .llink		 {border-color: black;
	  								  border-style: solid;
										border-width: 1px;}

#pkolumna	{margin: 0;
	  		 padding: 0;
			 position: relative; 
			 overflow: hidden;
			 float: left;
			 width: 500px;}
			 
			 .entry	{margin: 0 20px 0 10px;
	  		 			 padding: 10px 10px 10px 10px;
						 border-bottom-style: dotted;
						 border-bottom-color: grey;
						 border-bottom-width: 1px;
						 }
						 
						 .tresc	{text-align: left;
 									 margin: 0 0px 0 0px;
									 padding: 10px 0px 10px 0px;
									 font-family: verdana;
									 font-size: 11px;
									 color: #4a4a4a;
									 text-indent: 0px;}
									 
						 .tresc a:link { color: #8dc63f; font-family: 'verdana'; text-decoration: none;}
						 .tresc a:visited { color: #8dc63f; font-family: 'verdana'; text-decoration: none;}
						 .tresc a:active { color: #8dc63f; font-family: 'verdana'; text-decoration: none;}
									 
						 .img		 {border-color: black;
	  								  border-style: solid;
										border-width: 1px;}

#bottom	{margin: 0;
	  		 padding: 0;
			 clear: both;
			 width: 700px;}
		 
#footer	{font-size:10px;
			 clear: both;
			 font-family: verdana;
			 text-align: right;
			 width: 700px;}


/* ----------------------------------------- Navigation -------------------------------------------- */
#Navigation { float:left;
                       margin:0px 0px 0px 0px;
                       padding: 0px 0px 0px 0px;
                       }
.menu {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       list-style: none;
       background:none;
}
.menu li {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       display: block;
       list-style: none;
       background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
       display: block;
       text-decoration: none;
       text-indent: 0px;
       background-repeat: no-repeat;
}
#blog {background-image: url(../img/blog_on.png); width: 71px; height: 21px;}
#blog a {background-image: url(../img/blog_off.png); width: 71px; height: 21px;}
#news {background-image: url(../img/news_on.png); width: 78px; height: 21px;}
#news a {background-image: url(../img/news_off.png); width: 78px; height: 21px;}

#blog a:hover, #news a:hover  {background: none;}

/*.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#blog_active { background-image:url(../img/blog_on.png); width:55px;}
#news_active { background-image:url(../img/news_on.png); width:63px;}

/* ----------------------------------------- Navigation mini-------------------------------------------- */
#Navi_small { float:left;
				  position: relative; left:456px;top: 243px;
                       margin:0px 0px 0px 0px;
                       padding: 0px 0px 0px 0px;
                       }
.menu_small {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       list-style: none;
       background:none;
}
.menu_small li {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       display: block;
	float:left;
       list-style: none;
       background-repeat: no-repeat;
}
.menu_small li a, .menu li a:visited {
       display: block;
	white-space: nowrap;
	float:left;
       text-decoration: none;
       text-indent: 0px;
       background-repeat: no-repeat;
}
#aboutme {background-image: url(../img/about_me_on.png); width: 67px; height: 10px;}
#aboutme a {background-image: url(../img/about_me_off.png); width: 67px; height: 10px;}
#gallery {background-image: url(../img/gallery_on.png); width: 59px; height: 10px;}
#gallery a {background-image: url(../img/gallery_off.png); width: 59px; height: 10px;}
#good {background-image: url(../img/goodies_on.png); width: 59px; height: 10px;}
#good a {background-image: url(../img/goodies_off.png); width: 59px; height: 10px;}
#photo {background-image: url(../img/photo_on.png); width: 46px; height: 10px;}
#photo a {background-image: url(../img/photo_off.png); width: 46px; height: 10px;}
#travels {background-image: url(../img/travels_on.png); width: 58px; height: 10px;}
#travels a {background-image: url(../img/travels_off.png); width: 58px; height: 10px;}
/*#downl {background-image: url(../img/download_on.png); width: 72px; height: 10px;}
#downl a {background-image: url(../img/download_off.png); width: 72px; height: 10px;}*/
#contact {background-image: url(../img/contact_on.png); width: 60px; height: 10px;}
#contact a {background-image: url(../img/contact_off.png); width: 60px; height: 10px;}

#aboutme a:hover, #photo a:hover, #travels a:hover, #good a:hover, #gallery a:hover, #downl a:hover, #contact a:hover {background: none;}

.menu_small li {float: left;}
.menu_small:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#aboutme_active { background-image:url(../img/about_me_on.png); width:67px;}
#photo_active { background-image:url(../img/photo_on.png); width:46px;}
#travels_active { background-image:url(../img/travels_on.png); width:58px;}
#downl_active { background-image:url(../img/download_on.png); width:72px;}
#contact_active { background-image:url(../img/contact_on.png); width:60px;}

/*=================================W GOODIES=====================================*/
.date { font-size: 16px; font-family: 'verdana' ;color: #666666}

.topic {  font-size: 16px; font-family: 'verdana' ;color: #8dc63f}

.topic a:link { color: #8dc63f; font-family: 'verdana'; text-decoration: none;}
.topic a:visited { color: #8dc63f; font-family: 'verdana'; text-decoration: none;}
.topic a:active { color: #8dc63f; font-family: 'verdana'; text-decoration: none;}

/*=================================W GOODIES END=================================*/





/* ----------------------------------- Wejscie ------------------------- */

#get_in { float:left;
                       margin:0px auto 0px auto;
                       padding: 0px 0px 0px 0px;
                       width: 700px;
                       height: 21px;
                       }
.entering {
       margin: 0px 0px 0px 0px;
       padding: 0;
       list-style: none;
       background:none;
}
.entering li {
       padding:0;
       margin:0;
       display: block;
       height: 21px;
       list-style: none;
       background-repeat: no-repeat;
}
.entering li a, .menu li a:visited {
       display: block;
       text-decoration: none;
       text-indent: 0px;
       height: 21px;
       background-repeat: no-repeat;
}
#enter {background-image: url(../img/enter_on.png); width: 90px;}
#enter a {background-image: url(../img/enter_off.png);}


#enter a:hover {background: none;}

.entering li {float: left;}
.entering:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#enter_active { background-image:url(../img/enter_on.png); width:90px;}

/* ----------------------------------- getting CV ------------------------- */

#getting_cv { float:left;
                       margin:0px auto 0px auto;
                       padding: 0px 0px 0px 0px;
                       width: 230px;
                       height: 100px;
                       }
.get_cv {
       margin: 0px 0px 0px 0px;
       padding: 0;
       list-style: none;
       background:none;
}
.get_cv li {
       padding:0;
       margin:0;
       display: block;
       height: 100px;
       list-style: none;
       background-repeat: no-repeat;
}
.get_cv li a, .get_cv li a:visited {
       display: block;
       text-decoration: none;
       text-indent: 0px;
       height: 100px;
       background-repeat: no-repeat;
}
#cv {background-image: url(../img/get_my_cv_y.png); width: 230px;}
#cv a {background-image: url(../img/get_my_cv_g.png);}


#cv a:hover {background: none;}

.get_cv li {float: left;}
.get_cv:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#cv_active { background-image:url(../img/get_my_cv_y.png); width:230px;}
/*=====================getting CV==END====================*/
/*=====================Przyciski==END====================*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 12px;
	font-family: 'verdana' ;
	color: #666666;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(../overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}