/*
http://www.cineworks.ca
Cineworks Independent Filmmakers' Society
Grid / Layout Styles 

Developed 2009-02-01 by Peter Hebert
http://www.peterhebert.com
*/

/* blocks / clearing */
.wrap, .wrap-large { margin: 0 auto; clear:both; }
.wrap-large { width: 80em; }
.wrap { width: 76em; }
.block { margin-bottom:1em; clear:both;}
.wrap-large:after, .wrap:after, .block:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.wrap, .wrap-large, .block { display: inline-block; }
/* start commented backslash hack \*/
* html .wrap, * html .wrap-large, * html .block { height: 1%; }
.wrap, .wrap-large, .block { display: block; }
/* close commented backslash hack */

/* column */
.column { float: left; margin-right: 1.5em; }

/* floats */
.float { float: left; }
.float-right { float: right; }

.image-left { float: left; margin: 0 2em 1em 0; }
.image-right { float: right; margin: 0 0 1em 2em; }

/* alignment */
.align-left { text-align: right; }
.align-right { text-align: right; }
.align-center { text-align: center; }

/* golden ratio grid - 76 (46/28) / 46 (28/16) / 28 (16/10) */
.golden .w4, .golden .g1 {
	width: 46em;
}
.golden .w3, .golden .g2, .golden .g1 .g1 {
	width: 28em;
}
.golden .w2, .golden .g1 .g2, .golden .g2 .g1 {
	width: 16em;
}
.golden .w1, .golden .g2 .g2 {
	width: 10em;
}

/* 6 column grid */
.six .w1 { width: 11em; }
.six .w2 { width: 24em; }
.six .w3 { width: 37em; }
.six .w4 { width: 50em; }
.six .w5 { width: 63em; }

/* 4 column grid */
.four .w1 { width: 17.5em; }
.four .w2 { width: 37em; }
.four .w3 { width: 56.5em; }

.padded { padding: 0.5em }
.pad-bdr-left { padding-left: 1.5em; border-left: 1px dotted #cccccc; }
.pad-bdr-right { padding-right: 1.5em; border-right: 1px dotted #cccccc; }