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

body
{
	background: url(http://www.calvinly.com/iphone/images/bkgd_logo.jpg) repeat-x #000000;
	color:#999;
	font-family: Helvetica, Tahoma, Geneva, sans-serif;
	font-size:11px;
	margin: 0 20px 0 20px;
}

p {
	margin: 0px 0px 15px 0;	
}

hr {
	margin:0;
	padding:0;
}

h1 span { 
 display:none;
}

h2, #social-icons, #folio-detail
{
	width:280px;
}

h2 {
	margin:0 0 10px 0;
	border-bottom: 1px solid #666;
	padding: 0px 0px 3px 0px;
}

#folio
{
	margin: 70px 0 0 0;	
}

#folio #thumbnail a, #folio #thumbnail a:link {
	background:none;
	padding:0;
	margin:0;
}

#folio #item-header {
	width:200px;
	margin: 0px 0 0 0;
	padding: 5px 5px 2px 6px;
	background: #fff;
	text-align:left;
}
#folio #client {
	margin:0;
	color:#999;
	font-size:9px;
	text-transform:uppercase;
}
#folio #title {
	margin:-3px 0px 0px 0px;
	font-size:15px;
}

#folio #role {
	margin:5px 0 0 0;	
	color:#666;
	font-size:11px;
}
#folio #description {
	font-size:11px;
	color:#666;
}



#role span, #description span {
	color:#999;	
}
#role, #description
{
	font-size:12px;
}
#description { margin-bottom:10px; }

a, a:link, a:visited {
	color:#fff;	
	text-decoration:none;
	background: #4a450a;
	padding: 0px 2px 0px 2px;
}

#folio-links {
	padding-top:0px;
	width:90px;
	margin: -52px 0 0 110px;
	/*z-index: 50;*/
	position:absolute;
}
#folio-links a, #folio-links a:link, #folio-links a:visited
{
	
	color:#FFF;
	display:block;
	text-align:right;
	padding: 5px 24px 3px 10px;
	text-decoration:none;
	
	opacity:0.9;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
}

#folio-links a:hover {
	background:#000;
	text-decoration:underline;
	
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
}

/**
	Folio Detail
*/
#folio-detail {
		
}

#folio-detail h3 {
	margin:-10px 0px 8px 0px;	
}

#folio-detail a, #folio-detail a:link, folio-detail a:visited {
	background:none;	
}

#close-button a, #close-button a:link, #close-button a:visited {
	margin:10px 0px 20px 0px;
	display:block;
	background:#000;
	color:#fff;
	size: 10px;
	padding:2px 4px 1px 0;
	text-align:center;
}


#social-icons {
	margin-top: 15px;	
}

#social-desc {
	margin-top:-15px;
	height:20px;
}

#social-icons a, #social-icons a:link, #social-icons a:visited {
	background:none;	
}