/* -------------------------------------------------------------- 
Blueprint CSS Framework Screen Styles
* Version:0.6 (21.9.2007)
* Website:http://code.google.com/p/blueprintcss/
See Readme file in this directory for further instructions.
-------------------------------------------------------------- */
/* -------------------------------------------------------------- 
reset.css
* Resets default browser CSS.
Based on work by Eric Meyer:* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------- */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,
del,dfn,em,img,q,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body{line-height:1.5;background:#fff;margin:0;}
/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
/* Remove possible quote marks (") from <q>,<blockquote>. */
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}
/* -------------------------------------------------------------- 
typography.css
* Sets up some sensible default typography.
Based on work by:* Nathan Borror [playgroundblues.com]
* Jeff Croft [jeffcroft.com]
* Christian Metts [mintchaos.com]
* Wilson Miner [wilsonminer.com]
* Richard Rutter [clagnut.com]
Read more about using a baseline here:* alistapart.com/articles/settingtypeontheweb
-------------------------------------------------------------- */
/* This is where you set your desired font size. The line-heights 
and vertical margins are automatically calculated from this. 
The percentage is of 16px (0.75 * 16px = 12px). */
body{font-size:75%;}
html>body{font-size:12px;}
/* Default fonts and colors. 
If you prefer serif fonts,remove the font-family 
on the headings,and apply this one to the body:font:1em Georgia,"lucida bright","times new roman",serif;*/
body{color:#222;font-family:"Helvetica Neue","Lucida Grande",Arial,Verdana,sans-serif;}
h1,h2,h3,h4,h5,h6{color:#111;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6{font-weight:normal;}
h1{font-size:2em;margin-bottom:0.75em;letter-spacing:-1px;}
h2{font-size:2em;margin-bottom:0.75em;}
h3{font-size:1.5em;line-height:1;margin-bottom:1em;}
h4{font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5{font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6{font-size:1em;font-weight:bold;}
/* Text elements
-------------------------------------------------------------- */
p{margin:0 0 1.5em;}
p.last{margin-bottom:0;}
p img{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.top{margin-top:0;}
/* Use this if the image is at the top of the <p>. */
img{margin:0 0 1.5em;}
ul,ol{margin:0 1.5em 1.5em 1.5em;}
ul{list-style-type:circle;}
ol{list-style-type:decimal;}
dl{margin:0 0 1.5em 0;}
dl dt{font-weight:bold;}
dd{margin-left:1.5em;}
abbr,
acronym{border-bottom:1px dotted #666;}
address{margin-top:1.5em;font-style:italic;}
del{color:#666;}
a:focus,
a:hover{color:#000;}
a{color:#009;text-decoration:underline;}
blockquote{margin:1.5em;color:#666;font-style:italic;}
strong{font-weight:bold;}
em,dfn{font-style:italic;background:#ffc;}
dfn{font-weight:bold;}
pre,code{margin:1.5em 0;white-space:pre;}
pre,code,tt{font:1em 'andale mono','monotype.com','lucida console',monospace;line-height:1.5;}
tt{display:block;margin:1.5em 0;line-height:1.5;}
/* Tables
-------------------------------------------------------------- */
table{margin-bottom:1.4em;}
th{border-bottom:2px solid #ccc;font-weight:bold;}
td{border-bottom:1px solid #ddd;}
th,td{padding:4px 10px 4px 0;}
tfoot{font-style:italic;}
caption{background:#ffc;}
/* Use this if you use span-x classes on th/td. */
table .last{padding-right:0;}
/* Some default classes
-------------------------------------------------------------- */
.small{font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large{font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.quiet{color:#666;}
.hide{display:none;}
.highlight{background:#ff0;}
.added{color:#060;}
.removed{color:#900;}
.top{margin-top:0;padding-top:0;}
.bottom{margin-bottom:0;padding-bottom:0;}
/* -------------------------------------------------------------- 
grid.css
* Sets up an easy-to-use grid of 24 columns.
Based on work by:* Nathan Borror [playgroundblues.com]
* Jeff Croft [jeffcroft.com]
* Christian Metts [mintchaos.com]
* Khoi Vinh [subtraction.com]
By default,the grid is 950px wide,with 24 columns 
spanning 30px,and a 10px margin between columns.
If you need fewer or more columns,use this 
formula to find the new total width:Total width = (columns * 40) - 10
Read more about using a grid here:* subtraction.com/archives/2007/0318_oh_yeeaahh.php
-------------------------------------------------------------- */
/* A container should group all your columns. */
.container{width:950px;margin:0 auto;}
/* Columns
-------------------------------------------------------------- */
/* Use this class together with the .span-x classes
to create any composition of columns in a layout. */
.column{float:left;margin-right:10px;}
/* The last column in a row needs this class. */
.last{margin-right:0;}
/* Use these classes to set the width of a column. */
.span-1{width:30px;}
.span-2{width:70px;}
.span-3{width:110px;}
.span-4{width:150px;}
.span-5{width:190px;}
.span-6{width:230px;}
.span-7{width:270px;}
.span-8{width:310px;}
.span-9{width:350px;}
.span-10{width:390px;}
.span-11{width:430px;}
.span-12{width:470px;}
.span-13{width:510px;}
.span-14{width:550px;}
.span-15{width:590px;}
.span-16{width:630px;}
.span-17{width:670px;}
.span-18{width:710px;}
.span-19{width:750px;}
.span-20{width:790px;}
.span-21{width:830px;}
.span-22{width:870px;}
.span-23{width:910px;}
.span-24{width:950px;margin:0;}
/* Add these to a column to append empty cols. */
.append-1{padding-right:40px;}
.append-2{padding-right:80px;}
.append-3{padding-right:120px;}
.append-4{padding-right:160px;}
.append-5{padding-right:200px;}
.append-6{padding-right:240px;}
.append-7{padding-right:280px;}
.append-8{padding-right:320px;}
.append-9{padding-right:360px;}
.append-10{padding-right:400px;}
.append-11{padding-right:440px;}
.append-12{padding-right:480px;}
.append-13{padding-right:520px;}
.append-14{padding-right:560px;}
.append-15{padding-right:600px;}
.append-16{padding-right:640px;}
.append-17{padding-right:680px;}
.append-18{padding-right:720px;}
.append-19{padding-right:760px;}
.append-20{padding-right:800px;}
.append-21{padding-right:840px;}
.append-22{padding-right:880px;}
.append-23{padding-right:920px;}
/* Add these to a column to prepend empty cols. */
.prepend-1{padding-left:40px;}
.prepend-2{padding-left:80px;}
.prepend-3{padding-left:120px;}
.prepend-4{padding-left:160px;}
.prepend-5{padding-left:200px;}
.prepend-6{padding-left:240px;}
.prepend-7{padding-left:280px;}
.prepend-8{padding-left:320px;}
.prepend-9{padding-left:360px;}
.prepend-10{padding-left:400px;}
.prepend-11{padding-left:440px;}
.prepend-12{padding-left:480px;}
.prepend-13{padding-left:520px;}
.prepend-14{padding-left:560px;}
.prepend-15{padding-left:600px;}
.prepend-16{padding-left:640px;}
.prepend-17{padding-left:680px;}
.prepend-18{padding-left:720px;}
.prepend-19{padding-left:760px;}
.prepend-20{padding-left:800px;}
.prepend-21{padding-left:840px;}
.prepend-22{padding-left:880px;}
.prepend-23{padding-left:920px;}
/* Border on right hand side of a column. */
.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
/* Border with more whitespace,spans one column. */
.colborder{padding-right:24px;margin-right:25px;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:-40px;}
.pull-2{margin-left:-80px;}
.pull-3{margin-left:-120px;}
.pull-4{margin-left:-160px;}
.push-0{margin:0 0 0 18px;}
.push-1{margin:0 -40px 0 18px;}
.push-2{margin:0 -80px 0 18px;}
.push-3{margin:0 -120px 0 18px;}
.push-4{margin:0 -160px 0 18px;}
.push-0,.push-1,.push-2,.push-3,.push-4{float:right;}
/* Misc classes and elements
-------------------------------------------------------------- */
/* Use a .box to create a padded box inside a column. */ 
.box{padding:1.5em;margin-bottom:1.5em;background:#eee;}
/* 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.4em;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] */
.clear{display:inline-block;}
.clear:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clear{height:1%;}
.clear{display:block;}
/* Plugins:Additional functionality can be found in the plugins directory.
See the readme files for each plugin. Example:@import 'plugins/buttons/buttons.css';*/
/* See the grid:Uncomment the line below to see the grid and baseline.
.container{background:url(lib/grid.png);}
*/
body{border-top:5px solid #ba8748;padding-top: 15px;}
#branding,#top_wrapper{background:#fff;}
#main_content{margin-top:1.5em;}
h1,h2,h3,h4,h5,h6{color:#ba8748;}
a{color:#ba8748;text-decoration:none;border-bottom:1px solid #ba8748;}
p.last{font-size:2em;margin-bottom:0.75em;color:#666;font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;font-style:italic;font-weight:normal;}
h6{background:#ba8748;color:#fff;padding-left:5px;}
.boxes p{padding-left:5px;}