/* Style from molio.org */

* {
margin:0;
padding:0;
}

 
body {
text-align:center;
padding: 20px 0;
background: #222;
color:#333;
font:83%/1.5 arial,tahoma,verdana,sans-serif;
}

 
img {
border:none;
display:block
}

 
hr {
margin: 1em 0;
background:#eee;
height:1px;
color:#eee;
border:none;
clear:both
}

.article > .titlepage > div > div > h2 {
color: green;
font-size: 200%;
padding:20px 20px 12px;
}
 
/* LINKS */
a, a:link, a:link, a:link, a:hover {
font-weight:bold;
background:transparent;
cursor:pointer
}

 a:link {
color:#c00
}

 a:visited {
color:#999
}

 a:hover, a:active {
color:#069
}
 /*
 */ 

 /* LISTS */ 
 ul {
margin: .3em 0 1.5em 2em
}

 ul.related {
margin-top:-1em
}

 li {
margin-left:2em
}

 dt {
font-weight:bold
}

.article {
border: 1px solid #fff;
position:relative;
background:#fff;
width:600px;
margin: 0 auto;
text-align:left
}

.toc {
display:none;
}

 #titlepage {
background: #666 url("css/images/sprites.gif") repeat-x 0 100%;
margin: 0 0 25px;
padding: 0 0 8px
}

 #titlepage h2 {
color:#fff;
font-size: 145%;
padding:20px 20px 12px
}

 #poweredby {
width:96px;
height:63px;
position:absolute;
top:0;
right:0
}

 .section {
padding: 0 20px
}

 /* TYPOGRAPHY */ p, ul, ol {
margin: 0 0 1.5em
}

 h1, h2, h3, h4, h5, h6 {
letter-spacing: -1px;
font-family: arial,verdana,sans-serif;
margin: 1.2em 0 .3em;
color:#000;
border-bottom: 1px solid #eee;
padding-bottom: .1em
}

 h1 {
font-size: 196%;
margin-top:0;
border:none
}

 h2 {
font-size: 136%
}

 h3 {
font-size: 126%
}

 h4 {
font-size: 116%
}

 h5 {
font-size: 106%
}

 h6 {
font-size: 96%
}

 .old {
text-decoration:line-through
}

 .highlight {
border: 2px solid #090;
background:#e6ffe7;
padding: 15px;
position:relative
}

 .highlight h2 {
background:#090;
color:#fff;
margin:0;
padding:3px 10px;
display:inline
}

 .highlight p {
margin:3px 0
}

 .highlight ul {
margin: 3px 0
}

 .highlight a:link {
color:#090
}

 .highlight a:hover {
color:#c00
}