/*
Author:           Łukasz Girek
Author URI:       http://www.rzepak.pure.pl/
*/
/*---------------------------------------------------------------------------------------
--- RESETS
---------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
	p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {/*margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;*/}
	body {line-height: 2;}
	ol, ul {list-style: none;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
	:focus {outline: 0;}
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	table {border-collapse: collapse;border-spacing: 0;}
/*---------------------------------------------------------------------------------------
--- BASICS
---------------------------------------------------------------------------------------*/
html{}
/* BACKGROUNDS - just replace body with one of belows
body{font-size:12px; background: url(../img/bg3.jpg) top right no-repeat #eee;color:#666;font-family: Arial, Helvetica, sans-serif;}
body{font-size:12px; background: url(../img/bg_rainbow1.jpg) top right repeat-x #eee;color:#666;font-family: Arial, Helvetica, sans-serif;}
body{font-size:12px; background: url(../img/bg_top.jpg) top left no-repeat #eee;color:#666;font-family: Arial, Helvetica, sans-serif;}
body{font-size:12px; background: url(../img/bgps.jpg) top repeat-x #eee;color:#666;font-family: Arial, Helvetica, sans-serif;}
body{font-size:12px; background: url(../img/bg_bluebig.jpg) top no-repeat #6fcbe4;color:#666;font-family: Arial, Helvetica, sans-serif;}

*/
body{font-size:12px; background: url(../img/sunset-cove-bkg-brown.jpg) ;color:#666;font-family: Arial, Helvetica, sans-serif;}
/*body{font-size:12px; background: url(../img/sun-absctract-bkg4.jpg) top left no-repeat #eee;color:#666;font-family: Arial, Helvetica, sans-serif;}
body{font-size:12px; background: url(../img/sun-absctract-bkg3.jpg) top left no-repeat #eee;color:#666;font-family: Arial, Helvetica, sans-serif;}
body{font-size:12px; background: url(../img/sun-absctract-bkg2.jpg) top left no-repeat #eee;color:#666;font-family: Arial, Helvetica, sans-serif;}*/

.left{ float:left; }
.right{ float:right;}
.clear{	clear:both;}
#content p{	margin:1.1em 0; }
.rounded{/*-moz-border-radius: 5px; /* Firefox */ /*-webkit-border-radius: 5px; /* Safari */}

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


.footer-text {
color:#666;font-family: Arial, Helvetica, sans-serif;
}

.footer-text a:link{
color:#A79982;font-family: Arial, Helvetica, sans-serif;
}

.footer-text a:visited{
color:#A79982;font-family: Arial, Helvetica, sans-serif;
}

.footer-text a:hover{
color:#A79982;font-family: Arial, Helvetica, sans-serif;
}

STRUCTURE					 */
.content{margin:0px auto;/*width:960px*/;position:relative;}
.home-hero{

width:700px;

border-right:1px dotted #C2C2C2; 
padding-right:10px;
padding-top:10px;
padding-left:30px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#333333;
}

.home-hero a:link{
color:#D76000;
text-decoration:none
}

.home-hero a:visited{
color:#D76000;
text-decoration:none
}

.home-hero a:hover{
color:#FCCE45;
text-decoration:none
}
.home-hero img{padding:4px;border:1px solid #ddd;}

.inner-hero{margin:0px auto;width:920px;position:relative; float:left;}
.inner-hero img{padding:4px;border:1px solid #ddd;}
#footer{clear:both;text-align:right;margin-top:30px;}
	#footer span{color:#ddd;padding:5px;text-shadow: #fff 1px 1px 1px;}
#portfolio{margin-top:30px;}
/* ------------------------------------------------------------------------------------
CUSTOM				 */
	.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
	.shadow{width:959px;height:14px;background:url(../img/shadow.png) top center no-repeat;}
	.fader {opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);position: absolute;top: 0;left: 0;width: 100%;height: 60px;background-color: #A4ADB7;}

h2{font-size:30px;padding: 0px;margin:0px;}
	#avatar{width:140px;height:133px;background:url(../img/avatar.png) no-repeat;}

#top{margin-top:0px;
/*-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;*/
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #DDDDDD;
color:#666666;
font-size:12px;
/*opacity:0.9;*/
padding-left:10px;


}#kazmenu {
width:955px;
float:right;
background-color:#D8D39C;
background-image:url(../img/nav-bkg.jpg); background-repeat:repeat-x;
/*padding-bottom:15px;*/
padding-right:5px;
margin-top:1px;


}


	#top h1 a{display:block;background:url(../img/logo.png) left no-repeat;width:399px; height:73px;text-indent:-9999px;}
		#top ul {margin-top:10px;}
			#top ul li{float:left;margin-left:15px;font-size:22px;font-weight:bold}
			#top ul li a{text-decoration:none; color:#000}
			#top ul li a:hover{color:#5d5d5d}

#hello{padding:20px;margin-top:30px;color:#666;font-family: "Trebuchet MS", sans-serif;font-size: 24px;font-style: normal;letter-spacing: 0px;;background:#fff;border:1px solid #ddd;opacity:0.9}

	#hello a{text-decoration:none;color:#000}

#social{background:url(../img/bgabout.jpg) bottom repeat-x #fff;margin-top:20px;padding-left:20px;border:1px solid #ddd;opacity:1}
#social{color:#666;font-size:20px;padding-top:10px;}

	#about ul,#social ul { float: left;  display: block;  width: 900px;  margin: 0;  margin-top:10px;  padding: 0;  background: url(../img/networks.png) repeat;  list-style: none;}
	#about li,#social li {  float: left; height: 60px;  width: 225px;  position: relative;}
	#about a, #social a {  font-size: 12px;  font-weight:bold;  color: #666;  text-decoration: none;  padding: 10px 0 5px;  display: block;  width: 225px;  height: 45px;  position: relative;  z-index: 2;}
		#about a img,#social a img {  border: 0;  float: left;  margin: 0 10px;}

#about a:hover img,#social a:hover img {  margin-left: 5px;}
#about strong, #social strong {  display: block;  font-size: 16px;  color: #666;}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#marketing ul,#social ul { float: right;  display: block;  width:210px;  margin: 0;  margin-top:10px;  padding: 0;  background: url(../img/networks.png) repeat;  list-style: none;}
	#marketing li,#social li {  float: left; height: 60px;  width: 225px;  position: relative;}
	#marketing a, #social a {  font-size: 12px;  font-weight:bold;  color: #666;  text-decoration: none;  padding: 10px 0 5px;  display: block;  width: 225px;  height: 45px;  position: relative;  z-index: 2;}
		#marketing a img,#social a img {  border: 0;  float: left;  margin: 0 10px;}

#marketing a:hover img,#social a:hover img {  margin-left: 5px;}
#marketing strong, #social strong {  display: block;  font-size: 16px;  color: #666;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/






.pf_item{float:left;margin-bottom:20px;width:282px;height:250px;}
	.pf_item h3{margin:4px 0px;padding-left:5px;text-transform:uppercase;}
	.pf_img{background:#fff;padding:2px;width:277px;height:145px;overflow:hidden;border:1px solid #ddd; cursor:  pointer;}
	.pf_img span{display:block;width:277px;height:145px;}
		.pf_img a.thumb{display:block;width:277px;height:145px;}
	.pf_desc p{margin-left:5px;margin-bottom:10px;font-size:13px;}
	.pf_shadow{width:284px;height:10px;background: url(../img/pf_shadow.png) no-repeat;}
.column {margin-left:54px;}

#textaboutme,#about{
background:#fff;
/*margin-top:5px;
padding-left:20px;*/
border:0px solid #ddd;
color:#666;
font-size:12px;
/*padding:10px;*/

/*opacity:0.9*/
}

.wl{
/*width:320px;
padding-left:15px;*/}
	.wl p{line-height:18px;padding:10px 0px}
	.wl h4{margin:0px;font-size:28px;padding-top:15px; color:#333333;}
	.wl h2{font-size:20px;margin-top:10px; }
.wr{width:260px;}
	.wr h4{font-size:20px;}
	.wr p{line-height:18px;padding:10px 0px}
	.wr ul#cechy li{float:left;
	padding:5px;
	margin:5px;
	background:#eee;
	border:1px solid #ddd;
	/*-moz-border-radius: 5px;
	 /* Firefox */
	 /* -webkit-border-radius: 5px;
	  /* Safari */
	  }
	.wr ul#skills li{
	width:210px;
	padding:3px;
	margin:2px;
	border:1px solid #ddd;
	background:#eee;
	/*-moz-border-radius: 5px;
	 /* Firefox */ 
	/* -webkit-border-radius: 5px; 
	 /* Safari */
	
	}
	.wr ul#skills li span{display:block;width:120px; float:left;margin-top:3px;}
	
	a.visit{text-decoration:none;background:url(../img/linkout.gif) center left no-repeat;padding-left:6px;color:#888}
	a.details{text-decoration:none;background:url(../img/details.gif) center left no-repeat;padding-left:12px;color:#888;margin-left:5px;}

	.modal_details{width:400px;line-height:18px;}
		.modal_details h3{margin-top:0px;}
	.modal_imgs img{padding:5px;border:1px solid #ddd;}

	#contact{width:500px;}
	.contactsmall h2{font-size:20px;margin-top:10px; margin-left:10px;}
	.contactsmall {overflow:hidden;width:222px;margin-right:100px;}
		div.contactsmall div.right ul {background:none;}
		
		/* ~~~~~~~~~~~ Google map right side ~~~~~~*/
		.googlemap h2{font-size:20px;margin-top:10px; margin-left:10px;}
	.googlemap {overflow:hidden;width:322px;margin-right:50px;}
		div.googlemap div.right ul {background:none;}
		
		

#textaboutme p{font-size:12px;}
	#textaboutme p a{text-decoration:none;color:#000}

ul.tags li {float:left;margin:5px; padding:5px; padding-left:20px;background: url(../img/list-mark.png) no-repeat left center}
	ul.tags li span{border:1px solid #ddd;background:#eee;padding:2px;-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari */}
	
	
	
	
	
	
/* END Remove This */

#contact p, label, legend { font: 12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

/* #contact { display: block; width: 650px; margin: 50px auto; padding: 35px; border: 1px solid #cbcbcb;  -webkit-border-radius:5px;  }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 12px; -webkit-border-radius:5px; }
#contact input, textarea, select { opacity:1;width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 0px 0px 5px 0px; font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; webkit-border-radius:5px; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px;  -webkit-border-radius:5px; -moz-border-radius:5px; }
#contact legend { padding:7px 10px; font-size:24px;font-weight:bold; color:#000;  -webkit-border-radius:5px; -moz-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */


----------------------------------------------*/
.cufon-vml{
        margin: 8px 0 10px 0;

}