body {font-family:"Arial Narrow";margin-top:0px;margin-bottom:0px;background-image:url(http://www.redzeppelin.org/img/bg.jpg); background-attachment:fixed;}
	div#container { width:800px; margin-left:auto;margin-right:auto;border-left:1px solid #000;border-right:1px solid #000;background-color:#fff;}
	div#title {background:inherit;text-align:center;height:82px;background-image:url(http://www.redzeppelin.org/img/rz_banner.jpg);}
    div#nav {border-top:3px solid #000;background:inherit;text-align:center;height:30px;}
	div#undernav {border-bottom:1px solid #000;background:inherit;text-align:center;}
	a.navigation {padding-left:10px;padding-right:10px;margin-left:5px;margin-right:5px;color:#5F5F5D;text-decoration:none;background-color:#000;color:#fff;letter-spacing:2px;font-size:12pt;border-right:5px solid #536895;border-left:5px solid #000;}
	div#sidebar {width:280px;float:right;text-align:right;}
	div#main {padding-top:10px;padding-right:20px;width:510px;}
    div#comments {padding-top:10px;padding-right:20px;width:510px;}
    div#commentarea {padding-left:10px;padding-right:10px;}
    div.comment {padding-top:10px;padding-right:20px;width:510px;padding-left:10px;} 
    .cform {padding:10px 10px 10px 10px; border:1px solid #000; background-color:#F7F7F7; color:#000;border-right:5px solid #000;}
    img.featured {border:5px solid #000;margin-top:5px;margin-right:10px;margin-bottom:10px;}
	p {padding:5px 5px 5px 5px;}
	h1 {padding-bottom:1px;margin-bottom:0px;font-size:14pt;letter-spacing:2px;border-top:1px solid #000;border-bottom:1px solid #000;font-weight:normal;padding-left:10px;border-right:5px solid #000;}
	h2 {padding-right:15px;}
	li.project {width:275px;color:#5F5F5D;text-decoration:none;background-color:#000;color:#fff;letter-spacing:2px;list-style:none;padding:0px;margin-left:0px;letter-spacing:3px;margin-bottom:10px;border-left:5px solid #2B0007;border-right:30px solid #2B0007;}
	li.friends {width:275px;color:#5F5F5D;text-decoration:none;background-color:#000;color:#fff;letter-spacing:2px;list-style:none;padding:0px;margin-left:0px;letter-spacing:3px;margin-bottom:3px;border-left:5px solid #CDC092;border-right:30px solid #CDC092;}	
	ul{
		letter-spacing:3px;
		list-style-type: none;
		padding: 0;
		margin-left: 0;
		font-weight: bold;
	}
	a.friend {color:#fff;text-decoration:none;font-weight:normal;}
	img {border:3px solid #000;}
    
@media only screen and (max-width:600px) {
	div#container {width:98%;overflow:hidden;}
    div#title {display:none;}
    div#container #main p img {width:50%;display:block;margin:10px;}
    div#main {width:98%;}
    div#sidebar {display:none;}
}

/*tablet*/
@media (min-width : 600px) and (max-width : 768px) {
		div#container {width:98%;overflow:hidden;}
            div#title {display:none;}
    div#container #main p img {width:50%;display:block;margin:10px;}
    div#container #sidebar img {width:80%;}
    div#main {width:60%;}
    div#sidebar {width:35%;float:right;text-align:right;}
    	li.project {width:auto;margin-right:10px;}
        li.friends {width:auto;}
}