/*
Theme Name: Parkettrocker Theme v1.0
Theme URI: http://tartanrocker.de/
Description: Theme of the private website tartanrocker.de by Joerg Jaeckel.
Author: Joerg Jaeckel
Author URI: http://tartanrocker.de/
Tags: really, best, theme

        Tartanrocker Theme v2.0
         http://tartanrocker.de/

        This theme was designed and built by Joerg Jaeckel,
        whose blog you will find at http://tartanrocker.de/

*/

        /* Begin Typography & Colors */

body {
        background: url(images/body.jpg) #874d21;
        margin: 0px;
        }

h1, h2, h3 {
        margin: 0px;
         }

#body-light {
        top: 0px;
         position: relative;
         width: 1022px;
         height: 495px;
         margin: 0px auto;
        background: url(images/body-light.png) no-repeat;
        }

a {
        text-decoration: none;
         }

a:hover {
        color: #9cf;
         }

blockquote {
        font-style: italic;
         }

#navigation {
        top: -475px;
         position: relative;
         margin: 0px auto;
         width: 900px;
         }

#navigation-home a {
        top: 183px;
         left: 365px;
         position: relative;
         display: block;
         max-width: 100px;
         font: bold 18px Cambria, "Times New Roman", "Georgia", serif;
         color: #39c;
         letter-spacing: -1px;
         }

#navigation-blog {
        top: 168px;
         left: 427px;
         position: relative;
         width: 60px;
         height: 42px;
         background: url(images/navigation-blog.png);
         text-align: center;
         z-index: 10;
         }

#navigation-blog a {
         font: bold 17px Calibri, Arial, sans-serif;
         color: #7975c3;
         letter-spacing: -1px;
         line-height: 42px;
         }

#navigation-portfolio a {
        top: 120px;
         left: 505px;
         position: relative;
         line-height: 42px;
         font: 16px "Bitstream Vera Sans", Tahoma, sans-serif;
         color: #ccc;
         }

#navigation-rss a {
        top: -15px;
         left: 215px;
         position: relative;
         display: block;
         width: 40px;
         height: 50px;
         }

#search {
        visibility: hidden;
         }

#search input {
        width: 140px;
         background: url(images/white-trans-20.png);
         border: none;
        font: 11px "Bitstream Vera Sans", Verdana, sans-serif;
         color: #cb9;
         padding: 5px;
         }

        /* Footer */

#footer {
        top: 810px;
         left: 50px;
         position: absolute;
         width: 900px;
         text-align: center;
        font: 11px "Bitstream Vera Sans", Verdana, sans-serif;
         color: #996c4c;
         padding-bottom: 20px;
         }

#footer a {
         color: #996c4c;
         }

        /* Content-Gallery Plugin */

#featured {
        top: -385px;
         position: relative;
         width: 890px;
        padding: 5px;
         margin: 0px auto;
         background: url(images/white-trans-20.png);
         font: 12px "Bitstream Vera Sans", Verdana, sans-serif;
         }

#myGallery, #myGallerySet, #flickrGallery {
        width: 890px;
         height: 300px;
         z-index:5;
         }

#myGallery h2 {
        font: 20px "Bitstream Vera Sans", Verdana, sans-serif;
         }

.jdGallery .slideInfoZone {
        position: absolute;
         z-index: 10;
         width: 100%;
         margin: 0px;
         left: 0;
         bottom: 0;
         height: 0px;
         padding: 15px 0px;
         background: #000;
         color: #fff;
         text-indent: 30px;
         overflow: hidden;
         }

/* Page */

#overview {
        top: -375px;
         width: 890px;
         position: relative;
         margin: 0px auto;
         }

.overview-box {
         background: url(images/white-trans-15.png);
         !background: url(images/white-trans-20.png);
         padding: 5px 5px 10px;
         font: 11px "Bitstream Vera Sans", Verdana, sans-serif;
         color: #fff;
         float: left;
         margin-right: 10px;
         }

.overview-box#blog {
         width: 300px;
         }

.overview-box#about {
         width: 240px;
         line-height: 15px;
         }

.about {
         margin: 15px 10px 0px;
         }

.about strong {
         letter-spacing: -1px;
         }

.overview-box#about ul {
        padding: 0px 10px;
         }

.overview-box#about ul li {
        padding: 0px 10px;
         }

.overview-box#portfolio {
         width: 300px;
         margin-right: 0px;
         }

