/*************************************************************************
	Workplace Giving / Design Culture
	MODULE: 	home.css
	PURPOSE:	Specific Home Page rules
*************************************************************************/

/* Auto float clearing for compliant browsers
*************************************************************************/
#homeintro:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/* Homepage - Intro Panel
*************************************************************************/
#homeintro {
	position:relative;
	min-height:352px;
	background:#D70C8C;
	color:#FFF;
}
#homeintro b {
	position:absolute;
	right:0px; top:0; width:8px; height:8px;
	display:block;
	background:url(img/bg-sprites.png) -65px 0 no-repeat;	
	font-size:0;
}
#homeintro img {
	display:block;
	float:left;
	margin:0;
}
#homeintro .wrap {
	float:left;
	margin:0;
	width:328px;
	color:#FFF;
}
#homeintro .textarea {
	padding:30px 0 0 0;
	margin:0;
	min-height:224px;
}
#homeintro h1 {
	font-size:2.80em;
	line-height:35px;
	margin:-10px 30px 15px;
	color:#FFF;
}
#homeintro h2 {
	font-size:1.25em;
	margin:0 30px 5px;
}
#homeintro p {
	margin:0 30px;
}
#homeintro #home-startgiving {
	clear:both;
	display:block;
	position:relative;
	height:50px; width:328px;
	padding:23px 0;
	background:#B8097D;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
}
#homeintro #home-startgiving span {
	display:block;
	width:164px;
	height:50px;
	margin:0 auto;
	background:#0099CC;
	line-height:50px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;		
}
#homeintro #home-startgiving b {
	display:block;
	position:absolute;
	top:0; left:0;
	height:99px; width:328px;
	background:url(img/button-home-startgiving.png) no-repeat;
}
#homeintro a,
#homeintro a:visited {
	color:#FFF;
}
#homeintro a:hover,
#homeintro a:hover:visited {
	text-decoration:underline;
}
#homeintro .editlink {
	position:absolute;
	right:10px;	top:10px;
	text-align:right;
	margin:0;
}

/* Homepage - Twitter
*************************************************************************/
#latesttweet {
	width:226px;
	float:left;
	margin:20px 0 0 0;
	min-height:150px;
	background:#E2EDFD url(img/bg-tweet.png) left bottom no-repeat;
}
#latesttweet i {
	width:226px;
	display:block;
	height:10px;
	font-size:0;
	background:url(img/bg-tweet.png) left top no-repeat;
}
#latesttweet .wrap { 
	padding:0px 12px 10px;
	color:#333;
	margin:0;
	font-weight:bold;
	position:relative;
	font-size:0.9em;
}
#latesttweet .wrap p {
}
#latesttweet small {
	display:block;
	margin:-2px 0 0 0;
	color:#666;
	font-size:0.9em;
}
#latesttweet small b {
	display:inline-block;
	height:21px; width:28px;
	margin:0 0 0 7px;
	vertical-align:bottom;
	background:url(img/bg-sprites.png) -73px 0 no-repeat;	
	font-size:0;
}
#latesttweet #twitle {
	display:block;
	text-decoration:none;
	line-height:1em;
	font-weight:bold;
	margin:0 0 7px;
}
#latesttweet #twitle b {
	display:inline-block;
	height:16px; width:16px;
	margin:0 5px 0 0;
	vertical-align:middle;
	background:url(img/bg-sprites.png) -101px 0 no-repeat;	
	font-size:0;
}

/* Widget styling */

.twitter-timestamp {
	display:block;
	margin:0;
	color:#666;
	font-weight:normal;
}
.twitter-timestamp abbr {
	border:none;
}


