/*---------------------------------------------------------------------------------------- Element styles */
body{ background:#98c5da; color:#333; font-family:"Lucida Grande",Verdana,sans-serif; font-size:0.75em; line-height:1.67em; margin:0 auto; width:949px;}
a{ color:#37a4d6; text-decoration:none; }
a:hover{ text-decoration:underline; }
h1{ height:0; text-indent:-9999px; }
h2{ border-bottom:1px dashed #fff; color:#cd135e; display:block; font-weight:normal; font-family:Georgia; font-size:1.5em; margin-bottom:7px; padding-bottom:4px; width:100%;}
h3{ color:white; float:left; font-family:"Lucida Sanse",Verdana,sans-serif; font-size:1.17em; font-weight:normal; }

/*---------------------------------------------------------------------------------------- Layout styles */
#header{ background:url("../_img/header.jpg") no-repeat #98c5da; height:254px; width:669px; margin-left:-88px;}
#main{ background:url("../_img/corners_top.gif") no-repeat; margin:-63px 0 0 0; width:949px; padding-top:9px; height:9px;}
#left,
#right{ margin:0 0 20px 0; padding:19px 30px;}
#left{ background:#fff; float:left; width:520px; }
#right{ background:url("../_img/bg_right.gif") repeat-y #e2e2e2; float:right; padding-bottom:40px; width:309px;}

/*---------------------------------------------------------------------------------------- Sidebar styles */
ul.contact li{ padding:0 0 4px 25px; height:20px; position:static;}
li.vcard{ background:url("../_img/icon_vcard.gif") no-repeat; }
li.email{ background:url("../_img/icon_email.gif") no-repeat; }
li.linkedin{ background:url("../_img/icon_linkedin.gif") no-repeat; }
li.facebook{ background:url("../_img/icon_facebook.gif") no-repeat; }
li.lastfm{ background:url("../_img/icon_lastfm.gif") no-repeat; }
#right p,
#right ul{ padding-bottom:40px; }

/*---------------------------------------------------------------------------------------- Slider styles */
.portfolioItem{ margin-top:30px; overflow:hidden; position:relative; width:520px; }
.portfolioItem div.bottom_corners{ background:url("../_img/corners_portfolioItem_bottom.png") no-repeat; bottom:0; height:9px; position:absolute; width:520px; z-index:20; }
.portfolioItem div.title{ background:url("../_img/corners_portfolioItem_top.png") no-repeat; border-bottom:1px solid white; height:19px; left:0; overflow:hidden; padding:10px 10px 10px 15px; position:absolute; width:495px; z-index:10;}
.portfolioItem span.post_date{ color:#6f747a; float:right; }
.portfolioItem ul.screenshots{ padding-top:39px; }
.portfolioItem ul.screenshots li{ height:270px; overflow:hidden; width:520px; }
.portfolioItem div.hoverArea{ background:url("../_img/transparent.gif"); height:270px; position:absolute; top:40px; width:520px; z-index:20; }

.overlay{ background:url("../_img/bg_overlay.png") repeat-x; color:#ffffff; font-size:1.17em; height:270px; position:absolute; width:100%; z-index:10; }
.overlay div.contribution{ float:left; margin:30px 10px 30px 50px;width:190px; }
.overlay div.contribution ul li{ background:url("../_img/check.png") no-repeat left; height:27px; padding-left:30px; }
.overlay div.description{ float:left; margin:30px 0 30px 0; width:220px; }
.overlay div.description a{ margin-top:10px; }
.overlay span{ color:#767f89; display:block; font-size:1.29em; margin-bottom:10px; }

span#nextBtn a,
span#prevBtn a{ display:block; height:46px; position:absolute; top:148px; width:35px; z-index:20; }
span#prevBtn a{ background:url("../_img/slider_previous.png") no-repeat; left:0;  }
span#nextBtn a{ background:url("../_img/slider_next.png") no-repeat; right:0; }

/*---------------------------------------------------------------------------------------- Misc styles */
#left h2{ border-bottom:1px dashed #000; }   
#error{ background:#fff; width:580px; margin-top:-63px;} 
#error h2{ padding:30px 30px 0 30px; border:0;} 
#error p{ padding:0 30px 30px 30px; } 
#error .topcorner, 
#error .bottomcorner{display:block; height:9px; width:100%;}    
#error .topcorner{background:url("../_img/error_corners.gif") no-repeat; height:9px;}    
#error .bottomcorner{background:url("../_img/error_corners.gif") no-repeat 0 -9px;}