/*
	Filename         : 	home.css
	Created by       : 	Ashley Nolan
	Created          : 	26/05/2010
	Last Updated     : 	26/05/2010
	Comments         : 	Styling for RSPCA Australia - Political Animal - homepage specific styling
*/

/*  Style definitions specific to homepage
************************************************************************************************************************/

h2 {
	color:#000;
}
h3 {
	font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
	font-size:2.5em;
	font-weight:bold;
	line-height:1.2em;
	letter-spacing:-1.5px;
}

p {
	font-size:1.3em;
	color:#000;
}

#banner {
	width:982px;
	margin:0 auto;
	height:472px;
	overflow:hidden;
	position:relative;
	top:-8px;
}
	#banner .hidden {
		display:none;
	}
	.mainBgImg {
		position:absolute;
		right:0px;
		top:-10px;
		float:left;
		z-index:1;
		
	}
	#banner .text {
		margin-left:25px;
	}
	#banner h2 {
		float:left;
		position:relative;
		font-size:2.5em;
		font-weight:bold;
		letter-spacing:-1px;
		font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
		color:#fff;
		background:#fff; /*while heading is off see js file*/
		padding:4px 6px;
		margin:40px 0 16px;
		z-index:2;
	}
	#banner h3 {
		position:relative;
		font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
		font-size:5.5em;
		line-height:1em;
		letter-spacing:-5px;
		font-weight:bold;
		clear:left;
		z-index:2;
		display: block;
		
		
	}
		#banner h3 a {
			color:#000;
			width:280px;
			padding: 0 46px 10px 0;
			display:block;
			float: left;
			height: 100%;
			overflow: auto;
		}
			#banner h3 a:hover {
				color:#1DA6E5;
				text-decoration:none;
			}
		.issue1 h3 a ,
		.issue5 h3 a {
			background:url('../images/arrow_right_bannerGreen.gif') no-repeat right top;
		}
			#wrapper .issue1 h3 a:hover,
			#wrapper .issue5 h3 a:hover {
				color:#B5C718;
			}
		.issue2 h3 a {
			background:url('../images/arrow_right_bannerBlue.gif') no-repeat right top;
		}
			#wrapper .issue2 h3 a:hover {
				color:#33AFE8;
				background-color: inherit;
			}
		.issue3 h3 a {
			background:url('../images/arrow_right_bannerOrange.gif') no-repeat right top;
		}
			#wrapper .issue3 h3 a:hover {
				color:#FEA000;
			}
		.issue4 h3 a {
			background:url('../images/arrow_right_bannerPink.gif') no-repeat right top;
		}
			#wrapper .issue4 h3 a:hover {
				color:#FF2E98;
			}
		
	#banner p {
		position:relative;
		clear:left;
		font-size:1.8em;
		width:300px;
		z-index:2;
	}
		#banner .text p{	font-size: 2em;	width: 300px;	}

/*  Banner Navigation styling
************************************************************************************************************************/
		
#bannerNavWrap {
	position:relative;
	z-index:2;
	overflow:hidden;
	height:1%;
	margin-top:-160px;
}
	#bannerNavWrap .bannerNav {
		width:750px;
		margin:0 auto;
		overflow:hidden;
		height:1%;
		padding:0 0 22px 100px;
	}
		#bannerNavWrap .bannerNav li {
			float:left;
			display:inline;
			margin:48px 30px 0 0;
			width:16%;
		}
			#bannerNavWrap .bannerNav li a {
				font-size:2em;
				line-height:1.1em;
				color:#fff;
				background-color: inherit;
				font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
				font-weight:bold;
				letter-spacing:-2px;
				padding:10px 10px 10px;
				display:block;
				position:relative;
				z-index:10;
				height:76px;
			}
			
		#bannerNavWrap .bannerNav li.active {
			margin-top:18px;
		}
			#bannerNavWrap .bannerNav li.active a {
				padding-bottom:40px;
			}
		
		#bannerNavWrap .bannerNav li.bn1,
		#bannerNavWrap .bannerNav li.bn5
		{
			background:url('../images/bannerNav_green.gif') repeat;
		}
		#bannerNavWrap .bannerNav li.bn2 {
			background:url('../images/bannerNav_blue.gif') repeat;
		}
		#bannerNavWrap .bannerNav li.bn3 {
			background:url('../images/bannerNav_orange.gif') repeat;
		}
		#bannerNavWrap .bannerNav li.bn4 {
			background:url('../images/bannerNav_pink.gif') repeat;
		}
	
	#bannerNavWrap .bg {
		background:url('../images/bannerNav_bg.png') no-repeat center bottom;
		z-index:4;
		width:100%;
		height:123px;
		position:absolute;
		bottom:0;
	}
	
	
