html {
	background-color: #40556e;
}

/* Typografia */
@font-face {
	font-family: Gentium_Italic;
	src: url('fonts/gentium_italic/GenI102.ttf');
	font-family: Calluna-Regular;
	src: url('fonts/calluna_regular/Calluna-Regular.otf');
}

body {
	width: 100%;
	margin: 0;
}
div.page {
	float: left;
	width: 17.5cm;
	min-height: 24cm;
	margin: 2cm 1cm;
	padding: 2cm 2cm 3cm 1.5cm;
	background: rgb(245,245,245);
	border: solid 1px #ccc;
	font-family: "Calluna-Regular", Georgia, sans-serif;
}
div.blog {
	background: none;
	background-image: url(img/notebook_background.png);
	background-repeat: repeat-y;
	border: none;
	padding: 2cm 1cm 3cm 2.5cm;
}
div.page p {
	font-size: 1.1em;
	line-height: 1.6em;
	text-align: justify;
}
img.paper_clip {
	position: relative;
	top: -5cm;
	left: 1cm;
	margin-top: -3.5cm;
	margin-bottom: -3.5cm;
}
img.ornament {
	display: block;
	margin: 39px auto 52px;
}

a img {
	border: none;
}

h1, h2 {
	font-weight: normal;
}
h1 a, h2 a {
	color: #000;
	text-decoration: none;
}
h1 a:hover, h2 a:hover {
	color: #006;
}
h1 {
	display: block;
	margin: -1em auto 1em;
	width: 10.5cm;
	border-bottom: solid 1px gray;
	text-align: center;
}
h2 {
	margin: 1.5em 0 1em;
	margin-bottom: 1em;
}
h3 {
	padding: 2px 4px;
	background-color: #e4e2ad;
}
h1.page_title {
	font-size: 39px;
	border: none;
}
h2.page_author {
	text-align: center;
	min-width: 224px;
	min-height: 26px;
	font-size: 26px;
	text-indent: -5000px;
	background-image: url(img/page_author.png);
	background-repeat: no-repeat;
	background-position: center;
}

ul#menu {
	position: absolute;
	top: 0.9cm;
	left: 8cm;
	height: 1.5cm;
	width: 20cm;
	list-style-type: none;
	padding: 0;
	font-family: "Calibri", Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.4cm;
}
ul#menu li {
	margin: 0 0.2cm;
	padding: 0.2cm 0.5cm;
	display: inline;
	color: #fff;
}
ul#menu li.active {
	padding-bottom: 0.4cm;
}
ul#menu li a {
	color: #fff;
	text-decoration: none;
}
ul#menu li a:hover {
	border-bottom: solid 1px blue;
}
ul#menu li#main {background-color: #960000}
ul#menu li#portfolio {background-color: #006d03}
ul#menu li#autor {background-color: #c15b00}
ul#menu li#blog {background-color: #004396}

blockquote, q {
	font-family: "Gentium_Italic", Georgia, sans-serif;
	font-style: italic;
	quotes: none;
	margin-top: 10cm;
	text-align: right;
}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}

p.left {text-align: left}
p.right {text-align: right !important}
img.center {
	display: block;
	margin: 2em auto;
}
img.business_card {
	padding: 10px;
	background-image: url(img/business_card_background.png);
}
div.portfolio_thumb {
	margin-left: -1.7cm;
}
div.portfolio_thumb img.clip {
	float: left;
	position: relative;
	top: -190px;
	left: -0.68cm;
	margin: 0 -100px -60px 0;
}
div.portfolio_thumb img.thumb {
	padding: 8px 8px 24px 8px;
	background-color: #e8e8e8;
	border: solid 1px gray;
}
/* poczekamy na obsługę tego typu artybutów w Gecko...
img.thumb:after {content: "tu obrazek spinacza i podpis pod screenem"}
img.thumb[alt]:after {content: attr(alt)} */
div.portfolio_thumb p {
	width: 539px;
	text-align: right;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	position: relative;
	top: -1.1cm;
	right: 0;
	margin-bottom: -1cm;
}
div.portfolio_thumb p a {
	color: #000;
	text-decoration: none;
}
div.portfolio_thumb p a:hover {
	border-bottom: solid 1px blue;
}

hr {
	width: 149px;
	height: 26px;
	border: none;
	background-image: url(img/hr.png);
	background-repeat: no-repeat;
	margin: 2em auto;
}

form#searchform {
	position: fixed;
	top: 0;
	right: 0;
	width: 298px;
	height: 63px;
	background-image: url(img/seach_form_background.png);
	background-repeat: no-repeat;
}
form#searchform span {
	position: relative;
	top: 11px;
	left: 26px;
	font-family: Calibri, Arial, sans-serif;
	color: #fff;
}
form#searchform input {
	float: right;
	margin-top: 11px;
	margin-right: 11px;
	width: 194px;
	height: 20px;
	padding: 4px;
	background-color: #dcdcdc;
	border: inset 1px #b9b9ba;
}
input#submit {
	display: none;
}

hr.przypis {
	color: #555;
	width: 200px;
	text-align: left;
	height: 0;
}
span.przypis {
	font-family: Calibri, Arial, sans-serif;
	font-size: 10px;
	vertical-align: super;
	padding-top: -5px;
}
p.przypis {
	width: 80%;
	margin: 2em 1em;
	line-height: 1em;
	border-top: solid 1px #333;
}
p.przypis, p.przypis a {
	font-family: Calibri, Arial, sans-serif;
	color: #222;
	font-size: 0.9em !important;
}

::selection {
	background: #79ff79;
}