html, body {
	width : 100%;
	font-family : Trebuchet MS, Arial, Geneva, Helvetica, sans-serif;
	text-align : left;
	background: #ffffff;
	color : #000000;
	padding : 0;
	margin : 0;
}

p {
	margin : 0;
	padding : 0;
}

a {
	text-decoration : none;
}

em {
	font-weight : bold;
	font-style : normal;
}

#header {
	height : 50px;
	margin : 0 0 0 220px;
	background : #999999;
}

#header img {
	border : 0;
}

#nav {
	margin : 0 0 60px 240px;
	padding : 0;
}

#nav ul {
	list-style : none;
	margin : 0;
	padding : 0;
}

#nav li {
	list-style : none;
	display : inline;
	margin-right : 5px;
	font-size : 10px;
	color : #8f8f8f;
}

#nav a {
	padding : 0 1px 0 1px;
	color : #8f8f8f;
	text-decoration : none;
}

#nav a:hover {
	background : #8f8f8f;
	color : #ffffff;
}

/* --- archiwum --- */

.archive {
	width : 530px;
	margin : 0 0 20px 240px;
	padding : 0;
	text-align : right;
	border-right : 1px dotted #8f8f8f;
}

.archive ul {
	list-style : none;
	margin : 0;
	padding : 0;
	line-height : 16px;
}

.archive li {
	list-style : none;
	display : inline;
	margin-right : 6px;
	font-size : 10px;
	line-height : 14px;
	color : #8f8f8f;
}

.archive a {
	padding : 0 1px 0 1px;	
	color : #8f8f8f;
	text-decoration : none;
}

.archive a:hover {
	padding : 0 1px 0 1px;
	background : #8f8f8f;
	color : #ffffff;
}

/* --- notki --- */

.note {
	width : 530px;
	margin : 0 0 60px 240px;
	color : #666666;
	text-align : justify;
}

.note .title {
	font-size : 24px;
	font-weight : normal;
	padding : 0 0 0 8px;
	margin : 24px 0 12px 0;
	border-left : 16px solid #999999;
}

.note .title a {
	color : #666666;
	text-decoration : none;
}

.note .content {
	font-size : 12px;
	line-height : 18px;
	padding : 0;
}

.note .content a {
	color : #8f8f8f;
	text-decoration : none;
	border : 0;
	border-bottom : 1px dotted #8f8f8f;
}

.note .content a:hover {
	background : #8f8f8f;
	color : #ffffff;
}

.note .meta {
	font-size : 11px;
	text-align : right;
	margin: 20px 0 5px 0;
}

.note .meta a {
	padding : 0 1px 0 1px;
	color : #8f8f8f;
	text-decoration : none;
	border : 0;
	border-bottom : 1px dotted #8f8f8f;
}

.note .meta a:hover {
	padding : 0 1px 0 1px;
	background : #8f8f8f;
	color : #ffffff;
}

.note blockquote {
	font-family : Georgia, Trebuchet MS, Arial, Geneva, Helvetica, sans-serif;
	font-size : 16px;
	text-align : left;
	float : right;
	width : 220px;
	margin : 20px 0 20px 12px;
	padding : 0 0 0 8px;
	border-left : 2px dotted #8f8f8f;
}

.note img {
	float : left;
	margin : 0 8px 4px 0;
	padding : 0 8px 0 0;
	border : 0;
	border-right : 1px dotted #8f8f8f;
}

/* --- back to top --- */

.up {
	margin : 70px 0 0 746px;
}

.up a {
	color : #8f8f8f;
	text-decoration : none;
}

.up img {
	border : 0;
}

/* --- foto --- */

.photo {
	width : 530px;
	margin : 0 0 60px 240px;
	color : #666666;
	text-align : left;
}

.photo .title {
	font-size : 24px;
	font-weight : normal;
	padding : 0 0 0 8px;
	margin : 24px 0 12px 0;
	border-left : 16px solid #999999;
}

.photo .title a {
	color : #666666;
	text-decoration : none;
}

.photo .imgcontainer {
	text-align : right;
}

.photo img {
	border : 1px solid #8f8f8f;
	/* max-width : 530px; */
}

.photo .meta {
	font-size : 11px;
	text-align : right;
	margin: 20px 0 5px 0;
}

.photo .meta a {
	padding : 0 1px 0 1px;
	color : #8f8f8f;
	text-decoration : none;
	border : 0;
	border-bottom : 1px dotted #8f8f8f;
}

.photo .meta a:hover {
	padding : 0 1px 0 1px;
	background : #8f8f8f;
	color : #ffffff;
}

/* --- pliki --- */

