/*
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/bg3.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:#CCC;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;}
	#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;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;}

.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:20px;padding-left:20px;border:1px solid #ddd;color:#666;font-size:12px;padding:10px;opacity:0.9}

.wl{width:630px;padding-left:15px}
	.wl p{line-height:18px;padding:10px 0px}
	.wl h4{margin:0px;font-size:20px;padding-top:15px;}
	.wl h2{font-size:20px;margin-top:10px;}
.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:20px;margin-top:10px;}
	.contactsmall {overflow:hidden;width:222px;margin-right:50px;}
		div.contactsmall 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/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 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;

}