/*
Theme Name: Undocking
Theme URI:
Description: Dark blue theme by Eddie Gordo featuring a Caldari Station and a convoy of Charons supported by various caldari warships.

Version: 1.0
Author: Eddie Gordo
Author URI:

        By downloading and using this theme, you agree to the following terms:
    - You may NOT resell this theme.
    - You can use this theme for any purpose.
    - You can modify this theme as per your needs.

*/


body {
        font: 75%/150% Verdana, Arial, Helvetica, sans-serif;
        color: #ffffff;
        background:#050b13;
        background-image: url(images/page-bg.jpg);
        background-repeat:repeat-x;
        margin: 0px;
        padding: 0px 0px 0px;
}
a {
        color: #FFC800;
        text-decoration: none;
}
a:visited {
        color: #FFC800;
        text-decoration: none;
}
a:hover {
        color: #fff;
        text-decoration: underline;
}

p {
        padding: 0px 0px 15px;
        margin: 0px;
}
h1 {
        margin:0px;
        padding-left: 20px;
        height: 60px;
        font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
        color: #fff;
}
h1 a, h1 a:visited{
        color: #fff;
        text-decoration: none;
}
h1 a:hover{
        color: #a4dfed;
        text-decoration: none;
}
h2 {
        color: #ffffff;
        margin: 0px 0px 2px;
        border-bottom: 1px solid #999999;
        background: url(images/ch1-bg.png) left no-repeat;
        font: normal 190%/100% Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
        padding-bottom: 3px;
        padding-left: 24px;
}
h2 a, h2 a:visited {
        color: #ffffff;
        text-decoration: none;
}
h2 a:hover {
        color: #fff;
        text-decoration: none;
}
h3 {
        font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
        color: #ffffff;
        margin: 10px 0px 5px;
}
h4 {
        font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
        color: #ffffff;
        margin: 10px 0px 5px;
}
form {
        margin:0px;
        padding:0px;
}
#page {
        margin: 0px auto;
        width: 1004px;
        background:#282828;
}
/* header area */
#header {
        background: url(images/header-bg.jpg) center no-repeat;
        height: 211px;
        position: relative;
        text-align: left;
        padding-right: 38px;
        color: #fff;
}
#headerimg {
        position: relative;
        padding: 30px 0px 0px 40px;
        height: 60px;
}
#headerimg .description{
        position: relative;
        text-align:left;
        top:0px;
        bottom: 3px;
        padding-left: 20px;
        color: #fff;
        font-size: 14px;
}
#nav {
        list-style: none;
        margin: 0px;
        position: relative;
        float:left;
        top: 145px;
        bottom: 0px;
}
#nav li {
        float: left;
        margin-left: 5px;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
        color: #D0D3CC;
        background: #000 url(images/buttons.png) repeat-x;
        text-decoration: none;
}
#nav .page_item a{
        color: #ffffff;
        text-decoration: none;
        padding: 5px 15px;
        font: bold 14px/100% Arial, Helvetica, sans-serif;
        background: #000 url(images/buttons.png) repeat-x;
        display: block;
}
#nav .page_item a:hover {
        color: #D0D3CC;
        background: #000 url(images/buttons.png) repeat-x;
}

/* content area */
#content {
        padding: 10px 0px 20px 20px;
        float: left;
        width: 65%;
        overflow: hidden;
}
.post {
        clear:both;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom:10px;
        margin-bottom: 10px;

        border: solid 1px #999999;
        background: #181818;

}

.posted {
        margin: 0;
        font-size:0.9em;
        padding: 5px;
        background:#282828;
        border-bottom: 1px solid #999999;
        color: #fff;
        text-align:right;
}
.category {
        background: url(images/category.png) left no-repeat;
        padding-left: 17px;
        float: left;
}
.post-title {
        float: left;
        margin-left: 0px;
        width: 600px;
        padding-top: 10px;
        color: #999999;
}
.timed {
        background: url(images/posted.png) left no-repeat;
        padding-left: 17px;
}

.entry {
        clear: both;
        padding-top: 10px;
}
.post-cat {
        background: url(images/mini-category.gif) no-repeat;
        padding-left: 20px;
        float:left;
        font-size: 95%;
        color: #999999;
}
.post-comments {
        background: url(images/comment.png) no-repeat;
        padding-left: 20px;
        float: right;
        font-size: 95%;
}
.post-calendar {
        background: url(images/mini-calendar.gif) no-repeat;
        padding-left: 20px;
        float: right;
        font-size: 95%;
        color: #999999;
}

blockquote {
        margin : 10px;
        padding : 0 0 0 40px;
        color: #999999;
        border : 1px solid #999999;
        background : #282828 url(images/quote.png) no-repeat 5px 5px;
}

ul, ol {
        margin : 5px 20px;
        padding : 0 20px;
        color : #fff;
}

ul span, ol span {
        color : #afecfa;
}

code {
        color: #D0D3CC;
        font-size: 12px;
}

.mini-add-comment {
        background: url(images/add-comment.png) no-repeat;
        padding-left: 18px;
        float: right;
}
.navigation {
        clear: both;
        padding: 10px 30px;
}
.navigation a, .navigation a:visited {
        color: #D0D3CC;
}
.previous-entries a {
        float: left;
        padding-left: 18px;
        background: url(images/mini-nav-left.png) no-repeat left center;
}
.next-entries a {
        float: right;
        padding-right: 18px;
        background: url(images/mini-nav-right.png) no-repeat right center;
}

