/*
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{}
/* 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/bg_main.jpg) top left no-repeat #eee;color:#666;font-family: Arial, Helvetica, sans-serif;line-height:1.3em;}


a,a:visited{
	color:black;
}


.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:black;padding:5px;text-shadow: #fff 1px 1px 1px;}
#portfolio{width:880px;margin:auto;margin-top:20px;}
/* ------------------------------------------------------------------------------------
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-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 26px;letter-spacing: -1px;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/my/logo.png) left no-repeat;width:295px; height:73px;text-indent:-9999px;}
		#top ul {margin:0px;margin-top:30px;
		
		background:#fff;border:1px solid #ddd;opacity:0.9;
		padding:10px;
		-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari */
		
		}
			#top ul li{float:left;margin-left:5px;margin-right:5px;font-family: "Trebuchet MS", sans-serif;font-size: 14px;letter-spacing: -1px;}
			#top ul li a{text-decoration:none; color:#000}
			#top ul li a:hover{color:#5d5d5d}
			
			#top ul li a.active{text-decoration:underline; color:#000}

#hello{padding:20px;margin-top:30px;color:#666;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 20px;letter-spacing: -1px;line-height: 1.4em;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 p{color:#666;font-family: "Trebuchet MS", sans-serif;font-size: 20px;font-style: normal;font-weight: normal;letter-spacing: -1px;line-height: 1.4em;}
#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;}

.pf_item{float:left;margin-bottom:20px;width:282px;height:auto;margin-right:10px;}
	.pf_item h3{margin:0px;padding-left:5px;text-transform:uppercase;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 15px;letter-spacing: -1px;}
	.pf_img{background:#fff;padding:2px;overflow:hidden;border:1px solid white; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari */padding:10px;background:#E0EAD5;}
	.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;margin-top:5px;line-height:1.3em;}
	.pf_shadow{width:284px;height:10px;background: url(/img/pf_shadow.png) no-repeat;}
.column {margin-left:54px;}

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

#textaboutme  p{line-height:18px;padding:10px 0px}

.wl{width:630px;border-left:1px solid #DFDFDF;padding-left:15px;}
.news{
	padding-left:15px;padding-right:10px;width:240px;float:left;
}

	.wl p{line-height:18px;padding:10px 0px}
	.wl h4{margin:0px;font-family: "Trebuchet MS", sans-serif;font-size: 20px;font-style: normal;font-weight: normal;letter-spacing: -1px;padding-top:15px;letter-spacing:-1px;}
.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;margin-left:5px;}
	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:20px;margin-top:13px;}
	.contactsmall {overflow:hidden;width:222px;margin-right:50px;}
		div.contactsmall div.right ul {background:none;}

#textaboutme p{font-size:14px;}
	#textaboutme 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 */}
	
	
	
	
	
	
/* 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 h2{font-size:20px;}
#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; }
 input.submit {  cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
 input.submit:hover { background:#444; }
 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. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -webkit-border-radius:5px; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }








table{
	font-size:12px;
	margin-top:10px;
}

td,th{
	width:auto;
	text-align:left;
	padding:5px;
}

th{
	font-size:16px;
}


tr.odd{
	background:#DEEAD2;
}



#firstTimeBox a{
	display:block;
	background:yellow;
	line-height:80px;
	font-size:18px;
	margin-bottom:20px;
	-moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari */
	text-decoration:none;
}

#firstTimeBox a:hover{
	text-decoration:underline;
}

#firstTimeBox a.green{
	background:#A2DD4F;
	color:white;
	
}

#firstTimeBox a.gray{
	background:#EEEEEE;
}