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

	Boondoggle - <css creator>
	<client>
	
	1. Structure
	2. Header
	3. Navigation
	4. Column01
	5. Column02
	6. Column03
	7. Footer
	8. Miscellaneous
	
	always include reset.css, it will reset your style
	for all browers, it includes the clearfix
	
	typography specs must be specified in typography.css
	form specs must be specified in forms.css
	
	ID en class naming => use capitals for seperation: navHome

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



/* ----- imports -------------------------------------------------- */

@import url(typography.css);
@import url(forms.css);



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

body		{  }
#container	{  }
#wrapper   { margin: 0 auto; width:550px;}

#header		{  }
#navigation	{  }
#content	{  }
#column01	{  }
#column02	{  }
#column03	{  }
#footer		{  }



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

/* item description */
#header #itemName {  }



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

/* item description */
#navigation #itemName {  }



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

/* item description */
#column01 #itemName {  }



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

/* item description */
#column02 #itemName {  }



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

/* item description */
#column03 #itemName {  }



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

/* item description */
#footer #itemName {  }



/* ------------------------------------------------------------------------------------- 8. Miscellaneous ---------------------------------------- */

.imgReplaced { background-repeat: no-repeat; display: block; outline: none; text-indent: -9999px; }

.left	{ float: left; }
.right	{ float: right; }
.clear	{ clear: both; }
.hide	{ display: none; }
.first	{ margin-top: 0; padding-top: 0; }
.last	{ margin-bottom: 0; padding-bottom: 0; }

hr { display: none; }

/* flash alternative styles */
.block { background: #efefef; border: 4px solid #dfdfdf; clear: both; margin: 25px 0; padding: 25px; }
ul#alternativeNav { border-bottom: 2px solid #333; border-top: 2px solid #333; list-style: none; padding: 10px 0 10px 5px; margin: 0 0 20px 0; }
ul#alternativeNav li { float: left; margin: 0 10px 0 0; }

/* clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix { display: inline-block; }