/* LAYOUT  STYLESHEET*************************************************
This file only contains global layout info. For style info use style.css
The layout is broken into 5 main sections: header, content, navigation,
extras, and footer.

By changing this global layout, one can achieve many different site layouts,
from the same markup, as demonstrated at http://blog.html.it/layoutgala/
The basic SEO optimized markup, common to every layout, is the following:
<div id="gl_container">
    <div id="gl_header">Header</div>
    <div id="gl_wrapper">
        <div id="gl_content">Content</div>
    </div>
    <div id="gl_navigation">Navigation</div>
    <div id="gl_extra">Extra</div>
    <div id="gl_footer">Footer</div>
</div>
 */

#gl_container {
  margin:0 auto;
}
#gl_header {
  height:100px;
}
#gl_wrapper {
  margin-top:10px;
  float:left;
  width:100%;
}
#gl_content { /* standard left & right blocks - switched to dynamically by functions.php*/
  margin:0 222px 20px 20px;
}
#gl_content-full { /* no blocks  - switched to dynamically by functions.php*/
  margin:0 20px 20px 20px;
}
#gl_content-wide-left { /* left blocks & content displayed  - switched to dynamically by functions.php*/
  margin:0 222px 20px 20px;
}
#gl_content-wide-right { /* content & right blocks displayed  - switched to dynamically by functions.php*/
  margin:0 20px 20px 20px;
}
#gl_navigation { /*the leftblocks*/
  float:right;
  margin-bottom:20px;
  margin-left:-202px;
  width:200px;
}
#gl_extra { /*the rightblocks*/
  clear:left;
  margin:0 217px 20px 20px;

}
#gl_extra-alt { /*the rightblocks*/
  clear:left;
  margin:0 20px 20px 20px;
}

#gl_footer {
  clear:both;
  width:100%;
}