/*   Homepage boxes setup */

div#contentLeft {
	float:left;
	width:570px;
}
div#contentRight {
	float:right;
	width:412px;
	margin-top: -50px;
}

/*   Poll
************************************************************************************************************************/

.jaggedBox {
	float:left;
	display:inline;
	position:relative;
	z-index:10;
	

}
	.jaggedBox h3,
	.jaggedBox p {
		padding:0 4px 4px;
	}

.poll {
	background:url('../images/box_jaggedBottom_poll.png') no-repeat center bottom;
	width:570px;
		margin-bottom:60px;
		padding-bottom: 40px;
}
	.poll .jaggedBoxBottom {
		background:url('../images/box_jaggedTop_poll.png') no-repeat center top;
		}
	.poll .jaggedBoxBottom h3,
	.poll .jaggedBoxBottom p {
		padding:0 20px 0 32px;
	}
	.poll .jaggedBoxBottom h3 {
		padding-top:32px;
	}
	
	.poll ul {
		background:url('../images/poll_bg_issue1.png') no-repeat left top;
		margin:0 0 0 24px;
		padding:22px 20px;
		overflow:hidden;
		height:1%;
		position:relative;
	}
	.poll .issueTheme1 ul {
		background:url('../images/poll_bg_issue1.png') no-repeat left top;
	}
	.poll .issueTheme2 ul {
		background:url('../images/poll_bg_issue2.png') no-repeat left top;
	}
	.poll .issueTheme3 ul {
		background:url('../images/poll_bg_issue3.png') no-repeat left top;
	}
	.poll .issueTheme4 ul {
		background:url('../images/poll_bg_issue4.png') no-repeat left top;
	}
		.poll ul li {
			float:left;
			width:100%;
			clear:left;
		}
			.poll ul li label {
				float:left;
				width:150px;
				font-size:1.4em;
				margin-right:10px;
				padding-top:5px;
				min-height:44px;
				height:auto !important;
				height:44px;
				border-top:1px solid #e4e4e4;
			}
			.poll ul li#choice1 label {
				border:none;
			}
			
			.poll li.radio input {
				margin-top:10px;
			}
				span.radio {
					background:url('../images/poll_radio1.png') no-repeat left top;
					width:49px;
					height:44px;
					margin-top:2px;
					display:block;
					float:left;
					cursor:pointer;
				}
				.poll .issueTheme1 span.radio {
					background:url('../images/poll_radio1.png') no-repeat left top;
				}
				.poll .issueTheme2 span.radio {
					background:url('../images/poll_radio2.png') no-repeat left top;
				}
				.poll .issueTheme3 span.radio {
					background:url('../images/poll_radio3.png') no-repeat left top;
				}
				.poll .issueTheme4 span.radio {
					background:url('../images/poll_radio4.png') no-repeat left top;
				}
				
		.poll li.submit {
			float:right;
			position:absolute;
			bottom:120px;
			right:30px;
			width:226px;
			height:79px;
		}
			.poll li.submit input {
				background:url('../images/poll_vote1.png') no-repeat left 7px;
				border:0;
				color:#fff;
				background-color: inherit;
				font-size:0em;
				text-indent:-99999px;
				text-align:left;
				float:right;
				width:226px;
				height:79px;
				margin-top:0;
				padding:0;
				cursor:pointer;
			}
				.poll li.submit input:hover {
					background:url('../images/poll_vote1.png') no-repeat right top;	
				}
			
			.poll .issueTheme1 li.submit input {
				background:url('../images/poll_vote1.png') no-repeat left top;
			}
				.poll .issueTheme1 li.submit input:hover {
					background:url('../images/poll_vote1.png') no-repeat right top;
				}
			.poll .issueTheme2 li.submit input {
				background:url('../images/poll_vote2.png') no-repeat left top;
			}
				.poll .issueTheme2 li.submit input:hover {
					background:url('../images/poll_vote2.png') no-repeat right top;
				}
			.poll .issueTheme3 li.submit input {
				background:url('../images/poll_vote3.png') no-repeat left top;
			}
				.poll .issueTheme3 li.submit input:hover {
					background:url('../images/poll_vote3.png') no-repeat right top;
				}
			.poll .issueTheme4 li.submit input {
				background:url('../images/poll_vote4.png') no-repeat left top;
			}
				.poll .issueTheme4 li.submit input:hover {
					background:url('../images/poll_vote4.png') no-repeat right top;
				}
			
	.poll {
		margin-top: -50px;
	}
	.poll .poll1, .poll .poll2, .poll .poll3, .poll .poll4 {
		display: block;
		width: 570px;
		
	}
	.poll  h3, .poll   div.easypoll{
		display: none;
	}
	.poll .active h3, .poll .active .easypoll {
		display: block;
	}
	
	/* Results */
	.easypoll_bar {
		float:left;
		width:280px;
		display:block;
		background:url('../images/poll_bar1.png') no-repeat right top;
	}
	ul .hidden {
		display:none;
	}
			.easypoll_bar .easypoll_inner {
				height:37px;
				color:#fff;
				background-color: inherit;
				text-align:right;
				position:relative;
				background-image:url('../images/poll_bar1.png');
			}
				#choice1 .easypoll_bar .easypoll_inner {
					background-position:right -37px;
				}
				#choice2 .easypoll_bar .easypoll_inner {
					background-position:right -74px;
				}
				#choice3 .easypoll_bar .easypoll_inner {
					background-position:right -111px;
				}
				#choice4 .easypoll_bar .easypoll_inner {
					background-position:right -148px;
				}
				
			.poll .issueTheme2 .easypoll_bar,
			.poll .issueTheme2 .easypoll_inner {
				background-image:url('../images/poll_bar2.png');
			}
			.poll .issueTheme3 .easypoll_bar,
			.poll .issueTheme3 .easypoll_inner {
				background-image:url('../images/poll_bar3.png');
			}
			.poll .issueTheme4 .easypoll_bar,
			.poll .issueTheme4 .easypoll_inner {
				background-image:url('../images/poll_bar4.png');
			}

			.poll span.result {
				background:url('../images/poll_percent1.png') no-repeat left top;
				width:45px;
				float:left;
				display:block;
				padding:10px 0 0 0;
				height:27px;
				margin-left:12px;
				font-size:1.2em;
				font-weight:bold;
				text-align:center;
				color:#fff;
				background-color: inherit;
			}
				.poll #choice2 span.result {
					background-position:left -37px;
				}
				.poll #choice3 span.result {
					background-position:left -74px;
				}
				.poll #choice4 span.result {
					background-position:left -111px;
				}
				
			.poll .issueTheme2 span.result {
				background:url('../images/poll_percent2.png') no-repeat left top;
			}
			.poll .issueTheme3 span.result {
				background:url('../images/poll_percent3.png') no-repeat left top;
			}
			.poll .issueTheme4 span.result {
				background:url('../images/poll_percent4.png') no-repeat left top;
			}
	
	
	
