/*
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: 1;}
	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{}
body{font-size:12px; background: url(../img/bg_ziuh3.jpg) top right 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 */}

/* ------------------------------------------------------------------------------------
STRUCTURE					 */
.content{margin:0px auto;width:960px;position:relative;}
#footer{clear:both;text-align:right;margin-top:30px;}
	#footer span{color:#ddd;padding:5px;text-shadow: #fff 1px 1px 1px;}
		#footer span a{color:#ddd;text-decoration:none;}
		#footer span a:hover{color:#ccc}
#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;}
	#top h1 a{display:block;background:url(../img/logo.png) left no-repeat;width:399px; height:73px;text-indent:-9999px;}
		#top ul {margin:0px;margin-top:40px;}
			#top ul li{float:left;margin-left:15px;font-size:24px}
			#top ul li a{text-decoration:none; color:#000}
			#top ul li a:hover{color:#5d5d5d}

#check{padding:20px;margin-top:30px;color:#666;font-family: "Trebuchet MS", sans-serif;font-size: 24px;font-style: normal;font-weight: bold;letter-spacing: -1px;line-height: 1.3em;background:#fff;border:1px solid #ddd;opacity:0.9}
	#check a{text-decoration:none;color:#000}

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

	#about ul,#aboutme 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,#aboutme li {  float: left; height: 60px;  width: 225px;  position: relative;}
	#about a, #aboutme 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,#aboutme a img {  border: 0;  float: left;  margin: 0 10px;}

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

.pf_item{float:left;margin-bottom:20px;width:282px;height:250px;}
	.pf_item h3{margin: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:5px;}
	.pf_shadow{width:284px;height:10px;background: url(../img/pf_shadow.png) no-repeat;}
.column {margin-left:54px;}

#omnie,#about{background:#fff;margin-top:20px;padding-left:20px;border:1px solid #ddd;color:#666;font-size:12px;padding:10px;opacity:0.9}

.wl{width:630px;}
	.wl p{line-height:18px;padding:10px 0px}
	.wl h4{margin:0px;font-size:20px;padding-top:15px;}
.wr{width:260px;}
	.wr h4{font-size:16px;}
	.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:600px;}
	.contactsmall h2{font-size:24px;margin-top:20px;}
	.contactsmall {overflow:hidden;width:222px;margin-right:50px;}
		div.contactsmall div.right ul {background:none;}

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

ul.tags li {float:left;margin:5px; padding:5px; padding-left:20px;background: url(../img/tag_blue.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 */}
a.visit2{background:#eee;padding:2px;color:#000;text-decoration:none;background:url(../img/linkout.gif) center left no-repeat;padding-left:6px;}