@charset "UTF-8";
/* CSS Document */
/* You Decide, KQED 05-2008. Design and code by Rick Elizaga */


/* =resets (from YUI)
------------------------------------------------------- */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
/*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*fonts.css*/body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}


/* =general
------------------------------------------------------- */
p {
	margin-bottom:1em;
	}
h1, h2, h3, h4, h5, h6, h7 {
	margin-bottom:0;	
	}
.center {
	text-align:center;	
	}	
.left {
	text-align:left;	
	}
.right {
	text-align:right;	
	}
.indent {
	margin-left:1em;
	}
.bordertop {
	border-top:solid 1px #ccc;
	padding-top:1em;
	margin-top:1em;
	}
.noborder {
	border:none;
	}
.marginbottom0 {
	margin-bottom:0;
	}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}
.flt-r { 
	float: right;
	margin: 0 0 0 10px;
	}
.flt-l {
	float: left;
	margin: 0 10px 0 0;
	}
.hide, hr, legend,
table caption {
	display:none;	
	}
.skip a:link,
.skip a:hover,
.skip a:visited { 
  	position:absolute; 
  	left:0px; 
  	top:-500px; 
  	width:1px; 
  	height:1px; 
  	overflow:hidden;	
	}	


/* spacing, alignments, widths
------------------------------------------------------- */
body  {
	text-align: center;
}
#container { 
	width: 750px; 
	margin: 0 auto;
	padding:4px 0 20px;
	text-align: left;
	} 
#bd {
	position:relative;
	}
#hd h1,
#hd p {
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	padding:0;
	}
#hd h1{	
	width:335px;
	padding:18px 0 0 32px;
	}
#hd h1 a {
  	display:block;	
	height:40px;
	border-bottom:none;
	}
#hd p {
	height:17px;
	}
#col1 { 
	float: left;
	width: 600px; 
	}
#col1 .content { 	
	padding:30px 25px 25px;
	} 
#col2 {
	float: left;
	width: 150px; 
}
#col2 .content {
	padding:35px 10px;
	}
#col1 h2 {
	margin:29px 0 19px;
	}
#col1 h4 {
	padding:4px .5em;
	margin:2em 0 1em 0;
	}
#col1 h4.margintop0 {
	margin-top:0;
	}
#col1 h5 {
	padding:0 .5em;
	margin:2em 0 .75em 0;
	}
#bd ol,
#bd ul {
	margin-bottom:1em;
	}
#bd ol li{
	margin:0 0 .25em 1.75em;
	list-style-type:decimal;
	}
#bd ul li{
	margin:0 0 .25em 1.75em;
	list-style-type:disc;
	}
#col2 ul {
	line-height:1.22em;
	}
#col2 ul li{
	margin:0 0 1em 0;
	list-style-type:none;
	}
#glyph {
	display:block;
	margin:0 auto 1em;
	padding:1em;
	}
.banner {
	margin:2em -10px 0 -10px;
	padding:10px 10px;
	}


/* background, fonts, colors
------------------------------------------------------- */
body  {
	background: #e8e8e8 url(../images/bg_body.png) repeat-x;
	color: #222;
	}
strong {
	color:#000;
	}
#container { 
	font: 85% Verdana,Arial,Helvetica,sans-serif;
	} 
#hd { 
	color:#fff;
	background: #000 url(../images/hd_youdecide.jpg) no-repeat;
	} 
#bd {
	background:#fff url(../images/bg_sidebar.png) repeat-x 0 0;
	}	
#col1 {
	background:#fefefe url(../images/bg_main.png) repeat-x 0 100%;
	font: 127% Georgia,'Times New Roman',Times,serif;
	line-height:145%;
	}
#col1 strong {
	color:#000;
	font-weight:bold;
	}
#col1 .final strong {
	font: 86% Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	color:#222;
	}
#col1 em {
	font-style:italic;
	}
#col2 {
	font-size:91%;
	line-height:150%;
	color: #666;
	}
#col1 h2 {
	font: 186% 'Trebuchet MS',Arial,'Verdana',sans-serif;
	color: #000;
	font-weight:bold;
	}
#col1 h3 {
	color: #000;
	font-weight:bold;
	}
#col1 h4 {
	font: 86% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	background:url(../images/bg_h4.png) repeat-y;
	color:#000;
	font-weight:bold;
	}
