.content h1 { font-size: 2.4em; margin-bottom: 4px; } .content a,.footer a { color: #006600; text-decoration: none; } .content a:hover,.footer a:hover { color: #444; border-bottom: 1px solid #F06; } /* nav & subnavigation */ .nav,.right { margin-bottom: 20px; position: absolute; top: 40px; } /* navigation */ left: 23%; text-align: center; width: 17%; } .nav .rss { background: url(img/rss.png) no-repeat center top; border-bottom: 1px solid #EEE; } .nav h1 { color: #F60; margin: 12px 0; } .nav li { border-bottom: 1px solid #EEE; } .nav li a { color: #888; display: block; font: normal 1.4em serif; padding: 8px 0; } .nav li a:hover { background: #FAFAFA; color: #F06; } /* subnav */ .right { background: #222; left: 3%; width: 18%; } .subnav { padding: 12px 12px 0; } .subnav h1 { color: #F06; font-size: 1.4em; height: 20px; margin-left: 8px; } .subnav ul { margin: 0 0 16px; padding: 0; } .subnav li { list-style: none; margin: 0; border-bottom: 1px solid #333; } .subnav li a { color: #777; display: block; font-size: 0.9em; padding: 3px 6px 3px 8px; text-decoration: none; } .subnav li a:hover { color: #DDD; } /* round edges */ .roundtl,.roundtr,.roundbl,.roundbr { background: url(img/round.gif); height: 16px; width: 14px; } .roundtl,.roundbl { float: left; } .roundtr,.roundbr { float: right; } .roundtr { background-position: right top; } .roundbr { background-position: right bottom; } .roundbl { background-position: left bottom; } /* footer */ .footer { color: #666; border-top: 1px solid #EEE; font: normal 1em Verdana,sans-serif; margin: 0 42% 0 3%; padding: 8px 6px; }