/*	CrowdGather.com Stylesheet

*	Base structure is floated columns contained by floated divs
	
*	Columns are spaced via relative positioning rather than padding/margins for enhanced stability
*	Most (but not all!) columns are in the flow, allowing the layout to naturally expand or contract as needed

*	Rounded borders are simulated via background images:

*	Vertical expanding pods use a 3-sided background image stacked atop a div with a bottom-border cap (max height approx 900 px)
*	Horizontal pods are fixed-size so use only a single div & background  

*	Each page features a unique structural layout, so a unique class is assigned, with page-specific CSS rules grouped below
*	Only three pages share a common structural basis -- these are grouped together (structure only)	*/


*	
	{
	padding: 0px;
	margin: 0px;
	}
a
	{
	color: #3d6f92;
	}

h1,h2
	{
	font-family: myriad web, arial narrow, arial;
	font-weight: normal;
	color: #181818;
	}
	
img

	{
	border: none;
	}
	
ul
	{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	list-style: none;
	}
	
p
	{
	margin: 10px 0px 10px 0px;
	}

table
	{
	border-collapse: collapse;
	}


/*	GLOBAL STRUCTURE 	*/


#banner
	{
	/* don't add margin-bottom here else break #news border	*/
	}

#banner img
	{
	/*display: block;		/* 	Inline Images have margin bottom in strict mode	*/
	}

#banner p
	{
	font-size: 10px;
	color: #CCC;
	text-align: right;
	margin: 2px 0px 0px 0px;
	height: 11px;
	}

#banner p a
	{
	text-decoration: none;
	color: #CCC;
	}
	