.stateElections {
	background:url('../images/box_jaggedBottom_elect.png') no-repeat center bottom;
	width:412px;
	margin-bottom: 50px;

}
	.stateElections .jaggedBoxBottom {
		background:url('../images/box_jaggedTop_elect.png') no-repeat center top;
		margin-bottom:28px;
		min-height:330px;
		height:auto !important;
		height:330px;
	}
	.stateElections .jaggedBoxBottom h3,
	.stateElections .jaggedBoxBottom p,
	.stateElections .jaggedBoxBottom .boxText {
		padding:0 20px 0 32px;
	}
	.stateElections .jaggedBoxBottom h3 {
		padding-top:32px;
	}
	
	.stateElections .jaggedBoxBottom .boxText {
		background:url('../images/home_stateBg.gif') no-repeat left top;
		margin:6px 20px 0 30px;
		padding:20px 10px 20px 25px;
	}
		.stateElections .jaggedBoxBottom .boxText h4 {
			
			height:74px;
			font-size:2em;
			font-family:"Lucida Sans", Arial, Helvetica, sans-serif;
			letter-spacing:-1.5px;
		}
		.stateElections .jaggedBoxBottom .boxText .elec1 {
			background:url('../images/home_state_button1.gif') no-repeat left top;
			width:299px;
		}
		.stateElections .jaggedBoxBottom .boxText .elec2 {
			background:url('../images/home_state_button2.gif') no-repeat left 4px;
			width:303px;
		}
		.stateElections .jaggedBoxBottom .boxText .elec1:hover {
			background-position:right top;
		}
		.stateElections .jaggedBoxBottom .boxText .elec2:hover {
			background-position:right 4px;
		}
			.stateElections .jaggedBoxBottom .boxText a {
				background:url('../images/arrow_right_white.png') no-repeat 268px 25px;
				color:#fff;
				background-color: inherit;
				display:block;
				font-weight:bold;
				padding:18px 40px 0 10px;
				text-decoration:none;
			}
				.stateElections .jaggedBoxBottom .boxText a span {
					display:block;
					clear:left;
					font-size:14px;
					font-family:Arial, Helvetica, sans-serif;
					letter-spacing:0;
				}
	
