/* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. 960.css */ /* `Containers ----------------------------------------------------------------------------------------------------*/ .container_12,.container_16 { margin-left: auto; margin-right: auto; width: 960px;} /* `Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 { display: inline; float: left; margin-left: 10px; margin-right: 10px;} .container_12 .grid_3,.container_16 .grid_4 { width: 220px;} .container_12 .grid_6,.container_16 .grid_8 { width: 460px;} .container_12 .grid_9,.container_16 .grid_12 { width: 700px;} .container_12 .grid_12,.container_16 .grid_16 { width: 940px;} /* `Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0;} .omega { margin-right: 0;} /* `Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width: 60px;} .container_12 .grid_2 { width: 140px;} .container_12 .grid_4 { width: 300px;} .container_12 .grid_5 { width: 380px;} .container_12 .grid_7 { width: 540px;} .container_12 .grid_8 { width: 620px;} .container_12 .grid_10 { width: 780px;} .container_12 .grid_11 { width: 860px;} /* `Grid >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .grid_1 { width: 40px;} .container_16 .grid_2 { width: 100px;} .container_16 .grid_3 { width: 160px;} .container_16 .grid_5 { width: 280px;} .container_16 .grid_6 { width: 340px;} .container_16 .grid_7 { width: 400px;} .container_16 .grid_9 { width: 520px;} .container_16 .grid_10 { width: 580px;} .container_16 .grid_11 { width: 640px;} .container_16 .grid_13 { width: 760px;} .container_16 .grid_14 { width: 820px;} .container_16 .grid_15 { width: 880px;} /* `Prefix Extra Space >> Global ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_3,.container_16 .prefix_4 { padding-left: 240px;} .container_12 .prefix_6,.container_16 .prefix_8 { padding-left: 480px;} .container_12 .prefix_9,.container_16 .prefix_12 { padding-left: 720px;} /* `Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left: 80px;} .container_12 .prefix_2 { padding-left: 160px;} .container_12 .prefix_4 { padding-left: 320px;} .container_12 .prefix_5 { padding-left: 400px;} .container_12 .prefix_7 { padding-left: 560px;} .container_12 .prefix_8 { padding-left: 640px;} .container_12 .prefix_10 { padding-left: 800px;} .container_12 .prefix_11 { padding-left: 880px;} /* `Prefix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .prefix_1 { padding-left: 60px;} .container_16 .prefix_2 { padding-left: 120px;} .container_16 .prefix_3 { padding-left: 180px;} .container_16 .prefix_5 { padding-left: 300px;} .container_16 .prefix_6 { padding-left: 360px;} .container_16 .prefix_7 { padding-left: 420px;} .container_16 .prefix_9 { padding-left: 540px;} .container_16 .prefix_10 { padding-left: 600px;} .container_16 .prefix_11 { padding-left: 660px;} .container_16 .prefix_13 { padding-left: 780px;} .container_16 .prefix_14 { padding-left: 840px;} .container_16 .prefix_15 { padding-left: 900px;} /* `Suffix Extra Space >> Global ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_3,.container_16 .suffix_4 { padding-right: 240px;} .container_12 .suffix_6,.container_16 .suffix_8 { padding-right: 480px;} .container_12 .suffix_9,.container_16 .suffix_12 { padding-right: 720px;} /* `Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right: 80px;} .container_12 .suffix_2 { padding-right: 160px;} .container_12 .suffix_4 { padding-right: 320px;} .container_12 .suffix_5 { padding-right: 400px;} .container_12 .suffix_7 { padding-right: 560px;} .container_12 .suffix_8 { padding-right: 640px;} .container_12 .suffix_10 { padding-right: 800px;} .container_12 .suffix_11 { padding-right: 880px;} /* `Suffix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .suffix_1 { padding-right: 60px;} .container_16 .suffix_2 { padding-right: 120px;} .container_16 .suffix_3 { padding-right: 180px;} .container_16 .suffix_5 { padding-right: 300px;} .container_16 .suffix_6 { padding-right: 360px;} .container_16 .suffix_7 { padding-right: 420px;} .container_16 .suffix_9 { padding-right: 540px;} .container_16 .suffix_10 { padding-right: 600px;} .container_16 .suffix_11 { padding-right: 660px;} .container_16 .suffix_13 { padding-right: 780px;} .container_16 .suffix_14 { padding-right: 840px;} .container_16 .suffix_15 { padding-right: 900px;} /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;} /* http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0;} .clearfix { display: inline-block;} * html .clearfix { height: 1%;} .clearfix { display: block;} /* 960 Grid System ~ Text CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. TEXT.CSS */ /* `Basic HTML ----------------------------------------------------------------------------------------------------*/ body { font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;} a:focus { outline: 1px dotted invert;} hr { border: 0 #A89B8D solid; border-top-width: 1px; clear: both; height: 0;} /* `Headings ----------------------------------------------------------------------------------------------------*/ h1 { font-size: 25px;} h2 { font-size: 23px;} h3 { font-size: 21px;} h4 { font-size: 19px;} h5 { font-size: 17px;} h6 { font-size: 15px;} /* `Spacing ----------------------------------------------------------------------------------------------------*/ ol { list-style: decimal;} ul { list-style: square;} li { margin-left: 30px;} p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom: 20px;} /* 960 Grid System ~ Reset CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. RESET.CSS */ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent;} body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;} /* remember to define focus styles! */ :focus { outline: 0;} /* remember to highlight inserts somehow! */ ins { text-decoration: none;} del { text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0;}