#files {
	width : 530px;
	margin : 0 0 60px 240px;
	color : #666666;
	font-size : 12px;
	line-height : 18px;
	padding : 0;
	text-align : justify;
}

#files a {
	color : #8f8f8f;
	text-decoration : none;
}

#files a:hover {
	background : #8f8f8f;
	color : #ffffff;
}

#files a img {
	vertical-align : middle;
	border : 0;
}

/* --- linki --- */

#links {
	width : 530px;
	margin : 0 0 60px 240px;
	color : #666666;
	font-size : 12px;
	line-height : 18px;
	padding : 0;
	text-align : justify;
}

#links a {
	padding : 0 1px 0 1px;
	color : #8f8f8f;
	text-decoration : none;
}

#links a:hover {
	padding : 0 1px 0 1px;
	background : #8f8f8f;
	color : #ffffff;
}

/* --- software --- */

#software {
	width : 530px;
	margin : 0 0 60px 240px;
	color : #666666;
	font-size : 12px;
	line-height : 18px;
	padding : 0;
	text-align : justify;
}

#software a {
	padding : 0 1px 0 1px;
	color : #8f8f8f;
	text-decoration : none;
}

#software a:hover {
	padding : 0 1px 0 1px;
	background : #8f8f8f;
	color : #ffffff;
}

/* --- stopka --- */

#footer {
	width : 530px;
	margin : 120px 0 40px 240px;
	color : #666666;
	font-size : 10px;
	padding : 0;
	text-align : right;
	border-top : 1px dotted #8f8f8f;
}

#footer a {
	padding : 0 1px 0 1px;
	color : #8f8f8f;
	text-decoration : none;
}

#footer a:hover {
	padding : 0 1px 0 1px;
	background : #8f8f8f;
	color : #ffffff;
}





/* --- formularze --- */

#form {
	width : 530px;
	margin : 0 0 60px 240px;
	color : #666666;
	font-size : 12px;
	line-height : 18px;
	padding : 0;
	text-align : right;
	border-left : 1px dotted #8f8f8f;
}


#form div {
	font-size : 11px;
	color : #666666;
	margin : 0 0 8px 0;
	padding : 0;
	border : 0;
}

#form label {
	vertical-align : top;
	margin : 0 4px 0 0;
}

#form input {
	font-family : Trebuchet MS, Arial, Geneva, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	width : 440px;
	border : 0;
	background : #efefef;
}

#form img {
	vertical-align : middle;
}

#form #captcha {
	width : 340px;
}

#form textarea {
	font-family : Trebuchet MS, Arial, Geneva, Helvetica, sans-serif;
	font-size : 11px;
	color : #666666;
	width : 440px;
	height : 200px;
	border : 0;
	background : #efefef;	
	/* --- ie only ---*/
	scrollbar-3dlight-color : #efefef;
	scrollbar-arrow-color : #8f8f8f;
	scrollbar-base-color : #efefef;
	scrollbar-darkshadow-color : #efefef;
	scrollbar-highlight-color : #efefef;
	scrollbar-shadow-color : #efefef;
}

#form .checkbox {
	width : 12px;
	background : #ffffff;
	text-align : right;
}

#form .submit {
	width : 120px;
	border : 1px dotted #8f8f8f;
}


/* --- komentarze --- */

.comment {
	width : 530px;
	position : relative;
	margin : 0 0 60px 240px;
	color : #666666;
	text-align : justify;
}

.comment a {
	color : #8f8f8f;
	text-decoration : none;
}

.comment a:hover {
	background : #8f8f8f;
	color : #ffffff;
}

.comment span {	
	display: block;
	position : relative;
	z-index : 1;	
	height : 128px;
	font-family : Trebuchet MS, Arial, Geneva, Helvetica, sans-serif;
	font-size : 128px;
	font-weight : bold;
	color : #efefef;
	padding : 0;
	text-align : right;
}

.comment .signature {
	display: block;
	position : relative;
	z-index : 2;
	font-size : 18px;
	font-weight : normal;
	padding : 0 0 0 4px;
	margin : -128px 0 2px 0;
	border-left : 4px solid #8f8f8f;
}

.comment .ip {
	display: block;
	position : relative;
	z-index : 2;
	font-size : 12px;
	font-weight : normal;
	padding : 0;
	margin : 0 0 2px 0;
}

.comment .emailwww {
	display: block;	
	position : relative;
	z-index : 2;
	font-size : 12px;
	font-weight : normal;
	padding : 0;
	margin : 0 0 2px 0;
	border-bottom : 1px dotted #8f8f8f;
}

.comment .content {
	position : relative;
	z-index : 2;
	font-size : 12px;
	line-height : 20px;
	padding : 0;
}