@charset "UTF-8";
/* CSS Document */

* {margin:0; padding:0; }
body {background:url(img/bkg.png); font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; }
img {border:0; }
a {text-decoration:none; }
a:hover {text-decoration:underline; }
h1, h2, h3, h4, h5, h6 {margin:0; padding:0; line-height:100%; }

.contentwrap {width:440px; height:auto; display:block; overflow:hidden; margin:80px auto 10px auto; background:#FFF; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;
	-moz-box-shadow: 0px 4px 10px #000;
	-webkit-box-shadow: 0px 4px 10px #000;
	box-shadow: 0px 4px 10px #000;
}

.contentwrap .bio {display:block; padding:10px; min-height:87px; }
.contentwrap .bio h1 {font-size:24px; color:#666; margin:22px 0 5px 0; text-shadow: 1px 1px 1px #dddddd; }
.contentwrap .bio h2 {font-size:14px; font-weight:normal; color:#999; text-shadow: 1px 1px 1px #dddddd; }
.contentwrap .bio img {background:#FFF; padding:5px; border:1px solid #d5d5d5; float:left; display:block; width:75px; height:75px; margin:0 15px 0 0; }

.contentwrap .nav {background:#666; padding:10px; display:block; text-shadow: 1px 1px 1px #333; }
.contentwrap .nav a {color:#FFF; font-size:13px; line-height:100%; font-weight:bold; margin:0 30px 0 0; }
.contentwrap .nav a.selected {color:#CCC; text-decoration:none; }


.contentwrap .divider {width:2px; height:276px; background:url(img/divider.gif) repeat-y; display:block; overflow:hidden; position:absolute; margin:0 0 0 217px;}
.contentwrap .social {width:190px; height:32px; padding:30px 15px; display:block; overflow:hidden; float:left; background:#CCC; font-size:15px; line-height:31px; font-weight:bold; color:#333; text-shadow: 1px 1px 1px #fff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#c5c5c5'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c5c5c5)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f5f5f5,  #c5c5c5); /* for firefox 3.6+ */ 
}

.contentwrap .social:hover {background:#c00; color:#333;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#d5d5d5'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#d5d5d5)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f5f5f5,  #d5d5d5); /* for firefox 3.6+ */ 
}

.contentwrap .icon {width:32px; height:32px; display:block; overflow:hidden; margin:0 15px 0 0; float:left; }
.contentwrap #twitter {background:url(img/icons.png) no-repeat scroll 0 0; }
.contentwrap #facebook {background:url(img/icons.png) no-repeat scroll 0 -32px; }
.contentwrap #linkedin {background:url(img/icons.png) no-repeat scroll 0 -64px; }
.contentwrap #dribble {background:url(img/icons.png) no-repeat scroll 0 -96px; }
.contentwrap #wow {background:url(img/icons.png) no-repeat scroll 0 -192px; }
.contentwrap #instagram {background:url(img/icons.png) no-repeat scroll 0 -160px; }
.contentwrap #yahoo {background:url(img/icons.png) no-repeat scroll 0 -224px; }

.footer {width:440px; margin:0 auto; color:#CCC; text-align:center; font-size:10px; line-height:13px; text-shadow: 1px 1px 1px #333; }