*{margin:0;padding:0;}
body{font-family: arial,helvetica,verdana,sans-serif;
font-size:12px;
}
h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:14px;}

#wrapper{background:#FFF;margin:0px auto;text-align:left;width:100%;} 

/* masthead / footer - navigation and categories */
ul.nav{list-style:none;background:#000000;border-bottom:0px solid #272626;}
.nav li{border-right:1px solid #DDD;float:left;display:block;width:120px;}
.nav li a{font-size:11px;outline:none;color:#ffffff;text-decoration:none;display:block;padding:5px 0 5px 5px;width:119px;text-transform:uppercase;}
.nav li a span{font-size:11px;color:#777;text-transform:lowercase;}
.nav li a:hover{background:#333;color:#eee!important;width:115px;}
* html .nav li a:hover{background:#333;width:119px;}
.nav li.skip{border-left:1px solid #DDD;float:right;display:block width:100px;}
.nav li.skip a{width:100px;}
li.top{border-left:1px solid #DDD;float:right;display:block width:100px;}
li.top a{width:100px;}
.nav li.skip a:hover, li.top a:hover { background: transparent;color: #333 !important;}
#archives{background:#333;}
#archives ul{list-style:none;padding:5px 0 3px 0;}
#archives li{float:left;display:block;width:106px;}
#archives li a{font-weight:bold;color:#7F7F7F;width:99px;display:block;padding:2px 0 4px 5px;}
#archives li a:hover{color:#EEE;}




/* float rules */
.floatleft{float:left;margin:3px 7px 0 0;}
.floatright{float:right;margin:3px 0 0 7px;}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fix{display:inline-block;} 
* html .fix{height:1%;}
.fix{display:block;}