/* css reset - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
 /* end of css reset*/
body { 
	font-size: 62.5%;  /* 16px � 62.5% = 10px */ 
	background:#2b2b2b top left repeat-x;
}

#container {
	font-family:Trebuchet MS;
	color: #fff;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.5em;
	font-size: 1.6em;
	margin-top:0px;
	width:750px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	background:url(img/hr-big.png) no-repeat bottom;	
	width:100%;
	height:100px;
	margin-top:0px;
	padding-top:0px;
}

#header h1{
	display:block;
}

#headernote {
	background:url(img/top-over.png) no-repeat top;
	width:316px;
	height:63px;
	position:relative;
	left:-60px;
	top:10px;
	visibility:hidden; 
}

#header h1, #main h2 {
	color:#5ba7cf;/*#d09d01*/
	margin-bottom:6px;
	font-family:Georgia;
	font-size:4.2em;
	line-height:0.9em;
	padding-bottom:0.2em;
	text-align:center;
	margin-bottom:0.2em;
}
.fullbox span {
	color:#5ba7cf;
	font-family:Georgia;
}

#header span, .secolor {
	color:#567ea2 !important;

}


a {
	color:#d09d01;
	text-decoration:none;
	border-bottom:1px dotted #d09d01;
}

.local {
	background:#d09d01 !important;
	color:#fff !important;
	padding:1px;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border-bottom:none !important;
	text-decoration:none !important;
	height:auto;
	color:white;
}



.local:hover {
	background:#de0036 !important;
	text-decoration:none !important;

}


.clear {
	visibility:hidden;
	clear:both;
}

.port {
	list-style-type:decimal;
}
.box ul li, .box ol li {
	margin:3px 10px 3px 35px;
	padding-left:5px;
}
#main {

}

#main p{
	margin-left:7px;
	margin-bottom:7px;
}



#main h2{
	margin-top:20px;
	color:#5BA7CF;#D09D01;
	font-size:1.9em;
	background:url(img/hr-small.png) no-repeat bottom;
	display:block;
	height:60px;	
}

.box {
	margin-top:20px;
	margin-left:3px;
	width:560px;
	padding-top:55px;
}
#foot p {
	color:#d09d01;
	font-size:80%;
	padding-top:14px;
	text-align:center;
}
label {
	height:26px;
	width:145px;
	display:block;
	font-weight:bold;
	float:left;
}
input, textarea {
	-moz-border-radius:3px;
	border-radius:3px;
	float:left;
	color:white;
	border:1px solid #d09d01;
	background:#212020;
}
.fullbox {
	margin-top:5px;
	text-align:justify !important;
}
.fullbox {
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

textarea {
	height:200px;
	width:270px;
	color:white;
}
form div {
	margin-top:4px;
	margin-bottom:4px;
	clear:both;
}
input#wyslij {
	background:#d09d01;
	font-weight:bold;
	margin-left:40%;
	margin-top:5px;
}
p {
	font-family:Georgia;
	font-size:1.2em;
	
}
.iconlist {
	list-style-type:none;
	width:560px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
.iconlist li {
	list-style-type:none;
	display:block;
	width:50px;
	height:50px;
	margin-left:10px;
	margin-right:10px;
	float:left;
}
.iconlist li a {
	border-bottom:none;
	width:inherit;
	height:inherit;
	display:block;
}

#contact {
	margin-left:40px;

}
#contact li {
	height:50px;
	list-style-type:none;
	margin-top:5px;
}

#contact li span {
	color:white;
	font-size:1.5em;
	margin-left: 120px;
	padding-top:14px;
	display:block;
}

#contact li:hover span {
	color:#D09D01 !important;
}


.iconlist li a:hover, #contact li:hover{
	background-position: bottom left !important;
}
.iconlist li a span{
	float:left;
	margin-top:47px;
	width:inherit;
	text-align:center;
	font-size:11px;
	color:#d09d01;
}
.iconlist li a:hover span{
	color:#de0036;
}

#contact li a span {
	margin-top:70px;

}

#blip a {
	background:url(img/blip.png) no-repeat top;
}
#facebook a {
	background:url(img/facebook.png) no-repeat top;
}
#flaker a {
	background:url(img/flaker.png) no-repeat top;
}
#lastfm a {
	background:url(img/lastfm.png) no-repeat top;
}
#nk a {
	background:url(img/nk.png) no-repeat top;
}
#filmaster a {
	background:url(img/filmaster.png) no-repeat top;
}
#osnews a {
	background:url(img/osnews.png) no-repeat top;
}
#wykop a {
	background:url(img/wykop.png) no-repeat top;
}

#mail {
	background:url(img/mail.png) no-repeat top left;
}

#jabber {
	background:url(img/jabber-m.png) no-repeat top left;
}
#gg {
	background:url(img/gg.png) no-repeat top left;
}


.show { visibility: visible !important; }
#footer {
	background:url(img/hr-footer.png) no-repeat top;
	padding-top:60px;	
	height:100px;
	font-size:12px;
	text-align:center;
}
#footer blockquote {
	font-size:13px;
	text-align:center;
	font-style:italic;
}