#footer
	{
	clear: both;
	margin: 0px -20px 0px -20px;
	padding: 15px 0px 60px 35px;
	background: url(http://www.crowdgather.com/images/layout/footer.gif) no-repeat;
	color: #868686;
	}

#footer p
	{
	margin: 0px;
	padding: 0px;
	}

#header
	{
	margin: 0px -20px 5px -20px;
	padding: 27px 0px 12px 19px;
	background: url(http://www.crowdgather.com/images/layout/header.gif) no-repeat;
	}

#main
	{
	width: 475px;
	float: left;
	padding-top: 20px;
	margin-bottom: 75px;
	}

#page
	{
	position: relative;				/* Allows Child Elements to use Page Div as coordinate basis for Positioning */
	width: 740px;
	line-height: 1.5;
	margin: 8px auto 0px auto;
	padding: 0px 20px 0px 20px;
	color: #5e5e5e;
	font-family: arial;
	font-size: 12px;
	line-height: 1.5;
	}
	
#sidebar
	{
	float: left;
	position: relative;
	padding-top: 20px;
	}

#sidebar .pod
	{
	width: 202px;
	padding: 5px 20px 5px 20px;
	line-height: 1.3;
	}

#sidebar .pod .button
	{
	bottom: -5px;
	}

	
/*	GROUP STRUCTURE 	*/


.contact #main, .team #main, .investors #main
	{
	float: right;
	}


/*	GLOBAL STYLE 		*/

	
.button

	{
	position: absolute;
	bottom: 10px;
	right: 15px;
	font-family: myriad web, arial narrow, arial;
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
	}
	
.button a

	{
	color: #fff !important;
	text-decoration: none;
	background: url(http://www.crowdgather.com/images/layout/button_click.gif) no-repeat;
	display: block;
	height: 22px;
	width: 71px;
	}
	
.jumpline
	{
	text-align: right;
	}
	
.jumpline a
	{
	color: black;
	font-weight: bold;
	}
	
.lead
	{	
	font-weight: bold;
	font-size: 14px;
	line-height: 1.3;
	}

#main h1, #sidebar h1, #news h1
	{
	margin: 0px 0px 5px 0px;
	font-size: 31px;
	color: #181818;
	}
	
#navigation
	{
	padding: 5px 0px 10px 0px;
	background: url(http://www.crowdgather.com/images/layout/navigation.gif) no-repeat;
	height: 50px;
	font-family: myriad pro cond,arial narrow,arial;
	font-size: 16px;
	color: #797979;
	}
	
#navigation a

	{
	text-decoration: none;
	color: #666;
	}
	
#navigation .active
	{
	color: #000;
	border-bottom: 2px solid #797979;
	}	
	
#navigation	table
	{
	width: 100%;
	border-collapse: collapse;
	}
		
#navigation	td
	{
	text-align: center;
	padding: 9px 15px;
	}
	
#navigation	td+td
	{
	border-left: 1px dotted #C2C2C2;
	}
	
#news h2
	{
	font-family: arial !important;
	font-weight: normal !important;
	font-size: 12px !important;
	margin: 10px 0px 5px 0px !important;
	}
	
#news li
	{
	font-family: georgia;
	color: #444;
	font-size: 11px;
	}
	
#news li img
	{
	float: left;
	margin-right: 8px;
	}
	
#news p

	{
	font-size: 11px;
	color: #868686;
	}

.pod
	{	
	position: relative;			/*	Needed to Position Button Element	*/
	line-height: 1.3;
	background: url(http://www.crowdgather.com/images/layout/pod_flow_top.gif) no-repeat;
	}
	
.pod a
	{
	text-decoration: none;
	color: #444;
	}

.pod_bottom						/*	Simulate Rounded borders for expanding elements in pod class	*/
	{
	width: 242px;
	height: 9px;
	background: url(http://www.crowdgather.com/images/layout/pod_flow_bot.gif) no-repeat;
	margin-bottom: 20px;
	}
	
#sidebar .pod h1, #crossbar .pod h1
	{
	border-bottom: 1px dotted #CCC;
	font-size: 21px;
	letter-spacing: -.05em;
	margin: 0px -20px 10px -20px;
	padding: 5px 0px 10px 20px;
	}
	
.pod h2
	{
	font-size: 16px;
	}
	
.pod h1 img
	{
	float: right;
	margin: -5px 10px 0px 0px;
	}
	
.pod p, .pod li
	{
	color: #333333;
	}

#sidebar .pod h1, .pod h1, .pod h2, .pod h1 a, .pod h2 a
	{
	color: #ff9415;
	}

table.stock_quote
	{
	width: 100%;
	}
	
table.stock_quote td
	{
	border: 1px solid #CCC;
	padding: 10px 5px 10px 5px;
	}
	
table.stock_quote td a
	{
	text-decoration: none;
	color: #3d6f92;
	}
	
table.stock_quote tr:first-child
	{
	background: #E5E5E5;
	font-weight: bold;
	}

table.stock_quote .small_text
	{
	font-size: 10px;
	}


/* 	ABOUT	note: table capitulation - all other layout methods break in IE6+7	*/


.about #layout
	{
	margin-bottom: 75px;
	width: 100%;
	}

.about #layout td
	{
	position: relative;
	}

.about #crossbar #right
	{
	left: 5px;
	}

.about #crossbar
	{
	position: relative;
	width: 490px;
	bottom: -3px;			/*	non-standard spacing comes from rounded border bottom div		*/
	}

.about #crossbar .pod
	{
	float: left;
	width: 202px;
	height: 145px;
	padding: 5px 20px 40px 20px;
	background: url(http://www.crowdgather.com/images/layout/pod_static_sm.gif) no-repeat;
	}	

.about #main
	{
	width: 480px;
	height: 387px;			/*	IE6 needs this to align bottom elements	*/
	}

.about #sidebar .pod
	{
	padding-bottom: 40px;	/*	make room for button	*/
	}

.about #sidebar, .about #crossbar, .about #main, .about .pod_bottom
	{
	margin: 0px;
	float: none;
	}

	
/*	COMMUNITIES		*/


.communities #main
	{
	float: right;
	width: 475px;
	}
	
.communities #main li
	{
	display: inline;
	}
	
.communities #main li img
	{
	padding: 10px 12px 10px 12px;
	}
	
.communities .pod li
	{
	text-align: center;
	padding: 5px;
	}


/*	CONTACT		*/


.contact #main h1 + p
	{
	font-weight: bold;
	font-size: 14px;
	line-height: 1.3;
	}

.contact input, .contact textarea
	{
	border: 1px solid #CCC;
	color: #999;
	margin-bottom: 5px;
	font-family: arial;
	padding: 2px;
	font-size: 11px;
	}

.contact input#send
	{
	border: none;
	}


/*	FORUMS		*/


.forums #main
	{
	width: 420px;			/*	Necessary: allow preview images to fit in page-width		*/		
	}

.forums #main h1
	{
	font-size: 21px;
	font-weight: bold;
	}
	
.forums #main h2 a
	{
	text-decoration: none;
	font-size: 14px;
	color: #5e5e5e;
	}
	
.forums .pod li
	{
	text-align: center;		/*	These pods are currently commented-out		*/
	padding: 4px;
	}

.forums #sidebar .pod		/*	These pods are currently commented-out		*/
	{
	width: 195px;
	height: 445px;
	background: url(http://www.crowdgather.com/images/layout/pod_static_lg.gif) no-repeat;
	margin-bottom: 75px;
	padding: 0px;
	}
	
.forums #centerbar
	{
	float: left;
	position: relative;
	left: 20px;
	padding-top: 20px;
	margin-bottom: 75px;
	}
	
	
/*	HOME PAGE	*/

.home #crawl
	{
	position: absolute;
	top: 0px;
	left: 0px;
	}

.home #crawl td
	{
	padding: 0px 30px 0px 30px;
	vertical-align: middle;
	height: 100px;
	}

.home #crawl td img
	{
	/*height: 30px;   Now we're doing this via php */		
	}

.home #crossbar
	{
	width: 740px;
	float: left;
	clear: both;
	margin-bottom: 75px;
	}

.home #crossbar .pod
	{
	float: left;
	width: 202px;
	height: 145px;
	padding: 5px 20px 40px 20px;
	background: url(http://www.crowdgather.com/images/layout/pod_static_sm.gif) no-repeat;
	}
	
.home #crossbar #middle.pod	
	{
	left: 8px;
	}

.home #crossbar #right.pod	
	{
	left: 16px;
	}

.home #main
	{
	width: 480px;
	padding-top: 10px;
	margin-bottom: 0px;
	line-height: 1.8;
	}

.home #main h1 + p
	{
	font-weight: bold;
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 20px;
	}

.home #news
	{
	position: relative;
	left: -20px;
	width: 200px;
	float: right;
	min-height: 270px;		/*	In case there's no news.  IE 6 Breaks - Border won't stretch - can use floated invisible image as workaround if must-have - better to ignore	*/
	padding: 0px 0px 0px 20px;
	margin: 10px 0px 20px 0px;
	border-left: 1px dotted #CCC;
	}

.home #scrollwindow
	{
	position: relative;
	clear: both;
	width: 738px;
    overflow: hidden;
	height: 100px;
	background: url(http://www.crowdgather.com/images/layout/scrollbar.gif) no-repeat;
	}


/*	INVESTORS PAGE	*/


.investors .pod_bottom				
	{
	margin-bottom: 20px;				/* creates space between stock quote and investor relations pods	*/
	margin-top: 0px;
	}

.investors .indent
	{
	margin: -25px 0px 0px 120px;
	}

.investors #main
	{
	position: relative;					/*	Set Main Div as position coordinate basis for phoenix toolbar		*/
	}

.investors #main h1
	{
	position: relative;
	left: -270px;
	margin-bottom: 20px;
	}
	
.investors #main h2
	{
	clear: both;
	font-family: arial;
	font-weight: bold;
	color: #666666;
	font-size: 14px;
	}

.investors #main #news h1
	{
	left: 0px;
	}

.investors #news
	{
	border-top: 1px dotted #CCC;
	margin-top: 25px;
	padding-top: 15px;
	}

.investors #sidebar
	{
	margin-top: 70px;
	}

.investors #sidebar .pod
	{
	padding-bottom: 5px;
	}
	
.investors .toolbar
	{
	position: absolute;
	left: 125px;
	z-index: 2;
	}
	
.investors .toolbar img
	{
	padding-right: 5px;
	}

.investors .toolbar li
	{
	color: #3d6f92;
	display: inline;
	font-family: arial;
	font-size: 9px;
	padding-bottom: 2px;
	}
	
.investors .toolbar li a
	{
	padding: 4px 0px 4px 5px;
	text-decoration: none;
	}


/*	OWNERS		*/


.owners #main h2, .owners #main h3
	{
	color: #ff9415;
	}
	
.owners #main h3
	{
	padding-top: 30px;
	margin-bottom: -5px;
	}
	
.owners #main h3 img
	{
	margin: -30px 5px 0px 0px;
	float: left;
	}

.owners #main h3 + p
	{
	font-style: italic;
	margin-bottom: -5px;
	}

.owners #main h1 + p
	{
	font-weight: bold;
	font-size: 14px;
	line-height: 1.3;
	}

.owners #sidebar
	{
	left: 25px;
	}

.owners #sidebar .pod
	{
	padding-bottom: 30px;		/* 	Make Room for Button		*/
	}


/*	TEAM		*/


.team #main h3
	{
	font-weight: normal;
	color: #ff9415;
	}

.team #sidebar .pod
	{
	padding-bottom: 30px;		/* 	Make Room for Button		*/
	}


	
/*	Add borders for Print Media	*/	
	
@media print

	{
	
	.pod, #navigation
		{
		border: 1px solid #CCC;
		}
	}