/* Homepage - Max your Tax
*************************************************************************/
#maxtax {
	float:left;
	width:718px;
	height:150px;
	overflow:hidden;
	margin:20px 0 0 20px;
}
#maxtax h2 {
	color:#5F0050;
	font-size:2.40em;
	line-height:1em;
	margin:0 0 15px;
}
#maxtax .left  {
	width:280px;
	font-size:1.2em;	
	font-weight:bold;
	line-height:normal;
}
#maxtax .right {
	width:245px;
	font-size:1.2em;	
	font-weight:bold;
	line-height:normal;	
	text-align:left;
	float:left;
	margin:-2.4em  0 0 130px;
}
#maxtax .right .button,
#maxtax .right .button:hover,
#maxtax .right .button:visited,
#maxtax .right .button:visited:hover {
	float:none;
	width:180px;
	height:35px;
	margin:15px 0 0 5px;
}
#maxtax .right .button b {
	left:-10px;right:-10px;
	padding:5px 10px;
}
#maxtax p  {
	margin:0;
}

/* Homepage - Columns
*************************************************************************/
#column1,#column2,#column3 {
	float:left;
	width:226px;
}
#column1 {
	clear:both;
	margin:10px 0 0;
}
#column2 {
	margin:18px 20px 0;
}
#column3 {
	margin:18px 0 0 0;
}
#column1 img {
	display:block;
	margin:0 0 12px 0;
}
/* Homepage - Panel Overrides
*************************************************************************/
#column1 .panel,
#column1 .panel b {
	background:none !important;
	padding:0;
}
#column2 p,
#column3 p  {
	font-size:0.90em;	
}
#column2 #giving-sponsors {
	float:none;
	width:auto;
	min-height:300px;
	margin:0;
	padding:0 20px 10px;	
	background:url(img/bg-panel.png) left bottom no-repeat;	
}
#column2 #giving-sponsors b {
	background:url(img/bg-panel.png) left top no-repeat;		
}
#column2 #giving-sponsors h3 {
	font-family:Tahoma,Arial,"Helvetica Neue","Helvetica",sans-serif;	
}



/* Homepage - Latest News
*************************************************************************/
#latestnews {
	width:226px;
	float:left;
	margin:20px 0 0 20px;
}
#latestnews h2 {
	color:#333;
	line-height:1.2em;
	font-size:1.5em;
}
#latestnews h2 a,
#latestnews h2 a:visited {
	color:#666;
	font-size:0.65em;
	font-weight:normal;
	float:right;
	text-decoration:none;
	margin:0;
}
#latestnews h2 a:hover,
#latestnews h2 a:visited:hover {
	color:#D70C8C;
}
#latestnews h2 a b {
	display:inline-block;
	height:16px; width:16px;
	margin:0 0 0 5px;
	vertical-align:middle;
	background:url(img/bg-sprites.png) -117px 0 no-repeat;	
	font-size:0;
}
#latestnews .newsitem {
	padding:0 0 15px;
	margin:0 0 15px 0;
	border-bottom:1px solid #CCC;
}
#latestnews .newsitem p {
	margin:0;
	line-height:1.4em;
}
#latestnews .newsitem h3 {
	font: bold 1.2em/1.2em Tahoma,Arial,"Helvetica Neue","Helvetica",sans-serif;
	margin:0 0 7px 0;
}
#latestnews .newsitem h3 a,
#latestnews .newsitem h3 a:visited {
	text-decoration:none;
}
#latestnews .newsitem small {
	display:block;
	font-size:1em;
	font-weight:bold;
	color:#666;
	margin:5px 0 10px;
}


/* Homepage - Polls
*************************************************************************/
#column3 #polls h3 {
	margin:0 0 10px 0;
	color:#D70C8C;
}
#column3 #polls p {
	font-size:1em;
	line-height:1.4em;
	margin:0 0 10px 0;
}
#column3 #polls form {
	padding:0;
} 
#column3 #polls input {
	margin:3px 5px 0 3px;
	float:left;
	display:block;
	width:auto;
}
#column3 #polls label {
/*
	margin:0 0 7px 0;
	float:left;
	display:block;
	width:160px;
*/
}
#column3 #polls button {
	display:block;
	width:80px;
	height:36px;
	padding:0 0 4px;
	margin:0 auto 10px;
	-khtml-border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	font-size:1.2em;
	background:url(img/bg-button-votetext.png);
}
#column3 #polls button span {
	color:#FFF;
	position:absolute;
	left:-1000em;
}