/* 

Solspace made this.

Colors:
Green: 
Blue: #2975b2
Gray: 

Layout:
Width: 960px

*/

/* Reset **********************************/

h1, h2, h3, h4, h5, p{
	margin: 0px;
	padding: 0px;
}
img{
	border: none;
}

/* Typography **********************************/

p,ul{
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	color: #666;
	padding-bottom: 15px;
}
h2{
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 14px;
	color: #000;
	padding-bottom: 20px;
}
h2 small{
	font-size: 16px;
	color: #666;
}
h3{
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
h3 a{
	color: #000;
	text-decoration: underline;
}
h3 a:hover{
	color: #000;
	text-decoration: none;
}

/* Common Buttons & Links **********************************/

a{
	color: #2975b2;
	text-decoration: none;
}
a:hover{
	color: #2975b2;
	text-decoration: underline;
}
a.chisel{
	padding-left: 10px;
	background: transparent url('/images/common/chisel_gray.png') left center no-repeat;
}
a.btn_join{
	display: block;
	width: 159px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	background: url('../images/common/btn_join_cal_innovates_today.png') top left no-repeat; 
}

/* Misc **********************************/

div.padded{
	padding: 20px;
}
div.divider{
	clear: both;
	padding-top: 10px;
	margin-bottom: 25px;
	border-bottom: 1px solid #ccc;
}

/* Layout **********************************/

body{
	background: #3a3a3a url('/images/common/body_background.png') top left repeat-x;
	margin: 0px;
	text-align: center;
}

#container{
	width: 960px;
	background-color: #fff;
	text-align: left;
	margin: auto;
}

/* Header **********************************/

#header{
	position: relative;
	width: 940px;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
}
#header #logo{
	position: absolute;
	left: -60px;
	top: 0px;
	z-index: 3000;
}
#header #top{
	position: relative;
	width: 900px;
	padding: 8px 20px;
	height: 14px;
	background-color: #e1e1e1;
}
#header #top #tagline{
	margin-left: 55px;
}
#header #top #tagline p{
	padding: 0px;
	font-size: 11px;
	font-style: italic;
}
#header #top #tertiary_nav{
	position: absolute;
	top: 8px;
	right: 20px;
}
#header #top #tertiary_nav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#header #top #tertiary_nav ul li{
	float: left;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 11px;
	margin-right: 7px;
	padding-right: 7px;
	border-right: 1px solid #ccc;
}
#header #top #tertiary_nav ul li.last{
	margin-right: 0px;
	padding-right: 0px;
	border-right: none;
}
#header #top #tertiary_nav ul li a{
	color: #000;
	text-decoration: none;
}
#header #top #tertiary_nav ul li a:hover{
	color: #666;
	text-decoration: none;
}
#header #middle{
	position: relative;
	width: 940px;
	height: 77px;
	background: url('/images/common/header_middle_background.png') top left repeat-x;
	border-bottom: 3px solid #fff;
}
#header #middle #logo_type{
	margin-left: 70px;
}
#header #middle #search{
	position: absolute;
	top: 27px;
	right: 20px;
	width: auto;
}
#header #middle #search .textfield{
	float: left;
	width: 200px;
	height: 13px;
	padding: 5px;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 11px;
	color: #666;
	margin-right: 5px;
	border: none;
	background: #fff;
}
#header #middle #search .btn_search{
	float: left;
	width: 55px;
	height: 23px;
	border: none;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
	background: url('/images/common/btn_search.png') top left no-repeat;
}
#header #main_nav{
	position: relative;
	width: 940px;
	height: 40px;
	background: url('/images/common/main_nav_background.png') top left repeat-x;
}
#header #main_nav ul{
	position: absolute;
	right: 0px;
	top: 0px;
	width: auto;
	height: 40px;
	overflow: hidden;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 2px;
	background: url('/images/common/main_nav_divider.png') top left no-repeat;
}
#header #main_nav ul li{
	float: left;
	background: url('/images/common/main_nav_divider.png') top right no-repeat;
}
#header #main_nav ul li a{
	display: block;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 14px;
	color: #fff;
	padding: 12px 22px;
	margin-right: 1px;
	text-decoration: none;
}
#header #main_nav ul li.active a,
#header #main_nav ul li.active a:hover{
	color: #fff;
	background: #000;
	text-decoration: none;
}
#header #main_nav ul li a:hover{
	background: url('/images/common/main_nav_hover.png') top left repeat-x;
	text-decoration: none;
}
#header #main_nav ul li#member{
	background: none;
}
#header #main_nav ul #member a{
	margin-right: 0px;
	background: url('/images/common/main_nav_member.png') top left repeat-x;
}
#header #main_nav ul #member a:hover{
	background: url('/images/common/main_nav_member_hover.png') top left repeat-x;
}

