@charset "utf-8";
body{
background:#fff; 
color:#000000;
font: 120%/1.5  "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
margin:0;
padding:0;
}
a { color:#000; }
a:hover { color:#F00; text-decoration:underline; }
.clear { clear:both; }
#me a{
background:url("../images/bg.png") no-repeat top left;
position:absolute;
top:0;
left:0;
width:200px;
height:450px;
}
#me a:hover{
background:url("../images/bg_.png") no-repeat top left;
position:absolute;
top:0;
left:0;
width:200px;
height:450px;
}
#wrapper{
margin-top:30px;
width:660px;
margin-left:auto;
margin-right:auto;
}
.intro {
font-size: 2em;
font-style: italic;
line-height: 1.5;
width: 600px;
margin: 0 0 1em 0;
}
.logo a { 
width:660px; 
height:131px; 
float:left; 
background:url(../images/logo_.png) no-repeat top left; 
}
.logo a:hover { 
width:660px; 
height:131px; 
float:left; 
background:url(../images/logo__.png) no-repeat top left; 
}
#menu a { text-decoration:none;}
#menu a:hover { color:#000; text-decoration:underline;}
#menu { 
text-align:center;
width:600px; 
padding:0 30px;
float:left; 
height:50px; 
}
.about{ 
float:left; 
width:200px; 
}
.about_on{ 
float:left; 
width:200px; 
}
.about_on a{
text-decoration:underline;
}
.work{ 
float:left; 
width:200px; 
}
.work_on{ 
float:left; 
width:200px; 
}
.work_on a{ 
text-decoration:underline;
}
.contact{
float:right; 
width:200px; 
} 
.content{ 
width:600px; 
padding:30px; 
height:auto; 
}
#footer{ 
background:url(../images/bottom.png) repeat-x bottom left; 
height:100px; 
width:100%; 
float:left; 
}
#top{ position:absolute; top:0; right:0; width:470px;}
.fb a{
background:url("../images/facebook_.png") no-repeat top left; 
width:22px; 
height:40px; 
float:left; 
}
.tw {
background:url("../images/twitter_long__.png") no-repeat top left;  
height:40px;
float:left; 
}
.fb a:hover{
background:url("../images/facebook.png") no-repeat top left; 
width:22px; 
height:40px; 
float:left; 
}
.dw a{
background:url("../images/dw_.png") no-repeat top left; 
width:45px; 
height:40px; 
float:left; 
}
.dw a:hover{
background:url("../images/dw.png") no-repeat top left; 
width:45px; 
height:40px; 
float:left; 
}
.ps a{
background:url("../images/ps_.png") no-repeat top left; 
width:45px; 
height:40px; 
float:left; 
}
.ps a:hover{
background:url("../images/ps.png") no-repeat top left; 
width:45px; 
height:40px; 
float:left; 
}
.fl a{
background:url("../images/fl_.png") no-repeat top left; 
width:45px; 
height:40px; 
float:left; 
}
.fl a:hover{
background:url("../images/fl.png") no-repeat top left; 
width:45px; 
height:40px; 
float:left; 
}
.fw a{
background:url("../images/fw_.png") no-repeat top left; 
width:45px; 
height:40px; 
float:left; 
}
.fw a:hover{
background:url("../images/fw.png") no-repeat top left; 
width:45px; 
height:40px; 
float:left; 
}
.ai a{
background:url("../images/ai_.png") no-repeat top left; 
width:45px; 
height:40px; 
float:left; 
}
.ai a:hover{
background:url("../images/ai.png") no-repeat top left; 
width:45px; 
height:40px; 
float:left; 
}
.in a{
background:url("../images/id_.png") no-repeat top left; 
width:45px; 
height:40px; 
float:left; 
}
.in a:hover{
background:url("../images/id.png") no-repeat top left; 
width:45px; 
height:40px; 
float:left; 
}
.html a{
background:url("../images/html_.png") no-repeat top left; 
width:80px; 
height:40px; 
float:left; 
}
.html a:hover{
background:url("../images/html.png") no-repeat top left; 
width:80px; 
height:40px; 
float:left; 
}
.css a{
background:url("../images/css_.png") no-repeat top left; 
width:50px; 
height:40px; 
float:left; 
}
.css a:hover{
background:url("../images/css.png") no-repeat top left; 
width:50px; 
height:40px; 
float:left; 
}
.php a{
background:url("../images/php_.png") no-repeat top left; 
width:50px; 
height:40px; 
float:left; 
}
.php a:hover{
background:url("../images/php.png") no-repeat top left; 
width:50px; 
height:40px; 
float:left; 
}
.sql a{
background:url("../images/sql_.png") no-repeat top left; 
width:80px; 
height:40px; 
float:left; 
}
.sql a:hover{
background:url("../images/sql.png") no-repeat top left; 
width:80px; 
height:40px; 
float:left; 
}
.jquery a{
background:url("../images/jquery_.png") no-repeat top left; 
width:80px; 
height:40px; 
float:left; 
}
.jquery a:hover{
background:url("../images/jquery.png") no-repeat top left; 
width:80px; 
height:40px; 
float:left; 
}
.as a{
background:url("../images/as_.png") no-repeat top left; 
width:80px; 
height:40px; 
float:left; 
}
.as a:hover{
background:url("../images/as.png") no-repeat top left; 
width:80px; 
height:40px; 
float:left; 
}
.csharp a{
background:url("../images/csharp_.png") no-repeat top left; 
width:50px; 
height:40px; 
float:left; 
}
.csharp a:hover{
background:url("../images/csharp.png") no-repeat top left; 
width:50px; 
height:40px; 
float:left; 
}

