*{ margin:0; padding:0; list-style-type:none; border:0; outline: none; }

body{ background:#f0f0f0; color:#666666; font-size:13px; 
font-family: "Lucida Grande","Lucida Sans","Helvetica Neue", Helvetica, Arial, sans-serif; }
a{ color:#666666; }
.clear{ clear:both; line-height:0; }

#page{ width:780px; margin:50px auto; }


/* HEADER */
#header{ padding-bottom:30px; border-bottom:1px solid #e3e3e3; position:relative; }
#header h1{ font-size:40px; color:#22cffd; text-shadow: 0 1px 0 #ffffff, 0 -1px 0 #1cacd2;
font-family: "Kozuka Gothic Pro", "Myriad Pro", "Myriad", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-weight:900; line-height:55px; margin-left:15px; }
#header p { font-size:18px; color:#000000; text-shadow: 0 1px 0 #ffffff; margin-left:15px; }


/* LINKS */
#links{ position:absolute; right:0; bottom:32px; }
#links li{ display:block; width:16px; height:16px; float:left; background: url(img/sprite_icons.png) no-repeat; margin-right:4px; }
#links li a{ display:block; width:16px; height:16px; position:relative; }
#links li a span{ display:none; }
#links li a:hover span{ display:block; position:absolute; top:-30px; left:50%; width:65px; margin-left:-32px; height:26px; background:url(img/baloon.png); text-align:center; color:#ffffff; font-size:11px; line-height:20px; }

/* LINKS ICONS */
#links .email	{ background-position: 0 0; }
#links .linkedin{ background-position: -16px 0; }
#links .twitter	{ background-position: -32px 0; }
#links .facebook{ background-position: -48px 0; }
#links .flickr	{ background-position: -64px 0; }
#links .vimeo	{ background-position: -80px 0; }
#links .lastfm	{ background-position: -96px 0; }
#links .email:hover		{ background-position: 0 -16px; }
#links .linkedin:hover	{ background-position: -16px -16px; }
#links .twitter:hover	{ background-position: -32px -16px; }
#links .facebook:hover	{ background-position: -48px -16px; }
#links .flickr:hover	{ background-position: -64px -16px; }
#links .vimeo:hover		{ background-position: -80px -16px; }
#links .lastfm:hover	{ background-position: -96px -16px; }



/* PROJECT */
.project{ padding:65px 10px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #fafafa; }
.project .about{ width:300px; float:left; }
.project h2, .project h2 a{ display:block; text-decoration:none; font-size:25px; color:#22cffd; text-shadow: 0 1px 0 #f5f5f5; margin-bottom:20px; 
font-family: "Kozuka Gothic Pro", "Myriad Pro", "Myriad", "Helvetica Neue", "Helvetica", "Arial", sans-serif; line-height:40px; font-weight:700; }
.project p{ line-height:20px; letter-spacing:-.3px; text-align:justify; margin-bottom:10px; }
.thanks{ color:#bbb; float:right; width:425px;}
.thanks a{ color:#bbb; }


/* SLIDESHOW */
.slideshow { position:relative; left:320px; width:460px; height:320px; }
.slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
.slideshow IMG.active { z-index:10; opacity:1.0; }
.slideshow IMG.last-active { z-index:9; }


/* COLOPHON */
#colophon{ padding:50px 15px; border-top: 1px solid #fafafa; color:#bbbbbb; line-height:25px; }
#colophon a{ color:#bbbbbb; }