/** 
 * Layout and grid setting for bu themes
 * 
 * ### Page layout ###
 * global header
 * header & nav
 *   title
 *   primary menu  
 * super top region
 * content
 *   left, main, right
 * footer region
 * footer    
 *     
 *  
 * ### Grid Layout ###
 * 24-col; 40px each; margin: 6px
 * 
 * ### Additional ### 
 **/

/*** Page Layout ***/
body {
  background: #ccccff;
  background: #333;
}

#wrapper-outer {
  margin: 0 auto;
  background: #eee;
  background: url("images/grid2.png") #efefef 6px 0px; /*delete*/
  padding: 0 6px;
  width: 960px;
}
#global-header a {
/*  height: 36px;
*/
}
#wrapper-inner {
  background: none;
}
#header {
  background: #fff;
  margin: 12px 6px;
}
#wrapper-columns {}
#wrapper-footer{}


/** Global header **/
#global-header {}
#global-navbar {}
#global-navbar .block {
  border: none;
  padding: 0px;
  margin: 0px;
}
#global-navbar .block h2 {
  visibility: hidden;
    padding: 0px;
  margin: 0px;
  border: none;
}
#global-navbar .block .content,
#global-navbar .block .content ul.menu,
#global-navbar .block .content ul.menu li {
  margin: 0px;
  padding: 0px;
}
#user-bar {
  text-align: right;
}

/** Header **/
#logo-title {
  margin-left: 0px;

}
#logo {
  float: left;
  padding: 0px;
  margin: 6px;

}
#site-title {
    float: left;
    margin-top: 0px;

}
#site-title h1 {



margin: 0px;
    padding: 0px;
    margin-left: 0px;
margin: 0.05em 0px;

}


#nav-wrapper {
  margin-right: 0px;
}
#nav-bar-level-1 {

  margin-right: 6px;
}
#nav-bar-level-1-2 {
  margin-right: 6px;
  
}
#search-box {
  display: inline;
  float: right;
  margin-left: 12px;
}
#nav-bar-level-2 {
  padding: 0.25em 12px;
  min-height: 1.5em;
}

/*** Columns ***/
/*** Content ***/
#column-main {
/*  margin-top: 3px;/*###delete*/
}
#content-top {}
.breadcrumb {
  padding: 0 6px;
}
#node-content {
  padding: 12px;
}
#content-bottom {}

/*** Footer ***/
#wrapper-footer{}
#footer{}
#footer-message{}

#footer1,
#footer2,
#footer3,
#footer4,
#footer5,
#footer6 {
  float: left;
}

#footer2,
#footer3,
#footer4,
#footer5 {

}

/*** Grid columns ***/
div.col-1 {
  width: 28px;
  margin: 0 6px;
  float: left;
}
div.col-2 {
  width: 68px;
  margin: 0 6px;
  float: left;
}
div.col-3 {
  width: 108px;
  margin: 0 6px;
}
div.col-4 {
  width: 148px;
  margin: 0 6px;
  float: left;
}
div.col-5 {
  width: 188px;
  margin: 0 6px;
  float: left;
}
div.col-6 {
  width: 228px;
  margin: 0 6px;
  float: left;
}
div.col-7 {
  width: 268px;
  margin: 0 6px;
}
div.col-8 {
  width: 308px;
  margin: 0 6px;
  float: left;
}
div.col-9 {
  width: 348px;
  margin: 0 6px;
  float: left;
}
div.col-10 {
  width: 388px;
  margin: 0 6px;
  float: left;
}
div.col-11 {
  width: 428px;
  margin: 0 6px;
  float: left;
}
div.col-12 {
  width: 468px;
  margin: 0 6px;
  float: left;
}
div.col-13 {
  width: 508px;
  margin: 0 6px;
  float: left;
}
div.col-14 {
  width: 548px;
  margin: 0 6px;
  float: left;
}
div.col-15 {
  width: 588px;
  margin: 0 6px;
  float: left;
}
div.col-16 {
  width: 628px;
  margin: 0 6px;
  float: left;
}
div.col-17 {
  width: 668px;
  margin: 0 6px;
}
div.col-18 {
  width: 708px;
  margin: 0 6px;
  float: left;
}
div.col-19 {
  width: 748px;
  margin: 0 6px;
  float: left;
}
div.col-20 {
  width: 788px;
  margin: 0 6px;
}
div.col-21 {
  width: 828px;
  margin: 0 6px;
}
div.col-22 {
  width: 868px;
  margin: 0 6px;
}
div.col-23 {
  width: 908px;
  margin: 0 6px;
}
div.col-24 {
  width: 948px;
  margin: 0 6px;
}

/*** Additional ***/
.clear-all {
  clear: both;
  height: 0px;
}