/* Stage **********************************/

#rotate{
	position: relative;
	width: 940px;
	height: 270px;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
	border-bottom: 10px solid #fff;
	background-color: #e1e1e1;
}
#rotate img{
	margin-bottom: -4px;
}
#rotate h1 a{
	position: absolute;
	left: -20px;
	bottom: 50px;
	width: 650px;
	height: 76px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 5000;
	background: url('/images/common/stage_tag.png') top left no-repeat;
}
#rotate ul{
	position: absolute;
	left: 20px;
	bottom: 20px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	z-index: 4000;
}
#rotate ul li{
	float: left;
	margin-right: 3px;
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 11px;
}
#rotate ul li a{
	display: block;
	padding: 4px 7px;
	color: #fff;
	text-decoration: none;
}
#rotate ul li a:hover{
	color: #fff;
	text-decoration: none;
}

/* Content ***********************************/

#content_wrapper{
	width: 960px;
	overflow: hidden;
}

/* Features Wrapper **************************/

#features_wrapper{
	width: 960px;
	overflow: hidden;
	background: url('/images/common/home_features_gray_background.png') left top repeat-y;
}
#features_wrapper h2{
	padding-bottom: 0px;
}
#features_wrapper div.feature{
	float: left;
	width: 320px;
}
#features_wrapper div.feature h2{
	float: left;
	width: 320px;
	height: 35px;
	text-indent: -9999px;
	margin-bottom: 20px;
	overflow: hidden;
}
#features_wrapper #member_alert h2{
	width: 319px;
	border-right: 1px solid #fff;
	background: url('/images/common/title_member_alert.png') top left no-repeat;
}
#features_wrapper #member_alert a{
	text-decoration: none;
}
#features_wrapper #member_alert a:hover{
	text-decoration: underline;
}
#features_wrapper #issues h2{
	width: 319px;
	border-right: 1px solid #fff;
	background: url('/images/common/title_issues.png') top left no-repeat;
}
#features_wrapper #join h2{
	background: url('/images/common/title_join_cal.png') top left no-repeat;
}

/* Content Footer **************************/

#content_footer{
	width: 920px;
	padding: 20px;
	clear: both;
	overflow: hidden;
}
#content_footer #innovation_spotlight{
	float: left;
	width: 600px;
	padding-right: 20px;
}
#content_footer #innovation_spotlight #spotlight_logo{
	float: left;
	width: 127px;
	padding-right: 20px;
}
#content_footer #innovation_spotlight #spotlight_content{
	width: auto;
	padding-top: 25px;
}
#content_footer #social{
	float: left;
	width: 260px;
	padding-left: 20px;
	border-left: 1px solid #ccc;
}
#content_footer #social ul{
	list-style: none;
	padding-left: 0px;
	margin: 5px 0px 0px 0px;
}
#content_footer #social ul li{
	line-height: 30px;
	padding-left: 30px;
}
#content_footer #social ul li.last{
	padding-bottom: 0px;
}
#content_footer #social ul li.twitter{
	background: url('/images/common/icons/twitter.png') left center no-repeat;
}
#content_footer #social ul li.facebook{
	background: url('/images/common/icons/facebook.png') left center no-repeat;
}
#content_footer #social ul li.linkedin{
	background: url('/images/common/icons/linkedin.png') left center no-repeat;
}
#content_footer #social ul li.rss{
	background: url('/images/common/icons/rss.png') left center no-repeat;
}
#content_footer #social ul li.dailykos{
	background: url('/images/common/icons/dailykos.png') left center no-repeat;
}

/* Footer **************************/

#footer{
	width: 920px;
	padding: 10px 20px;
	text-align: left;
	margin: auto;
}