/*
    Original CSS Author: Christopher Robinson
    Website: http://www.edg3.co.uk/
*/
* {
    border:0;
    margin:0;
    padding:0;
}

/* general */
a {
    color:#58a;
    text-decoration:none;
}

a:hover {
    /*color:#333;*/
    text-decoration:none;
    color:#0033FF;
}

/* body */
body {
    color:#555;
    font:0.9em Verdana, "bitstream vera sans", sans-serif;
}

table {
    border-width:0;
    border-spacing:8px;
}

/* header */
#logo {
    background:#fafafa url(images/bg.gif) no-repeat top;
    background-position:570px 0px;
    float:right;
    border:1px solid #f00;
    width:50px;
}


#header {
    background:#fafafa url(images/bg.gif) no-repeat top;
    background-position:570px 0px;
    border-bottom:1px solid #999;
    height:80px;
    margin:0 auto;
    width:751px;
}

#header h1 {
    color:#888;
    font-size:300%;
    letter-spacing:-3px;
    text-align:right;
    padding:5px;
    margin-bottom:-20px;
}
#header h2 {
    color:#58a;
    font-size:200%;
    letter-spacing:-2px;
    text-align:right;
}

/* navigation */
#navigation {
    background:#dadada;
    opacity:0.5;
    border-bottom:1px solid #ccc;
    margin: auto;
    width:750px;
    height:25px;
    list-style:none;
}
#navigation li {
    float:left;
    width:125px;
    list-style:none;
}
#navigation a {
    color:#555;
    display:block;
    line-height:25px;
    text-align:center;
}
#navigation a:hover {
    background:#c1ccd4;
    color:#555;
}
#navigation .active {
    background:#fff;
    border-bottom:1px solid #fff;
}

/* content */
#content {
    height:auto;
    margin:0 auto;
    padding:0 0 20px;
    width:751px;
    min-height:260px;
    line-height:20px;
}
#content h1 {
    border-bottom:1px solid #999;
    font-size:1.8em;
    padding:20px 0 0;
}

#content h2 {
    border-bottom:1px solid #999;
    font-size:1.4em;
    padding:20px 0 0;
}
#content h3 {
    font-size:1.0em;
    padding:20px 0 0;
}
#content h5 {
    font-size:0.8em;
    padding:0;
    color: gray;
}
#content p {
    padding:20px 20px 0;
}

#content ul {
    padding:10px 20px 0;
    line-height: 20px;
}

#content li {
    margin-top:15px;
    margin-left:15px;
}

#content h2 {
    border-bottom:1px solid #999;
    font-size:1.4em;
    padding:20px 0 0;
}

/* footer */
#footer {
    border-top:1px solid #999; 
    text-align:center;
    margin:0 auto;
    padding:10px;
    width:750px;
    color:#aaa;
    clear:both;
}

#highlights {
    text-align:left;
    margin: 15px 0 0 0px;
}

#highlights li {
    text-align:left;
    margin-bottom: 18px;
}

#highlights p {
    padding-top:12px;
    padding-bottom:6px;
}


#actions {
    text-align:left;
    margin: 24px 0px 14px 50px;
    line-height: 15px;
    letter-spacing: 1px;
}

#actions li {
    background:#cecece;
    border:1px solid #999; 
    padding: 3px;
    list-style:none;
    text-align:center;
    float:left;
    margin-left: 60px;
}

#actions li .suggested {
    font-weight: bold;
    padding: 6px;
}

pre {
    border: 1px dashed;
    margin: 15px 80px 0px 80px;
    padding: 10px;
    width: auto;
}

pre.changelog {
    margin: 15px auto 0px auto;
    background:#cfbecf;;
}

pre.source {
    background:#cfbecf;;
    font-family: courier
}

pre.console{
    background:black;
    color:white;
    font-family: courier
}

ul.guide {
    border:0px;
    padding: 3px;
    /* line-height: 30px;*/
    list-style:none;;
    text-align:left;
    /* float:left; 
    font-weight: bold;
     */
    margin: 3px 30px 0 30px;
}

ul.guide li {
    margin-top: 20px;
    margin-bottom: 0;
}

ul.guide a {
    font-weight: bold;
}

div.screenshot {
    margin: 15px 80px 0px 80px;
}

div.screenshot img{
    border: 1px solid;
    border-color: #CCC #CCC #AAA #CCC;
    padding: 2px;
    background: black;
    max-width: 550px;
    text-align: center;
}

/* command line command */
.command {
    margin-left: 3px;
    margin-right: 3px;
    font-family: courier;
}

/* directory entry */
.dir {
    margin-left: 3px;
    margin-right: 3px;
    font-family: courier;
}


#btn {
    border: 1px solid #999;
    padding: 0;
    font-weight: bold;
    width: 100px;
    height: 24px;
    text-align: center;
    letter-spacing: 1px;
    background: #cecece;
}

#btn a {
    height: 100%;
    width: 100px;
    display: block;
    text-decoration: none;                                         
    padding: 3px;
}                                                             

#btn.centered {
    margin: 0 auto 0 auto;
}

div.splash_news {
    padding:0;
    clear: both;
}

div.splash_news div.title {
    font-size:1.0em;
    font-weight: bold;
    margin-top: 10px;
}

div.splash_news div.body {
    margin: 4px 0 20px 20px;
}

#features {
    text-align:left;
    margin: 15px 0 0 0px;
}

#features li {
    text-align:left;
    margin-bottom: 25px;
}

#features div.name {
    margin: 0;
    padding: 0;
}

#features div.desc {
    margin: 0;
    padding: 0;
    margin-left: 20px;
    line-height: 25px;
}

#products {
    text-align:left;
    margin: 15px 0 0 0px;
}

#products li {
    list-style:none;
    text-align:left;
    margin-bottom: 15px;
}

#products div.name {
    margin: 0;
    padding: 0;
}

#products div.desc {
    margin: 0;
    padding: 0;
    margin-left: 20px;
    line-height: 25px;
}

.prod_name {
    letter-spacing: 1px;
    text-decoration:none;
    text-decoration:underline;
    font-weight: bold;
}

.simple_list {
    text-align:left;
    margin: 10px 0 0 50px;
}

ul.simple_list {
}

li.simple_list {
    text-align:left;
    margin-top: 14px; margin-bottom: 4px;
    padding: 0;
}

p.simple_list {
    margin:0; 
    padding:0;
}

.tight_list {
    text-align:left;
    margin: 0px 0 0 50px;
    padding: 0;
}

ul.tight_list {
    padding: 0;
}

li.tight_list {
    text-align:left;
    margin-top: 10px; margin-bottom: 0px;
    padding: 0;
}

p.tight_list {
    margin:0; 
    padding:0;
}

h3.news {
    border-bottom: 1px solid #ddd;
}