/** Gospel of Thomas Website
	Structure & Baseline Grid Style Sheet 
	Author Barry McGibbon
	Version 0.2
**/

#canvas { width:890px  margin-left:10px;}

#wrapper { width: 840px; !important  width: 900px; /*padding: 0 14px 0 14px;*/}

#global_masthead { width: 840px; height: 100px;  }

#footer { width: 840px height: 75px; }

/** 12 columns of 56px with 14px gutter **/

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, div.span-11, div.span-12 {float:left; margin-right:14px;}
div.last {margin-right:0;}
div.first {margin-left:14px}
.span-1 {width:56px;}
.span-2 {width:126px;}
.span-3 {width:196px;}
.span-4 {width:266px;}
.span-5 {width:336px;}
.span-6 {width:406px;}
.span-7 {width:476px;}
.span-8 {width:546px;}
.span-9 {width:616px;}
.span-10 {width:686px;}
.span-11 {width:756px;}
.span-12 {width:840px; margin:0;}

.callout { float: right; width: 250px; padding: 8px 10px; margin: 0 0 18px 18px;}
.callout .last-child { margin-bottom: 0; }

/* 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, .wrapper:after {  content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
* html .clear { height: 1%; }
.clear { display: block; }