/**
 * Screen layout styles
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 */

/**
 * Zikula BlankTheme Adaptation
 * @link            http://www.blanktheme.org
 *
 * @author          Mateo Tibaquira
 * @link            http://www.nestormateo.com
 * @author          Erik Spaan
 * @link            http://www.erikspaan.nl
 * @author          Dave Pahl
 * @link            http://www.dpahl.com
 * @version         $Id: basemod.css 407 2009-06-10 06:30:31Z mateo $
 */

/**
 * CSS Table of Contents
 *
 *  Global fixes (layout-global)
 *  Design of the layout (layout-basics)
 *     Layout Elements (layout-elements)
 *     Navigation menu adjustments (layout-navigation)
 *     Miscelaneous (layout-misc)
 *  Content containers default styles (layout-main)
 *  Specific templates and zones (layout-templates)
 */

@media screen, projection
{
  /**
   * Global fixes
   * 
   * @section layout-global
   */

  /* Centering layout in old IE-versions */
  body { 
    text-align: center; 
  }

  .page_margins,
  #page_margins { 
    text-align: left; 
  }

  .bt_zone { 
    clear: both;
    display: block;
    overflow: hidden;
  }



  /**
   * Design of the layout
   * Layout: width, background, borders of the main containers
   * 
   * @section layout-basics
   */


  /**
   * Layout elements
   * @subsection layout-elements
   */

  /* marginal area */
  body {
    background: #fff;
  }

  /* general wrapper */
  .page_margins,
  #page_margins {
    margin: 0 auto;

    width: 975px;
    min-width: 975px;
    max-width: 80em;
  }

  /* page wrapper */
  .page,
  #page {
    background: #fff;
  }

      /* header */    
      #header {
        /*z-index: 100;*/ /* when the navigation is placed inside the header and a multi level menu is used this is needed for ie */
		
      }

          /* top navigation container */
          #header #topnav {
            background: #F1F4F8 url('../../images/design/bg_topmenu.png') repeat-x scroll;
            height: 26px;
            padding: 0 20px;
            right: 0;
            top: 0;
          }
            #topnav_cornerleft,
            #topnav_cornerright {
              display: block;
              height: 26px;
              position: absolute;
              top: 0;
              width: 12px;
            }
            #topnav_cornerleft {
              background: url('../../images/design/bg_topmenu_left.png') no-repeat scroll left;
              left: 0;
            }
            #topnav_cornerright {
              background:url('../../images/design/bg_topmenu_right.png') no-repeat scroll right;
              right: 0;
            }

          /* title and slogan */
          #header h1 {
            display: none;
            margin: 30px 0 0.25em 20px;
          }
          #header .slogan {
            display: none;
            float: left;
          }

          /* logo */
          #header .logo {
            float: left;
            margin: 27px 0px 1px 0px;
          }

      /* adjustment of main navigation */          
      #nav ul {
        margin-left: 20px;
      }

      /* content wrapper */      
      #main {
        padding: 15px 0;
      }

      /* footer */
      #footer { 
        background: #fff url('../../images/design/bg_footer.png') no-repeat scroll right top;
        padding: 5px 10px 20px;
      }


  /**
   * Navigation menu adjustments
   * @subsection layout-navigation
   */

  #nav {
    background: #ffffff url('../../images/design/bg_pmenu.png') no-repeat;
	height: 68px;
  }
  #nav_main {
    background: transparent;
    border: none;
    display: inline;
    float: left;
    overflow: visible;
    width: 100%;
  }

  #nav_main ul {
    border: none;
    display: inline;
    float: left;
    list-style: none;
    margin: 0;
    margin-left: 30px;
    padding: 0;
  }

  #nav_main ul li {
    background: url('../../images/design/bg_pm_sep.png') no-repeat scroll right;
    border: none;
    display: inline;
    float: left;
    list-style-type: none;
    margin: 2px 10px 0 0;
    padding: 0px 10px 0 0;
    text-align: center;
  }

  #nav_main ul li a {
    background: transparent;
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 34px;
    margin: 0;
    padding: 0;
    text-decoration: none;
    width: auto;
  }
  #nav_main ul li a span {
    display: block;
    padding: 0 10px;
  }

  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active {
    background: url('../../images/design/bg_tab_active.png') no-repeat scroll right top;
    border: none;
    color: #fff;
    text-decoration: none;
  }
  #nav_main ul li a:focus span,
  #nav_main ul li a:hover span,
  #nav_main ul li a:active span {
    background: url('../../images/design/bg_tab_active_left.png') no-repeat scroll left top;
  }

  #nav_main ul li#current {
    
  }

  #nav_main ul li#current a,
  #nav_main ul li#current a:focus,
  #nav_main ul li#current a:hover,
  #nav_main ul li#current a:active {
    background: url('../../images/design/bg_tab_active.png') no-repeat scroll right top;
  }
  #nav_main ul li#current a span,
  #nav_main ul li#current a:focus span,
  #nav_main ul li#current a:hover span,
  #nav_main ul li#current a:active span {
    background: url('../../images/design/bg_tab_active_left.png') no-repeat scroll left top;
  }

  #nav_main_sub {
    background: transparent;
    border: none;
    display: inline;
    float: right;
  }
  #nav_main_sub ul {
    border: none;
    display: inline;
    float: left;
    list-style: none;
    margin: 0;
    margin-right: 10px;
  }
  #nav_main_sub li {
    color: #E0E7EF;
    display: inline;
    float: left;
    font-size: 12px;
    line-height: 23px;
	margin: 2px 8px 5px;
  }
  #nav_main_sub li a {
    background: transparent;
    color: #E0E7EF;
    font-weight: bold;
    font-size: 12px;
  }


  /**
   * Miscellaneous
   * @subsection layout-misc
   */

  /* cool subcolumns style */  
  .coolsubcol {
    background: #f9f9f9;
    border-top: 2px #efefef solid;
    color: #666; 
    padding-top: 15px;
  }
  .coolsubcol .subcl {
    padding: 0 0 0 10px;
  }
  .coolsubcol .subc {
    padding: 0 5px 0 5px;
  }
  .coolsubcol .subcr {
    padding: 0 10px 0 0;
  }



  /**
   * Formatting content containers by default
   *
   * @section layout-main
   */

  #col1 {
    width: 25%;
  }
    #col1_content {
      padding: 0 10px;
    }

  #col2 {
    width: 25%;
  }
    #col2_content {
      padding: 0 10px;
    }

  #col3 {
    margin: 0 25%;
  }
    #col3_content {
      padding: 0 10px;
    }



  /**
   * Specific templates and zones
   * 
   * @section layout-templates
   */

  /* Example: #col1 style for the -grid- template and the -123- layout */
  .bt_grid .bt_123 #col1 {
    width: 25%; /* width does not affect grid template, don't worry ;-) */
  }



  /**
   * 2col template
   * x1 is the default distribution
   * @subsection layout-template-2col
   */

  /* #col1 is the main column */
  .bt_2col #col1 {
    float: none;
    margin-left: 25%;
    width: auto;
  }
  .bt_2col #col1_content {
    padding: 0 5px;
  }

  /* #col2 and #col3 contains side blocks */
  .bt_2col #col2,
  .bt_2col #col3 {
    float: left;
    margin: 0;
    width: 25%;
  }
  .bt_2col #col2_content {
    padding: 0 15px 0 5px;
  }
  .bt_2col #col3_content {
    padding: 0 5px 0 15px;
  }


  /* 1X layouts */
  .bt_2col .bt_12 #col1,
  .bt_2col .bt_13 #col1 {
    /*border-right: 1px dashed #DDDDDD;*/
    margin-left: 0;
    margin-right: 25%;
  }
  .bt_2col .bt_12 #col2,
  .bt_2col .bt_13 #col3 {
    float: right;
    margin-left: -5px;
  }
  /* padding changes */
  .bt_2col .bt_12 #col2_content {
    padding: 0 5px 0 15px;
  }


  /* X1 layouts */
  .bt_2col .bt_21 #col1,
  .bt_2col .bt_31 #col1 {
    /*border-left: 1px dashed #DDDDDD;*/
  }
  .bt_2col .bt_31 #col3_content {
    padding: 0 5px 0 15px;
  }


  /* 1 layout */
  /* full main column */
  .bt_2col .bt_1 #col1 {
    margin: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }



  /**
   * 3col template
   * 123 is the default layout
   * @subsection layout-template-3col
   */

  /* #col1 is the main column */
  .bt_3col #col1 {
    float: left;
    margin: 0;
    width: 495px;
  }
  .bt_3col #col1_content {
    padding: 0 5px 0 5px;
  }

  /* #col2 contains the left blocks */
  .bt_3col #col2 {
    float: left;
    margin: 0;
    width: 240px;
  }
  .bt_3col #col2_content {
    padding: 0 5px 0 15px;
  }

  /* #col3 contains the right blocks */
  .bt_3col #col3 {
    float: right;
    margin: 0;
    width: 240px;
  }
  .bt_3col #col3_content {
    padding: 0 5px 0 15px;
  }


  /* 213 layout */
  .bt_3col .bt_213 #col1 {
    margin-left: 240px; /* col2 width */
  }
  .bt_3col .bt_213 #col2 {
    margin-left: -735px; /* col1 + col2 widths */
  }
  .bt_3col .bt_213 #col3 {
    margin-left: -5px;
  }


  /* 312 layout */
  .bt_3col .bt_312 #col1 {
    margin-left: 240px; /* col3 width */
  }
  .bt_3col .bt_312 #col2 {
    float: right;
    margin-left: -5px;
  }
  .bt_3col .bt_312 #col3 {
    float: left;
    margin-left: -735px; /* col1 + col2 widths */
  }


  /* col paddings for X1X layouts */
  .bt_3col .bt_213 #col2_content,
  .bt_3col .bt_312 #col3_content {
    padding: 0 15px 0 5px;
  }
  .bt_3col .bt_213 #col3_content,
  .bt_3col .bt_312 #col2_content {
    padding: 0 5px 0 15px;
  }


  /* 132 layout */
  .bt_3col .bt_132 #col2 {
    float: right;
    margin-left: -5px;
  }
  .bt_3col .bt_132 #col3 {
    float: left;
  }


  /* XX1 layouts */
  .bt_3col .bt_231 #col1,
  .bt_3col .bt_321 #col1 {
    float: right;
    margin-left: -5px;
  }
  .bt_3col .bt_321 #col2 {
    float: right;
  }


  /* col paddings for XX1 layouts */
  .bt_3col .bt_231 #col2_content,
  .bt_3col .bt_321 #col3_content {
    padding: 0 15px 0 5px;
  }
  .bt_3col .bt_231 #col3_content,
  .bt_3col .bt_321 #col2_content {
    padding: 0 15px 0 5px;
  }


  /**
   * 3col231 template
   * 213 is the default layout
   * @subsection layout-template-3col231
   */

  /* #col1 is the main column */
  .bt_3col231 #col1 {
    /*border-left: 1px dashed #DDDDDD;*/
    /*border-right: 1px dashed #DDDDDD;*/
    float: none;
    margin-left: 25%; /* leftcol width*/
    margin-right: 25%; /* rightcol width*/
    width: auto;
  }
  .bt_3col231 #col1_content {
    padding: 0 5px;
  }

  /* #col2 contains the left blocks */
  .bt_3col231 #col2 {
    float: left;
    margin: 0;
    width: 25%;
  }
  .bt_3col231 #col2_content {
    padding: 0 15px 0 5px;
  }

  /* #col3 contains the right blocks */
  .bt_3col231 #col3 {
    float: right;
    margin: 0;
    width: 25%;
  }
  .bt_3col231 #col3_content {
    padding: 0 5px 0 15px;
  }


  /* 312 layout */
  .bt_3col231 .bt_312 #col2 {
    float: right;
  }
  .bt_3col231 .bt_312 #col2_content {
    padding: 0 5px 0 15px;
  }
  .bt_3col231 .bt_312 #col3 {
    float: left;
  }
  .bt_3col231 .bt_312 #col3_content {
    padding: 0 15px 0 5px;
  }

}