/*PAPERNAPKIN VERSION 3.0 STYLESHEET*/
/*AUTHOR: Eric Davis, PaperNapkin*/

body,html, #bg, #bg table, #bg td{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:"Courier New",Courier, monospace;
}

div#col_left{
	width:220px;
	margin:0;
	padding:0;
	position:fixed;
	left:0;
}

div#col_right{
	width:717px;
	height:100%;
	margin:0;
	padding:0;
	float:right;
}

div#container{
	width:936px;
	padding:0 0 100px 0;
	margin:50px 0 0 0;
	position:absolute;
	z-index:3;
}

div#copyright{
	width:170px;
	margin:5px 0 0 0;
	padding:0px 10px 0 30px;	
}

div#copyright p{
	color:#FFF;
	font-size:7px;
	margin:0;
	padding:0;
}

.line-short{
	width:160px;
	height:1px;
	border-bottom: 1px dotted #61a8db;
	margin:13px 0 13px 0;
	padding:0;
}

.line-long{
	width:375px;
	height:1px;
	border-bottom: 1px dotted #61a8db;
	margin:13px 0 13px 0;
	padding:0;
}

div#logo{
	width:220px;
	height:60px;
	margin:0;
	padding:0;
	background:#FFF;
	text-align:right;
}

div#logo img{
	padding:16px 20px 0 0;
	margin:0;
}

ul{
	list-style: none;
	padding:0;
	margin:0;
}

ul li{
	list-style: none;
	padding:0;
	margin:0;
	line-height:1;
}

ul li a{
	font-size:9px;
	text-decoration: none;
	text-transform: uppercase;
	color:#61a8db;
}

ul li a:hover{
	color:#ef5cac;
}

.scrollable {
	position:relative;
	overflow:hidden;
	width: 717px;
}

.scrollable .items {
	width:20000em;
	position:relative;
	clear:both;
}

div#about{
	width:687px;
	height:455px;
	background:URL(../images/me.jpg) no-repeat top left #FFF;
	background-position-y: 5px;
	margin:0 0 0 10px;
	padding:5px 30px 5px 0;
	float:left;
}

div#about_copy{
	width:375px;
	float:right;
	text-align:right;
}

div#about_copy p{
	color:#ef5cac;
	font-size:11px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

div#about_copy ul{
	list-style: none;
	margin:0;
	padding:0;
}

div#about_copy li.blue{
	list-style: none;
	margin:0;
	padding:0 0 10px 0;
	color:#0174c5;
	font-size:10px;
	letter-spacing: 2px;
}

div#about_copy li.blue a{
	font-size:10px;
	letter-spacing: 2px;
	text-transform: none;
	text-decoration: none;
	color:#ef5cac;
}

div#about_copy li.blue a:hover{
	text-decoration: underline;
}

div#about_copy li.pink{
	list-style: none;
	margin:0;
	padding:0 0 10px 0;
	color:#ef5cac;
	font-size:10px;
	letter-spacing: 2px;
}

div#display{
	width:657px;
	min-height:430px;
	background:#FFF;
	margin:0 0 0 10px;
	float:left;
	padding:15px;
}

div#page_title{
	width:687px;
	margin:5px 0 5px 0;
	padding:0;
	text-align:right;
}

div#page_title p{
	font-size:16px;
	color:#0174c5;
	padding:0;
	margin:0;
	text-transform: uppercase;
}

div#info{
	height:100%;
}

div#info h1{
	color:#0174c5;
	font-size:14px;
	font-weight:normal;
	text-transform: uppercase;
}

div#info p{
	color:#0174c5;
	font-size:12px;
	font-weight:normal;
	margin:0 0 5px 0;
}

div#info a{
	color:#ef5cac;
	font-size:11px;
	font-weight:normal;
	text-decoration: none;
}

div#info a:hover{
	text-decoration: underline;
}

div#info img{
	margin:20px 0 0 40px;
	border:1px dotted #ef5cac;
}

div#portfolio{
	width:717px;
	min-height:600px;
	float:left;
}

div#portfolio_image{
	width:219px;
	height:149px;
}

div#portfolio_piece{
	width:219px;
	height:149px;
	padding:0;
	margin:0 0 10px 10px;
	float:left;
}

div#portfolio_row{
	width:687px;
	margin:0;
	padding:0 0 10px 0;
}

div#portfolio_title{
	position:absolute;
	z-index:12;
}

div#portfolio_title p{
	color:#ef5cac;
	width:204px;
	font-size:12px;
	padding:5px 5px 5px 10px;
	background:#FFF;
	margin:0;
	letter-spacing: 2px;
}

div#preview{
	height:435px;
}

div#subnav{
	width:465px;
	margin:0;
	padding:0;
	clear:both;
	float:right;
}

div#sidebar{
	width:170px;
	height:390px;
	margin:5px 0 0 0;
	padding:10px 20px 0 30px;
	background:#FFF;
}

div#sidebar p{
	margin:0;
	padding:0;
	color:#ef5cac;
	font-size:10px;
	letter-spacing: 2px;
}

div#sidebar p a{
	margin:0;
	padding:0;
	color:#ef5cac;
	font-size:10px;
	letter-spacing: 2px;
	text-decoration: none;
}

div#sidebar p a:hover{
	color:#61a8db;
}

#supersize{
	position:fixed;
}

#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
}

#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
}
		
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
}