@charset "UTF-8";


.feed {
	display: inline;
	text-decoration: none;
}
.feedtext {
	position: absolute; 
	left: 240px; 
	top: 125px;
	width: 555px;
}
img{border:none;}



/*portfolio*/


.portfolio {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ff006c;
	letter-spacing: -2px;
	text-decoration: none;
}
.portfolio:hover {
	color: #ffffff;
	background-color: #ff006c;
}
.portfolioflat {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ff006c;
	letter-spacing: -2px;
	text-decoration: none;
}
.portfoliodate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ff006c;
}
.portfoliodescriptor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ff006c;
	padding-top: 5px;
}
.portfoliolink {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ff006c;
	letter-spacing: -2px;
	text-decoration: none;
}
.portfoliotextlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ff006c;
	text-decoration: none;
}
.portfoliotextlink:hover {
	color: #ffffff;
	background-color: #ff006c;
}
.portfoliolink:hover {
	color: #ffffff;
	background-color: #ff006c;
}
#portfoliopreview{
	position:absolute;
	border:0px;
	background:#ff006c;
	padding:15px;
	display:none;
	color:#ff006c;
	}


/*art*/


.art {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffa800;
	letter-spacing: -2px;
	text-decoration: none;
}
.art:hover {
	color: #ffffff;
	background-color: #ffa800;
}
.artflat {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffa800;
	letter-spacing: -2px;
	text-decoration: none;
}
.artdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffa800;
}
.artlink {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffa800;
	letter-spacing: -2px;
	text-decoration: none;
}
.artlink:hover {
	color: #ffffff;
	background-color: #ffa800;
}
#artpreview{
	position:absolute;
	border:0px;
	background:#ffa800;
	padding:15px;
	display:none;
	color:#ffa800;
	}


/*music*/


.music {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #bdfb00;
	letter-spacing: -2px;
	text-decoration: none;
}
.music:hover {
	color: #ffffff;
	background-color: #bdfb00;
}
.musicflat {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #bdfb00;
	letter-spacing: -2px;
	text-decoration: none;
}
.musicdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #bdfb00;
}
.musiclink {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #bdfb00;
	letter-spacing: -2px;
	text-decoration: none;
}
.musiclink:hover {
	color: #ffffff;
	background-color: #bdfb00;
}
#musicpreview{
	position:absolute;
	border:0px;
	background:#bdfb00;
	padding:15px;
	display:none;
	color:#bdfb00;
	}


/*stuff*/


.stuff {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0ef6dd;
	letter-spacing: -2px;
	text-decoration: none;
}
.stuff:hover {
	color: #ffffff;
	background-color: #0ef6dd;
}
.stuffflat {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0ef6dd;
	letter-spacing: -2px;
	text-decoration: none;
}
.stuffdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #0ef6dd;
}
.stufflink {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0ef6dd;
	letter-spacing: -2px;
	text-decoration: none;
}
.stufflink:hover {
	color: #ffffff;
	background-color: #0ef6dd;
}
#stuffpreview{
	position:absolute;
	border:0px;
	background:#0ef6dd;
	padding:15px;
	display:none;
	color:#0ef6dd;
	}


/*info*/


.info {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #a6e300;
	letter-spacing: -2px;
	text-decoration: none;
}
.info:hover {
	color: #ffffff;
	background-color: #a6e300;
}
.infoflat {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #a6e300;
	letter-spacing: -2px;
	text-decoration: none;
}
.infodate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #a6e300;
}
.infolink {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #a6e300;
	letter-spacing: -2px;
	text-decoration: none;
}
.infolink:hover {
	color: #ffffff;
	background-color: #a6e300;
}


/*GENERIC*/


.gray {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ababab;
	letter-spacing: -2px;
	text-decoration: none;
}
.gray:hover {
	color: #ffffff;
	background-color: #ababab;
}
.grayflat {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 43px;
	font-style: normal;
	line-height: 45px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ababab;
	letter-spacing: -2px;
	text-decoration: none;
}
.grayinfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ababab;
}



/*NAV*/

.navcontainer {
	position: fixed;
	top: 0px;
	z-index: 7;
	}	
.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
}
.nav:hover {
	position: relative;
	left: 15px;
}
.navsub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #cacaca;
	text-decoration: none;
}
.navsub:hover {
	color: #000000;
}
.navtext {
	position: absolute;
	left: 45px; 
	top: 135px;
	width: 120px;
	text-align: right;
	z-index: 7;
}
.navlogo {
	position: fixed;
	align: left;
	left: 45px; 
	top: 0px; 
	height: 135px;
	width: 150px;
	z-index: 6;
}
.navportfolio {
	position: fixed; 
	left: 45px; 
	top: 15px; 
	height: 135px;
	width: 150px;
	z-index: 5;
}
.navart {
	position: fixed; 
	left: 45px; 
	top: 30px; 
	height: 135px;
	width: 150px;
	z-index: 4;
}
.navmusic {
	position: fixed; 
	left: 45px; 
	top: 45px; 
	height: 135px;
	width: 150px;
	z-index: 3;
}
.navstuff {
	position: fixed; 
	left: 45px; 
	top: 60px; 
	height: 135px;
	width: 150px;
	z-index: 2;
}
.navinfo {
	position: fixed; 
	left: 45px; 
	top: 75px; 
	height: 135px;
	width: 150px;
	z-index: 1;
}
.navon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	position: relative;
	left: 15px;
}


/*PROJECTS*/


.topimage {
	position: absolute; 
	left: 45px;
	top: 0px;
	width: 750px;
	height: 375px;
	z-index: 1;
	}
.lowerimage {
	position: relative;
	top: 45px;
	width: 750px;
	}
.content {
	position: absolute; 
	left: 45px;
	top: 400px;
	width: 750px;
	}
.description {
	padding-left: 240px;
	padding-right: 45px;
	}
.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	padding-top: 15px;
}
.copylight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 13px;
	font-variant: normal;
	text-transform: none;
	color: #b8b8b8;
	padding-top: 15px;
}
.link {
	position: relative;  
	padding-top: 15px; 
}