/*
    The Long Now Foundation Typography CSS
    Layout Grid support for Long Now web services
    --
    License: GNU GPL v2
    Author: Benjamin P. Keating - bkeating@gmail.com
*/
#clear-content { clear: both; height: 20px; }
.clear { clear: both; height: 0;  }

#content-main {float: left; width: 61%;padding-bottom: 10px;}
#content-extra { float: right;width: 33%;padding-bottom: 10px;}

.content-left-80 {float: left;width: 80%;}
.content-left-75 {float: left;width: 77%;}
.content-left-70 {float: left;width: 71%;}
.content-left-60 {float: left;width: 61%;}
.content-left-55 {float: left;width: 55%;}
.content-left-50 {float: left;width: 50%;}
.content-left-52 {float: left;width: 52%;}
.content-left-48 {float: left;width: 48%;}
.content-left-45 {float: left;width: 45%;}
.content-left-40 {float: left;width: 40%;}
.content-left-30 { float: left; width: 30%;}
.content-left-20 { float: left; width: 20%;}

.content-right-80 {float: right;width: 80%;}
.content-right-75 {float: right;width: 77%;}
.content-right-70 {float: right;width: 70%;}
.content-right-60 {float: right;width: 60%;}
.content-right-48 {float: right;width: 48%;}
.content-right-50 {float: right;width: 50%;}
.content-right-45 {float: right;width: 49%;}
.content-right-40 {float: right;width: 44%;}
.content-right-35 { float: right;width: 35%;}
.content-right-30 { float: right;width: 33%;}
.content-right-20 {float: right;width: 24%;}

.padblock { margin: 20px 0; padding: 10px 0;}


.content-left-40 > .block, .content-left-50 > .block, .content-left-60 > .block, #content-main > .block { margin-bottom: 55px; }
.content-left-50 > .short_block, .content-left-60 > .short_block, #content-main > .short_block { margin-bottom: 25px; }
.content-left-60 > .padtop_block, #content-main > .padtop_block { padding-top: 25px; }

.content-right-30 > .padtop_block { padding-top: 15px; }
.content-right-40 > .block, .content-right-30 > .block, .sidebar > .block {  margin-bottom: 30px; padding-bottom: 10px; }


/* a two-pane grid for inside content blocks, good for left floating images */
.subcontent_block { clear: both; padding: 5px 0; }

.subcontent-left-20, .subcontent-left-30, .subcontent-left-40, .subcontent-left-50 {
    float: left;
}
.subcontent-left-20 { width: 20%; }
.subcontent-left-20 img { margin-top: 20px; }
.subcontent-left-30 { width: 30%; }
.subcontent-left-40 { width: 40%; }
.subcontent-left-50 { width: 50%; }

.subcontent-right-40, .subcontent-right-50, .subcontent-right-60, .subcontent-right-70, .subcontent-right-80 {
    float: right;
}
.subcontent-right-40 { width: 40%; }
.subcontent-right-50 { width: 50%; }
.subcontent-right-60 { width: 60%; }
.subcontent-right-70 { width: 70%; }
.subcontent-right-80 { width: 80%; }

.padtop-2 {padding-top: 2px;}
.padtop-5 { padding-top: 5px; }
.padtop-10 { padding-top: 10px; }
.padtop-15 { padding-top: 15px; }
.padtop-20 { padding-top: 20px; }
.padtop-25 { padding-top: 25px; }

.padleft-25 { padding-left: 25px; }
.padleft-35 { padding-left: 35px; }
.padleft-45 { padding-left: 45px; }

.padtop { padding-top: 15px; }
.padbottom { padding-bottom: 15px; }

.padtable td {padding: 5px;}

.margbottom {margin-bottom: 15px;}
.margtop {margin-top: 15px;}

.margtop-5 { margin-top: 5px;}