/* 1382 

_________________________________________________

320 and Up boilerplate extension
Andy Clarke http://about.me/malarkey
Keith Clark http://twitter.com/keithclarkcouk
Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________

1 ROOT
2 HEADINGS
3 TYPOGRAPHY
4 LINKS
5 FIGURES & IMAGES
6 TABLES
7 FORMS
8 BANNER
9 NAVIGATION
10 CONTENT
11 MAIN
12 COMPLEMENTARY
13 CONTENTINFO
14 GLOBAL OBJECTS
15 VENDOR-SPECIFIC 
16 MODERNIZR
17 TEMPLATE SPECIFICS

COLOURS 

*/
/* Preboot _________________________________________________

320 and Up
Andy Clarke http://about.me/malarkey
Keith Clark http://twitter.com/keithclarkcouk
LESS Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/

__________________________________________________________ */
.sans-serif {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.serif {
  font-family: "Georgia", Times New Roman, Times, serif;
}
.monospace {
  font-family: "Monaco", Courier New, monospace;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
/* 1 ROOT 					============================================================================= */
body {
  width: 90%;
  /* 1356px */
  max-width: 1356px;
}
/* 2 HEADINGS 				============================================================================= */
/* 3 TYPOGRAPHY 			============================================================================= */
/* 4 LINKS 					============================================================================= */
/* 5 FIGURES & IMAGES 		============================================================================= */
/* 6 TABLES 				============================================================================= */
/* 7 FORMS 					============================================================================= */
/* 8 BANNER 				============================================================================= */
/* 9 NAVIGATION				============================================================================= */
/* 10 CONTENT 				============================================================================= */
/* 11 MAIN 					============================================================================= */
*[role="main"] {
  width: 58.997050147493%;
  /* 800 / 1356 = .58997050147493*/
}
div[role="main"] h2 {
  font-size: 2.25em;
  /* 36 / 16 = 2.25 */
  line-height: 1.2;
}
/* 12 COMPLEMENTARY 		============================================================================= */
*[role="complementary"] {
  width: 34.070796460177%;
  /* 462 / 1356 = .34070796460177*/
}
body.hom div.flickr figure:last-child {
  display: block;
}
/* 13 CONTENTINFO 			============================================================================= */
footer[role="contentinfo"] .vcard {
  width: 20%;
}
footer[role="contentinfo"] small,
footer[role="contentinfo"] .note {
  width: 34.070796460177%;
  /* 462 / 1356 = .34070796460177*/
}
/* 14 GLOBAL OBJECTS 		============================================================================= */
/* 15 VENDOR-SPECIFIC 		============================================================================= */
/* 16 MODERNIZR 			============================================================================= */
/* 17 TEMPLATE SPECIFICS 	============================================================================= */