/* Australian Youth Forum CSS - Ideas Board
   Updated: Monday 22.09.08
   Author:  Adrian Redman
            
   ----------------------------------------------------*/

#Homecolumn1 {
	width: 389px;
	/*background:#009fdb;*/
	position:relative;
	padding-bottom:.5em;
	margin-right:1em;
	float:left;
	}   

#Homecolumn2 {float:left;
	/*border:solid 1px white;*/
	width:	331px	
		}	
  
  
#column1 {
	width: 503px;
	/*background:#009fdb;*/
	position:relative;
	padding-bottom:.5em;
	margin-right:1em;
	float:left;
	} 
#column1 ul {padding:0 .2em 0 .2em;}	

#column1 h3 {padding:0 .2em 0 .2em;}	

#column1 h2 {padding:0 .2em 0 .2em;}	

#column1 p {padding:0 .2em 0 .2em;}	

#column2 {
	float:left;
	/*border:solid 1px white;*/
	width:	210px;	
	margin-top: 0.5em /* to cancel out the mystery .5em added to column1 */
	}	
		
#column2 h3{
padding:0 .2em ; margin:0 auto .25em;
}

/* Coloured headings */
#column2 h3.blue{
	background: #009fdb;
}
#column2 h3.orange{
	background: #d45102;
}
#column2 h3.green{
	background: #31a549;
}
#column2 h3.pink{
	background: #c43a95;
}
#column2 h3.red{
	background: #dblf32;
}
#column2 h3.purple{
	background: #85499c;
}


.bigButton {
	margin-bottom: .4em;
}


#ideasList #column2 a.button:hover, #ideasList #column2 a.button:active {
	background-color: #333;
	border: none;
}

.bigNumber {
	font-size: 2em;
	font-weight:bold;
}


#ideasList {
	margin-top: .5em;
}


/* ------------------- Idea Styles */
#column1 ul li{
display:block;
border-top: 4px #c43a95 solid;
margin-bottom:.2em;
list-style:none;
clear:both;
}

#column1 ul li p{
	padding: .2em;
}

#column1 p.postData {
	font-size: .8em;
	color: #ccc;
	margin: 0;
}

/* --------------------#description */

#description {
padding-left: 225px;
padding-right: 15px;
}

#infoPanel {
	float: left;
	width: 210px;
	padding: 2px;
	margin: 0 0.2em .5em 0;
	border-right: 1px #777 solid;
}

/* -------------------- END #description */
	
#instructions {
	clear:both;
}

#sortBar{
	clear:both;
	margin-top: .5em;
}
	
	/* ------------------- #voteBox */
	
	.voteBox{
		padding: 0 .2em;
		background: #c43a95;
		float:right;
		margin: 0 0 .5em 1em;
		text-align:right;
		display:inline;
	}
	.voteBox input.voteUp {
		position: relative;
		width: 34px;
		height: 35px;
		background: #c43a95 url('images/buttons_voteSprite.gif') no-repeat 0px -35px;
		margin: .2em;
	}
	.voteBox input.voteDown {
		position: relative;
		width: 34px;
		height: 35px;
		background: #c43a95 url('images/buttons_voteSprite.gif') no-repeat -34px -35px;
		margin: .2em;
	}
	.voteBox input.voteUp:focus  {
			background: #c43a95 url('images/buttons_voteSprite.gif') no-repeat 0px -70px;
	}
	.voteBox input.voteUp:hover  {
			background: #c43a95 url('images/buttons_voteSprite.gif') no-repeat 0px -70px;
	}
	.voteBox input.voteDown:focus {
			background: #c43a95 url('images/buttons_voteSprite.gif') no-repeat -34px -70px;
	}
	.voteBox input.voteDown:hover {
			background: #c43a95 url('images/buttons_voteSprite.gif') no-repeat -34px -70px;
	}
	.voteBox input.voteUp:visited{
			background: #c43a95 url('images/buttons_voteSprite.gif') no-repeat 0px 0px;
	}
	.voteBox input.voteDown:visited{
			background: #c43a95 url('images/buttons_voteSprite.gif') no-repeat -34px 0px;
	}
	
	.voteBox input.inactiveup {
		
		position: relative;
		width: 34px;
		height: 35px;
		background: #c43a95 url('images/buttons_voteSprite.gif') no-repeat 0 0;
		margin: .2em;
		}
	 .voteBox input.inactive {
		
		position: relative;
		width: 34px;
		height: 35px;
		background: #c43a95 url('images/buttons_voteSprite.gif') no-repeat -34px 0;
		margin: .2em;
	}
	
	.voteBox p.bigNumber {
		margin: 0;
		padding: 0 .5em .5em;
		line-height:0px;
		display:inline;
	}
	.voteBox p.bigNumber span {
		display:inline;
		position:relative;
		top: -.4em;
		font-size: 2em;
	}

	.voteBox p.voteStatus {
		margin: .3em 0 .1em;
		clear:both;
		border-top: 1px #fff solid;
		font-size: .9em;
	}
	
	

	
	/* ------------------- END #voteBox */


