body {
  color: #444;
  background: #fff;
  font-family: sans-serif;
  font-size: 0.688em;
  /*line-height: 1.5;*/

}

header {
display:block;
}


.img_title {
    display: table;
    background: #888888;
    position: absolute;
}
.image_container {
    cursor: none;
    display: table;    
}

#placeholder {
    
    /*background-color: #e7e7e7;*/
    text-align: left;
    width: 100%;
    height: 250px !important ;
    display: block !important ;
    padding: 20px !important ;
    margin-top: 0px !important ;
    margin-left: 0px !important ;
    
}

.logo {
position:fixed;
height:36px;
/*margin-left: 0 ;*/
width: 36px;
z-index: 11;
background-color: red;
vertical-align: top;
left: 0;
top: 0;

}

#line1, #line2, #line3, #line4 { 
  background-color: #e7e7e7; 
  position: fixed;
  font-size: 11px;
  text-align: left; 
  z-index: 10;
        } 
        #line1, #line3 { 
          height: 16px; 
          width: 100%;
          padding-top: 0.35em;
          padding-left: 1%;  
        } 
        #line2, #line4 { 
          width: 18px; 
          height: 100%; 
        } 
        #line1 { 
          top:0; 
        } 
        #line3 { 
          bottom:0; 
        } 
        #line2 { 
          left:0; 
          top:0; 
        } 
        #line4 { 
          right:0; 
          top:0; 
        }
        
h1, h2, .h1, .h2 {
  font-weight: 300;
  /*line-height: 1.25;*/
  margin-top: 0.8em;
}


p, .p,  {
  text-align:left;
  font-size: 1.4em;
}

p1, .p1{
    font-size: 1em;
}

p, ul, ol { 
  margin-top: 1em;
  font-weight: 200;
  display:block;
  max-width:90%;
}

      @media screen and (min-width: 480px) {
        h1, .h1 { font-size: 1.5em; }
        h2, .h2 { font-size: 1em; }
        h3, .h3 { font-size: 24px; }
        p, .p, ul, ol { font-size: 26px;}
        small, .small { font-size: 16px;}
      }
      
      @media screen and (min-width: 640px) {
        h1, .h1 { font-size: 3em; }
        h2, .h2 { font-size: 2em; } 
        h3, .h3 { font-size: 32px; }
      }

      @media only screen and (max-width: 400px) {
        body {font-size: 200%;}
        #placeholder {width: 90%;}
      }
      
.wrap {
  max-width: 100%;
  padding: 0;
  margin-left: 2%;
  margin-top: 36px; 
  overflow: hidden;
}

img a{
  text-decoration: none;
  border-bottom: none;

}

a {
  
  color: black;
  text-decoration: none;
  border-bottom: 1px solid;
}

a:hover {
  color:#ffffff;
  background-color:#000000;
}


.post {
  display:block;
  /*background-color: blue;*/

}


.full{
  width: 98%;
}

.twothird{
  max-width: 70%;
  float: left;
}

.half{
  max-width: 49%;
  float: left;
}

 #break{
 margin-top:100px;
 margin-bottom:50px;
  display:block;
  background-color: #e7e7e7; 
  height: 10px; 
  width: 122%; 
  margin-left:-22%;
    
}