/***********************************************************************/
/**   ivanpik.net CSS style                                           **/
/**   Main style                                                      **/
/**                                                                   **/
/***********************************************************************/
/* << Main style */
html, body, ul, li, h1, h2, h3, h4, h5, h6, p, address{margin:0; padding:0; }
a img{border:none; }
.clear{clear:both;line-height:1px;width:1px;height:1px;overflow:hidden;}
html{background:#e5e6e0 url(../images/bck_html.jpg); }
body{background:url(../images/bck_body.png) 0 -180px;font-family:"Book Antiqua","Palatino Linotype", "Georgia", "New York CE", utopia, serif;}

/* Main style >> */
/* << HEADER */
div#header{width:764px;height:644px;background:url(../images/machine_l1.png) no-repeat;position:relative;top:54px;left:85px;}
div#machine{width:543px;height:334px;background:url(../images/machine_l2.png) no-repeat;position:absolute;top:4px;left:47px;}
h1{width:205px;height:73px;background:black;font-size:150%;color:white;position:relative;left:47px;top:298px;border-bottom:3px solid #e0e1dc;}
h1 span{width:205px;height:73px;display:block;position:absolute;left:0;top:0;background:url(../images/h1_ivan_pik.png) no-repeat;}
h2{width:393px;height:73px;background:black;font-size:120%;color:white;position:relative;left:47px;top:331px;}
h2 span{width:350px;height:73px;display:block;position:absolute;left:0;top:0;background:url(../images/h2_osobni_portfolio.png) no-repeat;}
h2.en{width:393px;height:73px;background:black;font-size:120%;color:white;position:relative;left:47px;top:331px;}
h2.en span{width:393px;height:73px;display:block;position:absolute;left:0;top:0;background:url(../images/h2_personal_portfolio.png) no-repeat;}
address a:hover, p.info a:hover{color:#fff;background:black;border-bottom:1px solid black;}
address#contact{position:relative;left:47px;top:304px;font-size:76%;color:#88c6cf;font-style:normal;display:block;}
address#contact a{color:#444239;text-decoration:none;border-bottom:1px dotted #8ad7dd;}
address#contact a:hover{color:#fff;background:#000;border-bottom:1px solid black;}
address#contact span.line{background:#f9faf9; padding:6px 13px 6px 13px; }
address#contact span.value{color:#444239; padding:0 4px 0 0; }
address#contact strong.name{font-weight:normal;padding:0 4px 0 4px;color:#68b3be;}
p#language{position:absolute;top:-55px;right:69px;width:100%;text-align:right;}
p#language a{background:black url(../images/black_noise.png);font-size:76%;color:#a0d5d9;text-decoration:none;line-height:29px;padding:9px 16px 10px 16px;}
p#language a span{white-space:nowrap;padding:0 0px 1px 0;border-bottom:1px dotted #96cdd1;}
p#language a:hover{color:#fff; }
p#language a:hover span{border-bottom-color:#fff; }
/* HEADER >>*/
/* << CONTENT */
hr{display:none; }
div#content{width:700px;margin:0 0 0 132px; position:relative;}
h3{display:block; margin:40px 0 8px 0; font-size:80%; }
h3 span{}
p.info{font-size:80%;color:#68b3be;margin:0px 0 8px 0;border-left:12px solid #f9faf9;line-height:26px;overflow:hidden;}
p.info a{color:#444239;text-decoration:none;border-bottom:1px dotted #8ad7dd;}
p.info span.line{background:#fff;line-height:2.4;padding:0.7em 8px 0.7em 0;}
p.info span.value{color:#444239; padding:0 4px 0 0; }
p.info strong {background: #eaf8fd; padding: 0 2px 0px 2px; font-weight: normal;}
p.space {margin-top: 25px;}

/* CONTENT >> */
/* << GALLERY  */
div#gallery{margin:30px 0 0 0; }
div#gallery div.item{width:200px;float:left;margin:0 24px 0 0;height:150px;}
div#gallery div.item a{display:block;width:190px;height:87px;text-decoration:none;}
div#gallery div.item a img{display:block;border:6px solid white;background-color:#e8e9e3;}
div#gallery div.item a span{background:white;color:#2b2b2b;font-size:80%;padding:4px 8px 6px 8px;}
div#gallery div.item a:hover img{border:6px solid #000; }
div#gallery div.item a:hover span{background:#000; color:#fff; }
/*  GALLERY >>  */
/* << FOOTER */
p#footer{width:718px;text-align:right;height:100px;position:relative;}
p#footer a{background:black url(../images/black_noise.png);font-size:76%;color:#a0d5d9;text-decoration:none;line-height:29px;padding:2px 16px 4px 16px;position:absolute;bottom:0;right:0;}
p#footer a span{white-space:nowrap;padding:0 0px 1px 15px;border-bottom:1px dotted #96cdd1;background-image:url(../images/top_arrow.gif);background-repeat:no-repeat;background-position:0px 8px;}
p#footer a:hover{color:#fff; }
p#footer a:hover span{border-bottom-color:#fff;background-position:0px -42px;}
/* FOOTER >> */
/* << FLICKR  */
div#flickr{margin:20px 0 0 0; }
div#flickr a:hover img{border:5px solid black; }
div#flickr img{border:5px solid white;float:left;margin:0 15px 0 0;}
/* FLICKR >>  */
/* << TOOLTIP */
div#gallery div.item {position: relative; z-index: 5;}
div#gallery p{ position:absolute; top: 90px; left: -9999px; z-index: 11;background:#fff;font-size:76%;padding:6px 12px 6px 12px;line-height:1.5;width:200px;border:4px solid #e8ebe8;overflow:hidden;}

/* TOOLTIP >> */

/* @group Headers */
h3 {
	position: relative;
	display: block;
	height: 39px;
}

h3 span{
	position: absolute;
	left: 0;
	top: 0;
	height: 39px;
	display: block;
	background-repeat: no-repeat;
}
h3#about-me {
	width: 118px;
}

h3#about-me span{
	width: 118px;
	background: url(../images/h3_about_me.png);
}

h3#my-portfolio {
	width: 115px;
}

h3#my-portfolio span{
	width: 115px;
	background: url(../images/h3_my_works.png);
}

h3#awards {
	width: 100px;
}

h3#awards span{
	width: 100px;
	background: url(../images/h3_awards.png);
}

h3#photography {
	width: 141px;
}

h3#photography span{
	width: 141px;
	background: url(../images/h3_photography.png);
}
/* @end */

div#strip {
	
}