/* 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 {
  /* the following forces content to left align */
  margin:auto;
  width:1000px;
}
#gl_header {
}
#gl_wrapper {
padding: 0px;
margin: 0px;
}
#gl_content { /* standard left & right blocks - switched to dynamically by functions.php*/
  float:left;
  margin:0 0px 0px 0px;
  width:515px;
}
#gl_content-full { /* no blocks  - switched to dynamically by functions.php*/
  margin:0 0 0 0;
}
#gl_content-wide-left { /* left blocks & content displayed  - switched to dynamically by functions.php*/
  float:left;
  margin:0 0px 0px 0;
  width:515px;
}
#gl_content-wide-right { /* content & right blocks displayed  - switched to dynamically by functions.php*/
  margin:0 0px 20px 0;
}
#gl_navigation { /*the leftblocks*/
  float:right;
  margin-right:0px;
  width:336px;
}
#gl_navigation_profile {
/* see style.css for definition */
}
#gl_extra { /*the rightblocks*/
  clear:right;
  margin-bottom:20px;
  float:right;
  width:336px;
  margin-right:10px;
}
#gl_footer {
  clear:both;
  height:40px;
  width:1000px;
}