/* -------------------------------------------------------------------

	Boondoggle - Hans Dreesen
	Born On Cloud9
	
	Relative font sizes:
	- every other font size is derived from the base size (12px = 1em)
	- use the em calculator to calculate your font size : http://riddle.pl/emcalc/

------------------------------------------------------------------- */



/* ----- 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: #393838; font: normal 0.8em Arial, Verdana, Helvetica, Geneva, sans-serif; }



/* ----- Links ---------------------------------------------------- */

a, a:link, a:active	{ color: #01a8e0; }
a:visited			{ color: #01a8e0; }
a:hover				{ color: #3ecefe; }



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

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { color: #01a8e0; font-size: 0,8em; font-weight: bold; margin: 25px 0 35px; text-transform: uppercase; }
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; }

q { font-style: italic; }



/* ----- Success, error & notice boxes ---------------------------- */

.error,
.notice,
.success	{ padding: .8em; margin-bottom: 1em; border: 1px solid #ddd; }
.error		{ background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice		{ background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success	{ background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a	{ color: #D12F19; }
.notice a	{ color: #817134; }
.success a	{ color: #529214; }



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

p				{ margin: 0 0 30px; }
p.last			{ margin-bottom: 0; }

ul, ol			{ margin:0 1.5em 1.5em 2em; }
ul				{ list-style-type: disc; }
ol				{ list-style-type: decimal; }
li				{ margin-bottom: 0.5em; }
dl				{ margin: 0 0 1.5em 0; }
dl dt			{ font-weight: bold; }
dd				{ margin-left: 1.5em;}

blockquote		{ margin: 1.5em; color: #666; font-style: italic; }
strong, b		{ font-weight: bold; }
em, dfn			{ font-style: italic; }
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; }

.highlight	{ background:#ff0; }
.added		{ color:#060; }
.removed	{ color:#900; }

/* asterix for comments, adjust height and width for more asterixes or more text */
span.asterix {  display:block; width:10px; height:40px; float: left; padding:0 2px 0 0; }



/* -------------------------------------------------------------------------------------  1. Structure -------------------------------------------- */

/* -------------------------------------------------------------------------------------  2. Header ----------------------------------------------- */

/* -------------------------------------------------------------------------------------  3. Navigation ------------------------------------------- */

/* -------------------------------------------------------------------------------------  4. Column01 --------------------------------------------- */

/* -------------------------------------------------------------------------------------  5. Column02 --------------------------------------------- */

/* -------------------------------------------------------------------------------------  6. Column03 --------------------------------------------- */

/* -------------------------------------------------------------------------------------  7. Footer ----------------------------------------------- */