/*
 *
 * Stylesheet for ^SITENAME
 *
 * @section		screen
 * @author		Krzysztof ojniewski
 * @version		1.00
 * @copyright	zaciecie.pl
 * @media		screen
 *
 * 
 * @colordef	black			#0C0402
 *
 * @todo 
 */
@import "reset.css";

body {
	background: #000;
	font: 12px/19px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
strong {font-weight: bold}
em {font-style: italic}
.container { position:relative; width: 899px; margin: 0 auto; }
#header {display: block;position: relative;margin-top: 64px;height: 74px}
#header h2 {position: absolute;right: -3px;top:16px;text-align: right}
#header img {position: absolute;left: 0;top: 0;z-index:5}
#header ul {
	position: absolute;
	width: 100%;
	border-top: 1px solid #fff;
	top: 35px;
	left:0;
	z-index:4;
	padding-top: 8px;
}
#header ul li {display:inline;margin: 0 7px 0 1px}
#header ul li a {font-size: 12px;font-weight: bold;color:#fff;text-decoration: none}
#header ul li a:hover, #header ul li.act a {color:#00dc00}
#content {
	display: block;
	width:897px;
	border: 1px solid #fff;
	position: relative;
	float: left;
	overflow: hidden;
}
#content img {float: left}
#content a.hidden {
	position: absolute;
	width: 155px;
	height: 140px;
	bottom: 0px;
	right: 0px;
	background:url(../img/hidden_img.gif);
}
#subpage #content {padding: 20px;width:857px}
#main-content {float: left;width: 300px}
#main-content a {color: #fff;text-decoration: underline}
#main-content a:hover {color:#00dc00}
#main-content h1 {font-size: 16px;font-weight: bold}
#main-content p {margin-top: 20px}
#media {float: right;width: 545px;margin-top: -20px}
#media img {float: left;margin-top: 20px;clear: both}
#media form {width: 50%;margin: 20px auto}
#media form label, #media form input, #media form textarea {display: block;width: 100%;margin-top: 10px}
#media form label {width: 98%; padding-left: 2%}
#media form input, #media form textarea {
 	font: 12px/19px Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 5px;
	width: 300px;
	background: #ededed;
	border: 2px solid #727272;
	margin-top: 5px;
}
#media form textarea {height: 100px}
#media p.alert {text-align: center;font-weight: bold;color:#00db01; margin-top: 30px}
#media form input.submit {width: 95px}
#footer {display: block;clear: both;width: 100%;font-size: 11px;height: 40px;padding-top: 2px}
#footer a {color: #fff; text-decoration: none}
#footer a:hover {color:#00dc00}
#footer h3 {float: left;font-weight:normal}
#footer p {float: right}
#flash {position: absolute;left: 336px;top:51px}