/* marcin-olejnik.eu*/
html, body, h1, h2, h3, ul, ol, li, blockquote, p {
	margin:0; padding:0;
}

html {
	background:#190c00 url('../img/site/html.jpg');
}

body {
	font:62.5%/1.3em arial, tahoma, verdana, sans-serif; background:url('../img/site/body.jpg') repeat-x 0 0; color:#fff;
}


/**/
a img {border:none;}


/* accessibility */
#quick-navigation, .accessibility, hr {position:absolute; top:0; left:-666em; margin-left:-666em; overflow:hidden;}


/* content position */
#header, #page, #footer p {
	margin:0 auto; width:862px;
}

/* header */
#header {
	position:relative; margin:0 auto 39px; width:862px; height:285px; background:url('../img/site/header.jpg') no-repeat 50% 0;
}
	
	#header h2 {
		padding-top:152px; font-size:2.4em; font-weight:normal; letter-spacing:0px; text-align: center; color:#fff;
	}
	
		#header  h2 em {
			display:block; padding-top:20px; font-style:normal; color:#FFB400; 
		}

	#header p {
		position:absolute; top:34px; right:0; font-size:1.2em; color:#fff;
	}
	
		#header p a {
			margin:0 4px;
		}


/* page */
#page {
	overflow:hidden; _heigth:1%;
}

	/* content */
	#content {
		float:left; margin-left:90px; width:400px;
	}
		
		/* content - main page */
		#content .entry {
			font-size:1.1em;
		}
		
			#content .entry img {
			}
			
			#content .entry p {
				margin-bottom:13px;
			}
			
				#content .entry img {
					float:left; margin:0 24px 0 12px;
				}
			
			#content .read-more {
				font-size:1.1em; font-weight:bold; text-align:right;
			}
			
				#content .read-more a {
					color:#ffb400;
				}
		/* content - reference */
		#content .reference {
			list-style:none;
		}
		
			#content .reference li {
				margin-top:20px; padding-bottom:1px; 
			}
			
				#content .reference li.first-child {
					margin-top:0;
				}
		
			#content .reference p {
				margin-bottom:13px; font-size:1.2em;
			}
			
			#content .reference p strong {
				font-style:italic;
			}
			
			#content .reference p.author {
				font-size:1.1em; text-align:right; color:#ffc800;
			}
			
				#content .reference p.author cite {
					font-style:normal; font-weight:bold;
				}
		
		#content-wlasnie-przegladasz-moje-referencje {
			overflow:hidden; position:relative; width:228px; height:52px;
		}
	
			#content-wlasnie-przegladasz-moje-referencje span {
				position:absolute; top:0; left:0; width:228px; height:52px; background:url('../img/site/content-wlasnie-przegladasz-moje-referencje.span.gif') no-repeat;
			}
		
		/* content - faq */
		#content .faq {
			list-style:none;
		}
		p a {text-decoraration:none; border-bottom:1px solid #ffc800;}
			#content .faq li {
				margin-top:20px; padding-bottom:1px; 
			}
			
				#content .faq li.first-child {
					margin-top:0;
				}
		
			#content .faq p {
				margin-bottom:13px; font-size:1.2em;
			}
			
			#content .faq p strong {
				color:#ffc800;
			}
			
			#content .faq p.author {
				font-size:1.1em; text-align:right; color:#ffc800;
			}
			
				#content .faq p.author cite {
					font-style:normal; font-weight:bold;
				}
		
		#content-wlasnie-przegladasz-moje-referencje {
			overflow:hidden; position:relative; width:228px; height:52px;
		}
	
			#content-wlasnie-przegladasz-moje-referencje span {
				position:absolute; top:0; left:0; width:228px; height:52px; background:url('../img/site/content-wlasnie-przegladasz-moje-referencje.span.gif') no-repeat;
			}
		
		
		/* content - porfolio */
		#content .portfolio {
			list-style:none;
		}
		
			#content .portfolio li {
				margin-bottom:20px;
			}
			
			#content .portfolio a {
				display:block; border:1px solid #6a3705;
			}
			
			#content .portfolio img {
				display:block;
			}
		
		#content .pagination {
			margin-right:11px; padding:4px; font-size:1.1em; text-align:right; list-style:none;
		}
		
			#content .pagination li {
				display:inline; margin:0 3px;
			}
			
				#content .pagination li.page-number {
					border:1px solid #6e3805;
				}
				
					#content .pagination li.page-number a {
						padding:2px 6px; text-decoration:none; color:#fff;
					}
					
						#content .pagination li.page-number a.active, #content .pagination li.page-number a:hover {
							background:#6e3805;
						}
			
			#content .pagination a {
				color:#6e3805;
			}
			
		#content-wlasnie-przegladasz-moje-projekty {
			overflow:hidden; position:relative; width:228px; height:52px;
		}
	
			#content-wlasnie-przegladasz-moje-projekty span {
				position:absolute; top:0; left:0; width:228px; height:52px; background:url('../img/site/content-wlasnie-przegladasz-moje-projekty.span.gif') no-repeat;
			}

	#content-witaj-na-marcinolejnik-eu {
		overflow:hidden; position:relative; width:158px; height:52px;
	}
	
		#content-witaj-na-marcinolejnik-eu span {
			position:absolute; top:0; left:0; width:158px; height:52px; background:url('../img/site/content-witaj-na-marcinolejnik-eu.span.gif') no-repeat;
		}
	
	/* do you need help? */
	#need-help {
		float:right; width:305px; background:#613105; background:url('../img/site/need-help.jpg');
	}
	
	#need-help ul {
		margin-left:27px; padding-bottom:20px; font-size:1.2em; line-height:1.6em; background:url('../img/site/need-help.ul.gif') no-repeat 100% 100%; list-style:none;
	}
	
	#need-help li {
	}
	
	#need-help a {
		padding-left:16px; background:url('../img/site/need-help.a.gif') no-repeat 0 50%; color:#ffb400;
	}
	
			#need-help a.active {
				padding-left:16px; font-weight:bold; text-decoration:none; background:url('../img/site/need-help.a.active.gif') no-repeat 0 50%; color:#fff;
			}
			
			#need-help a:hover {
				color:#fff;
			}
	
	#need-help-w-czym-moge-ci-pomoc {
		overflow:hidden; position:relative; width:305px; height:52px;
	}
	
		#need-help-w-czym-moge-ci-pomoc span {
			position:absolute; top:0; left:0; width:305px; height:52px; background:url('../img/site/need-help-w-czym-moge-ci-pomoc.span.gif') no-repeat;
		}

/* footer */
#footer {
	margin-top:25px; padding:26px 0 25px; background:url('../img/site/footer.gif') repeat-x 0 0;
}

	#footer p {
		padding-right:42px; width:820px; font-size:1.1em; text-align:right;
	}
	
		#footer p span {
			margin:0 2px 0 6px;
		}
		
		#footer p img {
			margin-right:3px; vertical-align:bottom;
		}
		
		#footer p .fn {
			display:none;
		}