<!-- /* Default style. */ -->
body{background-color:#8c8c8c;font-family:Arial,Helvetica,sans-serif;font-size:75%;color:#000;}

<!-- /* Page style. */ -->
#wrapper{width:80em;margin:0 auto;position:relative;margin-top:2em;margin-bottom:2em;text-align:left;background-color:#fff;border:1px solid #444;border-width:0 1px 1px 0;min-height:600px;}
#container{margin-top:4em;min-height:450px;}

<!-- /* Header style. */ -->
#header_logo{float:left;padding-top:10px;padding-left:5px;vertical-align:middle;}
#header_text{float:left;padding-top:25px;padding-left:5px;vertical-align:middle;font-size:20px;line-height:20px;}
#header_help{height:110px;float:right;}

<!-- /* Top navigation style. */ -->
#navi_top ul{float:right;margin:0 0.5em 0 0;padding:0;text-align:right;font-size:0.9em;list-style-type:none;}
#navi_top ul li{float:left;display:block;margin:0;padding:0;list-style-type:none;}
#navi_top a,#navi_top span.active{float:left;display:block;margin:0 -1px 0 0;padding:0.15em 0.5em;border-width:0px 1px;border-style:solid;border-color:#ccc;text-decoration:none;color:#999;}
#navi_top a:focus,#navi_top a:hover,#navi_top a:active{background-color:#666;color:#fff;}

<!-- /* Main navigation style. */ -->
#navi_main{width:auto;height:1.7em;clear:both;padding-left:18em;border-top:0px solid #666;border-right:0px solid #666;border-bottom:1px solid #666;border-left:0px solid #666;line-height:1.7em;}
#navi_main ul{margin:0;padding:0;list-style-type:none;white-space:nowrap;}
#navi_main li{float:left;margin:0 0 0 -1px;padding:0;border-width:0px 1px;border-style:solid;border-color:#666;line-height:1.7em;list-style-type:none;}
#navi_main a,#navi_main span.active{padding:0.25em 0.95em;font-weight:bold;text-decoration:none;color:#000;}
#navi_main a:focus,#navi_main a:hover,#navi_main a:active{background-color:#ccc;}
#navi_main span.active,#navi_main a.trail{background-color:#e50006;color:#fff;}
#navi_main .mobile{display:none;}

<!-- /* Right column style. */ -->
#right{width:14em;float:right;}
#right h1{margin:0 0 0.25em;padding:0.5em 0.25em 0.5em 1em;border-top:0px solid #ccc;border-right:0px solid #ccc;border-bottom:1px solid #ccc;border-left:0px solid #ccc;font-weight:bold;font-size:10pt;}
#right .box{margin:0 0 1em;padding:0 0 0.5em;border-top:1px solid #ccc;border-right:0px solid #ccc;border-bottom:0px solid #ccc;border-left:1px solid #ccc;font-size:8pt;}
#right .box .inline{padding:0.5em;}
#right .today{background-color:#fdeded;font-weight:bold;}
#right .inline.title{font-weight:bold;font-style:italic;background-color:#eee;margin-top:0.5em;}

<!-- /* Center column style. */ -->
#main{width:auto;position:relative;margin-right:14em;padding:0 1em;}

<!-- /* Download tree. */ -->
#main .downloads .tree{float:left;width:23%;font-size:8pt;}
#main .downloads .item{padding:0.15em;}
#main .downloads .subbox{margin-left:1.5em;}
#main .downloads .content{width:75%;float:left;}

<!-- /* Item style. */ -->
#main .entry{}
#main .entry .author{float:left;width:11em;padding:0 0.5em;vertical-align:top;background:url("../img/bubble.gif") no-repeat scroll right top;}
#main .entry .author .name{font-weight:bold;}
#main .entry .author .rights{font-size:8pt;}
#main .entry .author .contact{font-size:8pt;margin-top:0.5em;}
#main .entry .author .avatar img{width:100px;box-shadow:2px 2px 2px #ccc;}
#main .entry .author .avatar{margin-bottom:0.5em;}
#main .entry .item{background-color:#eee;margin-left:12em;padding:1em;vertical-align:top;box-shadow:2px 2px 2px #ccc;}
#main .entry .item .edit{float:right;}
#main .entry .item .details{font-size:8pt;color:#999;}
#main .entry .finish{clear:left;font-size:1pt;}
	
<!-- /* Footer style. */ -->
#footer{position:relative;clear:both;margin:2em 0 0.25em 0;text-align:center;color:#999;font-size:90%;}