/* ofmcolumns.css - Column Structure for Ouray Farmers Market

   For ofm:
     A = 30  a = 26, la = ra = 2
     B = 35  b = 31, lb = rb = 2
     C = 35  c = 31, lc = rc = 2
   Yields:
     col1 = 35 + 35 + 2 = 72
     col2 = 35 + 35 - 26 + 30 + 2 = 76
     col3 = 30 + 2*35 + 35 + 2 - 31 - 26 = 80

/* 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 */

.colright,
.colmid,
.colleft {
  float:left;
  width:100%;			/* width of page */
  position:relative;
}

.col1,
.col2,
.col3 {
  float:left;
  position:relative;
  padding:0 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead 
				only padding top and bottom is included here, make it whatever value you need */
  overflow:hidden;
}

/* 3 Column blog style settings */

.col3color {
/*  background:#aaaaaa;	/* C right column background colour */
    background: rgb(245, 201, 84) !important;
}

.col2color {
/*  background:#a4a4a4;	/* B middle column background colour */
    background: rgb(244, 211, 120) !important;
}

.col1color {
/*  background:#ffffff;	/* A main column background colour */
    background: #f0e68c !important;
}

.blogstyle .colmid {
  right:35%;		/* width of the right column C */
}
.blogstyle .colleft {
  right:35%;		/* width of the middle column B */
}
			/* at this point, total shift is (B + C) */
.blogstyle .col1 {
  width:26%;		/* a = width of main A column content (A - la - ra)
			(column width minus padding on either side) */
  left:72%;		/* (B + C) + la */
}
.blogstyle .col2 {
  width:31%;		/* b = Width of middle column content (B - lb - rb)
			(column width minus padding on either side) */
  left:76%;		/* B + C - a + A + lb */
}
.blogstyle .col3 {
  width:31%;		/* c = Width of right column content (column width minus padding on either side) */
  left:80%;		/* A + 2B + C + lc - b - a */
}


/* 2 Column (left menu) settings */
/*
  <div class="colmask leftmenu">
    <div class="colleft">
      <div class="col1">
      </div>
      <div class="col2">
      </div>
    </div>
  </div>
*/

.leftmenu {
    background:#fff;		/* right column background colour */
}

.leftmenu .colleft {
    right:75%;			/* right column width */
    background:#f4f4f4;	/* 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) */
}