/*=====================Przyciski======================*/
/* ----------------------------------------- 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;}
#gallery {background-image: url(../img/gallery_on.png); width: 123px; height: 21px;}
#gallery a {background-image: url(../img/gallery_off.png); width: 123px; height: 21px;}

#blog a:hover, #news a:hover, #gallery 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;}
#gallery_active { background-image:url(../img/gallery_on.png); width:91px;}*/

/* ----------------------------------------- Navigation mini-------------------------------------------- */
#Navi_small { float:left;
                       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;}
#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;}
#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;}
/*#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, #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;}

/* ----------------------------------- 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====================*/

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

#light_grey_bg {background-color: #f6f6f6; width: 700px; height: 600px;}

#dark_grey_bg {background-color: #eeeeee; width: 700px; height: 350px; position: relative; top: 250px}

.white_box {background-color: #ffffff;
						height:90px;
						width: 220px;}

.white_box a:link, #white_box a:hover, #white_box a:after, {border-style: none;
					  border: 0;
					  outline-width: 0px}
						
#white_box_text {height: 70px;
					 width: 200px;
					 background-color: #ececec;
					 font-family: verdana;
					 font-size: 10px;
					 color: #ec008c;
					 border-style: none;
					 outline-width: 0px;
					 overflow: auto;
					 scrollbar-base-color: #ececec;
					 scrollbar-highlight-color: #ececec;
					 scrollbar-shadow-color: #ececec;
					 scrollbar-3dlight-color: #d2d2d2;
					 scrollbar-darkshadow-color: #d2d2d2;
					 scrollbar-arrow-color: #d2d2d2;
					 scrollbar-track-color: #ececec;
					 scrollbar-face-color: #ececec;}
					 
#white_box_text p {margin: 0px 0px 0px 0px;
      				padding: 0px 0px 0px 0px;}

#content {margin: 0px 0px 0px 0px;
	  		 padding: 10px 10px 10px 10px;
			 border-width: 0px;
			 border-style:solid;
			 position: relative; left: 180px; top: 160px;
			 width: 500px;}
			 
#content_no_cfl {margin: 0px 0px 0px 0px;
	  		 padding: 10px 10px 10px 10px;
			 border-width: 0px;
			 border-style:solid;
			 position: relative; left: 180px; top: 160px;
			 width: 500px;}

#l_kolumna {float:left; width: 260px;}
#p_kolumna {float:right; width: 232px;}
		
#l_kolumna p {text-align: left;
				margin: 0px 10px 0px 0px;
				padding: 10px 0px 10px 0px;	
				
	  			font-family: verdana;	
	  			font-size: 11px;
	 			color: #4a4a4a;
	 			text-indent: 20px;
				border-bottom-style: dotted;
				border-bottom-color: grey;
				border-bottom-width: 1px;
				}

#tresc p {text-align: left;
				margin: 0px 0px 0px 0px;
				padding: 10px 0px 10px 0px;	
				
	  			font-family: verdana;	
	  			font-size: 11px;
	 			color: #4a4a4a;
	 			text-indent: 0px;
				border-bottom-style: dotted;
				border-bottom-color: grey;
				border-bottom-width: 1px;
				}
			 
.img		 {border-color: black;
	  		 border-style: solid;
			 border-width: 1px;}
				
#content p:first-letter { color: #8dc63f; font-family: 'Arial'; font-size: 300%; font-weight: bold; float: left }
#content p a:link { color: #598527; font-family: 'verdana'; text-decoration: none; font-weight: bold; }
#content p a:visited { color: #598527; font-family: 'verdana'; text-decoration: none; font-weight: bold; }
#content p a:active { color: #598527; font-family: 'verdana'; text-decoration: none; font-weight: bold; }

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


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


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	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;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}