/*
Theme Name: Orange Ink Default
Theme URI: http://orange-metropolis.de
Description: Für den Orange Ink Wordpress Blog gestaltetes Theme.
Version: 0.2
Author: Stefan Tewes
Author URI: http://www.orange-metropolis.de
Tags: orange
*/


/* BODY */

body {
  font-size: 12px;
  font-family: Georgia, Helvetica, 'Lucida Grande', Verdana, Arial, Sans-Serif;
  background: #000000;
  background-image: url(images/bgimage.jpg);
  background-repeat: repeat-x;
  margin: 0;
  padding: 0;
  }


/* STANDARD FORMAT */

h2 {
  font-size: 1.5em;
  text-align: left;
  padding: 0px;
  margin: 0px 0px 3px 0px;
  }

h3 {
  font-size: 1.25em;
  text-align: left;
  padding: 0px;
  margin: 20px 0px 3px 0px;
  }

p {
  padding: 0px;
  margin: 10px 0px 0px 0px;
  }

a {
  text-decoration: none;
  font-weight: bold;
  color: #cc6600;
  }

a:hover {
  color: #000000;
  }

img {
  display: block;
  border: 0px;
  }

img.alignleft {
  margin-right: 10px;
  }

img.alignright {
  margin-left: 10px;
  }

img.wp-smiley {
  display: inline;
  }

blockquote {
  margin: 10px 20px;
  padding: 5px;
  border: 1px dashed #d92;
  }

blockquote p {
  margin: 0px;
  }

small {
  font-size: 0.9em;
  margin: 0px 0px 0px 0px;
  }

big {
  font-size: 1.2em;
  }

table {
  margin: 10px 0px 0px 10px;
  }

tr {
  margin: 2px 0px;
  }

td {
  padding: 1px 5px;
  background: #e0c98a;
  }


/* HEADER */

#header {
  position: relative;
  top: 0px;
  left: 0px;
  background: url('images/header.png') repeat-x;
  margin: 10px auto 0px auto;
  padding: 1px;
  height: 99px;
  width: 758px;
  }

#header #header_logo {
  position: absolute;
  left: 25px;
  top: 14px;
  }

#header #header_title {
  position: absolute;
  left: 130px;
  top: 16px;
  margin: 0px;
  }

#header #header_metro {
  position: absolute;
  left: 601px;
  top: 0px;
  width: 159px;
  height: 101px;
  }

#header #header_metro:hover {
  /* TODO: Source */
  background: url('images/header_metro.png');
  }


/* PAGEBAR */

#pagebar {
  font-family: Helvetica, 'Lucida Grande', Verdana, Arial, Sans-Serif;
  background: url('images/pagebar.png') repeat-x;
  margin: 0px auto 0px auto;
  padding: 0px;
  height: 16px;
  width: 760px;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  }

#pagebar ul {
  margin: 0px;
  padding: 0px;
  }

#pagebar li {
  display: block;
  list-style: none;
  height: 14px;
  margin: 0px;
  padding: 1px 5px;
  }

#pagebar li:hover {
  background: url('images/pagebar_marked.png') repeat-x;
  }

#pagebar li.current_page_item {
  background: url('images/pagebar_marked.png') repeat-x;
  }

#pagebar a {
  color: #000;
  }

#pagebar li:hover a {
  color: #fff;
  }

#pagebar li.current_page_item a {
  color: #fff;
  }

#pagebar_left li {
  float: left;
  }

#pagebar_right li {
  float: right;
  }


/* CONTENT */

#page {
  text-align: left;
  background: url('images/page.jpg');
  width: 740px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 20px;
  border: 0px;
  }

#content {
  float: left;
  font-size: 100%;
  width: 520px;
  margin: 0px;
  padding: 0px;
  }

.post, .page {
  width: 458px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px;
  text-align: justify;
  line-height: 16px;
  background: url('images/white80.png');
  border-left: 1px solid #777;
  border-right: 1px solid #777;
  }

.postHeader {
  width: 500px;
  height: 24px;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  background: url('images/postheader.png');
  }

.postBottom {
  width: 500px;
  height: 24px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background: url('images/postbottom.png');
  }

p.postmetadata{
  margin: 20px 0px 0px 0px;
  }

.postSignature {
  font-size: 0.9em;
  line-height: 1.5em;
  margin: 0px 0px 0px 0px;
  }

.navigation {
  text-align: right;
  line-height: 19px;
  margin: 20px 20px 20px 0px;
  }

.navigation a {
  color: #630;
  }

.navigation a:hover {
  color: #000;
  }

.wp-caption-text {
  font-size: 11px;
  font-style: italic;
  }


/* SHORTPOSTS */

.short-post .post {
  width: 458px;
  margin: 0px 0px 0px 0px;
  padding: 0px 20px;
  text-align: justify;
  line-height: 16px;
  background: url('images/orange60.png');
  border-left: 1px solid #777;
  border-right: 1px solid #777;
  }

.short-post .postHeader {
  width: 500px;
  height: 10px;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  background: url('images/shortpostheader.png');
  }

.short-post .postBottom {
  width: 500px;
  height: 10px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  background: url('images/shortpostbottom.png');
  }

