/*
Theme Name: lx
Theme URI: http://www.2freaks.de/
Description: Grey Theme designed by 2freaks - raum für gestaltung - Paul Feher
Version: 1.0
Author: Alexander Steinhöfer
Author URI: http://www.lx-s.de/
*/

html, body  {
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
}

body {
   background-image: url('./images/bg_grad.png');
   background-repeat: repeat-x;
   background-color: #e5e5e5;
   color: #3d3c3f;
   height: 100%;
   font-family: Arial, sans-serif;
   font-size: 0.9em;
}

#page {
   background-image: url('./images/bg_complete_texture2.png');
   background-repeat: repeat;
   min-height: 100%;
}

.wrapper {
   width: 954px;
   margin: 0 auto;
   text-align: left;
}

#nav {
   height: 49px;
   padding: 47px 0 1px 0;
   border-bottom: 6px solid #5298c6;
}

   #nav #logo {
      background-image: url('./images/logo_top_right_bg.png');
      background-repeat: no-repeat;
      position: absolute;
      left: 50%;
      width: 129px;
      height: 201px;
      margin: -28px 0 0 260px;
      padding: 20px 0 0 30px;
      z-index: 1;
   }

      #nav #logo #lxsLogo {
      }
      
      #nav #logo #lxsLogoSub {
         margin: 22px 0 0 -5px;
      }

   #nav #navbarBg {
      background-image: url('./images/nav_bar_bg.png');
      background-repeat: repeat-x;
      height: 49px;
   }
   
      #nav #navbarBg #navbarContent {
         padding-left: 78px;
         width: 941px; /* 954px - (78 - 65) */
      }

         #nav #navbarBg #navbarContent ul {
            font-family: Arial, sans-serif;
            font-size: 0.98em;
            font-weight: bolder;
            text-transform: uppercase;
            color: #323232;
            list-style-type: none;
            line-height: 1.05em;
            margin: 0;
            padding: 0;
         }

            #nav #navbarBg #navbarContent ul li {
               width: 100px;
               float: left;
               padding: 21px 10px 0 0;
               margin-top: -5px;
            }
            
            #nav #navbarBg #navbarContent ul li:hover,
            #nav #navbarBg #navbarContent ul li.current_page_item {
               background-image: url('./images/navi_mouseover.png');
               background-repeat: no-repeat;
            }

               #nav #navbarBg #navbarContent ul li a {
                  display: block;
                  color: #323232;
                  text-decoration: none;
               }

               #nav #navbarBg #navbarContent ul li.current_page_item a {
                  color: #fff;
               }

               #nav #navbarBg #navbarContent ul li a:hover {
                  color: #fff;
               }

               #nav #navbarBg #navbarContent ul li a span {
                  font-weight: normal;
                  text-transform: none;
                  font-size: 0.8em;
               }

               #nav #navbarBg #navbarContent ul li.current_page_item a span,
               #nav #navbarBg #navbarContent ul li a:hover span {
                  color: #d7d7d7;
               }

#sidePic {
   background-image: url('./images/default_picture_frames.png');
   background-repeat: no-repeat;
   position: absolute;
   left: 50%;
   top: 229px;
   margin-left: 264px;
   height: 520px;
   width: 126px;
   z-index: 1;
   display: none;
}

