@font-face {
	font-family: 'Hominis';
	src: url('fonts/hominis.eot');
}

@font-face {
	font-family: 'Hominis';
	src: url('fonts/hominis.woff') format('woff'), url('fonts/hominis.otf') format('opentype');
}

@font-face {
	font-family: 'Promocyja';
	src: url('fonts/promocyja.eot');
}

@font-face {
	font-family: 'Promocyja';
	src: url('fonts/promocyja.woff') format('woff'), url('fonts/promocyja.otf') format('opentype');
}

html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, form, fieldset {
	margin:0px; padding:0px;
}

body {
	overflow-x:hidden;
	background-color:#F5F4EF;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:black;
}

ol, 
ul {
	list-style-type:none;
}

a {
	color:#8d8d8d;
	outline:none;
}
a:hover,
a:focus {
	text-decoration:none;
}

#header {
	position:relative;
	margin:0 0 120px 0;
	height:220px;
	background:url(../images/header.png) no-repeat left top #000;
	box-shadow: 1px 2px 1px #888;
	-moz-box-shadow: 1px 2px 1px #888;
	-webkit-box-shadow: 1px 2px 1px #888;
}
#header .hgroup {
	position:absolute;
	right:20px; bottom:6px;
	height:100px;
	overflow:hidden;
	padding-right:14px;
	font-family: Promocyja, 'Times New Roman'; color: #cacaca; 
}
#header .hgroup h1 {
	font-size:80px;
	text-shadow:6px 6px 6px #838383;
}
#header .hgroup h1 a {
	color: #cacaca;
	text-decoration:none;
}
#header .hgroup h6 {
	margin:-50px 0 0 10px;
	font-size:20px;
	text-shadow:2px 2px 2px #838383;
}
#header .hgroup *::selection {
	background-color:#cacaca;
	color:black;
}
#header .hgroup *::-moz-selection{
	background-color:#cacaca;
	color:black;
}

#container {
	width:1020px; overflow:hidden;
}

.articles {
	float:left;
	margin:0 0 0 40px;
	width:600px;
}
.articles h6{
	margin-bottom:18px;
	font:15px Georgia, Tahoma;
}
.article {
	margin:0 0 120px 0;
}
.article h1,
.section h1 {
	margin:0 0 32px 0;
	font-family: Hominis, Georgia, Tahoma; font-size:33px;
	line-height:140%;
}
.article h1 strong {
	color:#770000;
}
.article h1 a {
	color:black;
	text-decoration:none;
}
.article h1 a:hover,
.article h1 a:focus {
	color:#770000;
}
.article h1 a:active {
	color:#990000;
}
.article .content {
	font:14px Verdana, Arial;
	line-height:220%;
}
.article .content p {
	margin-bottom:40px;
}
.article .content .time {
	margin:0 0 8px 0;
	font:italic 14px Georgia, 'Times New Roman', Verdana, Arial;
	border-bottom:1px solid #cacaca;
}
.article .footer {
	color:#5c5c5c;
	font:italic 12px Verdana, Arial;
}
.article .footer em {
	font-size:14px; font-weight:bold;
}

.aside {
	float:left;
	width:300px;
	margin-left:80px;
}
.aside .nav {
	position:relative;
	margin-bottom:30px;
	padding:20px 20px 10px 20px;
	background-color:#eaeaea;
	border:1px solid #cacaca;
	border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.aside .nav h6 {
	position:absolute;
	top:0px; right:20px;
	font:italic 10px Verdana, Arial;
	color:#8d8d8d;
}
.aside .nav ul li {
	display:block;
	margin-bottom:16px;
	border-bottom:1px solid #bababa;
}
.aside .nav ul li:hover {
	background-color:#dadada;
}
.aside .nav ul li a {
	display:block;
	font:italic 18px Georgia, 'Times New Roman', Verdana, Arial;
	text-decoration:none;
}

#footer {
	margin:0 0 0 0;
	padding:1px 0 0 40px;
	height:439px;
	background:url(../images/footer.png) no-repeat top right #000;
	color:#cacaca;
}

#footer h6 {
	margin:40px 0 12px 0;
	font:15px Verdana, Arial;
}
#footer ul {
	width:360px;
}
#footer ul li {
	display:block;
	margin-bottom:8px;
	padding-bottom:2px;
	border-bottom:1px solid #cacaca;
}

/*/////////////// form ///////////////*/
.articles form{
	display:block;
	margin:60px 0 80px 0;
}
.articles form h6{
	margin-bottom:6px;
	font:15px Georgia, Tahoma;
}
.articles form fieldset {
	border:none;
}
.articles form div{
	margin-bottom:12px;
	width:100%;
	overflow:auto;
}
.articles form input,
.articles form textarea,
.articles form select{
	padding-left:1px;
	border-color:#999999 #d9d9d9 #d9d9d9 #999999;
	border-style:solid;
	border-width:2px;
	font:bold 13px Verdana, Arial;
	color:#4a4a4a;
}
.articles form input{
	margin-right:6px;
	width:325px;
}
.articles form select{
	margin-right:6px;
	width:330px;
}
.articles form label span{
	font-size:9px;
	color:#858585;
}
.articles form textarea{
	margin-top:2px;
	width:554px;
	height:180px;
}
.articles form .help{
	margin-top:4px;
	font-size:9px;
	color:#858585;
}
.articles form .button{
	float:right; display:inline;
	margin-right:40px;
	padding:1px 0 0 18px;
	width:128px; height:24px;
	border-width:0px;
	background:transparent url(../images/active_button.jpg) no-repeat left 2px;
	cursor:pointer;
	text-align:center;
	color:#321811; font-weight:normal; font-style:italic; font-size:9px;
}

/*/////////// user comments ////////////*/
.user-comments li {
	position:relative;
	margin-bottom:30px;
	padding:16px 20px 16px 20px;
	background-color:#eaeaea;
	border:1px solid #cacaca;
	border-radius:10px; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.user-comments li h6 {
	margin-bottom:12px;
	font:12px Verdana, Arial;
}
.user-comments li h6 a:first-child {
	position:absolute;
	top:2px; right:16px;
	font:italic 30px Georgia, Tahoma;
}