/* -------------------------------------------------------------- 
    clark@clarkmacleod.com
-------------------------------------------------------------- */  

body { margin:0; background: url(../img/bg.gif) no-repeat 0 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; font-size: 75%; color:#333;}
#container 	{ width: 950px; margin: 0; text-align: left; }
#header 	{ padding: .75em 0 .75em 0;}
#meta 		{ width: 100%; float: left; background: url(../img/bttm-bg.gif) no-repeat 0 0; padding: 0 0 1.5em 0; white-space: nowrap;}
#footer		{ float: left; padding: 3em 0 1.5em 0;}

div.span-2, 
div.span-6, div.span-14, div.span-15, div.span-23, div.span-24 {
  float: left;
  margin-right: 10px; 
}

div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */

.span-2  { width: 70px; }
.span-6  { width: 230px; }
.span-14 { width: 550px; }
.span-15 { width: 590px; }
.span-23 { width: 910px; }
.span-24, div.span-24 { width: 950px; margin: 0; }

.prepend-1  { padding-left: 40px; }  
.prepend-2  { padding-left: 80px; } 
.prepend-6  { padding-left: 240px; } 


div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

div.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; }
.pull-5 { margin-left: -200px; }

.pull-1, .pull-2, .pull-3, 
.pull-4, .pull-5, .pull-5 {
  float:left;
	position:relative;
}

.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }

.push-0, .push-1, .push-2, 
.push-3, .push-4, .push-5 { 
  float: right;
	position:relative;
}

.box { padding: 1.5em; margin-bottom: 1.5em; background: #e8e8e8; }
.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; }


img { margin: 0 0 1.5em 0; border: 0; }
img.side { padding: 0 0 0 15px; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color:#333;
}

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 1.5em; color: #898989; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1em; padding-left: 5px; margin: 0 0 1.5em; background:#dc4526; color:#fff; font-weight: normal; text-transform:uppercase;}
h5 { font-size: 1em; margin-bottom: 1.5em; color:#333; font-weight:bold; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

h3.date { color:#999; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em;}
h2.entry {margin-bottom:0;}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.wrap  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
p img.top   { float: left; margin-top:0; } /* Use this if the image is at the top of the <p>. */

.comment-ico {background: url(../img/comment.gif) no-repeat 0 0; padding-left: 20px;}
.category-ico {background: url(../img/category.gif) no-repeat 0 0; padding-left: 20px;}

a           { color: #dc4626; text-decoration: none; }
a:focus, 
a:hover     { color: /*#f5ab1c*/#666666; text-decoration: underline;}
a:visited	{ color: #666666;}
a:active	{ color: #000; text-decoration: none; }

blockquote  { padding-left: 1.5em; margin: 1.5em; color: #999; font-style: italic; background: url(../img/quote.gif) no-repeat -.5em 0;}
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


hr { clear: both; float: none; width: 100%; background: #fff; color: #fff; height: .1em; margin: 0 0 1.45em; border: none; }
hr.line { clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; background: #e6e6e6; color: #e6e6e6; border: none; }
hr.big { clear: both; float: none; width: 100%; height: 1em; margin: 0 0 1.45em; background: #dc4626; color: #dc4626; border: none; }
hr.short { clear: both; float: none; width: 25%; height: .1em; margin: 0 0 1.45em; background: #ccc; color: #ccc; border: none; }
hr.space { clear: both; background: #fff; color: #fff; border: none; margin: 3em 0 3em 0; }

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e8e8e8; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* hcard
-------------------------------------------------------------- */

img.photo {float: right; margin: 0 1.5em 1.5em 0; padding: 0;}
.fn { font-size: 1.25em; color:#333; font-weight:bold; display: block;}
.adr {margin:.75em 0 .75em 0;}
.update {font-size: .8em; margin:1.5em 0 1.875em 0; line-height: 1.875em;}

/* List
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }

ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

.inline ul { padding: 0; margin: 0; } 
.inline li { display: inline; padding: 0; margin: 0; }

.nobullet ul { list-style: none; padding: 0; margin: 0 0 1.5em 0; } 
.nobullet li { background: none; list-style: none; }

.sidebar li { padding: 0; margin: 0; } 
.sidebar ul { padding: 0; list-style-type: none; margin: 0 0 1.5em 0; }

.sidebar a { display: block; text-decoration: none; padding: 2px 1px 3px 1px; }
.sidebar a:hover { text-decoration: none; background:url(../img/bg-sidearr.gif) 0 0 no-repeat;}
.sidebar a.here { background: url(../img/bg-sidearr.gif) -40px 0 no-repeat;}


/* Some misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.xxl      { font-size: 2em; line-height: 1.5em; color: #898989; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.pad {padding: 0 1.5em 0 1.5em;}
.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }