/**
 * ehn-3.0.css
 * http://code.edgarhoo.net/css/ehn-3.0.css
 *
 * Copyleft 2010, Edgar Hoo
 * http://edgarhoo.org/license/
 *
 * Date: June 15 2010 CST
 */
/* global */
body{
    font-size:14px;
}
a:link,a:visited{
    color:blue;
}
a:hover,a:active{
    color:red !important;
}
a:focus{
    outline:#ff7d00 dashed 1px;
}
a[rel*="external"]{
    background:url(http://images.edgarhoo.net/icon/out-site.png) no-repeat right;
    padding-right:16px !important;
}
h3{
    font-style:italic;
}
.tab1{
    text-indent:30px;
}
.tab2{
    text-indent:60px;
}
.code{
    font-style:italic;
    letter-spacing:1px;
}
.code b{
    color:#000080;
}
.code mark{
    color:red;
}
.code span{
    color:#808080;
}
/* layout */
body > div{
    width:960px;
    margin:0 auto;
}
header{
    position:relative;
    padding-top:32px;
}
body > div > div{
    padding:24px 0;
}
hgroup:after,
header nav:after,
body > div > div:after{
    clear:both;
    display:block;
    content:'';
}
article{
    float:left;
    width:712px;
    padding-left:8px;
}
aside{
    overflow:hidden;
    text-align:right;
    width:224px;
    padding:0 8px;
}
footer{
    border-top:1px solid #806;
    line-height:28px;
    text-align:right;
    margin-top:16px;
    padding-bottom:16px;
    font-style:italic;
    font-family:Georgia,"Times New Roman";
}
/* header */
hgroup{
    padding-left:16px;
}
h1,h2{
    float:left;
    color:red;
    font:italic 400 32px/64px Georgia,"Times New Roman";
    text-shadow:2px 2px #ccc;
}
h2{
    margin-left:8px;
}
h1 a:link,h1 a:visited,h2 a:link,h2 a:visited{
    color:red;
}
header nav{
    position:absolute;
    top:0;
    width:960px;
    line-height:30px;
    border-bottom:1px solid #daf;
    -moz-border-radius:16px;
    border-radius:16px;
    font-style:italic;
    letter-spacing:1px;
}
header nav ol{
    float:right;
    margin-right:8px;
}
header nav ol li{
    float:left;
    margin:0 4px;
}
header nav ol li a{
    padding:0 4px;
}
/* sidebar */
aside > section > h3{
    margin:12px 0;
    padding-right:8px;;
}
aside > section > ul,
aside > section > ol{
    border-top:1px solid #ccc;
    font-style:italic;
    letter-spacing:1px;
}
aside > section > ul li,
aside > section > ol li{
    line-height:24px;
    padding-right:8px;
    border-bottom:1px solid #ccc;
}
aside > section > ul li:hover,
aside > section > ol li:hover{
    background:#f0f0f0;
}
aside > section > ul li:hover a,
aside > section > ol li:hover a{
    margin-right:8px;
    padding-right:3px;
}
/* index */
#index article h3{
    margin:12px 0;
}
#index article > dl dt{
    float:left;
    width:132px;
    margin-right:8px;
    padding-right:8px;
    text-align:right;
    font-style:italic;
}
/* edgarhoo.org & lab */
.org article{
    margin-top:12px;
}
#links article li,
#lab > div li{
    list-style-type:disc;
    margin-left:60px;
}
#sitemap article li{
    margin-left:60px;
}
#sitemap article > ul > li,
#sitemap article li li li{
    list-style-type:disc;
}
#sitemap article li li,
#sitemap article li li li li{
    list-style-type:circle;
}
/* error */
#error h3{
    margin-left:60px;
}