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:1000px; margin:0 auto;}

/*8888888888
HEADER
8888888888*/

#head {padding-bottom:25px;}

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

#subtitle {font-size:1.5em; font-style:italic;}


#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;}

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

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

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

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

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



/*8888888888
CONTENT
8888888888*/

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

.featuretitle {
	color:black;
	background-color:#ffff00;
	font-weight:900;
	font-size:1.5em;
	padding:10px;
	margin:10px 0;
}
#content .featuretitle a{color:blue; text-decoration:underline; clear:both;}

.featurecontent {padding-bottom:25px;}
#content .featurecontent p.meta{font-size:.8em;}
#content .featurecontent p.meta a{color:#ff00ff;}

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


/*8888888888
SIDEBAR
8888888888*/
	
#sidebar {width:175px; overflow:hidden; margin-right:25px;}
#sidebar-right { width:175px; overflow:hidden;}
#sidebar-right img{margin-bottom:15px;}

#sidebar h2, #sidebar-right h2 {
	color:#ff00ff;
	text-decoration:underline;
	padding:5px 0;
}

#sidebar ul, #sidebar-right ul {margin-bottom:20px;}

#sidebar a, #sidebar-right a{
	color:#00ffff;
	text-decoration:none;
	font-size:.8em;
}

#sidebar a:hover, #sidebar-right a:hover {
	background-color:#00ffff;
	color:black;
}

#sidebar li, #sidebar-right li{
	padding:5px 5px;
	border-bottom:1px yellow dashed;
}

.flickr {margin:0 0 20px 29px; }



/*8888888888
FOOTER
8888888888*/

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

#foot a { color:white;}