.barbers a{
background:url("../images/folio/barbers_.png") no-repeat top left; 
width:600px; 
height:100px; 
float:left; 
padding:0 0 10px 0;
}
.barbers a:hover{
background:url("../images/folio/barbers.png") no-repeat top left; 
width:600px; 
height:100px; 
float:left; 
}
.mary a{
background:url("../images/folio/mary_.png") no-repeat top left; 
width:600px; 
height:100px; 
float:left; 
padding:0 0 10px 0;
}
.mary a:hover{
background:url("../images/folio/mary.png") no-repeat top left; 
width:600px; 
height:100px; 
float:left; 
}
.zakopane a{
background:url("../images/folio/zakopane_.png") no-repeat top left; 
width:600px; 
height:100px; 
float:left; 
padding:0 0 10px 0;
}
.zakopane a:hover{
background:url("../images/folio/zakopane.png") no-repeat top left; 
width:600px; 
height:100px; 
float:left; 
}
.ender a{
background:url("../images/folio/ender_.png") no-repeat top left; 
width:600px; 
height:100px; 
float:left; 
padding:0 0 10px 0;
}
.ender a:hover{
background:url("../images/folio/ender.png") no-repeat top left; 
width:600px; 
height:100px; 
float:left; 
}
.tulip a{
background:url("../images/folio/tulip_.png") no-repeat top left; 
width:600px; 
height:100px; 
float:left; 
padding:0 0 10px 0;
}
.tulip a:hover{
background:url("../images/folio/tulip.png") no-repeat top left; 
width:600px; 
height:100px; 
float:left; 
}
.sip a{
background:url("../images/folio/sip_.png") no-repeat top left; 
width:600px; 
height:100px; 
float:left; 
padding:0 0 10px 0;
}
.sip a:hover{
background:url("../images/folio/sip.png") no-repeat top left; 
width:600px; 
height:100px; 
float:left; 
}
.teaching a{
background:url("../images/folio/teaching_.png") no-repeat top left; 
width:600px; 
height:100px; 
float:left; 
padding:0 0 10px 0;
}
.teaching a:hover{
background:url("../images/folio/teaching.png") no-repeat top left; 
width:600px; 
height:100px; 
float:left; 
}
/*tips*/
#dynatip.bottom { 
    background:url("../images/tooltip/black_arrow_bottom.png");     
    padding-top:40px; 
    height:55px; 
} 
 
#dynatip.bottom { 
    background:url("../images/tooltip/black_arrow_bottom.png"); 
}
/*end of tips*/
fieldset{ border:3px solid #000;}
.button { background:#000; color:#FFF; font: 100%/1.5 "Poor Richard", Georgia, Times, Serif;}

#contactform { width:600px;}
#formleft{ width:300px; float:left;}
/*tweeter*/

#twitter_update_list li {
list-style-type: none;
padding:5px 5px 0 150px;
font-size:16px;
line-height:20px;
}#twitter_update_list span {
color: #3cbadd;
text-decoration:none;
}

#twitter_update_list span a {
display: inline;
color: #000000;
}
#twitter_update_list span a:hover {
text-decoration: underline;
color: #666666;
}