/*
Theme Name: lwtheme
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: guenther kolar
Author URI: http://leit-werk.at
Description: theme for leit-werk.at
Version: 1.5
Template: twentyeleven
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/
/* import style of twentyeleven
-------------------------------------------------------------- */

@import url("../twentyeleven/style.css");

/* struktur
-------------------------------------------------------------- */
#page {
  margin: 0 auto;
}

#branding {
  border: none;
  padding-bottom: 0;
}

#branding img {
  width: 250px;
}

#main {
  clear:both;
  padding:0;
}

.entry-content, .entry-summary {
  padding:0;
}

#content {
  margin: 0;
  width: 100%;
}

.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
  margin:0 auto;
  width:100%;
}

.singular.page .hentry {
  padding:0;
}

.singular #content, .left-sidebar.singular #content {
  margin:0;
}

.area {
  width: 90%;
  margin: 0 auto;
  overflow:hidden;
  border-top: 1px solid black;
}

/*.areahalf {
  width: 90%;
  margin: 0 auto;
  overflow:hidden;
  border-top: 1px solid black;
}

.areahight {
  width: 90%;
  margin: 0 auto;
  overflow:hidden;
  border-top: 1px solid black;
}*/

.textarea {
  width: 51%;
  padding: 0 1% 15px 0;
  float:left;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 14px;
  line-height: 18px;
}
 
.iconarea {
  width: 38%;
  border-top: 3px solid black;  
  padding: 50px 0 0 32px;
  float: left;
}

.columnhalf {
	width: 50%;
	overflow:hidden;
	float:left;
}

.icon {
  float: left;
  /*width: 45%;*/
}

.referenz {
  float: left;
  width: 45%;
}

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
  border:none;
  max-width:97.5%;
  padding: 0px;
}

/* font
-------------------------------------------------------------- */
.entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 {
  color:#000000;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 29px;
  font-weight: 300;
  margin:0 0 0.4125em;
}

.entry-content h1,
h2 {
	padding-top: 30px;
}
/* footer
-------------------------------------------------------------- */

#colophon {
  height: 24px;
  background: white;
  width: 100%;
  margin: 0 auto;
}



#copyright {
  float: right;
  padding-right: 10px;
  font-size: 12px;
  font-family: 'Roboto Condensed', sans-serif;
}

/* Projekteseite
-------------------------------------------------------------- */


 .projects {
	 margin-left: 50px;
	   font-family: 'Roboto Condensed', sans-serif;

  }
  
  .projects h2 {
	 margin-left: 50px;
	   font-family: 'Roboto Condensed', sans-serif;

  }
  
  .projects a {
	   font-family: 'Roboto Condensed', sans-serif;
	   font-size: 12px;

  }



@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
  #page {
    margin:2em auto;
    min-width:970px;
    display: block;
    padding: 0;
  }
  #area {
    min-height:260px;
    min-width: 95%;
    margin: 0;
    padding: 0;
  }
  
  #areahalf {
   min-height: 420px;
   min-width: 95%;	  
  }
  
  #areahight {
    min-height: 630px;
    min-width: 95%;
  }
  
  #content {
	 margin:0px;
	 width: 100px;
	 padding: 0;
  }
  .entry-content, 
  .entry-summary {
    padding:0;
    margin:0;
  }
  
  #main {
    padding:0;
    margin:0;
  } 
  
  ul{
    list-style-type: none;
    list-style-image:url(http://www.leit-werk.at/lw/wp-content/uploads/backslash.jpg);
  }
}

@media (max-width: 650px) {
  .iconarea {
	 width: 100%;
	 float: left;
  }
  
  .textarea {
    width: 100%;	 
    float: left; 
  }