.content-tag, .linkcat h2 {
         padding: 5px 10px 0px;
         margin: 0px;
         font: 16px "Bitstream Vera Sans", Tahoma, sans-serif;
         color: #fff;
         }

.content-tag a {
        color: #fff;
         }

.overview-box ul, .sidebar-box ul, #searchform {
        list-style: none;
         margin: 0px;
         margin-top: 10px;
         padding: 0px;
         }

.overview-box ul li, .sidebar-box ul li {
         font: 11px "Bitstream Vera Sans", Verdana, sans-serif;
         padding: 5px 10px;
         color: #cb9;
         }

.overview-box#blog ul li:hover, .sidebar-box ul li:hover {
        background: url(images/white-trans-10.png);
         }

.overview-box ul a, .sidebar-box ul a, .about a {
        color: #fff;
         border-bottom: 1px dotted #cb9;
         }

.sidebar-box {
        width: 300px;
         margin-bottom: 30px;
         }

/* Single Article */

.page-title {
        top: -410px;
         position: relative;
         width: 880px;
         margin: 0px auto;
         font: 14px "Bitstream Vera Sans", Verdana, sans-serif;
         color: #fff;
         }

.page {
        top: -390px;
         position: relative;
         width: 890px;
         padding: 5px;
         margin: 0px auto;
         ackground: url(images/white-trans-15.png);
         }

#content-sum {
         width: 500px;
         padding: 20px 40px;
         background: url(images/page.jpg);
        font: 12px "Bitstream Vera Sans", Verdana, sans-serif;
         color: #069;
         line-height: 22px;
         float: left;
         }

.post {
         width: 500px;
         padding: 20px 40px;
         background: url(images/page.jpg);
        font: 12px "Bitstream Vera Sans", Verdana, sans-serif;
         color: #069;
         line-height: 22px;
         float: left;
         }

.post h2, .post-sum h2 {
        font: 22px "Trebuchet MS";
        margin: 0px 0px 15px;
         color: #09c;
         letter-spacing: -1px;
         }

.post h2 a, .post-sum h2 a {
        color: #09c;
         }

.post-sum {
         margin-bottom: 25px;
         }

.entry a {
        color: #069;
         text-decoration: underline;
         }

.entry {

         }

.entry p {
        clear: both;
         }

.hint {
         background: #e5f2ff;
         border: 1px solid #9cf;
         padding: 10px;
         }

#commentbox {
        width: 450px;
         margin: 30px auto 0px;
         color: #069;
         font: 11px "Bitstream Vera Sans", Verdana, sans-serif;
         line-height: 18px;
         }

#commentbox a {
        color: #069;
         text-decoration: underline;
         }


ul.commentlist {
        list-style: none;
         padding: 0px;
         }

ul.commentlist li {
        background: url(images/black-trans-10.png);
         padding: 15px;
         margin-top: 10px;
        }

#comment, #commentform input {
        font: 12px "Bitstream Vera Sans", Verdana, sans-serif;
        background: url(images/black-trans-10.png);
        border: none;
         padding: 10px 15px;
         color: #069;
         }

#commentform, #commentform a {

         }

h3#respond, h3#comments {
        font: 16px "Bitstream Vera Sans", Verdana, sans-serif;
         margin-top: 30px;
         }

#sidebar {
        top: 10px;
         position: relative;
         padding-top: 15px;
         padding-right: 20px;
         width: 240px;
         float: left;
         background: url(images/white-trans-15.png);
         }

/* Parts of NextGen Gallery Stylesheet */

.ngg-singlepic {
        background: url(images/black-trans-10.png);
        border: none;
        display: block;
        margin: 5px 0px 15px 5px;
        padding: 4px;
        }

.middlesize {
        margin-right: 15px;
         }

a img.size-medium {
        border: none;
         }

.ngg-left {
        float: left;
        }

.ngg-right {
        float: right;
        }

.ngg-center {
          margin-left: auto !important;
        margin-right: auto !important;
        }

.ngg-widget {
         margin: 10px 0px 0px 7px;
         overflow: hidden;
         padding: 0px 0px 0px 0pt;
         }

.ngg-widget img {
        background: url(images/white-trans-20.png);
        margin: 0px 2px 2px 0px;
        border: none;
        padding: 3px;
        }

.ngg-widget img:hover {
        background: url(images/white-trans-10.png);
        }