/*
	Cascading Style Sheet for CASA (Home page/index)
	
	Author: Aaron Clinger (aaron@aaronclinger.com)
	Version: 10/20/2008
	
	Hiearchy:
			AS Version Information
				Layout
				Nav
				Copy
				Info Pill
					Version Pill
					Download Links
			
			Showcase
				Top Copy
				Project Container
				Project
				Slider
			
			Subscription Modules
				Discussion List & Latest News Common
				Discussion List
				Latest News
			
			CSS Utilities
		 		Clear fix
*/
/*------------------------------------------------------------------
	AS Version Information
--------------------------------------------------------------------*/
/*	Layout
--------------------------------------------------*/
div#information {
	margin:					22px 31px 0 31px;
}
:first-child+html div#information { /* IE7 Hack */
	position:				relative;
}
* html div#information { /* IE6 Hack */
	height:					1%;
}
div#information div.top {
	background-image:		url(/images/module-top-highlight-bg.gif);
	height:					43px;
}
div#information div.top div.left {
	background-image:		url(/images/module-top-left-highlight-cap.gif);
}
div#information div.top div.right {
	background-image:		url(/images/module-top-right-highlight-cap.gif);
}
div#information div.content {
	padding:				0 11px;
	background-image:		none;
}
div#information div.content div.description {
	background:				transparent url(/images/stripes-bg.gif) repeat 0 0;
	padding:				13px 0 20px 0;
	width:					718px;
}
/*	Nav
--------------------------------------------------*/
div#information div.top div.menu {
	margin-top:				6px;
	float:					left;
	height:					24px;
	background:				transparent url(/images/version-tab.gif) no-repeat 0 0;
}
div#information div.top div.menu a {
	line-height:			23px;
	float:					left;
	display:				block;
	text-align:				center;
	width:					113px;
}
div#information div.top div.menu a.active {
	color:					#FFF;
	cursor:					default;
}
/*	Copy
--------------------------------------------------*/
div#information div.content div.description p {
	font-size:				2em;
	line-height:			1.5em;
	color:					#FFF;
	margin:					0 13px;
}
div#information div.content div.description ul.features {
	margin:					26px 13px;
}
div#information div.content div.description ul.features li {
	color:					#999;
	float:					left;
	width:					210px;
	margin-right:			31px;
	font-size:				1.2em;
	line-height:			1.5em;
}
div#information div.content div.description ul.features li.last {
	margin-right:			0;
}
/*	Info Pill
--------------------------------------------------*/
div#information div.content div.version-files {
	overflow:				hidden;
	width:					718px;
}
:first-child+html div#information div.content div.version-files { /* IE7 Hack */
	position:				relative;
	height:					1%;
}
* html div#information div.content div.version-files { /* IE6 Hack */
	position:				relative;
}
div#information div.content div.version-files div.container {
	width:					1436px;
}
/*	Version Pill */
div#information div.content div.version-files div.version-pill {
	float:					left;
	padding-left:			13px;
	width:					705px;
}
div#information div.content div.version-files div.version-pill div {
	background:				transparent url(/images/version-pill.png) no-repeat top left;
	width:					339px;
	height:					49px;
	padding:				16px 0 0 25px;
	position:				relative;
	z-index:				4;
	margin-right:			-32px;
}
* html div#information div.content div.version-files div.version-pill div { /* IE6 Hack */
	background-image:		url(/images/version-pill.gif);
}
div#information div.content div.version-files div.version-pill div h2 {
	font-size:				1.8em;
	line-height:			1em;
	color:					#FFF;
	text-transform:			uppercase;
}
div#information div.content div.version-files div.version-pill div p {
	font-size:				1.2em;
	line-height:			1em;
	margin:					0;
	color:					#999;
}
div#information div.content div.version-files div.version-pill div,
div#information div.content div.version-files div.version-pill ul {
	float:					left;
}
/*	Download Links */
div#information div.content div.version-files div.version-pill ul li {
	float:					left;
	position:				relative;
	margin-right:			-32px;
}
div#information div.content div.version-files div.version-pill ul li.docs {
	z-index:				1;
}
div#information div.content div.version-files div.version-pill ul li.zip {
	z-index:				2;
}
div#information div.content div.version-files div.version-pill ul li.svn {
	z-index:				3;
}
div#information div.content div.version-files div.version-pill ul li a {
	font-size:				1.9em;
	line-height:			1em;
	display:				block;
	padding:				23px 25px 23px 50px;
	text-align:				right;
	text-transform:			uppercase;
	background:				transparent url(/images/download-link-bg.png) no-repeat top right;
}
* html div#information div.content div.version-files div.version-pill ul li a { /* IE6 Hack */
	background-image:		url(/images/download-link-bg.gif);
}

