/* 
 * hax 
 */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* this causes validation errors but seems to be required for ie. */
.clearfix {
  zoom: 1;
}

/*
 * LAYOUT
 *
 * There are a number of body classes which are used to customize the layout:
 * - normal
 * - sidebar (the default sidebar)
 * - leftsidebar
 * - rightsidebar
 * - lite
 * - frame-content
 * - fe
 * - handheld
 *
 * These template styles should really just contain width, floats, clear and display styles.
 * Some margin and padding styles can be defined for positioning as well.
 */
 
#tAll {
}
#tAdHeader {
}
#tHeader {
  min-height: 50px;
}
#tHeaderLeft {
  float: left;
  display: inline;
}
#tHeaderRight {
}
#tSiteNav {
}
#tTopNav {
  float:right;
}

#tMainWrapper {
  clear: both;
  margin: 15px 15px 0 15px;
}

#tBottom {
  clear: both;
}


/*
 * Customising for the different body classes.
 */

/* sidebar */
body.sidebar #tMainWrapper {
  ackground: url(images/bg_sidebar_left.gif) left repeat-y;
}
body.sidebar #tBody {
  float: right;
  display: inline;
  width: 100%;
  margin-left: -242px;
}
body.sidebar #tBodyMainContainer {
  margin-left: 200px;
}
body.sidebar #tBodyMain {
  clear: both;
}
body.sidebar #tBodySide {
  float: left;
  display: inline;
  width: 190px;
  padding-right: 2px;
}
* html body.sidebar #tMainWrapper {
  padding-left: 242px;
}
* html body.sidebar #tBody {
  width: auto;
  margin-left: 0;
}
* html body.sidebar #tBodyMainContainer {
  margin-left: 0;
}
* html body.sidebar #tBodySide {
  margin-left: -242px;
}

/* leftsidebar */
body.leftsidebar #tMainWrapper {
  ackground: url(images/bg_sidebar_left.gif) left repeat-y;
}
body.leftsidebar #tBody {
  float: right;
  display: inline;
  width: 100%;
  margin-left: -242px;
}
body.leftsidebar #tBodyMainContainer {
  margin-left: 242px;
}
body.leftsidebar #tBodyMain {
  clear: both;
}
body.leftsidebar #tBodySide {
  float: left;
  display: inline;
  width: 230px;
  padding-right: 2px;
}
* html body.leftsidebar #tMainWrapper {
  padding-left: 242px;
}
* html body.leftsidebar #tBody {
  width: auto;
  margin-left: 0;
}
* html body.leftsidebar #tBodyMainContainer {
  margin-left: 0;
}
* html body.leftsidebar #tBodySide {
  margin-left: -242px;
}


/* rightsidebar */
body.rightsidebar #tMainWrapper {
  ackground: url(images/bg_sidebar_right.gif) right repeat-y;
}
body.rightsidebar #tBody {
  float: left;
  display: inline;
  width: 100%;
  margin-left: 0;
  margin-right: -242px;
}
body.rightsidebar #tBodyMainContainer {
  margin-left: 0;
  margin-right: 242px;
}
body.rightsidebar #tBodySide
{
  float: right;
  display: inline;
  width: 230px;
  padding-right: 0;
  padding-left: 2px;
}
* html body.rightsidebar #tMainWrapper {
  padding-right: 242px;
}
* html body.rightsidebar #tBody {
  width: auto;
  margin-left: 0;
}
* html body.rightsidebar #tBodyMainContainer {
  margin-left: 0;
}
* html body.rightsidebar #tBodySide {
  margin-right: -242px;
}

/* normal 
 * turn off tBodySide
 */
body.normal #tBody {
  float: none;
  display: block;
  width: 100%;
  margin-right: 0;
}
body.normal #tBodyMainContainer {
  margin-right: 0;
}
body.normal #tBodySide {
  display: none;
}

/* handheld
 * keep tBodySide
 */
body.handheld #tBody {
  float: none;
  display: block;
  width: 100%;
  margin-right: 0;
}
body.handheld #tBodyMainContainer {
  margin-right: 0;
}

/* dashboard
 * turn off tBodySide, trail
 */
body.dashboard #tBody {
  float: none;
  display: block;
  width: 100%;
  margin-right: 0;
}
body.dashboard #tBodyMainContainer {
  margin-right: 0;
}
body.dashboard #tBodySide {
  display: none;
}

/* lite 
 * turn off tBodySide, tHeader, tBottom, tSiteNav
 */
body.lite #tBody {
  float: none;
  display: block;
  width: 100%;
  margin-right: 0;
}
body.lite #tBodyMainContainer {
  margin-right: 0;
}
body.lite #tBodyHead {
  display: none;
}
body.lite #tBodySide {
  display: none;
}
body.lite #tBodyFoot {
  display: none;
}
body.lite #tBottom {
  display: none;
}
body.lite #tHeader {
  display: none;
}
body.lite #tSiteNav {
  display: none;
}


/* fe 
 * turn off tBodySide, tHeader
 */
body.fe #tBody {
  float: none;
  display: block;
  width: 100%;
  margin-right: 0;
}
body.fe #tBodyMainContainer {
  margin-right: 0;
}
body.fe #tBodySide {
  display: none;
}
body.fe #tBottom {
  display: none;
}
body.fe #tHeader {
  display: none;
}

/* frame-content 
 * Pretty much th esame as normal.
 * turn off tBodySide
 */
body.frame-content #tBody {
  float: none;
  display: block;
  width: 100%;
  margin-right: 0;
}
body.frame-content #tBodyMainContainer {
  margin-right: 0;
}
body.frame-content #tBodySide {
  display: none;
}
body.frame-content #tBottom {
  display: none;
}
body.frame-content #tHeader {
  display: none;
}