/**
 * Copyright (c)2009, Upthesky
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @filesource
 * @copyright       		Copyright (c) 2009, Upthesky
 * @frontedndeveloper		Krzysztof Safjanowski
 * @license         		http://www.opensource.org/licenses/mit-license.php The MIT License
 */


/* wyzerowanie domyslnych wartosci */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, 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-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
fieldset {border: 0;}
object {display: block;}
table {border-collapse: collapse; border-spacing: 0;}


/* clear */
.clearfix:after {display: block; visibility: hidden; clear: both; height: 0; content: ".";}


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


/* linki */
a {}
	a:hover {}
	a:focus {}


/* body */
body {padding: 21px 0 0; font: 0.625em/1em arial, helvetica, sans-serif; background: #000 url(../img/site/body.jpg) no-repeat; color: #fff;}


/* safjanowski.pl */
#safjanowski-pl {margin: 0 0 0 57px; width: 937px;}


/* naglowek */
#header {position: relative;}


	#header-logo {margin: 0 0 0 70px; width: 360px; height: 89px;}
		#header-logo a {display: block; overflow: hidden; width: 360px; height: 89px; text-indent: -666em; background: url(../img/site/header-logo.a.png) no-repeat;}


	#header-menu {position: absolute; top: 21px; left: 575px; width: 361px; height: 28px;}
		#header-menu li, #header-menu a {float: left;}
		#header-menu a {overflow: hidden; height: 28px; text-indent: -666em; background: url(../img/site/header-menu.a.png) no-repeat;}


		#header-menu-about {width: 86px; background-position: 0 0;}
			#header-menu-about:hover {background-position: 0 -28px;}


		#header-menu-works {width: 69px; background-position: -86px 0 !important;}
			#header-menu-works:hover {background-position: -86px -28px !important;}


		#header-menu-friends {width: 75px; background-position: -155px 0 !important;}
			#header-menu-friends:hover {background-position: -155px -28px !important;}


		#header-menu-blog {width: 56px; background-position: -230px 0 !important;}
			#header-menu-blog:hover {background-position: -230px -28px !important;}


		#header-menu-contact {width: 75px; background-position: -286px 0 !important;}
			#header-menu-contact:hover {background-position: -286px -28px !important;}



/* tresc */
#content {}
	#content .content-header {float: left; padding: 16px 0; width: 87px; font-size: 1.4em; font-weight: normal; line-height: 1.71em; color: #e1e200;}
	#content .content-body {border-bottom: 1px solid #4d4d4d; padding: 16px 0 16px 87px; font-size: 1.2em; line-height: 2em; color: #c1c1c1;}
		#content .content-body p {margin: 18px 0 0;}
			#content .content-body p:first-child {margin: 0;}


	/* tresc - prace */
	#content-works {}
		#content-works .content-body {}
		#content-works .content-body ul {overflow: hidden; margin: 0 -13px 0 0;}
		#content-works .content-body li, #content-works .content-body a, #content-works .content-body img {float: left;}
		#content-works .content-body a {margin: 0 13px 0 0; border: 1px solid #464140; padding: 2px;}

/* stopka */
#footer {}


	#footer-copyright {font-size: 1.2em; line-height: 5.41em; color: #252525;}
		#footer-copyright a {text-decoration: none; color: #252525;}