html {
	background-color:#111111;
	font-family:Helvetica,Arial,Verdana,Sans-serif;
	background-image:url('img/bg.png');
	color:white;
}

.pinkbg { background-color:#ff00ff; color:black; font-weight:bold;}
.blue { background-color:#00ffff; color:black; font-weight:bold;}
.left {float:left; }
.right {float:right; }
*{margin:0; padding:0; border:none; list-style-type:none;}

#container {width:900px; margin:0 auto;}

/*8888888888
HEADER
8888888888*/

#head {padding-bottom:25px; width:600px;}

#head a{color:white; text-decoration:none;}
#head h1{margin-top:25px; letter-spacing:-5px; font-size:6em; line-height:1em; text-decoration:underline; color:#ff6600;}

#head h2 {line-height:1.5em; padding-bottom:15px; font-size:.9em;}



#topnav { padding:10px 0; }
#topnav li{ display:block; float:left; overflow:hidden; padding-right:25px;}
#topnav a {font-size:1.5em; text-decoration:none;}
#topnav a:hover, #topnav a.active {color:black;}

#topnav .home {color:#00ffff;}
#topnav .home.active, .home:hover {background-color:#00ffff;}

#topnav .about { color:#ff0000;}
#topnav .about.active, .about:hover {background-color:#ff0000;}

#topnav .portfolio {color:#ffff00;}
#topnav .portfolio.active, .portfolio:hover {background-color:#ffff00;}

#topnav .blog { color:#ff00ff;}
#topnav .blog.active, .blog:hover { background-color:#ff00ff;}

#topnav .contact {color:#33ff00;}
#topnav .contact.active, .contact:hover { background-color:#33ff00;}



/*8888888888
CONTENT
8888888888*/

#content {overflow:hidden; color:white; width:600px;}
#content a{ color:#33ff00; text-decoration:none;}
#content p{padding-bottom:15px; line-height:1.5em; font-size:1.1em;}

#content h2 {
	color:blue;
	background-color:#ffff00;
	font-weight:900;
	padding:10px;
	margin:10px 0;
	text-decoration:underline;
	font-size:2em;
}

.featurecontent {padding-bottom:15px;}

.featuretext a{ color:#ff6600;}
.vimeo {padding-bottom:10px;}	




/*8888888888
Sidebar
8888888888*/

#sidebar { width:250px; overflow:hidden; margin-right:50px;}
.sidelink { color:#00ffff; text-decoration:none; font-size:2em;}
.sidelink:hover { background-color:#00ffff; color:black;}

.ylwborder { border-bottom:1px dashed #33ff00;}

#sidebar li{ padding:15px 0;}

.simpleview {
	display:block;
	overflow:hidden;
	width:600px;
	height:500px;
	background-color:black;
	padding-bottom:25px;
}

a.sidesublink {
	margin-left:15px;
	color:#ff00ff;
	text-decoration:none;
	font-size:1.5em;
}

a.sidesublink:hover {
	background-color:#ff00ff;
	color:black;
}


/*8888888888
FOOTER
8888888888*/


#foot a {
	color:white;
}

#foot {
	clear:both;
	padding:50px 0;
	font-size:.75em;
}