/* Made with Joy by What Cheer */

/* ////////// Submit Idea ////////// */

.submitidea {
	padding: 10px 0px;
	}

.submitidea a {
	display: block;
	width: 220px;
	margin: auto;
	padding: 12px 12px 12px 45px;
	background: url(/images/interface/icons/submitidea.png) no-repeat;
	font-size: 22px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #F90;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	}
.submitidea a:hover {
	background-color: #F55700;
	color: #FFF;
	text-decoration: none;
	}



/* ////////// Display ////////// */

.topicpage .display {
	border-top: 4px solid #DDD;
	padding-top: 5px;
	height: 28px;
	}
	
.topicpage .display h3 {
	display: block;
	padding: 2px 0px 5px 22px;
	background: url(/images/interface/icons/idea_small.png) no-repeat;
	float: left;
	font-size: 16px;
	text-transform: uppercase;
	color: #F90;
	}

.topicpage .display p {
	display: block;
	padding: 5px 10px 5px 20px;
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	color: #999;
	font-weight: bold;
	}

.topicpage .display ul {
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 20px;
	float: left;
	}
.topicpage .display li { 
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	}
.topicpage .display li a {
	background-color: #BBB;
	display: block;
	padding: 3px 7px;
	color: #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	}
	.topicpage .display li a:hover { background-color: #666;}
.topicpage .display li.random a {
	background-image: url(/images/interface/icons/random-refresh.png);
	background-repeat: no-repeat;
	padding-left: 17px;
	}
.topicpage .display li.on a {
	background-color: #F90;
	}


/* ////////// Idea ////////// */

.idea-list { border-top: 2px solid #DDD; }


/* ////////// Topic Details ////////// */

.topic-details { color: #333; }

.topic-details h4 {
	font-size: 26px;
	line-height: 24px;
	padding-bottom: 10px;
	}

.topic-details .topic-image {
	float: right;
	padding: 0px 0px 15px 15px;
	}
.topic-details .topic-image img {
	border: 4px solid #F1F0E9;
	padding: 6px;
	width: 200px;
	/*height: 150px;*/
	height: auto; /*added by alex with the intention of allowing the image to expand instead of be fixed to avoid having to crop.*/
	}

/* submit idea */

.idea-submit-title input {
	width: 95%; *width:80%;
	}
.idea-submit-youtube input {
	width: 95%; *width:80%;
	}

.idea-submit-delete {float: right; padding-right: 20px;}
.idea-submit-delete a { color: #FF0000;}

h2.idea-submit-title {
	border-top: 6px solid #DDD;
	padding-top: 5px;
	}

.idea-submit-media span.optional { 
	font-size: 12px;
	color: #999;
	font-style: italic;
	font-weight: normal;
	}
#counter-container {
	float: right;
	font-weight: bold;
	color: #666;
	padding-right: 30px;
	padding-top: 10px;
	}
	#counter-container.over { color: red; }	
.submitideapage .content h3 {
	padding-top: 10px;
	}

.idea-submit-description textarea {
	clear: both;
	}