/* ------------------- END Idea Styles */

/* ------------------- #Instructions */

#instructions {
	background: #333 url('images/instructionsBG.jpg') no-repeat;
	float: left;
	width: 100%;
	padding-top: .2em;
}
#instructions #col3, #instructions .col3  {
	width: 234px;
	margin: 0 3px 0 8px;
	display:inline;
	float: left;
}


#instructions #col2  {
	width: 234px;
	margin: 0 3px;
	display:inline;
	float: left;
}


#instructions #col1  {
	width: 234px;
	margin: 0 3px;
	display:inline;
	float: left;
}
#instructions div h3 {
	margin: 0;
	color: #d45102;
}


/* ------------------- END #instructions */

/* ------------------- #sortBar */
#sortBar {
   
   /*border: solid #3a3a3a;
   border-width: 0 0 1px;
   position: relative;*/
   /*background: #c43a95;*/
   height: 2.5em;
   line-height: 1em;
   font-size:.89em;
   width: 100%;
   
}
#sortBar ul {
   list-style: none;
   margin: 0; padding: 0;
   text-align: center;
   border-bottom: #c43a95 1px solid;
   height: 2.3em;
}

#sortBar ul li {
   float: left;
   background:url('images/tabRight.gif') no-repeat right top;
   margin: 0 .5em;
   padding: 0;
}
#sortBar ul li.activeTab {
   float: left;
   background:url('images/tabRightActive.gif') no-repeat right top;
   margin: 0 .5em;
   padding: 0;
}
#content #sortBar li a {
   display: block;
   padding: 5px 15px;
   background: url('images/tabLeft.gif') no-repeat left top;
   text-decoration: none;
}
#content #sortBar li.activeTab a {
   display: block;
   padding: 5px 15px;
   background: url('images/tabLeftActive.gif') no-repeat left top;
   text-decoration: none;
}


#sortBar li a:active, #sortBar li a:hover  {
   color: #fff;
   background-color: transparent;
   border-bottom: none;
}


/* ------------------- END #sortBar */


/* ------------------- .topicHolder */
.topicHolder{
	padding: 0 .6em 1.5em 0;
}

.topicHolder a h2 {
	background: #c43a95;
	padding: .2em .5em;
	margin-bottom: 0;
	color: #fff;
	text-decoration:none;
}

.topicHolder a h2:hover {
	background-color:#c43a95;
	text-decoration:none;
}
.topicHolder img {
	float: left;
	margin: 1em 1em 1em 0;
}
.topicHolder .topicData {
	display: block;
	height: 1.5em;
	color: #fff;
	text-align: right;
	border-bottom: 1px #c43a95 solid;
	border-right: 1px #c43a95 solid;
	padding: .6em;
	margin: 0 0 .5em;
	font-size:.9em;
}
.topicHolder p {

}
.topicHolder p.discussNow {
	text-align:right;
	background: #000;
}

#content .topicHolder p.discussNow a {
	margin-right: 1.5em;
	color: #fff;
	text-decoration:none;
}

/* ------new styles for new format of ideasList ---- */

.topic {
	float: left;
	width: 210px;
	padding: 0;
	margin: 0 2em 10px 0;
	height: 410px; 
	/*background-color: #000;*/
}

.topicHolder img {
	margin: 0;
	padding: 0;
	float: none;
}
.topicHolder .topic a:hover {
	border: none!important;
}


.topicHolder .topicData {
	color: #fff;
	text-align: center;
	border: none;
	margin: 0;
	font-size:.9em;
	padding: 0;
}
.topicHolder a h2 {
margin-top: 1.2em;
}


/* ------------------- Misc fixes */
#column2 a:hover; .column2 a:active {
	background-color:#333;
}
.daysToGo {
	text-align: center;
	font-size:.8em;
}
/* ------------------- END Misc fixes */
/* ------- Frontpage ajax flipper ------ */
#ideaHolder{
	position: relative;
	left: 0;
/*	height: 480px; /* dodgy fix for the idea divs losing their height when they are positioned absolutely. */
}
#ideaHolder div.idea{
	position:absolute;
	left: 0;
	top: 0;
}


/* ------- END Frontpage ajax flipper ------ */