#col1 h5 {
	padding:2px .5em;
	font: 72% Verdana,Arial,Helvetica,sans-serif;
	color:#000;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1px;
	border-bottom:1px solid #ddd;
	}
.banner {
	color:#222;
	background-color: #D5E4F5;
	}
.banner strong {
	font-weight:bold;
	color:#222;
	}
.caption {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color:#666;
	}
#col1 .caption {
	font: 72% Verdana,Arial,Helvetica,sans-serif;
	}
a:link {
	color:#386593;
	}
a:visited {
	color:#555;
	}
a:hover {
	color:#000;
	}	
	
	
/* question
------------------------------------------------------- */
.question {
	text-align:center;
	padding:0;
	margin:0;
	}
#col1 .question h3 {
	margin: 0 auto 10px;
	padding:0 15px;
	font-size:150%;
	font-weight:normal;
	line-height:120%;
	}
#bd .question ul {
	margin-bottom:0;
	}
#bd .question ul li {
	display:inline;
	font: 171% 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin:0 10px;
	}
.question ul li a:link,
.question ul li a:visited {
	text-decoration:none;
	color:#000;
	background:url(../images/icon_checkbox-on.png) no-repeat 0 50%;
	}	
.question ul li a span {
	padding-left:23px;
	background:url(../images/icon_checkbox-off.png) no-repeat 0 50%;
	}
.question ul li a:hover span {
	color:#c00;
	background:none;
	}
#col1 .question h3.seg4 {
	padding:0 60px;
	}
	
	
/* top of page
------------------------------------------------------- */	
#col1 h3.question-top {
	background:#000 url(../images/bg_h3-question.png) no-repeat bottom;
	color:#fff;
	font-weight:normal;
	font-size:150%;
	line-height:120%;	
	text-align:center;
	padding-bottom:7px;
	margin:0 0 10px 0;
	position:relative;
	}
.question-top img {
	display:block;
	margin:0 0 9px 0;
	}
#col1 h3.question-top.seg2 span {
	padding:0 20px;
	display:block;
	}
#col1 h3.question-top.seg4 span {
	padding:0 60px;
	display:block;
	}
#col1 h3.question-top a.imgcredit {
	font: 9px Verdana,Arial,Helvetica,sans-serif;
	color:#fff;
	position:absolute;
	top:120px;
	left:476px;
	}
#col1 h3.question-top a.imgcredit2 {
	font: 9px Verdana,Arial,Helvetica,sans-serif;
	color:#555;
	position:absolute;
	top:120px;
	left:476px;
	}
	
/* hub page
------------------------------------------------------- */	
#col1 #featured h2 {
	margin:0 0 .5em;
	text-align:left;
	font: 143% Georgia,'Times New Roman',Times,serif;
	font-weight:normal;
	}
#featured .flt-l {
	margin-right:5px;
	}	
#featured.question {
	padding:0 0 0 0;
	}
#featured.question ul {
	text-align:left;
	}
#featured.question ul li {
	font-size: 129%;
	margin:0 0 .25em 1.75em;
	}
#featured.question p {
	font-size: 86%;
	margin-bottom:1.5em;
	text-align:left;
	}
#featured p a {		
	margin-left:10px;
	font: 129% 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	text-transform:none;
	background:url(../images/icon_arrow-on.png) no-repeat 0 50%;
	color:#000;
	}
#featured p a span {
	padding-left:12px;
	background:url(../images/icon_arrow-off.png) no-repeat 0 50%;
	}	
#featured a:hover span {
	color:#c00;
	background:none;
	}
#featured a {
	text-decoration:none;
	}

/* more You Decide */
.subcols .col1{
	width:49%;
	float:right;
	}
.subcols .col1.first{
	float:left;
	border-right:solid 1px #ddd; 
	}
.subcols .col1 p {
	font: 71% Verdana,Arial,Helvetica,sans-serif;
	color:#000;
	line-height:140%;
	}
.subcols .col1 img{
	float:left;
	border:solid 1px #ddd;
	}
.subcols .col1 p{
	margin:0 10px .5em 65px;
	}
.subcols .col1 ul {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 1em;
	margin-left: 65px;
	}
.subcols .col1 ul li {
	display:inline;
	font: 100% 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin:0 5px;
	}
.subcols .col1 li a:link,
.subcols .col1 li a:visited {
	/*text-transform:uppercase;*/
	text-decoration:none;
	color:#000;
	background:url(../images/icon_checkbox-on-s.png) no-repeat 0 50%;
	}	
