html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #CBC8C6 url(../img/bg-tile.gif);
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 75%;
	overflow: hidden;
}

p, h1, ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
}

a {
	outline: none;
	color: #888;
	text-decoration: none;
}

	a:hover {
		text-decoration: underline;
	}

h1 {
	background-position: -250px 0;
	width: 432px;
	height: 65px;
	text-indent: -9000em;
	margin-top: 175px;	
}

.sprite,
ul.general a,
#portfolio-pagination li a {
	background-image: url(../img/full-sprites.png);
	background-repeat: no-repeat;
}

/*body.ieSuckbar {
	border-top: solid 50px red;
}*/

@-webkit-keyframes spin {		
	0% { -webkit-transform: perspective(500) rotateY(0) rotateX(-90deg); opacity: 1; }
	40%   { -webkit-transform: perspective(500) rotateY(0) rotateX(20deg); opacity: 1; }
	60%   { -webkit-transform: perspective(500) rotateY(0) rotateX(-10deg); opacity: 1; }
	80%   { -webkit-transform: perspective(500) rotateY(0) rotateX(10deg); opacity: 1; }
	100%   { -webkit-transform: perspective(200) rotateY(0) rotateX(0deg); opacity: 1; }
}

#portfolio-cont {
	background: url(../img/full-sprites.png) 0 100% no-repeat;
}

#portfolio-cont.omg {
	 opacity: 0; 
	-webkit-transitions: all;
	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 0;
	-webkit-animation: spin 1s ease-out;
}

#wrapper {
	background: url(../img/bg-1.gif) 0 0 no-repeat;

	position: relative;
	padding: 20px 0;
}

#content {
	background: url(../img/me.png) 0 0 no-repeat;
	position: relative;
	padding: 1px 0 100px 280px;
	width: 460px;
	margin: 0 auto;
	
}

#portfolio-cont {
	clear: both;
	height: 350px;
	width: 430px;
	position: relative;
}

#portfolio-w {
	overflow: hidden;
	position: relative;
	width: 430px;
	height: 350px;
}

#portfolio {
	height: 350px;
	width: 12000px;
	position: absolute;
	top: 0;
	left: 0;
}

	#portfolio li {
		float: left;
		padding: 11px 11px 0 11px;
	}
	
	#portfolio li div {
	}
	
	#portfolio li span.pImage {
	}
	
		#portfolio li span.pImage a img {
			border: 0;
		}
	
	#portfolio li div.pDesc {
		margin: 10px 15px 0;
	}
	
		#portfolio li div.pDesc p {
			color: #fff;
			font-size: .8em;
			padding: 4px 0 0;
			text-shadow: 0 -1px 0 #000;
		}

		#portfolio li div.pDesc h3 {
			color: #E6E1E1;
			padding: 0;
			margin: 0;
			font-size: 1.3em;
			text-shadow: 0 -1px 0 #000;
		}
		
	#portfolio li img {
	}
	
#portfolio-pagination {
	position: absolute;
	top: 0;
	left: -11px;
	width: 452px;
}
	
	#portfolio-pagination li {
		width: 22px;
		height: 22px;
		position: absolute;
		top: 302px;
	}
	
		#portfolio-pagination li a {
			width: 22px;
			height: 22px;
			display: block;
			text-indent: -9000em;
		}
		
		#portfolio-pagination li.ppBack {
			left: 0;
		}
		
			#portfolio-pagination li.ppBack a {
				background-position: -379px -325px;
			}
		
		#portfolio-pagination li.ppNext {
			right: 0;
		}
		
		#portfolio-pagination li.ppNext a {
			background-position: -407px -325px;
		}

#last-slide {
	color: #fff;
}

#oskar-says {
	display: block;
	width: 233px;
	height: 127px;
	background-position: 0 0;
	position: absolute;
	top: 85px;
	left: -160px;
}

	#oskar-says span {
		display: block;
		width: 213px;
		height: 100px;
		margin: 15px 0 0;
		background-position: -524px 0;
		background-repeat: no-repeat;
		position: relative;
	}

	#oskar-says em {
		display: block;
		height: 20px;
		width: 105px;
		background-position: -250px -70px;
		position: absolute;
		left: 50px;
	}

	#oskar-says em.osTop {
		top: 0;
	}

	#oskar-says em.osBottom {
		background-position: -250px -91px;
		bottom: 0;
	}

ul.general,
ul.social {
	width: 240px;
	margin: 0 0 15px;
}

ul.general li,
ul.social li {
	margin: 0 0 3px;
}

ul.social {
	width: 290px;
	
	height: 40px;
}

ul.general a,
ul.social a {
	display: block;
	text-indent: -9000em;
	outline: none;
}


ul.general a {
	height: 20px;
}

ul.social a {
	position: relative;
	height: 44px;
	width: 49px;
	top: -60px;
}

ul.social li {
	float: left;
}

ul.general .email a {
	background-position: 0 -182px;
	
}

	ul.general .email a:hover,
	ul.general .email a:focus {
		background-position: -245px -182px;
	}

ul.general .folio a {
	background-position: 0 -212px;
}

	ul.general .folio a:hover,
	ul.general .folio a:focus {
		background-position: -245px -212px;
	}

ul.social .twitter a {
	background-position: 0 -302px;
}

	ul.social .twitter a:hover,
	ul.social .twitter a:focus {
		background-position: 0 -252px;
	}

ul.social .facebook a {
	background-position: -50px -302px;
}

	ul.social .facebook a:hover,
	ul.social .facebook a:focus {
		background-position: -50px -252px;
	}

ul.social .flickr a {
	background-position: -100px -302px;
}

	ul.social .flickr a:hover,
	ul.social .flickr a:focus {
		background-position: -100px -252px;
	}

ul.social .lastfm a {
	background-position: -150px -302px;
}

	ul.social .lastfm a:hover,
	ul.social .lastfm a:focus {
		background-position: -150px -252px;
	}

ul.social .blogolicious a {
	background-position: -200px -302px;
}

	ul.social .blogolicious a:hover,
	ul.social .blogolicious a:focus {
		background-position: -200px -252px;
	}