#content {
   background-repeat: repeat-y;
   padding-left: 65px;
   z-index: 100;
}

   #content #contentPane {
      background-color: #fafafa;
      background-image: url('./images/content_bg_bright.png');
      background-repeat: repeat-x;
      min-height: 620px; /* 451px; */
      width: 673px; /* 690px - padding-left - padding-right */
      padding: 32px 4px 0 13px;
      color: #3d3c3f;
      font-size: 0.90em;
      font-family: "Segoe UI", 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
   }

   #content #contentPane h1 {
      font-family: Arial, sans-serif;
      font-size: 1.2em;
      font-weight: bold;
      letter-spacing: 1px;
      color: #397296;
      font-variant: small-caps;
      margin: 0 0 7px 0;
      padding: 0;
   }

   #content #contentPane h2, #content #contentPane h3 {
      font-family: Arial, sans-serif;
      font-size: 0.9em;
      color: #4a94c5;
      text-transform: uppercase;
      padding: 0;
      margin: 0 0 3px 0;
   }

      #content #contentPane h1 a,
      #content #contentPane h1 a:hover,
      #content #contentPane h2 a,
      #content #contentPane h2 a:hover{
         color: #4a94c5;
         text-decoration: none;
      }

   #content #contentPane p,
   #content #contentPane address {
      font-size: 0.90em;
      line-height: 1.50em;
      padding: 0;
      margin: 0 0 10px 0;
      font-style: normal;
   }

   #content #contentPane ul {
      font-size: 0.9em;
      line-height: 1.50em;
   }

   /* General */
   
   .next_prev_row {
      margin-left: -18px;
      height: 20px;
   }

   .next_prev_row .prev {
      float: left;
      background-image: url('./images/buttons/prev_inactive.png');
      background-repeat: no-repeat;
      width: 21px;
      height: 19px;
   }
   
   .next_prev_row .next {
      float: left;
      background-image: url('./images/buttons/next_inactive.png');
      background-repeat: no-repeat;
      width: 20px;
      height: 19px;
   }

   /* Overviews */
      .item_container {
         margin: 0 -4px 25px 0;
      }

      .item_container .mouse_over_img {
         background-repeat: no-repeat;
         float: left;
         clear: left;
         height: 60px;
         width: 4px;
         margin-left: -18px;
      }
      
      .item_container .mouse_over_img_portfolio {
         background-image: url('./images/read_mouseover.png');
      }
      
      .item_container .mouse_over_img_blog {
         background-image: url('./images/more_mouseover.png');
      }

      .item_container .mouse_over_img a {
         display: block;
         height: 60px;
         width: 21px;
      }

      .item_container .item {
         height: 55px;
         margin-left: -11px;
         padding: 5px 0 0 11px;
      }

      #content #contentPane .item_container .item p {
         font-size: 0.88em;
         line-height: 1.40em;
         padding: 0;
         margin: 0 0 5px 0;
         font-style: normal;
      }
      
      .item_container .item .item_text {
         float: left;
         width: 480px;
      }

      .item_container .item .item_image {
         float: right;
         background-repeat: no-repeat;
         background-position: 1px 0;
         border-left: 3px solid #4a94c5;
         padding-left: 1px;
         width: 170px;
         height: 52px;
      }
      
      .item_container .item p a {
         color: #3d3c3f;
         text-decoration: none;
      }


      .item_container .item:hover,
      .item_container .item:hover a,
      #content #contentPane .item_container .item:hover h2 a {
         color: #fff;
         background-color: #5298c6;
      }

      .item_container .item .item_image img {
         width: 150px;
         height: 52px;
      }

   /* Blog */
      .blog_footer_row {
         margin-top: 25px;
      }

      .blog_footer_row .tags, .blog_footer_row .categories {
         font-size: 0.88em;
         background-repeat: no-repeat;
         background-position: 0 3px;
         padding: 0 0 10px 16px;
      }

      .blog_footer_row .categories {
         background-image: url('./images/icons/category.png');
         margin-right: 10px;
      }

      .blog_footer_row .tags {
         background-image: url('./images/icons/tags.png');
      }

      .blog_footer_row .comments {
         padding-top: 20px;
         margin-bottom: 15px;
      }
      
      /* Comments */
      
      #commentsContainer hr { 
         border: none;
         border-top: 3px solid #c9c9c9;
      }

      #commentsContainer ul {
         list-style-type: none;
         padding-left: 3px;
         margin-left: 0;
      }

      .commentlist li,
      #commentform input,
      #commentform textarea {
         border-bottom: 1px solid #dadada;
      }

      .commentlist li {
         margin-right: 30px;
         padding-left: 5px;
      }

      .commentlist li .avatar { 
         display: none;
         float: right;
         border: 1px solid #eee;
         padding: 2px;
         background: #fff;
      }

      .bypostauthor  {
         background-image: url('./images/content_bg.png');
         background-repeat: repeat-x;
         background-position: 0 -40px;
      }
      
      .commentlist .says {
         display: none;
      }

      .commentlist .commentmetadata {
         font-size: 0.9em;
         font-size: 10px;
         color: #009351;
         text-transform: uppercase;
         padding-left: 10px;
      }

      .commentlist cite, .commentlist cite a {
         font-weight: bold;
         font-style: normal;
         font-size: 1.05em;
      }

      .commentlist p {
         font-weight: normal;
         line-height: 1.5em;
         text-transform: none;
      }

      .commentlist cite .fn {
         font-weight: bold;
         font-size: 14px;
         padding: 0 0 4px;
         margin: 16px 0 0;
      }

#footer {
   background-image: url('./images/footer_bg.png');
   background-color: transparent;
   border-top: 7px solid #c9c9c9;
   color: #0e71b4;
   height: 35px; /* 46 - padding-top; */
   width: 677px; /* 690 - padding-left; */
   margin-top: 1px;
   padding: 13px 0 0 13px;
   font-size: 0.7em;
}


/* Links */

a {
   color: #0e71b4;
   text-decoration: none;
}

a:hover {
   text-decoration: underline;
}

a img {
   border: none;
}

/* Other */

span.key {
   background: #d9d9d9;
   border: 2px solid #808080;
   border-left-color: #c2c2c2;
   border-top-color: #c2c2c2;
   font: monospace;
   padding: 1px;
   margin: 0 3px 0 3px;
}

/* Util */

.clear {
   clear: both;
}

/* Columns */

.column2left {
   float: left;
   width: 310px;
}

.column2right {
   float: right;
   width: 325px;
   padding-right: 20px;
}

/* Input */

input, textarea {
   border: 1px solid #bcbcbc;
}

/* Word Press*/

img.centered,
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.alignright {
   padding: 4px;
   margin: 0 0 2px 7px;
   display: inline;
}

img.alignleft {
   padding: 4px;
   margin: 0 7px 2px 0;
   display: inline;
}

.alignright {
   float: right;
}

.alignleft {
   float: left;
}

img#wpstats{
   display:none
}