/* ----------------------------------------------------------------------- Blueprint CSS Framework 0.8 http://blueprintcss.org * Copyright (c) 2007-Present. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------ RESETS */ body{ font-family:Georgia, "Times New Roman", Times, serif; } html, body, div, span, applet, object, iframe, 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%; vertical-align: baseline; 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; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* Typogridphy framework */ h1,h2,h3,h4,h5,h6 {margin:0; padding:0;} h1{color:#000;font-size:2em;margin-bottom:0.6em;line-height:0.9em;} h2{color:#000;font-size:2em;margin-bottom:0.9em;line-height:0.9em;} h3{color:#000;font-size:1.5em;margin-bottom:0.5em;line-height:1.2em;} h4{color:#000;font-size:1.2em;margin-bottom:1.3em;line-height:1.5em;} h5{color:#000;font-size:1em;margin-bottom:1.3em;line-height:1.8em;} h6{color:#000;font-size:1em;margin-bottom:1.3em;line-height:1.8em;} p strong, p em{color:#000; } p a{color:#000;} p a:hover{text-decoration:none;} h1 a{color:#000;} h1 a:hover{text-decoration:none;} li a{color:#000;} li a:hover{text-decoration:none;} /* grid.css */ /* -------------------------------------------------------------- BLUEPRINT CSS * Filename: grid.css * Version: 0.7.1 (2008-02-25) YYYY-MM-DD * Website: http://code.google.com/p/blueprintcss/ Generated by: * Blueprint CSS Grid Generator (2009-03-02) [http://kematzy.com/blueprint-generator/] Based on work by: * Olav Bjorkoy [bjorkoy.com] * Nathan Borror [playgroundblues.com] * Jeff Croft [jeffcroft.com] * Christian Metts [mintchaos.com] * Khoi Vinh [subtraction.com] == STRUCTURE: ======================== * Page width: 1024 px * Number of columns: 10 * Column width: 97 px * Margin width: 6 px ====================================== By default, the grid is 1024px wide, with 10 columns spanning 97px, and a 6px margin between columns. If you need fewer or more columns, use this formula to calculate the new total width: Total width = (number_of_columns * column_width) - margin_width Read more about using a grid here: * subtraction.com/archives/2007/0318_oh_yeeaahh.php -------------------------------------------------------------- */ /* A container should group all your columns. */ .container { width: 980px; margin: 0 auto; } /* Use this class on any div.span / container to see the grid. */ .showgrid { background: url(src/grid.png); } /* Columns -------------------------------------------------------------- */ /* Sets up basic grid floating and margin. */ div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10 {float:left;margin-right: 6px;} /* The last column in a row needs this class. */ div.last { margin-right: 0; } /* Use these classes to set the width of a column. */ .span-1 { width: 97px;} .span-2 { width: 200px;} .span-3 { width: 303px;} .span-4 { width: 406px;} .span-5 { width: 509px;} .span-6 { width: 612px;} .span-7 { width: 715px;} .span-8 { width: 818px;} .span-9 { width: 921px;} .span-10, div.span-10 { width: 1024px; margin: 0; } /* Add these to a column to append empty cols. */ .append-1 { padding-right: 103px;} .append-2 { padding-right: 206px;} .append-3 { padding-right: 309px;} .append-4 { padding-right: 412px;} .append-5 { padding-right: 515px;} .append-6 { padding-right: 618px;} .append-7 { padding-right: 721px;} .append-8 { padding-right: 824px;} .append-9 { padding-right: 927px;} /* Add these to a column to prepend empty cols. */ .prepend-1 { padding-left: 103px;} .prepend-2 { padding-left: 206px;} .prepend-3 { padding-left: 309px;} .prepend-4 { padding-left: 412px;} .prepend-5 { padding-left: 515px;} .prepend-6 { padding-left: 618px;} .prepend-7 { padding-left: 721px;} .prepend-8 { padding-left: 824px;} .prepend-9 { padding-left: 927px;} /* Border on right hand side of a column. */ div.border { padding-right:3px; margin-right:1px; border-right: 2px solid #f9832f; } /* Border with more whitespace, spans one column. */ div.colborder { padding-right:97px; margin-right:94px; border-right: 1px solid #eee; } /* Use these classes on an element to push it into the next column, or to pull it into the previous column. */ .pull-1 { margin-left: -103px;} .pull-2 { margin-left: -206px;} .pull-3 { margin-left: -309px;} .pull-4 { margin-left: -412px;} .pull-5 { margin-left: -515px;} .pull-6 { margin-left: -618px;} .pull-7 { margin-left: -721px;} .pull-8 { margin-left: -824px;} .pull-9 { margin-left: -927px;} .pull-10 { margin-left: -1030px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10 {float:left;position:relative;} .push-1 { margin: 0 -103px 1.5em 103px;} .push-2 { margin: 0 -206px 1.5em 206px;} .push-3 { margin: 0 -309px 1.5em 309px;} .push-4 { margin: 0 -412px 1.5em 412px;} .push-5 { margin: 0 -515px 1.5em 515px;} .push-6 { margin: 0 -618px 1.5em 618px;} .push-7 { margin: 0 -721px 1.5em 721px;} .push-8 { margin: 0 -824px 1.5em 824px;} .push-9 { margin: 0 -927px 1.5em 927px;} .push-10 { margin: 0 -1030px 1.5em 1030px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10 {float:right;position:relative;} /* Misc classes and elements -------------------------------------------------------------- */ /* Use a .box to create a padded box inside a column. */ .box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; } /* Use this to create a horizontal ruler across a column. */ hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; } hr.space { background: #fff; color: #fff; } /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, .container {display: inline-block;} * html .clearfix, * html .container {height: 1%;} .clearfix, .container {display: block;} /* Regular clearing apply to column that should drop below previous ones. */ .clear { clear:both; } /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:390px;height:250px;padding:5px;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;}