.short-post a {
  color: #884400;
  }

.short-post a:hover {
  color: #000000;
  }


/* PAGES */

.pageMeta {
  margin: 20px 0px 0px 0px;
  }

.pageLink {
  font-weight: bold;
  padding: 1px 4px;
  margin: 0px 4px;
  border: 1px solid #000;
  background: #fff;
  color: #999;
  }

a .pageLink {
  background: #d92;
  color: #000;
  }

a:hover .pageLink {
  background: #000;
  color: #fff;
  }


/* CONTENT (ARCHIVES) */

hr.postSeparator {
  margin: 15px 0px;
  padding: 0px;
  height: 1px;
  border: 0px;
  background: #951;
  }

p.postmetadataArc{
  margin: 10px 0px 0px 0px;
  }


/* SIDEBAR */

#sidebar_wrapper {
  float: right;
  margin: 0px 0px 20px 0px;
}

#sidebar {
  background: url('images/orange60.png');
  font-size: 80%;
  width: 189px;
  margin: 0px;
  padding: 0px 15px;
  border-left: 1px solid #777;
  }

#sidebar_header {
  background: url('images/sidebar_header.png');
  width: 220px;
  height: 24px;
  margin: 20px 0px 0px 0px;
  padding: 0px;
  }

#sidebar_bottom {
  background: url('images/sidebar_bottom.png');
  width: 220px;
  height: 24px;
  margin: 0px;
  padding: 0px;
  }

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

#sidebar>ul>li {
  margin: 0px 0px 15px 0px;
  }

#sidebar #sidebar_meta {
  margin: 0px 0px 0px 0px;
  }

#sidebar * ul {
  margin-left: 16px;
  list-style-image: url('images/ring.png');
  }

#sidebar a {
  color: #630;
  }

#sidebar a:hover {
  color: #000;
  }

#sidebar input[type=text] {
  font-size: 12px;
  width: 158px;
  border: 0px;
  margin: 1px 0px 0px 0px;
  padding: 2px;
  background: #fff;
  }

#searchsubmit {
  width: 19px;
  height: 19px;
  margin: 0px 0px 1px 5px;
  border: 0px;
  background: url('images/buttonRight.png');
  }

#searchsubmit:hover {
  background: url('images/buttonRightDown.png');
  }


/* FOOTER */

#footbar {
  background: #b71;
  margin: 0px auto 0px auto;
  padding: 0px;
  height: 4px;
  width: 760px;
  }

#footer {
  font-size: 80%;
  background: url('images/footer.png');
  width: 760px;
  height: 35px;
  padding: 0;
  margin: 0 auto 15px auto;
  clear: both;
  }

#footer p {
  margin: 0;
  padding: 5px 0;
  text-align: center;
  }

#footer a {
  color: #630;
  }

#footer a:hover {
  color: #000;
  }


/* SPECIAL TAGS */

.alignright {
  float: right;
  }

.aligncenter {
  text-align: center;
  padding: 0px;
  margin: 15px auto;
  }

.alignleft {
  float: left
  }

.clear {
  clear: both;
  }

.wpx-object {
  margin: 0px auto;
  }

.buttonLeft {
  font-size: 12px;
  margin: 0px 8px 0px 0px;
  padding: 2px 9px 2px 10px;
  background: url('images/buttonLeft.png');
  }

.buttonLeft:hover {
  background: url('images/buttonLeftDown.png');
  }

a:hover .buttonLeft {
  background: url('images/buttonLeftDown.png');
  }

.buttonRight {
  font-size: 12px;
  margin: 0px 0px 0px 8px;
  padding: 2px 9px 2px 10px;
  background: url('images/buttonRight.png');
  }

.buttonRight:hover {
  background: url('images/buttonRightDown.png');
  }

a:hover .buttonRight {
  background: url('images/buttonRightDown.png');
  }


/* COMMENTS TEMPLATE */

.comments-template{
  margin: 25px 0px 0px 0px;
  }

.comments-template ol{
        margin: 0;
        padding: 0;
        list-style: none;
}

.comments-template ol li{
        margin: 10px 0px;
        line-height: 16px;
        padding: 5px;
        background: #fff;
        border: 1px solid #ccc;
}

.comments-template p{
        margin: 5px 0px 0px 0px;
}

.commentmetadata{
        font-size: 12px;
}

.comments-template p.nocomments{
        padding: 0;
}

.comments-template textarea{
        font-family: Arial, Helvetica, Georgia, Sans-serif;
        font-size: 12px;
        width: 458px;
}


/* SPECIAL HEADERS */

.style-trek {
  height: 46px;
  background: url('images/postheader_Trek.png');
  }

.style-pilots09cw {
  height: 50px;
  background: url('images/postheader_pilots09cw.png');
  }

.style-pilots09nbc {
  height: 50px;
  background: url('images/postheader_pilots09nbc.png');
  }

.style-pilots09cbs {
  height: 50px;
  background: url('images/postheader_pilots09cbs.png');
  }

.style-pilots09abc {
  height: 50px;
  background: url('images/postheader_pilots09abc.png');
  }

.style-pilots09fox {
  height: 50px;
  background: url('images/postheader_pilots09fox.png');
  }