/* "Yet Another Multicolumn Layout" v3.3.1 (c) by Dirk Jesse (http://www.yaml.de) * $Revision: 495 $ $Date: 2011-06-18 12:24:44 +0200 (Sa, 18 Jun 2011) $ */ @media all { * { margin: 0; padding: 0; } option { padding-left: .4em; } select { padding: 1px; } * html body * { overflow: visible; } body { font-size: 100.01%; background: #fff; color: #000; text-align: left; } div { outline: 0 none; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } fieldset, img { border: 0 solid; } ul, ol, dl { margin: 0 0 1em 1em; } li { line-height: 1.5em; margin-left: .8em; } dt { font-weight: bold; } dd { margin: 0 0 1em .8em; } blockquote { margin: 0 0 1em .8em; &:before, &:after { content: ""; } } q { &:before, &:after { content: ""; } } .clearfix { &:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; } display: block; } .floatbox { display: table; width: 100%; } #ie_clearing { display: none; } .skip, .hideme, .print { position: absolute; top: -32768px; left: -32768px; } .skip { &:focus, &:active { position: static; top: 0; left: 0; } } #skiplinks { position: absolute; top: 0; left: -32768px; z-index: 1000; width: 100%; margin: 0; padding: 0; list-style-type: none; .skip { &:focus, &:active { left: 32768px; outline: 0 none; position: absolute; width: 100%; } } } } @media screen,projection { #col1 { float: left; width: 20%; } #col2 { float: right; width: 20%; } #col3 { width: auto; margin: 0 20%; } #col1_content, #col2_content, #col3_content { position: relative; } .subcolumns { display: table; width: 100%; table-layout: fixed; } .subcolumns_oldgecko { width: 100%; float: left; } .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float: left; } .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float: right; margin-left: -5px; } .c20l, .c20r { width: 20%; } .c40l, .c40r { width: 40%; } .c60l, .c60r { width: 60%; } .c80l, .c80r { width: 80%; } .c25l, .c25r { width: 25%; } .c33l, .c33r { width: 33.333%; } .c50l, .c50r { width: 50%; } .c66l, .c66r { width: 66.666%; } .c75l, .c75r { width: 75%; } .c38l, .c38r { width: 38.2%; } .c62l, .c62r { width: 61.8%; } .subc { padding: 0 .5em; } .subcl { padding: 0 1em 0 0; } .subcr { padding: 0 0 0 1em; } .equalize { table-layout: fixed; .subcolumns { table-layout: fixed; } } .equalize>div { display: table-cell; float: none; margin: 0; overflow: hidden; vertical-align: top; } } @media print { .subcolumns, .subcolumns>div { overflow: visible; display: table; } .print { position: static; left: 0; } .noprint { display: none!important; } }