/*------------------------------------------------------------------
	Showcase
--------------------------------------------------------------------*/
/*	Top Copy
--------------------------------------------------*/
div#showcase {
	display:				none;
	margin:					0 0 30px 0;
}
div#showcase h3 {
	font-size:				1.4em;
	line-height:			1em;
	color:					#FFF;
	text-transform:			uppercase;
	margin:					0 0 0 41px;
	float:					left;
}
* html div#showcase h3 { /* IE6 Hack */
	margin:					0 0 0 20px;
}
div#showcase a.submit {
	float:					right;
	margin:					0 40px 0 0;
	font-size:				0.9em;
	line-height:			1.55em;
	text-transform:			uppercase;
}
/*	Project Container
--------------------------------------------------*/
div#showcase div#projects {
	clear:					both;
	width:					765px;
	margin:					0 0 0 31px;
	padding:				4px 0 0 0;
	overflow:				hidden;
}
div#showcase div#projects dl {
	float:					left;
	width:					255px;
	padding:				21px 0 0 0;
	height:					173px;
	background:				transparent url(/images/showcase-module-bg.gif) no-repeat 50% 0;
}
/*	Project
--------------------------------------------------*/
div#showcase div#projects dl dt {
	padding:				0 23px;
}
div#showcase div#projects dl dd {
	margin:					20px 0 0 10px;
}
div#showcase div#projects dl dd {
	text-transform:			uppercase;
	color:					#999;
}
div#showcase div#projects dl dd a.over {
	color:					#FFF;
}
/*	Slider
--------------------------------------------------*/
div#showcase div.slider {
	margin:					8px auto 0 auto;
	width:					743px;
	height:					11px;
	background:				transparent url(/images/scroll-track.gif) no-repeat 0 0;
	display:				block;
}
div#showcase div.slider div.knob {
	width:					125px;
	height:					11px;
	cursor:					pointer;
	background:				transparent url(/images/scroll-drag.png) no-repeat 0 0;
}
* html div#showcase div.slider div.knob { /* IE6 Hack */
	background-image:		none;
	filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/scroll-drag.png', sizingMethod='crop');
}

/*------------------------------------------------------------------
	Subscription Modules
--------------------------------------------------------------------*/
/*	Discussion List & Latest News Common
--------------------------------------------------*/
div#discussion-list,
div#latest-news {
	float:					left;
	width:					382px;
	margin-bottom:			10px;
}
div#discussion-list div.content,
div#latest-news div.content {
	padding:				0 11px;
}
div#discussion-list dl dt,
div#latest-news dl dt {
	color:					#FFF;
	text-transform:			uppercase;
	font-size:				1.4em;
	margin:					0 0 10px 0;
}
div#discussion-list dl dd,
div#latest-news dl dd {
	background:				transparent url(/images/stripes-bg.gif) repeat 0 0;
	min-height:				144px;
	margin-bottom:			3px;
	padding:				7px 0 6px 0;
}
/*	Discussion List
--------------------------------------------------*/
div#discussion-list {
	margin:					0 0 0 31px;
}
* html div#discussion-list { /* IE6 Hack */
	margin:					0 0 0 15px;
}
div#discussion-list dl dd {
	padding-top:			17px;
	min-height:				134px;
}
* html div#discussion-list dl dd { /* IE6 Hack */
	height:					134px;
}
div#discussion-list legend,
div#discussion-list label {
	display:				none;
}
div#discussion-list div.email,
div#discussion-list div.pass {
	height:					29px;
	width:					303px;
	margin:					0 auto 20px auto;
	padding:				1px 0 0 14px;
}
div#discussion-list div.email {
	background:				transparent url(/images/email-bg.gif) no-repeat top left;
}
div#discussion-list div.email input.text {
	width:					288px;
}
div#discussion-list div.pass {
	background:				transparent url(/images/password-bg.gif) no-repeat top left;
}
div#discussion-list div.pass input.text {
	width:					203px;
	float:					left;
}
div#discussion-list div.pass a {
	text-transform:			uppercase;
	text-align:				center;
	line-height:			29px;
	width:					85px;
	display:				block;
	float:					right;
	background-image:		none;
	margin:					0;
	padding:				0;
}
div#discussion-list a {
	margin-left:			10px;
	float:					left;
	padding-left:			10px;
	background:				transparent url(/images/more-options-bg-left.gif) no-repeat top left;
	margin-bottom:			0;
}
div#discussion-list a span {
	display:				block;
	line-height:			22px;
	padding:				0 14px 0 4px;
	margin-bottom:			0;
	text-transform:			uppercase;
	background:				transparent url(/images/more-options-bg-right.gif) no-repeat top right;
}
/*	Latest News
--------------------------------------------------*/
* html div#latest-news dl dd { /* IE6 Hack */
	height:					144px;
}
div#latest-news dl dd ul li {
	padding:				6px 0 7px 0;
}
div#latest-news dl dd ul li a {
	background-color:		#0F1418;
	line-height:			3.5em;
	margin:					0 13px;
	padding:				0 13px;
	display:				block;
}

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