/*   Twitter Box
************************************************************************************************************************/

#tweets {
	background:url('../images/box_jaggedBottom_twitter.png') no-repeat left bottom;
	width:559px;
	top:-50px;
}
	#tweets .jaggedBoxBottom {
		background:url('../images/box_jaggedTop_twitter.png') no-repeat left top;
		margin-bottom:27px;
		padding-bottom:4px;
	}
	#tweets h3 {
		color:#fff;
		background-color: inherit;
		padding:30px 34px 0 32px;
	}
	#tweets p.twitterLink {
		overflow:hidden;
		height:1%;
	}
		#tweets p.twitterLink a {
			float:left;
			display:block;
			font-weight:bold;
			color:#fff;
			background-color: inherit;
			padding:0 20px 0 30px;
			background:url('../images/arrow_right_whitePink_small.gif') no-repeat right 5px;
		}
	
	#tweets .boxText {
		background:url('../images/twitter_bgBottom.png') no-repeat left bottom;
		margin:0 34px 0 25px;
	}
		#tweets .boxText ul {
			padding:24px 0 5px;
			margin:0;
			width:500px;
			background:url('../images/twitter_bg.png') no-repeat left top;
			margin-bottom:15px;
		}
			#tweets .boxText ul li {
				padding-bottom:12px;
				border-bottom:1px solid #666;
				margin-bottom:12px;
			}
			#tweets .boxText ul li.last {
				padding-bottom:0;
				margin-bottom:0;
				border:0;
			}
				#tweets .boxText a {
					color:#CB1266;
					background-color: inherit;
					font-weight:bold;
				}
				#tweets .boxText p {
					color:#333;
					background-color: inherit;
					font-weight:normal;
					padding:0 20px;
				}
				#tweets .boxText .tweetTime {
					padding-top:12px;
				}

