/*----------------------------------------
    * General
----------------------------------------*/
* {
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    list-style:none;
    color:#25282f;
}
body {
    background:#fff;
    min-width:800px;
}
/*----------------------------------------
    * Header
----------------------------------------*/
#header {
    position:relative;
    width:100%;
    background:#25282f;
    padding-top:10px;
    height:150px;
    text-align:center;
    border-bottom:5px solid #1f91b6;
}
#header h1 a {
    position:relative;
    width:600px;
    margin:0 auto;
    background:url(images/logo.png) center 10px no-repeat;
    height:120px;
letter-spacing:-9999px;
text-indent:-9999px;
    display:block;
}
#header ul {
    position:relative;
    margin:0 auto;
    height:30px;
    width:600px;
    font-size:12px;
}
#header ul li {
    line-height:30px;
    float:left;
    width:150px;
    text-transform:uppercase;
}
#header ul li a {
    padding:0 15px;
    display:block;
    color:#515359;
    text-decoration:none;
}
#header ul li a.select {
    color:#fff;
    background:#1f91b6;
}
#header ul li a:hover {
    color:#fff;
    background:#3b3e44;
}
#header ul li a.select:hover {
    background:#1f91b6;
}
#donate {
    position:fixed;
    top:50px;
    right:25px;
}
/*----------------------------------------
    * Content
----------------------------------------*/
.content {
    position:relative;
    width:600px;
    margin:35px auto;
}
.content h3 {
    margin-bottom:15px;
    font-family:Times, serif;
    font-size:28px;
    color:#1f91b6;
    border-bottom:1px dotted #25282f;
}
.content h4 {
    color:#25282f;
    font-size:14px;
    font-weight:bold;
}
.content p {
    margin-bottom:15px;
    font-size:12px;
    line-height:20px;
}
.content p a {
    font-weight:bold;
}
.content p span {
    font-weight:bold;
    background:#e8e8e8;
}
.content ul {
    position:relative;
    margin:25px 0;
    font-size:12px;
    background:#f1f1f1;
}
.content ul li {
    line-height:20px;
    padding:5px 25px;
    border-bottom:1px dotted #fff;
}
.content ul li:hover {
    background:#e8e8e8;
}
.button {
    position:relative;
    padding:10px;
    margin:0 auto 25px auto;
    width:150px;
    background:#25282f;
    border:5px solid #515359;
}
.button h4 {
    margin-bottom:5px;
    font-size:14px;
}
.button h4 a {
    color:#1f91b6;
    font-weight:bold;
}
.button h4 sup {
    color:#1f91b6;
    font-style:italic;
}
.button p {
    margin-bottom:0;
    color:#e8e8e8;
}
/*----------------------------------------
    * Samples
----------------------------------------*/
.samples-box {
    position:relative;
    margin:25px 0;
    padding:10px;
    background:#f1f1f1;
}
.samples-box img {
    border:none;
}
/*----------------------------------------
    * Code
----------------------------------------*/
ol {
    position:relative;
    padding:10px 10px 10px 30px;
    border:2px solid #ccc;
    background:#f1f1f1;
    overflow:hidden;
}
ol li {
    list-style:decimal;
    font-size:11px;
    color:#515359;
    background:#fff;
    text-indent:5px;
    line-height:22px;
    height:22px;
    margin-bottom:2px;
}
ol li:hover {
    font-weight:bold;
    background:none;
}
ol li code {
    font-family:Courier;
    font-size:11px;
    color:#515359;
}