/* styles suitable for any browser,any media */
body{background-color:#000;color:#BBB;}
a:link{color:#555;background-color:transparent;text-decoration:none;border-bottom:1px dotted #555;}
#sidebar ul a{border:none;}
a:hover{color:#CCC;background-color:transparent;}
a:visited{text-decoration:none;color:#555;}
/* hide these rules from legacy browsers and mobile devices */
@media screen,projection{body{background-color:#000;color:#BBB;}
#wrapper{margin:.1% .1%;padding:0;}
#logo{position:absolute;left:0px;top:0px;z-index:1;height:300px;width:233px;background:url('../images/thehilllarge.jpg') no-repeat;border:0;}
#head{height:45px;font:250% "Lucida Grande","Trebuchet MS",Verdana,sans-serif;margin:0;padding:.2em 2%;text-indent:250px;white-space:nowrap;text-transform:uppercase;}
#subhead{margin:0 0 0 200px;text-align:center;}
h2{margin:.2em 0;}
#main{clear:both;width:100%;margin:0;padding:0;}
#content{width:67%;float:right;padding:1% 2%;font:95% Georgia,serif;}
#content strong{font-size:105%;}
#content ul{font-size:80%;}
strong#feel{font-size:170%;}
#sidebar{position:absolute;/* fixed.js helps IE7 work correctly */
left:10px;top:300px;width:25%;font:80% serif;}
#sidebar ul li{font:180% "Lucida Grande",Verdana,sans-serif;position:relative;left:-20px;}
#sidebar ul{list-style:none;}
.clear{clear:both;height:1px;overflow:hidden;/* prevent IE expanding the container */
margin:0;/* keep flush with surrounding blocks */}
#footer{margin:1% 30%;/* flush with .main */
padding:3% 2% 0% 2%;bottom:10px;position:relative;font:italic 75% sans-serif;text-align:center;}
}