/* 
Ghost Town Markup
CSS released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/
Andy Clarke (http://www.stuffandnonsense.co.uk)
http://www.stuffandnonsense.co.uk/archives/ghost_town_markup.html

IMPORTANT:
This layout is not a template. You may not reproduce it elsewhere without my written permission. 
However, feel free to study the CSS and use techniques you learn from it elsewhere.
*/

/* universals */
*  { margin : 0; padding : 0; }
h1, h2, h3, h4, p, ul, ol, dl, address  { padding : .5em 20px; }

/* =html */
html { }

/* body */
body { padding : .5em; font : 78%/160% "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; background : #fff; color : #666; text-align : center; }

/* =hx */
h1, h2, h3, h4 { font-family : Georgia, "Times New Roman", Times, serif; font-weight : normal; }

/* =h1 */
h1 { width : 24em; padding : 2em 0 0 1em; font-size : 240%; line-height : 110%; text-align : center; }

/* =h2 */
h2 { font-size : 160%; }
div#content-main h2 { max-width : 32em; font-size : 180%; line-height : 110%; }

/* =h3 */
h3 { font-size : 140%; padding-top : 30px; }
h3 span { padding-right: .5em; }

/* =h4 */
h4 { font-size : 105%; }

/* =p */
p { font-size : 100%; }
dd p { padding : 0 0 .5em 0; }

/* ul */
ul { list-style-type : none; }

/* =ol */
ol { margin-left : 20px; }

/* =dt */
dt { font-weight : bold; }
dt span { display : block; }

/* =a:standard */
a:link, a:visited { color : #069; text-decoration : underline; }

/* =form */
form { margin : .5em 20px; }

/* =label */
label { margin-bottom : .5em; }
label, label span { display : block; }

/* =input */
input { padding : 3px; font : 100% Tahoma, Verdana, "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; background : #fff; border : 1px solid #000; color : #666; }
input#submit { margin-left : 10px; padding : 0 .25em; color : #fff; border : 2px double #900; border-top-color : #f90000; background-color : #c00; font : bold 82% "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; text-transform : uppercase; }











/* layout divs */

/* =container */
div#container { margin : 0 auto; width : 100%; min-width : 700px; text-align : left; }

/* =branding */
div#branding { height : 18em; background-color : #f3f3f2; }

/* =content */
div#content { float : right; width : 100%; margin-left : -22em; }

/* =content-main */
div#content-main { margin-left : 22em; }
div#content-main * { max-width : 60em;  }

/* =content-sub */
div#content-sub { float : left; width : 21em; margin-left : 0; }

/* =siteinfo */
div#siteinfo-legal { clear : both; width : 100%; padding : 2em 0; background-color : #f3f3f2; }