.subcols .col1 li a span {
	padding:2px 0 2px 13px;
	background:url(../images/icon_checkbox-off-s.png) no-repeat 0 50%;
	}
.subcols .col1 li a:hover span {
	color:#c00;
	background:none;
	}
.segment {
	width:95%;
	margin:.5em 0 1em;
	/*border-bottom:solid 1px #ddd;*/
	}

	
/* pagination
------------------------------------------------------- */	
#col1 .pagination {
	text-align:center;
	font:65% Verdana,Arial,Helvetica,sans-serif;
	color:#666;
	margin:11px 0 11px;
	padding:0;
	}
.pagination p {
	width:7em;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:0% 50%;
	}
.p1-4,.p2-4,.p3-4,.p4-4 {
	padding-left:62px;
	}
.p1-4 {
	background-image:url(../images/page1-4.png);
	}	
.p2-4 {
	background-image:url(../images/page2-4.png);
	}	
.p3-4 {
	background-image:url(../images/page3-4.png);
	}	
.p4-4 {
	background-image:url(../images/page4-4.png);
	}	
.p1-5,.p2-5,.p3-5,.p4-5,.p5-5 {
	padding-left:72px;
	}
.p1-5 {
	background-image:url(../images/page1-5.png);
	}	
.p2-5 {
	background-image:url(../images/page2-5.png);
	}	
.p3-5 {
	background-image:url(../images/page3-5.png);
	}	
.p4-5 {
	background-image:url(../images/page4-5.png);
	}
.p5-5 {
	background-image:url(../images/page5-5.png);
	}


/* cpb
------------------------------------------------------- */	
#cpb {
	position:absolute;
	left:655px;
	bottom:15px;
	}


/* results / credits page
------------------------------------------------------- */	
.menu {
	margin:1em 0 1em;
	text-align:center;
	}
.menu li {
	display:inline;
	font: 114% 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	margin:0 10px;
	}
.repeat a {
	background-image:url(../images/icon_repeat-on.png);
	}	
.repeat a span {
	background-image:url(../images/icon_repeat-off.png);
	}
.email a {
	background-image:url(../images/icon_email-on.png);
	}	
.email a span {
	background-image:url(../images/icon_email-off.png);
	}
.discuss a {
	background-image:url(../images/icon_discuss-on.png);
	}	
.discuss a span {
	background-image:url(../images/icon_discuss-off.png);
	}
.menu li a:link,
.menu li a:visited {	
	text-decoration:none;
	text-transform:none;
	color:#000;
	background-repeat:no-repeat;
	background-position:0 50%;
	}	
.menu li a span {
	padding-left:23px;
	background-repeat:no-repeat;
	background-position:0 50%;
	}
.menu li.discuss a span {	
	padding-left:26px;
	}	
.menu li a:hover span {
	color:#c00;
	background:none;
	}
.credits p,
.credits ul,
.credits dl {
	font: 86% Georgia,'Times New Roman',Times,serif;
	line-height:140%;
	color:#0B0B0B;
	margin-left:.5em;
	}	
#bd .credits ul li{
	margin:0 0 .5em 1em;
	list-style-type:none;
	}
.credits dl{
	width:90%;
	margin:0 0 1em 1.5em;
	}	
.credits dt {
	margin:0;
	padding:0;
	font-weight:bold;
	}	
.credits dd {
	padding:0;
	margin:0 0 1em 1em;
	color:#666;
	}
#col1 .credits dt em {
	font-weight:bold;
	}
#col1 .credits dd strong {
	color:#666;
	}
#credits{
	padding-bottom:8em;
	}


/* =how-to
------------------------------------------------------- */
table#awards {
	margin-bottom:1em;
	width
	}
table#awards th {
	vertical-align:bottom;
	padding:0 7px 0 10px;
	border-right:solid 1px #cdcdcd;
	}
table#awards td {
	padding:0 7px 0 10px;
	width:117px;
	font: 72% Verdana,Arial,Helvetica,sans-serif;
	vertical-align:top;
	color:#666;
	border-right:solid 1px #cdcdcd;
	}
table#awards th.last, 	
table#awards td.last {	
	border-right:none;
	}
#bd #awards a:link,
#bd #awards a:visited {
	text-weight:bold;
	text-decoration:none;
	color:#000;
	}
