/*
	Horodecki, v.7
	encoding: UTF-8
	author: Dawid Horodecki, http://horodecki.eu
*/

/*	960 Grid system, http://960.gs/
	==================================== */

.container_12{width:960px;}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px;}
/* helpers */
.alpha {margin-left:0;}
.omega {margin-right:0;}
/* grid */
.grid_1{width:60px;}
.grid_2{width:140px;}
.grid_3{width:220px;}
.grid_4{width:300px;}
.grid_5{width:380px;}
.grid_6{width:460px;}
.grid_7{width:540px;}
.grid_8{width:620px;}
.grid_9{width:700px;}
.grid_10{width:780px;}
.grid_11{width:860px;}
.grid_12{width:940px;}
/* prefix */
.prefix_1{padding-left:80px;}
.prefix_2{padding-left:160px;}
.prefix_3{padding-left:240px;}
.prefix_4{padding-left:320px;}
.prefix_5{padding-left:400px;}
.prefix_6{padding-left:480px;}
.prefix_7{padding-left:560px;}
.prefix_8{padding-left:640px;}
.prefix_9{padding-left:720px;}
.prefix_10{padding-left:800px;}
.prefix_11{padding-left:880px;}
/* suffix */
.suffix_1{padding-right:80px;}
.suffix_2{padding-right:160px;}
.suffix_3{padding-right:240px;}
.suffix_4{padding-right:320px;}
.suffix_5{padding-right:400px;}
.suffix_7{padding-right:560px;}
.suffix_6{padding-right:480px;}
.suffix_8{padding-right:640px;}
.suffix_9{padding-right:720px;}
.suffix_10{padding-right:800px;}
.suffix_11{padding-right:880px;}
/* clear, http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

/*	Basic styles
	==================================== */

body {
	margin: 0;
	padding: 2.222em 0;
	background-color: #fff;
	color: #000;
	font: 1.125em/2.222em Helvetica, Arial, Garuda, FreeSans, sans-serif;
}
div {
	margin: 0;
	padding: 0;
}

/* links */

a {
	color: #066;
	text-decoration: underline;
	text-transform: uppercase;
	font-size: 77.8%;
	line-height: 100%;
}
a:visited {
	color: #066;
}
a:hover,
a:focus {
	color: #099;
}
a:active {
	outline: none;
	color: #fff;
	background-color: #066;
	text-decoration: none;
}

/* text */

p {
	margin: 2.2222em 0;
}
strong {
	font-weight: bold;
}

/* headers */

h1 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 2.2222em;
	line-height: 1em;
}
h2 {
	font-size: 1.2222em;
	line-height: 1.8182em;
	margin: 3.6364em 0 1.8182em 0;
	padding: 0;
	font-style: italic;
	font-weight: bold;
}
h3 {
	font-size: 1em;
	line-height: 2.222em;
	margin: 2.2222em 0;
	padding: 0;
	font-style: italic;
	font-weight: bold;
}

/*	Logo
	==================================== */

h1 a,
h1 a:visited,
h1 a:hover,
h1 a:focus {
	color: #000;
	font-size: 100%;
	text-transform: none;
	text-decoration: none;
}
h1 a:active {
	color: #000;
	background-color: transparent;
}

/*	Content
	==================================== */

#content {
	position: relative;
	min-height: 720px;
}
#photo {
	position: absolute;
	top: 80px;
	left: 0;
}
#photo img {
	width: 220px;
	height: 640px;
	display: block;
}

/*	Info and Footer
	==================================== */

#info,
#footer {
	background-color: #000;
	color: #fff;
	font-size: 0.7778em;
	line-height: 1.4286em;
	margin-top: 2.8571em;
	margin-bottom: 0;
	padding-top: 0.7143em;
	padding-bottom: 0.7143em;
}
#info {
	background-image: url(/h/img/bg-info.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-style: normal;
}
#footer {
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -10px;
	margin-right: -10px;
}

/* links */

#footer a,
#footer a:visited,
#info a,
#info a:visited {
	font-size: 100%;
	text-transform: none;
	color: #cff;
}
#footer a:hover,
#footer a:focus,
#info a:hover,
#info a:focus {
	color: #9ff;
}
#footer a:active,
#info a:active {
	color: #000;
	background-color: #cff;
	text-decoration: none;
	outline: none;
}

/*	Projects
	==================================== */

#projects {
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
}
#projects li {
	position: relative;
}
#projects h3,
#projects p {
	margin-top: 0;
}
#projects h3 {
	margin-bottom: 0;
}
#projects a img {
	display: block;
	width: 60px;
	height: 60px;
	border: none;
	position: absolute;
	top: 0;
	left: 0;
}