/*   Youtube Box
************************************************************************************************************************/

#ytWrapper {
	float:left;
	width:100%;
	background:url('../images/youtube_bottom.png') no-repeat left bottom;
	margin: -10px 50px 50px 70px;

}
	#ytWrapper div {
		top:0 !important;	
	}
	#ytWrapper #ytTop {
		position:relative;
		top:-30px !important;
		background:url('../images/youtube_top.png') no-repeat left top;
		display:block;
		padding:35px 0 0 30px;
		height:222px;
		min-height:222px;
	}
	
	#ytWrapper ul {
		float:left;
		width:365px;
	}
		#ytWrapper ul li {
			float:left;
			display:inline;
			margin-bottom:6px;
			margin-right:13px;
			font-size:1.2em;
			border:1px solid #fff;
		}
			#ytWrapper ul li a {
				display:block;
				color:#000;
				background-color: inherit;
				margin:0;
				line-height:0;
			}
				#ytWrapper ul li a img {
					width:45px;
				}
				#ytWrapper .videoTitle {
					color:#1A3E7C;
					background-color: inherit;
					font-weight:bold;
				}
				
	#ytWrapper img.holder {
		float:left;
		margin:-70px 0 0 29px;
	}
	#ytWrapper p {
		float:left;
		margin:-30px 10px 0 29px;
		padding:6px 0 32px;
		display:inline;
	}
		#ytWrapper a {
			color:#fff;
			background-color: inherit;
			font-weight:bold;
			margin-top:10px;
		}
		#ytWrapper .yt {
			float:left;
			display:inline;
			margin-top:-30px;
		}


/*   News
************************************************************************************************************************/
.news {
	padding: 12px 30px 10px 42px;
	background: transparent url(../images/home-newsBG.png) no-repeat 30px 0px;
	margin: 5px 0 0 0;
}
	.news li {
		margin: .5em 0 0 0;
		padding-bottom: .5em;
		border-bottom: solid 1px #D1D1D1;
		height: 100%;
		overflow: auto;
	}
	.news .last {
		border: none;
	}
			.news h4 a {
				font-size: 1.3em;
				color: #CB1266;
				font-weight: bold;
			}
		.news p {
			padding: 0 !important;
		}
		.news .posted-date {
			color: #666666;
			margin: .2em 0;
		}
		.news p {
			font-size: 1.2em;
			line-height: 1.1em !important;
		}

/*   Facebook
************************************************************************************************************************/
#facebook {
background: url(http://staging.politicalanimal.au.precedenthost.co.uk/assets/templates/images/facebook_bg.png) no-repeat 0% 8px;
top: -40px;
width: 412px;
margin-bottom: 27px;
padding-bottom: 4px;
}


#facebook .heading {
font-size: 2.5em;
font-weight: bold;
margin-bottom: 0px;
background-color: inherit;
color: white;
padding: 30px 34px 0px 32px;
}

#facebook .link {
font-weight: bold;	
background: url(http://staging.politicalanimal.au.precedenthost.co.uk/assets/templates/images/arrow_right_whitePink_small.gif) no-repeat 100% 5px;
color: white;	
font-size: 1.2em;
padding: 0px 20px 5px 32px;
}
#facebook ul {
margin: 0px 0px 15px;
padding: 24px 0px 5px;
}
 #facebook ul li {
background: none;		
border-bottom: 1px solid #666;
font-size: 1em;
margin: 0px 25px 10px;
padding: 0px 8px;
overflow: hidden;
}
 #facebook ul li p {
font-size: 1.3em;
line-height: 1.2em;
margin-bottom: 10px;
display: block;
margin-bottom: 14px;
}