/* 

Copyright 2007 Rob Sutherland and FitzMartin
http://www.robsutherland.net/ and http://www.fitzmartin.com/

Use is granted without restriction provided the above copyright is included.

How to use:	
Every set of columns should be wrapped in a container (typically a <div>) with the class of <columns>. 

<div class="c-columns">
...
</div>

To reverse the order of columsn add the class <col-rev> to the container. On older browsers, this will cause all sub columns to also be reversed.

<div class="columns c-rev">
...
</div>

Nest multiple elements within the column container with a class of <col>.

If you want fixed with columns add a class to the conainer of <c-e2>, <c-e3> or <c-e4>

You can specify the with of each column independently by creating your own class names or by using the predifined ones below.
<c-10p> column that is 10% of the container
<c-20p> 20% of the container
...
<c-100f> column that is 100px wide
<c-200f> 200px wide
...

if you want to make the height of the columns equal, include the columns-1.0.js file and mark each container with a class of <c-eh>

*/

.columns:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.columns {zoom: 1; }

.columns .col, .col-nrm .col {float: left; }
.col-rev .col {float: right; }

.col .c-inner {padding: 1em; }

.c-e2 .col {width: 50%; }
.c-e3 .col {width: 33%; }
.c-e4 .col {width: 25%; }

.c-10p {width: 10%; }
.c-20p {width: 20%; }
.c-25p {width: 25%; }
.c-30p {width: 30%; }
.c-40p {width: 40%; }
.c-50p {width: 50%; }
.c-60p {width: 60%; }
.c-70p {width: 70%; }
.c-75p {width: 75%; }
.c-80p {width: 80%; }
.c-90p {width: 90%; }

.c-100f {width: 100px; }
.c-200f {width: 200px; }
.c-300f {width: 300px; }
.c-400f {width: 400px; }
.c-500f {width: 500px; }
.c-600f {width: 600px; }
.c-700f {width: 700px; }