/*
	Cascading Style Sheet for CASA (Global)
	
	Author: Aaron Clinger (aaron@aaronclinger.com)
	Version: 10/16/2008
	
	Hiearchy:
			Global Styles
			
			Global Layout
				Container
				Header
					Logo
					Main Nav
				Module - beveled rounded rectangles
					Full - full page default module
				Footer
			
			CSS Utilities
				Clear fix
*/
/*------------------------------------------------------------------
	Global Styles
--------------------------------------------------------------------*/
html {
	background:				#0B151C url(/images/top-bar.gif) repeat-x 0 0;
	font:					62.5% "Lucida Grande", Verdana, sans-serif;
}
:focus {
	outline:				none;
}
input.text {
	border-style:			none;
	background-color:		#0F0F0F;
	line-height:			1em;
	padding:				8px 0;
	height:					11px;
	color:					#00C3B9;
}
textarea {
	border:					1px solid #0D3433;
	background-color:		#0F0F0F;
	line-height:			1.5em;
	padding:				8px 0 0 10px;
	color:					#00C3B9;
}
pre {
	margin-bottom:			1em;
	padding:				1em;
	overflow:				auto;
}
pre,
code {
	font-family:			monospace, sans-serif;
	color:					#CCC;
	background-color:		#0F1418;
}
pre a,
code a {
	color:					#CCC !important;
	border-bottom:			1px solid #6E7072;
}
pre a:hover,
code a:hover {
	color:					#FFF !important;
	border-bottom-color:	#FFF;
}
em {
	font-style:				italic;
}
strong {
	font-weight:			bold;
}
.hide {
	display:				none;
}

/*------------------------------------------------------------------
	Global Layout
--------------------------------------------------------------------*/
/*	Container - centered site content box
--------------------------------------------------*/
div#container {
	margin:					0 auto 6.4em auto;
	width:					866px;
}
div#content {
	background:				transparent url(/images/content-bg.gif) repeat-y 0 0;
}
div#content div.content-top,
div#content div.content-bottom {
	height:					34px;
	background:				transparent url(/images/content-top.gif) repeat-y 0 0;
}
div#content div.content-bottom {
	background-image:		url(/images/content-bottom.gif);
}
div.content {
	padding:				0 20px;
}
div#content a {
	color:					#00C3B9;
	text-decoration:		none;
}
div#content a:hover {
	color:					#FFF;
}
/*	Header
--------------------------------------------------*/
div#header {
	padding:				20px 20px 0 20px;
}
/*	Logo */
div#header h1 {
	float:					left;
	margin-left:			5px;
}
div#header h1 a {
	color:					#FFF;
	text-decoration:		none;
	text-transform:			lowercase;
	font-size:				4em;
	line-height:			1em;
	word-spacing:			-0.2em;
	letter-spacing:			-0.05em;
}
div#header h1 a span {
	color:					#00C3B9;
	font-size:				0.4em;
	letter-spacing:			0em;
}
div#header h1 a:hover span {
	color:					#FFF;
}
/*	Main Nav */
div#header ul {
	padding-top:			1.4em;
	float:					right;
	font-size:				1em;
	font-weight:			bold;
}
div#header ul li {
	padding-left:			6px;
	line-height:			2.3em;
	float:					left;
	margin-left:			0.8em;
}
div#header ul li a {
	padding-right:			5px;
	color:					#00C3B9;
	text-decoration:		none;
}
div#header ul li a:hover {
	color:					#FFF;
}
div#header ul li.active {
	background:				transparent url(/images/nav-bg-left.gif) no-repeat 0 50%;
}
div#header ul li.active a {
	color:					#FFF;
	display:				block;
	background:				transparent url(/images/nav-bg-right.gif) no-repeat 100% 50%;
}
/*	Module - beveled rounded rectangles
--------------------------------------------------*/
div.module {
	background:				#0F1418 url(/images/module-left-bg.gif) repeat-y 0 0;
}
div.module div.right {
	background:				transparent url(/images/module-right-bg.gif) repeat-y right 0;
}
div.module div.top {
	background:				transparent url(/images/module-top-bg.gif) repeat-x 0 0;
	height:					16px;
}
div.module div.top div.left {
	float:					left;
	background:				transparent url(/images/module-top-left-cap.gif) no-repeat 0 0;
	width:					22px;
	height:					16px;
}
div.module div.top div.right {
	float:					right;
	background:				transparent url(/images/module-top-right-cap.gif) no-repeat 0 0;
	width:					22px;
	height:					16px;
}
div.module div.bottom {
	background:				transparent url(/images/module-bottom-bg.gif) repeat-x 0 10px;
	height:					37px;
}
div.module div.bottom div.left {
	float:					left;
	background:				transparent url(/images/module-bottom-left-cap.gif) no-repeat 0 0;
	width:					25px;
	height:					37px;
}
div.module div.bottom div.right {
	float:					right;
	background:				transparent url(/images/module-bottom-right-cap.gif) no-repeat 0 0;
	width:					27px;
	height:					37px;
}
div.module div.content {
	margin:					0 12px 1px 12px;
	padding:				0;
}
/*	Full */
div.full {
	margin:					0 31px 10px 31px;
}
div.first {
	margin-top:				22px;
}
div.full div.content {
	padding:				0 11px;
}
div.full div.content h2 {
	color:					#FFF;
	text-transform:			uppercase;
	font-size:				1.4em;
	margin:					0 0 10px 0;
}
div.full div.content div.body {
	background:				transparent url(/images/stripes-bg.gif) repeat 0 0;
	margin-bottom:			3px;
	padding:				8px 13px 1px 13px;
	font-size:				1.2em;
	line-height:			1.5em;
	color:					#999;
}
div.full div.content div.body p {
	margin-bottom:			1em;
}
/*	Footer
--------------------------------------------------*/
div#footer {
	clear:					both;
	margin:					0 40px 20px 40px;
	background:				transparent url(/images/stripes-bg.gif) repeat 0 0;
	line-height:			2.5em;
	padding:				0 0.8em;
	color:					#999;
}
div#footer a {
	color:					#999;
	text-decoration:		none;
}
div#footer p,
div#footer ul li {
	float:					left;
}
div#footer ul {
	float:					right;
}
div#footer ul li {
	margin-left:			0.8em;
}

/*------------------------------------------------------------------
	CSS Utilities
--------------------------------------------------------------------*/
/*	Clear fix - allows wrapping of floats
--------------------------------------------------*/
div#header:after,
div#footer:after {
	content:				".";
	display:				block;
	height:					0;
	clear:					both;
	visibility:				hidden;
}
div#header,
div#footer {
	display:				inline-block;
}
/* Hides from IE-mac \*/
* html div#header,
* html div#footer {
	height:					1%;
}
div#header,
div#footer {
	display:				block;
}
/* End hide from IE-mac */