/* =========

1.0 UNIVERSAL RESETS
2.0 GENERIC CLASSES
3.0 GENERAL STRUCTURE
4.0 HEADINGS
5.0 BRANDING
6.0 LINKS
7.0 PARAGRAPHS
8.0 BLOCKQUOTES AND CITATIONS
9.0 FORMS
10.0 LISTS
11.0 TABLES
12.0 MISC PRESENTATION ELEMENTS
13.0 IMAGES
14.0 META
15.0 ACCESSIBILITY
16.0 PAGE SPECIFIC

Color Guide:

========= */


/* 1.0 UNIVERSAL RESETS ------------------------------------------ */

* 											{ margin:0;padding:0; } 
html, body, ul, li, img 					{ padding: 0; margin: 0; border: 0; }
a 											{ outline: none; text-decoration:none; }
img 										{ border: none; }
h1 											{ margin: 0px; }
h2, h3, h4, h5, h6 							{ margin:2px 0px 2px 0px;}


/* Superscript reset to prevent line-height breaking */
sup 										{ vertical-align: 0; 
											  position: relative; 
											  bottom: 1ex; }



/*
2.0 GENERIC CLASSES
------------------------------------------
*/
/* Utility class to clear an element */
.clear 										{ clear: both; }

br.clear 									{ height: 0 !important; display: block; }

.clearfix:after 							{ content: "."; 
											  display: block; 
											  height: 0px; 
											  line-height: 0px; 
											  clear: both; 
											  visibility: hidden; }
											  
.clearfix 									{ display: inline-block; }
/* Hide from IE Mac \*/
.clearfix 									{ display: block; }
/* End hide from IE Mac */
* html .clearfix 							{ height: 1px; }

/* Generic class to set up image replacements */
.replaced 									{ text-indent: -1000em; 
											  overflow: hidden; 
											  background-repeat: no-repeat; 
											  display: block; }

/* Generic class to hide elements (such as Flash to account for Thickbox issues) */
.hidden 									{ visibility: hidden !important; }
.error 										{ color: red; }
.fright 									{ float: right; }
.fleft 										{ float: left; }

/* remember to define focus styles! */
:focus 										{ outline: 0; }

/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/

body 										{ font-size:11px; line-height:170%; }

.wrap										{ width:960px; margin:0 auto; position:relative; }


/*
3.1 The Vulcan IO HEADER 
------------------------------------------
*/

.thorax										{ background-image:url(images/fbg.png);
											  background-repeat:repeat-x;
											  height:129px;
											  width:100%;
											  position:fixed;
											  bottom:0; }	
											  
											  

/*
3.2 The Vulcan IO SIDEBAR 
------------------------------------------
*/

.probosis									{ background-image:url(images/sidebg.png);
											  background-repeat:no-repeat;
											  height:570px;
											  width:333px;
											  position:fixed;
											  bottom:0px;
											  margin:0px -50px 0px 0px;
											}
											  





/*
4.0 HEADINGS
------------------------------------------
*/

h1 {  }
h2 {  }
h3 {  }
h4 {  }
h5 {  }



/*
5.0 BRANDING
------------------------------------------
*/


/*
6.0 LINKS
------------------------------------------
*/

/*
7.0 PARAGRAPHS
------------------------------------------
*/



/*
8.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/


/*
9.0 FORMS
------------------------------------------
*/


/*
10.0 LISTS
------------------------------------------
*/
ul 											{ list-style-image: none; 
											  list-style-position: outside; 
											  list-style-type: none; }
											  
ul li 										{ padding: 0; }



/*
11.0 TABLES
------------------------------------------
*/




/*
12.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/


/*
13.0 IMAGES
------------------------------------------
*/


/*
14.0 META
------------------------------------------
*/


/*
15.0 ACCESSIBILITY
------------------------------------------
*/


/*
16.0 PAGE SPECIFIC
------------------------------------------
*/