/*
Theme Name: Kinect360
Theme URI: http://wordpress.org/
Description: Kinect360 Theme
Author: the WordPress team
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.2
 */

@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y: scroll; }

  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #e6e6d4 url("/wp-content/themes/kinect360/img/bg_page.gif") repeat-x top left; padding: 0; margin:0; font-size:12px; font-family:Verdana, sans-serif; color:#777777;}
    .clear {clear:both;}
    img {border:0;}
    h1, h2, h3 {font-weight:normal;}
    h1 {padding:0; margin:0 0 15px 0;}
    h1.singlepost {margin:15px 0 15px 0; color:#4D358D;}  
    input[type="text"] {border:1px solid #523b90; height:20px; font-size:16px;}
    input[type="submit"] {padding:5px 10px; background:#78bb28; color:#ffffff; text-transform:uppercase; border:none; cursor:pointer;}
    .required {display:none;}
    
  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }


  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: 980px; background: none; }
  .page { padding: 0; }
  #header { height:68px; padding: 0; color: #000; background: #fff; margin:0 0 11px 0;}
  #logo {padding:0 0 0 25px;}
  #topnav { color: #aaa; background: transparent; }
  #nav { overflow:visible; background:#fff; height:35px; margin:0 0 10px 0;}
  #nav ul {list-style-type:none; padding:0; margin: 0; height:35px;}
  #nav ul li {float:left; line-height:35px; position:relative; background:#ffffff;}
  #nav ul a {font-size:14; font-weight:bold; color:#818181; text-decoration:none; padding:0 25px;}
  #nav ul a:hover {color:#2b9e32;}
  #nav ul li .sub-menu {position:absolute; left:-10000px; background:#ffffff; z-index:999;}
  #nav ul li .sub-menu li {width:250px !important; border-bottom:1px dotted #cbcbcb;}
  #nav ul li:hover .sub-menu {left:0px;}
  #main { margin: 10px 0; padding:15px 0; background: #ffffff; }
  #hintwrap {margin:15px 0;}
  #hint {width:950px; margin:0 auto; padding:15px; color:#ca0101; background:#ffffff;}
  #footer { padding: 25px 20px; color:#666; background: #ffffff; margin:0 auto; width:940px; }
    #footer .col_left {width:350px; float:left; margin:0 25px 0 0;}
      #footer .col_left ul {border-top:1px dotted #cbcbcb; border-bottom:1px dotted #cbcbcb; list-style-type:none; padding:15px 0;}
    #footer .col_right {width:350px; float:left; padding:13px 0 0;}
      #footer .col_right ul {border-top:1px dotted #cbcbcb; margin:17px 0 0; padding:15px 0; list-style-type:none;}
      #footer .col_right ul li {margin:0 0 10px 0;}

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #main { float: left; width: 100% }
  #col1 { float: right; width: 500px;  margin: 0 310px 0 -810px }
  #col2 { float: right; width: 310px;  margin: 0 }
  #col3 { float: left; width: 170px; margin-right: -5px; margin-left: 0; }
  #col1_content { padding: 0 15px 0 15px ;}
  #col2_content { padding: 0 10px 0 0 ;}
  #col3_content { padding: 0 0 0 10px ;}
  
  .two-col-layout #col1 {width:670px !important; margin:0 310px 0 -980px !important;}
  .two-col-layout #col2 {}
  /*-------------------------------------------------------------------------*/
  /* Allgemeine Linkauszeichnungen */
  a, a:visited {color:#2b9e32; text-decoration:none;}
  a:hover, a:active {text-decoration:underline;}
	
  /*-------------------------------------------------------------------------*/
  /* Sidebar */
  #col2 ul.xoxo {list-style-type:none; padding:0; margin:0;}
  #col2 ul.xoxo ul {list-style-type:none; padding:0; margin:0;}
  #col2 li.widget-container {width:300px; border:1px solid #d1d1d1; margin:0 0 15px 0;}
    #col2 li.widget-container h3 {margin:0; font-size:17px; padding:15px; border-bottom:1px dotted #cbcbcb; font-weight:normal;}
  #col2 ul.xoxo li ul li {padding:15px;}
  
  /* Suchformular */
  #searchform {background:#f3f2f2; padding:15px;}
    #searchform input {float:left;}
    #searchform #s {margin:0 5px 0 0;}
    #searchform #searchsubmit {margin:-4px 0 0;}  
    
  /* Meta/Twitter/RSS Block */
  .social_twitter { height:60px;  border-bottom:1px dotted #cbcbcb; padding:20px 15px 0 15px; font-size:14px;}
    .social_twitter img {float:left; margin:0 15px 0 0;}
    
  .social_feed {height:60px; padding:20px 15px 0 10px; font-size:14px;}
    .social_feed img {float:left; margin:0 15px 0 0;}
  
  /* Tag Cloud */  
  .widget_tag_cloud div {padding:15px;}
  
  /* Random Videos */
  .randomvideosidebar object {padding:20px 0 0 15px;}
  .randomvideosidebar h3 {margin:0 0 15px 0 !important;}
  .VideoCaption {padding:0 15px;}
  
  /* Linke Sidebar */
  #col3 ul {list-style-type:none; margin:0; padding:0;}
     
  /*-------------------------------------------------------------------------*/
  /* Posts auf der Startseite */  
  .post {border-bottom:3px solid #e6e6d4; padding:0 0 30px 0; margin:0 0 30px 0;}
    .post .entry-meta {border-bottom:1px dotted #cbcbcb; padding:5px 0; text-transform:uppercase; font-size:10px;}
      .post .entry-meta .categories {float:left}
      .post .entry-meta .date {float:right;}
    .post h2 a {font-size:24px; font-weight:normal; color:#4d358d; text-decoration:none;}
    .post h2 a:hover, .post h2 a:active {color:#2b9e32; text-decoration:underline;}
    .post .excerpt {margin:0 0 10px 0; position:relative;}
      .post .excerpt p {margin:0; padding:0 0 10px 0;}
      .post .excerpt .pgee-read-more a {padding:3px 15px; position:absolute; bottom:0; right:0; background:#78bb28; color:#ffffff; text-transform:uppercase; font-size:10px;}
      .post .excerpt .pgee-read-more a:hover {background:#2B9E32;}
    .post .thumbnail {float:left; margin:0 10px 0 0; border:1px solid #D1D1D1; position:relative; z-index:980;}
    .post .comments {width:51px; height:40px; float:right; background:#ffffff url("/wp-content/themes/kinect360/img/icon_comments.gif"); font-size:;}
    .post .content p {line-height:18px;}
    
    .post .tags {width:470px; float:left; border-top:1px dotted #cbcbcb; padding:10px 0; text-transform:uppercase; font-size:10px;}
      .post .tags img {margin:0 0 -5px 0;}
    .post .social {padding:5px 0 10px 0; float:left; border-bottom:1px dotted #cbcbcb;}
      .post .social a.retweet-anywhere {float:left; margin:0 10px 0 0;}
      .post .social .wpfblike {float:left; padding:1px 0 0 0;}
    
    /* related posts */  
    .post .yarpp {margin:25px 0 0 0;}
    .post .yarpp h3 {color:#4D358D; font-size:17px;}
    
 
    /* Produktliste */
    .productlist .productbox_left {width:225px; float:left; margin:0 0 20px 0; border-bottom:1px dotted #cbcbcb;}
    .productlist .productbox_right {width:225px; float:right; margin:0 0 20px 0; border-bottom:1px dotted #cbcbcb;} 
    
    /* Preisvergleich Produktinfo */
    .preisvergleich_produktinfo {border-top:1px dotted #cbcbcb; padding:15px 0 0 0; margin:25px 0 0 0;}
    .preisvergleich_produktinfo img {float:left; border:1px solid #CBCBCB;}
    .preisvergleich_produktinfo .produktinfo_text {width:310px; float:right;}
    .produktinfo_text h3 {font-weight:bold !important; color:#4D358D;}
    .produktinfo_text a {padding:5px 10px; background:#78bb28; color:#ffffff; text-transform:uppercase; font-size:11px;}
    .produktinfo_text a:hover {background:#2B9E32 !important;}
    
    /* Preisvergleichtabelle */
    .vergleichtabelle {border-bottom:1px dotted #cbcbcb;  padding:15px 0; margin:0 25px 0 0;}
    .vergleichtabelle table {width:470px; border:0; border-collapse: collapse; }
    .vergleichtabelle table td {border-top:1px solid #cbcbcb; border-bottom:3px solid #ffffff;}
    .vergleichtabelle table td.grey {background:#f3f3f3; padding:15px; font-size:17px;}
    .vergleichtabelle table .small {font-size:11px;}
    .vergleichtabelle .shopbutton a {padding:5px 10px; background:#78bb28; color:#ffffff; text-transform:uppercase; font-size:11px;}
    .vergleichtabelle .shopbutton a:hover {background:#2B9E32 !important;}
  
  /*-------------------------------------------------------------------------*/
  /* Single Post */  
    /* Comments */
    #comments h3 {color:#4D358D; font-size:17px;}
    #comments label {display:block; font-weight:bold;}
    
  /*-------------------------------------------------------------------------*/
  /* Produktseiten */ 
  .productimage {float:left; margin:0 15px 15px 0;}
  .productinfo {width:200px; float:left;}
  .producttext {float:right; width:470px; line-height:18px;}
}