/* 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 {
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  margin:0 auto;
  width:775px;
}
#gl_header {
  height:100px;
}
#gl_wrapper {
  margin-top:10px;
}
#gl_content { /* standard left & right blocks - switched to dynamically by functions.php*/
  display: inline; /* add Geeklog.jp for IE 080518 */
  float:left;
  margin:0 20px 20px 20px;
  width:583px;
}
* html #gl_content {
  margin-right: 10px; /* add Geeklog.jp for IE 080518 */
}
#gl_content-full { /* no blocks  - switched to dynamically by functions.php*/
  margin:0 20px 20px 20px;
  width:735px;
}
#gl_content-wide-left { /* left blocks & content displayed  - switched to dynamically by functions.php*/
  display: inline; /* add Geeklog.jp for IE 080518 */
  float:left;
  margin:0 20px 20px 20px;
  width:583px;
}
#gl_content-wide-right { /* content & right blocks displayed  - switched to dynamically by functions.php*/
  display: inline; /* add Geeklog.jp for IE 080518 */
  margin:0 20px 20px 20px;
}
#gl_navigation { /*the leftblocks*/
  float:right;
  margin-bottom:20px;
  margin-right:-1px;
  width:150px;
}
#gl_extra { /*the rightblocks*/
  clear:right;
  margin-bottom:20px;
  float:right;
  width:150px;
}
#gl_footer {
  clear:both;
  height:40px;
  width:100%;
}