body{text-align:center;background-color:maroon;;font-family:Lucida Sans;}
*{margin:0;padding:0;}
#container{text-align:left;width:1000px;margin:0 auto;margin-top:24px;}

a{color:black;border:none;font-weight:normal;text-decoration:none;}
a:hover{text-decoration:underline;}

@font-face {
font-family: "Anarchistic";
src: url("anarchistic.ttf");
}

#header{width:600px;margin:0 auto;padding:0;text-align:center;margin-top:12px;position:relative;top:0px;}
#header a:visited{color:black;border:none;}
#header a:hover{text-decoration:none;}

#header img{opacity:1.0;position:relative;top:-20px;line-height:1.0em;}

#header h2 a{opacity:1.0;color:#cac8ca;position:relative;font-family:Impact,Lucida Sans;font-size:18px;top:-40px;line-height:1.0em;letter-spacing:6px;left:7px;font-weight:normal;text-shadow:1px 1px 1px black;text-align:center;}
#header img{border:none;}
/* Remember to fix the above for IE by making header black */

#container{height:800px;background:url('redback.jpg') no-repeat center;}

#navleft{width:200px;height:400px;position:relative;top:-10px;left:40px;z-index:2;}
#navleft a{color:black;letter-spacing:1px;}
#navleft a:hover{text-decoration:none;text-shadow:1px 0px 1px #fff;letter-spacing:2px;}
#navleft a:visited{color:black;}
#navleft img{border:none;}

#navright{font-family:Anarchistic;font-size:96px;width:200px;height:400px;position:absolute;left:750px;z-index:2;}
#navright a{color:black;letter-spacing:1px;}
#navright a:hover{text-shadow:1px 0px 1px #fff;letter-spacing:2px;}
#navright a:visited{color:black;}

#design{position:absolute;left:100px;}
#ideas{position:absolute;left:0px;top:150px;}
#concerts{position:absolute;left:90px;top:75px;}
#about{position:absolute;top:150px;left:100px;}

#main{position:absolute;width:400px;top:154px;}
#main_text{padding:12px;padding-top:0px;width:380px;text-align:left;}
#main_text_back{background-color:#ccc;opacity:0.95;width:400px;position:absolute;top:-8px;left:300px;border:2px solid black;-moz-border-radius:12px;-webkit-border-radius:12px;filter:alpha(opacity=95);}
#main_text_middle{}
#main_text_back_back{background:url('img/hu.png') no-repeat center;height:800px;width:100%;position:absolute;z-index:-2;opacity:0.2;filter:alpha(opacity=20);}

#footer{z-index:-1;position:relative;top:160px;left:730px;font-size:0.8em;margin:0 auto;color:white;}
#footer a{color:white;font-weight:bold;}

.portfolio_item_left{z-index:3;position:absolute;left:-200px;border:2px solid black;-moz-border-radius:4px;-webkit-border-radius:4px;background-color:white;opacity:1.0;width:200px;display:none;filter:alpha(opacity=100);}
.portfolio_item_left img{vertical-align:top;}
.portfolio_item_right{z-index:3;position:absolute;left:408px;border:2px solid black;-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#ccc;opacity:1.0;width:200px;display:none;filter:alpha(opacity=100);}
.portfolio_item_right img{vertical-align:top;}

.portfolio_left, .portfolio_right{font-weight:bold;}


.section img.portfolioright{float:right;width:100px;}

.section{font-size:0.8em;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid black;}
.section h1{font-size:1.0em;font-weight:normal;}
.section h2{height:1.2em;padding-top:12px;}
.section h2.h2right{text-align:right;}
.section h3{font-size:1.2em;padding-bottom:8px;}
.section h4{font-size:1.0em;font-weight:normal;}
.section a{font-weight:bold;}
.section ul{list-style-type:none;text-indent:1.0em;}
.section li ul li{text-indent:2em;}
.section li ul li a{font-weight:normal;font-style:italic;}
.section p{padding-bottom:0.8em;text-indent:0.8em;}
.section img{width:75px;border:2px solid black;margin:4px;}
.section img.left{float:left;clear:both;margin-right:16px;}
.section img.right{width:120px;float:right;clear:both;margin-right:16px;margin:8px;}
.section p.footnote{font-size:0.8em;}


.clear{clear:both;}