/* --------------------------------------------------------------

   layout.css
   * Sets up some common multi column layouts with equal vertical heights.
    liquid or fixed
    http://matthewjamestaylor.com/blog/perfect-3-column.htm
    
-------------------------------------------------------------- *//*

*/

body {
    /*for centered & fixed width layouts*/
    text-align:center;
}
/* Wrapper styles */
#wrapper
{
	margin: 0 auto;
	width: 100%;
	/* override to set width: you can use px, em or % */
	text-align: left;
}

/* Header styles */
#header
{
	clear: both;
	float: left;
	width: 100%;
}

/* column container */
.colmask
{
	position: relative;
	/* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%;
	/* width of whole page */
	/*overflow: hidden;*/
	/* This chops off any overhanging divs */
}

/* common column settings */
.colleft,
	.colmid,
	.colright
{
	float: left;
	width: 100%;
	position: relative;
}

.col1,
	.col2,
	.col3
{
	float: left;
	position: relative;
	padding: 0 0 1em 0;
	/*overflow: hidden;*/
}

/* 3 Column settings */
.threecol
{
	/* right column background colour */
}

.threecol .colmid
{
	right: 25%;
	/* width of the right column */
	/* center column background colour */
}

.threecol .colleft
{
	right: 50%;
	/* width of the middle column */
	/* left column background colour */
}

.threecol .col1
{
	width: 46%;
	/* width of center column content (column width minus padding on either side) */
	left: 102%;
	/* 100% plus left padding of center column */
}

.threecol .col2
{
	width: 21%;
	/* Width of left column content (column width minus padding on either side) */
	left: 31%;
	/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3
{
	width: 21%;
	/* Width of right column content (column width minus padding on either side) */
	left: 85%;
	/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 3 Column blog style settings */
.blogstyle
{
	/* right column background colour */
}

.blogstyle .colmid
{
	right: 25%;
	/* width of the right column */
	/* center column background colour */
}

.blogstyle .colleft
{
	right: 25%;
	/* width of the middle column */
	/* left column background colour */
}

.blogstyle .col1
{
	width: 46%;
	/* width of center column content (column width minus padding on either side) */
	left: 52%;
	/* 100% plus left padding of center column */
}

.blogstyle .col2
{
	width: 21%;
	/* Width of left column content (column width minus padding on either side) */
	left: 56%;
	/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.blogstyle .col3
{
	width: 21%;
	/* Width of right column content (column width minus padding on either side) */
	left: 60%;
	/* Please make note of the brackets here:
    (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* 2 Column (left menu) settings */
.leftmenu
{
	/* right column background colour */
}

.leftmenu .colleft
{
	right: 75%;
	/* right column width */
	/* left column background colour */
}

.leftmenu .col1
{
	width: 71%;
	/* right column content width */
	left: 102%;
	/* 100% plus left column left padding */
}

.leftmenu .col2
{
	width: 21%;
	/* left column content width (column width minus left and right padding) */
	left: 6%;
	/* (right column left and right padding) plus (left column left padding) */
}

/* 2 Column (right menu) settings */
.rightmenu
{
	/* right column background colour */
}

.rightmenu .colleft
{
	right: 25%;
	/* right column width */
	/* left column background colour */
}

.rightmenu .col1
{
	width: 71%;
	/* left column content width (left column width minus left and right padding) */
	left: 27%;
	/* (right column width) plus (left column left padding) */
}

.rightmenu .col2
{
	width: 21%;
	/* right column content width (right column width minus left and right padding) */
	left: 31%;
	/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* 2 Column (double page) settings */
.doublepage
{
	/* right column background colour */
}

.doublepage .colleft
{
	right: 50%;
	/* right column width */
	/* left column background colour */
}

.doublepage .col1
{
	width: 46%;
	/* left column content width (column width minus left and right padding) */
	left: 52%;
	/* right column width plus left column left padding */
}

.doublepage .col2
{
	width: 46%;
	/* right column content width (column width minus left and right padding) */
	left: 56%;
	/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* Full page settings */
.fullpage
{
	/* page background colour */
}

.fullpage .col1
{
	width: 96%;
	/* page width minus left and right padding */
	left: 2%;
	/* page left padding */
}

/* Footer styles */
#footer
{
	clear: both;
	float: left;
	width: 100%;
}

#dock {
	position: fixed;
	bottom: 0px;
	width: 99.9%;
	overflow: hidden;
	height: 50px;
	z-index: 100;
}

#user {
	position: fixed;
	left: 0;
	top: 55px;
	width: 180px;
	overflow: hidden;
	height: 300px;
	z-index: 100;
}

/* Wrappers - clearfix */
.wrap:after, .clearfix:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}
/* Hide test elements - test.css enables */
p.test {display: none;}