/*
kruczynski.com portfolio css
by: kruczynski
don't steal: copyright 2009 p. kruczynski
*/

body{
	background:#d5d5aa url(/i/background-maybe.png);
	color:#963;
	font:100% verdana, arial, sans-serif;
	padding:0;
	margin:0; 
}

/* font farm -------------*/
@font-face {
	font-family: 'DejaVu Serif';
	src: url('/fonts/DejaVuSerif.eot');
	src: local('DejaVu Serif Book'),
	     local('DejaVuSerif-Book'),
	     url('/fonts/DejaVuSerif.ttf') format('truetype');
}
@font-face {
	font-family: 'DejaVu Serif';
	src: url('/fonts/DejaVuSerif-Bold.eot');
	src: local('DejaVu Serif Bold'),
	     url('/fonts/DejaVuSerif-Bold.ttf') format('truetype');
	font-weight: bold;
}
@font-face {
	font-family: 'DejaVu Serif';
	src: url('/fonts/DejaVuSerif-Italic.eot');
	src: local('DejaVu Serif Italic'),
	     local('DejaVuSerif-Italic'),
	     url('/fonts/DejaVuSerif-Italic.ttf') format('truetype');
	font-style: italic;
}

@font-face {
	font-family: 'Chopin Script';
	src: url('/fonts/ChopinScript.eot');
	src: local('Chopin Script Regular'),
	     local('ChopinScript-Regular'),
	     url('/fonts/ChopinScript.ttf') format('truetype');
}



/* links ----------------------------*/
a:link, a:visited{
	color:#633; text-decoration:none;
}
a:hover{
	color:#966;
	background:#ccc;
	text-decoration:underline;
}
a:active{
	color:#f00;
	text-decoration:none;
}
a:visited:hover{
	color:#966;
	text-decoration:underline;
}
a:visited:active{
	color:#f90;
	text-decoration:underline;
}


/*----header -----------------------*/


#logo{
/*
	background:transparent url(/i/portfolio/kznskilogo.gif) no-repeat;
	background:#633;
*/
	height:98px;
	width:100%;
}

#logo span{
	display:block;
	background:#633;
	height:98px;
}
#logo span#fill-one{
	float:left;
	width:300px;
}
#logo span#fill-two{
	float:right;
}


#logo h1 {
	background:transparent url(/i/k-logo-clear.png) 300px 0 no-repeat;
	font-family: 'DejaVu Serif';
	height:98px;
	width:652px;
	margin: 0;
}
#logo h1 a:link, #logo h1 a:visited {
	position:absolute;
	height:58px;
/*
	width:77%;
	background:#633;
*/
	display:block;
/*
	top:40px;
*/
	left:339px;
	color:#0f0e0e;

/*
	display:block;
*/
/*
	background:transparent url(/i/portfolio/kznskilogo.gif);
	overflow:hidden;
	font-size:1px;*/

	padding-top:40px;
}
#logo h1 a:hover {
/*
	background:transparent url(/i/k-logo-clear.png) no-repeat;
*/
}



/*---- maincontent ---------------- */

#maincontent{
	float:left;
	color:#000;
	width:464px;
	margin:20px 0 20px 336px;
}


/* portfolio */
.description-portfolio{
/*
	float:left;
	width:200px;
*/
	background:#ffc;
	padding:0 0 10px 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
/*
	border:2px solid #dcdcc1;
*/
	margin:0 0 20px 0;
	-webkit-box-shadow:10px 10px 35px #666;
	-moz-box-shadow:10px 10px 35px #666;
	box-shadow:10px 10px 35px #666;
}
.description-portfolio:hover{
	background:#ffc;
	-webkit-box-shadow:7px 7px 17px #5c5858;
	-moz-box-shadow:10px 10px 35px #666;
	box-shadow:10px 10px 35px #666;
}



h2{
	color:#963;
	font:bold 1.5em Georgia, serif;
	padding:20px 20px 10px 25px;
	margin-top:0;
	margin-bottom:0;
}

h3{
	color:#963;
	font:bold .85em Georgia, serif;
/*	letter-spacing:-0.09em;*/
	padding:0;
	margin:3px 20px 15px 25px;
}

h4{
	color:#963;
	font:italic bold .93em Georgia, serif;
	padding:0;
	margin:15px 20px 2px 25px;
}

div.heading-portfolio:hover,div.heading-portfolio:hover span{
	background-color:#dcdcc1;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

span.portfolio-screenshot-main{
	display:block;
	background-color:#f8f8d4;
	-moz-border-top-right-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-top-left-radius:3px;
	-webkit-border-top-left-radius:3px;

/*
	width:162px;
	height:162px;
	overflow:hidden;
*/
}
span.portfolio-screenshot-main:hover{
	cursor:pointer;	
/*	background-color:#dcdcc1;*/
}

img{
/*
	background-color:#f8f8d4;
*/
	padding:10px 57px;
	border:0;
	margin:0;
}

/*a:hover img{
	background-color:#dcdcc1;
}*/

p {
	font-size:.75em;
	line-height:1.5em;
	margin:0 35px 15px 25px;
}

ul {
	list-style-type: none;
	font-size:.75em;
	padding:0 0 20px 0;
	margin:0 20px 20px 25px;
}
ul li {
	line-height:1.5em;
	padding:0;
	border:0;
	margin:0 0 10px 0;
}


/* notice */
#notice{
	background:#fffdfd;
	opacity:0.8;
	padding:10px;
	margin-bottom:20px;
}

#notice h2{
	font-family: 'Chopin Script';
	font-size:2.7em;
	text-shadow:2px 2px 0 #ecece8;
	padding-top:0;
	margin-top:0;
}


/* overview - portfolio  */

#overview-portfolio{
	float:left;
	background:#966 url(/i/portfolio/bcrnr.gif) bottom right no-repeat;
	color:#000;
	width:300px;
	padding:0 0 40px 0;
	margin:20px 0 20px -800px;
}

#overview-portfolio h2{
	color:#633;
	padding-left:20px;
	margin-top:10px;
}

.description-portfolio h2:hover{
	cursor:pointer;
	color:#a08365;
	text-shadow:0px 1px 2px #e7dfa7;
}

#overview-portfolio p{
	font-size:.75em;
	color:#ccc;
	margin:10px 35px 10px 20px;
}

#overview-portfolio span{
	color:#fff;
}


/* footer -------------*/
#footer{
	clear:both;
	bottom:0;
	background:#633;
	height:98px;
	width:100%;
}

#footer p{
	text-align:center;
	color:#ccc;
	padding:20px 0 20px 0;
}



/* Misc */
/* hide jump to nav */
#skipnv{
	position: absolute;
	left: -999px;
	width: 990px;
}

/*quote handling*/
q {
	quotes:"\201C" "\201D" "\2018" "\2019";
}

/*
q[lang|="pl"] {
	quotes:"\201C" "\201D" "\2018" "\2019";
}
*/

q:before {
	content:open-quote;
}
q:after {
	content:close-quote;
}
/* Hide from IE5-mac \*/
* html q {
font-style:italic;
}
/* End hiding from IE5-Mac */

/* If I had more time I would write a shorter CSS */