/* comments area */
#comments, #respond {
        border-bottom: 1px dashed #333333;
        padding: 10px 0 5px 0;
        clear: both;
}
.commentlist {
        margin: 10px 0px;
        padding-left: 20px;
        line-height: 130%;
}
.commentlist li{
        padding: 5px 10px;
}
.commentlist .alt {
        background: #0e161f;
}
.commentlist cite {
        font-weight: bold;
        font-style: normal;
        font-size: 120%;
        color: #ffffff;
}
.commentlist cite a, .commentlist cite a:visited {
        color: #ffffff;
}
.commentlist small {
        margin-bottom: 5px;
        display: block;
        font-size: 87%;
}
#commentform {
        margin-top: 10px;
        font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
        padding: 6px 0px;
        margin: 0px;
}
#commentform label{
        color: #fff;
        font-size: 87%;
}
#commentform input{
        width: 200px;
        background:#0b131e;
        border: 1px solid #333333;
        padding: 3px;
        color: #D0D3CC;
        margin-top: 3px;
}
#commentform textarea{
        width: 478px;
        height: 115px;
        background:#0b131e;
        border: 1px solid #333333;
        padding: 2px;
        color: #D0D3CC;
        margin-top: 3px;
}

#commentform #submit{
        background: url(images/buttons.png) no-repeat;
        font: bold 12px Arial, Helvetica, sans-serif;
        color: #FFFFFF;
        border: solid 1px #333333;
        float:right;
        width: 144px;
        margin-top: 10px;
        height: 28px;
        cursor: pointer;
}

#rss {
        padding-top: 20px;
        padding-left: 10px;
        }

/*sidebar */
#sidebar {
        float: right;
        padding: 0px 60px 10px 0px;
        width: 190px;
        color: #ffffff;
        overflow: hidden;
}

#sidebar img {
        border: none;
}

#sidebar h2, #sidebar .sidebartitle{
        font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
        color: #fff;
        margin: 20px 0px 2px;
        border-bottom: 1px dotted #D0D3CC;
}

#sidebar a, #sidebar a:visited{
        color: #D0D3CC;
        text-decoration: none;
}
#sidebar a:hover{
        color: #fff;
        text-decoration: none;
}

#sidebar ul {
        margin: 0;
        padding: 0;
}
#sidebar ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
}

#sidebar ul li ul {
        padding: 0;
        margin: 0;
}
#sidebar ul li ul li{
        padding: 2px 0 2px 0px;
        border-bottom: 1px solid #0e161f;
}

#sidebar ul li ul li ul li{
        padding: 1px 0 1px 10px;
        border: none;
}

ul.list-blogroll li{
        background: url(images/bullet.png) no-repeat;
        padding-left: 16px;
}

li.widget_recent_comments li{
        background: url(images/mini-recent-comments.gif) no-repeat !important;
        padding-left: 20px !important;
}
li.widget_calendar td {
        padding: 3px 5px;
}
.textwidget {
        padding-top: 5px;
}

/* search form */

#search-form {
        position: relative;
        top: 140px;
        right: 0px;
        height: 37px;
        float: right;
        width: 150px;
}
#search-form #s{
        background: #0b131e;
        height: 17px;
        width: 90px;
        margin: 6px 5px 0px 10px;
        padding: 3px 7px 2px 5px;
        color: #fff;
        border: solid 1px #0e161f;
}
#search-form #search-submit {
        background: url(images/search-btn.png) no-repeat left top;
        height: 23px;
        width: 23px;
        border: none;
        text-indent: -999%;
        line-height: 1px;
        margin-top: 6px;
}

#searchform {
        background: #0e161f;
        height: 17px;
        width: 60px;
        margin: 6px 5px 0px 10px;
        padding: 3px 7px 2px 5px;
        color: #5397a4;
        border: none;
}
#searchform #searchsubmit {
        height: 23px;
        width: 23px;
        border: none;
}

/* footer area */
#footer {
        clear: both;
        background: #0b131e;
        height: 20px;
        color: #fff;
        padding-top: 10px;
        font-size: 95%;
        line-height: 130%;
        text-align: center;
        border-top: 1px solid #2c4454;
}
#footer a, #footer a:visited {
        color: #D0D3CC;
        font-weight: bold;
        text-decoration:underline;
}
#footer h4 {
        font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
        color: #9cdbfb;
        margin: 10px 0px 5px;
}

/* Images */

.center {
        text-align: center;
}
img.center, img[align="center"] {
        display: block;
        margin-left: auto;
        margin-right: auto;
}
.alignleft {
        float: left;
}
img {
        border:#D0D3CC 1px solid;
        padding:3px;
        }
        a img {
        border-bottom: #D0D3CC 1px solid;
}
img.alignleft, img[align="left"] {
        float:left;
        margin: 2px 10px 5px 0px;
}
.alignright {
        float: right;
}
img.alignright, img[align="right"] {
        float:right;
        margin: 2px 0px 5px 10px;
}
img.wp-smiley{
        border:none;
}
.clear {
        clear:both;
}
hr.clear {
        clear:both;
        visibility: hidden;
        margin: 0px;
        padding: 0px;
}