/*
 * DO NOT PUT ANYTHING NEW IN HERE
 */

body {
	font-family: "Lucida Grande", "Helvetica Neue", Arial, sans-serif;
	font-size: 1em;
	line-height: 1.3;
	color: #333;
}
h1, h2, h3, h4, h5 {
	font-weight: bold;
	letter-spacing: -1px;
}
h1 {
	color: #000;
	font-size: 200%;
}
h2 {
	color: #000;
	font-size: 150%;
}
h3 {
	font-size: 125%;
	color: #999;
}
h5 {
	font-size: 90%;
	color: #999;
}
.poll-cell .poll-label .poll-link {
	font-weight: bold;
	color: #00aeef; /* 00bff3 */ /* 31c4f5 */
    color:black;
    text-decoration: underline;
	letter-spacing: -1px;
}

a.popular-link {
    color:#333;
    text-decoration: none;
}

a:hover, a.popular-link:hover {
	color: #80ceff;
	text-decoration: none;
}
.poll-cell { cursor:pointer; border:1px solid transparent; }
.poll-link { text-decoration:none; } 

.poll-cell:hover .poll-label .poll-link {
	color: #80ceff;
	text-decoration: none;
}
.poll-cell:hover .poll-label .poll-link {
	color: #80ceff;
	text-decoration: none;
}
.poll-cell:hover {
    /*background-color:#eee;*/
    border:1px solid #bbb;
}

/* header, footer */

#footer-wrapper {
	text-align: center;
}
#footer, #footer a {
	color: #a67c52;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	color: #c69c6d;
}

/* content */

strong { font-weight:bold; }

#content-wrapper {
	background-color: #fff;
	border: 1px solid #f0c000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* content, logo, login, menu, submenu, pagination */

.logo {
	display: block;
	width: 178px;
	height: 66px;
	background: transparent url(/images/logo.png) no-repeat scroll 0 0;
	padding: 0;
}

a.login {
	display: block;
	width: 150px;
	height: 22px;
	background: transparent url(/images/signin_twitter.png) no-repeat scroll 0 0;
	padding: 0 0;
}
a.login:hover {
	background-position: 0 -24px;
}
a.login:active {
	background-position: 0 -48px;
}

.menu li {
	display: inline;
	line-height: 35px;
}
.menu a {
	color: #a67c52;
	text-decoration: none;
	background-color: #fff666;
	padding: 4px 8px;
	border: 1px solid #f0c000;
}
.menu a:hover, .menu a.current {
	color: #a67c52;
	background-color: #fff999;
	border-color: #c69c6d;
}
.menu a.featured {
	color: Tomato;
}

.submenu li {
	display: inline;
}
.submenu a {
	font-size: 90%;
	color: #a67c52;
	text-decoration: none;
	padding: 4px 8px;
}
.submenu a:hover, .submenu a.current {
	color: #c69c6d;
	background-color: transparent;
}

.pagination a {
	color: #a67c52;
	text-decoration: none;
	background-color: #fff666;
	padding: 4px 8px;
	border: 1px solid #f0c000;
	line-height: 2em;
}
.pagination a:hover {
	background-color: #fff999;
	border-color: #c69c6d;
}
.pagination span {
	font-weight: bold;
	letter-spacing: -1px;
	color: #666;
	background-color: #eee;
	padding: 4px 8px;
}

/* general */

.hidden {
	display: none;
}
.spaced {
	margin-bottom: 10px;
}
.padded {
	padding: 10px;
}
table.padded {
	border-collapse: separate;
	border-spacing: 10px;
	padding: 0;
}
.underlined {
	border-bottom: 1px solid #ddd;
}
.highlight {
	color: #999;
	background-color: #f6f6f6;
	border: 1px solid #ddd;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.odd {
	background-color: AliceBlue;
}
.clickable {
	cursor: pointer;
	padding: 0 5px;
}
.loading {
	width: 35px;
	height: 35px;
	background: transparent url(/images/loading.gif) no-repeat scroll 0 0;
}
.notices, .errors {
	font-weight: bold;
	letter-spacing: -1px;
}
.notices {
	color: #80c31c;
}
.errors {
	color: Red;
}

/* scaling */

.max-width-50   { max-width: 50px; }
.max-width-75   { max-width: 75px; }
.max-width-100  { max-width: 100px; }
.max-width-150  { max-width: 150px; }
.max-width-200  { max-width: 200px; }
.max-width-250  { max-width: 250px; }
.max-width-300  { max-width: 300px; }
.max-width-350  { max-width: 350px; }
.max-width-400  { max-width: 400px; }

.max-height-50  { max-height: 50px; }
.max-height-75  { max-height: 75px; }
.max-height-100 { max-height: 100px; }
.max-height-150 { max-height: 150px; }
.max-height-200 { max-height: 200px; max-width: 200px; }
.max-height-250 { max-height: 250px; max-width: 250px; }
.max-height-300 { max-height: 300px; max-width: 300px; }
.max-height-350 { max-height: 350px; max-width: 350px; }
.max-height-400 { max-height: 400px; max-width: 400px; }

/* application */

.response {
	font-weight: bold;
	letter-spacing: -1px;
	color: #000;
	padding: 15px;
	cursor: pointer;
}
.response:hover {
	background-color: #ff0;
}

.progress, .progress-pending {
	width: 100px;
	height: 50px;
}
.progress {
	background: transparent url(/images/progress.png) repeat-x scroll 0 0;
}

.item {
	/*color: #80ceff;*/
	min-height: 275px;
	font-size: 500%;
	font-weight: bold;
	cursor: pointer;
}
.selectable {
	cursor: pointer;
}

.coins, a.coins {
	background-image: url(/images/coins.png);
	background-repeat: no-repeat;
	background-position: 4px;
	padding: 4px 8px 4px 30px;
}

/* jqm */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
   the Window's z-index value will be set to 3000 by default (in jqModal.js). 
   You can change this value by either
   a) supplying one via CSS
   b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.jqmWindow {
	display: none;
	position: fixed;
	top: 15%;
	left: 50%;
	width: 400px;
	background-color: #fff;
	border: 10px solid #80ceff;
	padding: 30px;
	margin-left: -240px; /* half of width + padding + border */
}

.jqmOverlay {
	background-color: #000;
}

/* Fixed posistioning emulation for IE6.
   Star selector used to hide definition from browsers other than IE6.
   For valid CSS, use a conditional include instead. */

* html .jqmWindow {
	position: absolute;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* autocomplete */

.ac_results {
	overflow: hidden;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: -1px;
	color: #999;
	background-color: #fff;
	border: 5px solid #ddd;
}
.ac_results iframe {
	display: none;/* sorry for ie5 */
	display/**/: block;/* sorry for ie5 */
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask();
	width: 3000px;
	height: 3000px;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
}
.ac_results li {
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 3px 10px;
	margin: 0;
	cursor: pointer;
}
.ac_loading {
	background: #fff url('/images/loading.gif') right center no-repeat;
}
.ac_over {
	background-color: #ddd;
	color: #666;
}

/* jgrowl */

div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}

/* jgrowl, special ie6 style positioning */

div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/* jgrowl, normal style positions */

body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/* jgrowl, cross browser styling */

div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	color: 					#fff;
	opacity: 				.85;
	filter: 				alpha(opacity = 85);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}