#bd #awards a:hover {
	color:#386593;
	text-decoration:underline;
	}	


/* boxes
------------------------------------------------------- */	
.bx_ul, .bx_ll, .bx_lr, .bx_ur {
  display:inline-table;
  /* \*/display:block;/**/
  }
  
.bx_lr { /* rounded-corner box outermost div */
	background:#ededed url(../images/bx_lr.png) no-repeat 100% 100%;
	margin-bottom:1em;
	}
.bx_ur {
	background: url(../images/bx_ur.png) no-repeat 100% 0%;
	}
.bx_ul {
	background: url(../images/bx_ul.png) no-repeat 0 0;
	}
.bx_ll{ /* rounded-corner box innermost div */
	background: url(../images/bx_ll.png) no-repeat 0 100%;
	padding:8px 5px;
	zoom:1;	
	}	

.question.bx_lr { /* rounded-corner box outermost div */
	background:#ffffff url(../images/bx_lr-q.png) no-repeat 100% 100%;
	}
.question .bx_ur {
	background: url(../images/bx_ur-q.png) no-repeat 100% 0%;
	}
.question .bx_ul {
	background: url(../images/bx_ul-q.png) no-repeat 0 0;
	}
.question .bx_ll{ /* rounded-corner box innermost div */
	background: url(../images/bx_ll-q.png) no-repeat 0 100%;
	}	

	
	
/* widget page
------------------------------------------------------- */	
pre,
div.code-box-n,
div.code-box {
	font-family: 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', Monaco, Courier, monospace;
	white-space: pre;
	width:540px;
	height:6em;
	line-height: 1.4em;
	margin: 0;
	border: 1px solid #ccc;
	padding: 0.5em 0 0.5em 0.5em;
	font-size: 86%;
	color: #000;
	overflow: auto;
	}
#widget-code {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	}
#widget-code h3 {
	font-size:86%;
	}
#widget-code p {
	font-size:79%;
	background:#dedede;
	padding:0 5px;
	color:#000;
	}
#widget-code strong {	
	font-weight:normal;
	color:#666;
	}
#widget-examples #col1,
#widget-examples #col2,
#widget-examples #col3 {
	float:left;
	color:#222;
	}
#widget-examples #col1 {
	width:350px;	
	}
#widget-examples #col2 {
	width:250px;
	}
#widget-examples #col1 .content,
#widget-examples #col2 .content,
#widget-examples #col3 .content{
	padding:10px;
	line-height:145%;
	}
#widget-examples #col3 {
	width:150px;
	font-size:91%;
	}
#widget-examples strong {
	font-weight:bold;
	}
#widget-examples #col1 .caption,
#widget-examples #col2 .caption,
#widget-examples #col3 .caption {
	color:#444;
	}


	
/* =kqed footer
------------------------------------------------------- */
#ft {
	clear:both;
	font-size:85%;
	margin:5px 0 20px;
	padding:5px 10px 20px;
	text-align:left;
	}
#ft a {
	color:#666666;
	text-decoration: none;
	}
#ft a:hover {text-decoration: underline;}
#ft ul li {
	display:inline;
	float:left;
	padding-left:2px;
	}
#ft ul li.copyright {float:right;}


/* =partners / tools
------------------------------------------------------- */
.tools .intro {
	padding-top:1em;
 	margin-bottom:1em;
  	border-bottom:1px solid #D9D9D9;
  	border-top:1px solid #D9D9D9;
}
.tools h1 {
  	color:#000;
  	font-family:"trebuchet MS",sans-serif;
  	font-size:143%;
  	font-weight:900;
  	line-height:1.5;
  	margin:0px;
  	word-spacing:1.4pt;
}
dl.tools {
	border:medium none;
	clear:both;
	margin:0pt 0px 30px;
	padding:0pt;
}
dl.tools dt {
  font-family:"trebuchet MS",sans-serif;
  font-size:114%;
  font-weight:900;
  margin:0px 0px 5px;
}
dl.tools dt img {
  float:left;
  margin:0px 10px 10px 0px;
}
dl.tools dd {
	font:100% "trebuchet MS",sans-serif;
	margin:0px 0px 10px 157px;
	color:#666;
}





/* =prevent collapse of divs around floated content
------------------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
/* Holly */
	/* Hide from IE-mac \*/
	* html #globalnav a {height:1%;}
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */