@import 'blueprint/screen.css';

body {
	background: #1e1e1f url('../images/body_bg.jpg') left top repeat-x;
	color: #fff;
}
a {color: #fff; cursor: pointer;}
a:hover {color: #fff;}

.wrapper {
	padding-top: 30px;
	background: url('../images/dropdown_shadow.jpg') center top no-repeat;
}
.wrapperViewIdea {
	padding-top: 30px;
	background: url('../images/dropdown_shadow_idea.jpg') center top no-repeat;
}
.idea {display: none;}

.container {

}

.banner {
	text-align: center;
}

	#loading_idea,#loading_latestIdeas,#loading_latestIdeasMore,#loading_popIdeas,#loading_popIdeasMore {
		display: none;
		clear: both;
	}


.dropdowns {
	height: 44px;
	margin-top: 21px;
	margin-bottom: 14px;
	background: url('../images/dropdown_bg.gif') no-repeat;
}
.dropdowns a {display: block;}

#preidea, #sufidea, .dropdowns .plus, .dropdowns .equals {float: left;}
#preidea, #sufidea {margin: 10px 0;}
#preidea {margin-left: 10px; _margin-left: 5px;}

#preidea select, #sufidea select {width: 195px;}
#preidea select, #sufidea select, #preidea input, #sufidea input {margin: 0; font-size: 1.3em;}

#preidea_keyword, #sufidea_keyword {width: 195px; display: none;}/*#preidea_all, #sufidea_all {display: none;}*/
#preidea_keyword input, #preidea_keyword a, #sufidea_keyword input, #sufidea_keyword a {float: left;}
#preidea_keyword input, #sufidea_keyword input {width: 165px;}
.dropdowns .reset {margin-left: 5px;}

.dropdowns .plus, .dropdowns .equals {margin: 0 17px;}
.dropdowns .equals {
	width: 29px;
	height: 18px;
	margin-top: 13px;
	margin-right: 10px;
	margin-bottom: 13px;
	background: url('../images/equals.gif') no-repeat;
}
.dropdowns .equals:hover {background: url('../images/equals_hover.gif') no-repeat;}
.dropdowns .equals img {display: none;} 


.ideaOpen {display: table;}
.ideaOpen {
	margin-bottom: 20px;
	/*height: 80px;
	padding-top: 20px;*/
	background: url('../images/idea_bg.png') no-repeat;
	/*text-align: center;
	line-height: 1em;
	position: relative;*/
}
.ideaOpen .combinedIdea {
	margin-right: 12px;
	font-size: 3em;
	font-weight: bold;
	line-height: 0.8em;
}
#outer {height: 100px; width: 520px; #position: relative; overflow: hidden;}
#middle {width: 100%; text-align: center; #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;}
#inner {#position: relative; #top: -50%;}

a.btn {
	width: 31px;
	height: 16px;
	margin-top: 5px;
	margin-right: 3px;
	display: block;
	float: left;
	text-decoration: none;
}
a.btn_vote {background: url('../images/btn_vote.gif') no-repeat;}
a.btn_vote:hover {background: url('../images/btn_vote_hover.gif') no-repeat;}
.btn span {display: none;}

.ideaOpen a.btn {
	margin-top: 0;
	display: inline;
	float: none;
}
.ideaOpen .btn span {display: inline; visibility: hidden;}
.ideaOpen a.btn_flip {padding: 10px 15px; background: url('../images/btn_flip_big.gif') no-repeat;}
.ideaOpen a.btn_flip:hover {background: url('../images/btn_flip_big_hover.gif') no-repeat;}
.ideaOpen a.btn_vote {padding: 10px 12px; background: url('../images/btn_vote_big.gif') no-repeat;}
.ideaOpen a.btn_vote:hover {background: url('../images/btn_vote_big_hover.gif') no-repeat;}

h2 {
	color: #fff;
	font-weight: bold;
	font-size: 1.8em;
}
h2.rss {
	margin-right: 7px;
	float: left;
}
a.rss {
	display: block;
	float: left;
	margin-top: 9px;
}

.ideaList {
	background: url('../images/votes.gif') right 24px no-repeat;
}
.ideaList h2 {
	margin-right: 7px;
	margin-bottom: 5px;
	float: left;
}
.ideaList ul {
	margin: 0;
	position: relative;
	list-style-type: none;
	font-size: 1.3em;
}
.ideaList ul .votes {
	position: absolute;
	right: 0;
	color: #f7a52b;
	font-weight: bold;
}
.ideaList .permalink:hover {text-decoration: none;}
.ideaList .permalink:active {color: #fff;}
.moreideas {
	margin-top: 5px;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
.moreideas:hover {text-decoration: underline;}



.footer {
	margin: 25px 0;
	padding: 0;
	background-color: #29292a;
	border-top: 1px dotted #6f6f70;
	border-bottom: 1px dotted #6f6f70;
}
.footer .contain {
	margin: 0 auto;
	width: 553px;
}
.footer .links, .footer .blog, .footer .share, .footer .shareEmail {float: left;}

.footer ul.links {
	width: 100px;
	margin: 0 0 0 8px;
	padding-top: 5px;
	list-style-type: none;
}
.footer ul.links li {

}
.footer ul.links a {
	padding: 5px;
	padding-left: 10px;
	display: block;
	color: #f7a52b;
	text-decoration: none;
}
.footer ul.links a:hover {
	/*background-color: #212122;*/
	text-decoration: underline;
}

.footer .blog {
	width: 221px;
	margin: 4px 10px 10px 10px;
}

.footer a.rss {margin-top: 11px;}

.footer .share {
	width: 184px;
	margin: 15px 0;
	float: right;
	background: url('../images/email_arrow.gif') right top no-repeat;
}
.footer .shareEmail {
	width: 184px;
	margin: 15px 0;
	float: right;
}
.footer .shareEmail .email {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
}
.footer .email {
	margin-bottom: 21px;
}
.footer .email input {
	width: 156px;
	padding: 5px;
	margin: 0;
	border: 0;
	background-color: #eaeaea;
	font-size: 1em;
	color: #333;
	font-weight: bold;
}
.footer .email a {
	height: 24px;
	margin-top: 7px;
	margin-right: 18px;
	display: block;
	background: url('../images/email_btn_bg.gif') repeat-x;
	border: 1px solid #636364;
	color: #f7a52b;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
}
.footer .email a:hover {
	/*background: url('../images/email_btn_bg_hoverz.gif') repeat-x;
	text-decoration: underline;*/
	border-color: #929292;
}




/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
/* margin-top:1em;*/
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 /*border-bottom: 1px solid #778;*/
/* font: bold 12px Verdana, sans-serif;*/
 
 	width: 100px;
	margin: 0 0 0 8px;
	padding-top: 5px;
	float: left;
	text-align: left;
}

ul.tabbernav li
{
 list-style: none;
/* margin: 0;
 display: inline;*/
}

ul.tabbernav li a
{
	color:#F7A52B;
	display:block;
	padding:5px 5px 5px 10px;
	text-decoration:none;
}

ul.tabbernav li a:link { color: #F7A52B; }
ul.tabbernav li a:visited { color: #F7A52B; }

ul.tabbernav li a:hover
{
	text-decoration: underline;
}

ul.tabbernav li.tabberactive a
{
	/*background-color: #212122;*/
	text-decoration: underline;
}

ul.tabbernav li.tabberactive a:hover
{
	text-decoration: underline;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 text-align: left;
/* border:1px solid #aaa;
 border-top:0;*/

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
 width: 221px;
 padding: 4px 10px 0 10px;
 float: left;
}
.tabberlive .tabbertab h2 {margin-bottom: 10px; color: #eaeaea;}
.tabberlive .tabbertab h2 a {color: #eaeaea; text-decoration: none;}
.tabberlive .tabbertab h2 a:hover {text-decoration: underline;}

.tabberlive .tabbertab h3 {
	margin: 0 0 5px 0;
	color: #F7A52B;
	font-size: 1.3em;
	font-weight: bold;
}

.tabberlive .tabbertab a {color: #F7A52B; text-decoration: none;}
.tabberlive .tabbertab a:hover {text-decoration: underline;}

.tabberlive .tabbertab p {margin-bottom: 10px; color: #eaeaea;}