/*
 * GENERAL PAGE LAYOUT STYLES
 * @copyright brendan metzger <brendan.metzger@gmail.com>
 */

 div#header{background:transparent url(/behavior/stylesheets/assets/RAD.png) no-repeat 110% -50px;height:10em;}
 div#header ul{margin:0 1em;}
 div#header ul li{display:inline;padding:1em;}
 div#header h2{text-transform:uppercase;letter-spacing:3px;font-weight:400;font-size:1.8em;padding:0.5em;color:#6E6E6E;}
 div#header h2 em{font:normal 0.75em Helvetica;letter-spacing:0;text-transform:lowercase;text-transform:capitalize}
 
 p#footer {text-align:right;padding:1em;font-size:1em;clear:both}
 
 *#container {margin:0 2em;width:70em;min-height:50em;background:transparent;padding:1em 0 10em 0;float:left;}
 *#container h2{margin-top:0.5em;border-top:1px solid #F8F8F8;padding-top:0.5em;font-weight:400;}
 *#container p {width:85%}

 /*
  * Page sensitive styles
  * @copyright brendan metzger <brendan.metzger@gmail.com>
  */
  
  body.index a[href='/illustrations/'],body.index a[href='/illustrations/']:hover,
  body.downloads a[href='/downloads/'],body.downloads a[href='/downloads/']:hover,
  body.contact a[href='/contact/'],body.contact a[href='/contact/']:hover,
  body.about a[href='/about/'],body.about a[href='/about/']:hover,
  body#blog a[href='/blog/'],body#blog a[href='/blog/']:hover
  {font-weight:800;color:inherit}
  
  body.press div img{width:75%;padding:1em 0 0 1em;margin:1em 0;border-top:1px solid #EAEAEA;border-left:1px solid #EAEAEA;}
  
  body.about div p { margin:1em 0;}
  
  div.column.container {
    margin:1em;
  }
  div.column.container img {
    width:45%;
    float:left;
    margin:0 4% 4% 0;
  }