/* General */
body {
background-color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0 auto;
padding:0 6px 0;
position:relative;
width:960px;
}
a {
text-decoration:none;
color:#416983;
}
a:visited {
color:#718fa2;
}
a:hover,
a:focus {
text-decoration:underline;
color:#F29A51;
}
h1 {
font-size:1.5em;
}
h1,
h1 a {
color:#416983;
}
h2 {
font-size:1.5em;
}
h2,
h2 a {
color:#000;
}
h3 {
font-size:1.4em;
}
h4 {
font-size:1.2em;
}
p,
li {
margin-bottom:1em;
font-size:1.2em;
line-height:1.4em;
}
ul,
ol {
padding-left:30px;
}
ul li {
list-style-type:disc;
}
sup {
vertical-align:super;
}


/* Header */
#header {
margin-bottom:25px;
font-family:Arial, Helvetica, sans-serif;
}
#topbar {
background-image:url(http://pewresearch.org/images/toptoolbackground.gif);
background-repeat:repeat-x;
font-family:Arial,Helvetica,sans-serif;
height:100%;
margin-bottom:15px;
overflow:auto;
padding:4px 10px 0;
text-transform:uppercase;
letter-spacing:0.1em;
}
#topbar p {
color:#fff;
font-size:1em;
}
#topbar span {
color:#A5AEB6;
}
#topbar p.date {
float:left;
}
#topbar p.rss {
float:right;
}
#topbar .rss a {
background-color:#D6711E;
color:#fff;
padding:0 3px;
}
#branding {
font-size:1em;
padding:10px 0;
}
.pewresearch {
color:#000;
font-family:"Times New Roman", Times, serif;
font-size:4em;
font-weight:normal;
}
.pewresearch .center {
color:#666;
padding-right:7px;
}
#tagline {
font-style:normal;
letter-spacing:0.2em;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}
#navigation,
#navigation ul {
padding-left:0;
z-index:200;
.height:100%;
}
#navigation li {
float:left;
border-bottom:1px solid #FFFFFF;
list-style:none;
margin-bottom:0;
width:134px;
font-size:1.1em;
text-align:center;
margin:0 1px;
background-color:#D9D3C3;
position:relative;
z-index:100;
}
#navigation li.first {
margin-left:2px;
}
#navigation li.last {
margin-right:0;
}
#navigation li ul {
position:absolute;
left:-999em;
border-bottom:1px solid #333;
width:160px;
display:block;
}
#navigation li ul li {
float:none;
font-size:1em;
text-align:left;
margin:0;
border-right:1px solid #333;
width:160px;
}
#navigation li:hover ul,
#navigation li.hover ul {
left:0;
clear:both;
}
#navigation li:hover ul.about,
#navigation li.hover ul.about {
left:-25px;
}
#navigation li.active {
border-bottom-color:#D9D3C3;
}
#navigation .active a,
#navigation li:hover a,
#navigation li.hover a {
background-color:#D9D3C3;
}
#navigation li em {
color:#555555;
display:block;
padding:0 5px;
}
#navigation li a {
color:#000;
background-color:#EBE6D8;
padding:5px 0;
display:block;
}
#navigation li li {
border-bottom:0 none;
}
#navigation li li a {
padding-left:5px;
}
#tools {
background-color:#D9D3C3;
background-image:url(http://pewresearch.org/images/toolbackground.gif);
background-position:right bottom;
background-repeat:repeat-x;
clear:left;
height:100%;
overflow:auto;
padding:9px 0 9px 15px;
text-transform:uppercase;
}
#tools form {
float:left;
width:420px;
}
#tools form.search {
width:315px;
}
#tools label {
font-size:1em;
}
#tools label input {
width:139px;
border:1px solid #888;
color:#333;
font-size:1.1em;
letter-spacing:0.025em;
vertical-align:middle;
}
#tools input.submit {
background-color:#444433;
color:#FFFFFF;
font-size:1em;
letter-spacing:0.025em;
text-transform:uppercase;
vertical-align:middle;
}
#tools a {
color:#221;
text-decoration:underline;
line-height:180%;
}
#tools .sitemap {
border-left:1px solid #221;
padding-left:6px;
margin-left:3px;
}


/* Content */
#content {
border-right:1px solid #d6d6d6;
float:left;
padding-right:29px;
width:610px;
margin-bottom:3px;
}
#banner,
#sidebar #logo {
text-align:center;
text-transform:uppercase;
margin-bottom:30px;
}
#banner,
#sidebar #logo {
font-family:Arial, Helvetica, sans-serif;
font-size:4.5em;
letter-spacing:0.05em;
}
#content #featured-report {
border-bottom:1px solid #D6D6D6;
margin-bottom:25px;
padding-bottom:20px;
overflow:auto;
height:100%;
}
#content #featured-report h1 {
color:#000000;
font-size:2.1em;
padding-bottom:15px;
}
#content #featured-report h2 {
font-size:1.5em;
font-style:italic;
padding-bottom:10px;
} 
#featured-report .image {
float:right;
margin-left:10px;
margin-top:-8px;
font-size:0.9em;
color:#bbb;
}
#featured-report .image img {
display:block;
padding-bottom:3px;
}
#content #featured-report .date,
#content #secondary-report .date{
font-size:0.8em;
color:orange;
border-right:1px solid #000;
margin-right:5px;
padding-right:3px;
}
#content #featured-report p strong {
font-size:1.1em;
}
#content #featured-report .related-links {
margin:0 auto;
width:290px;
padding-top:10px;
}
#content #featured-report .related-links li {
float:left;
list-style:none;
}
#content #featured-report .related-links li.first {
border-right:1px solid #000;
padding-right:6px;
margin-right:6px;
}
#featured-report cite,
#secondary-report cite {
border-left:1px solid #000;
padding-left:5px;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
line-height:166%;
}
#featured-report cite a,
#secondary-report cite a {
text-transform:none;
color:#000;
}
#secondary-report {
padding-bottom:50px;
}
#secondary-report h2,
#content .section .left-column h3 {
font-size:1.5em;
padding-bottom:10px;
line-height:125%;
}
#secondary-report h2 a {
color:#416983;
}
#content .section {
overflow:auto;
height:100%;
clear:left;
}
#content .section h2 {
background-color:#000000;
background-repeat:repeat;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:1.4em;
font-weight:bold;
letter-spacing:0.09em;
margin-bottom:15px;
padding:3px 9px 2px;
text-transform:uppercase;
}
#content .section .left-column,
#content .section .right-column {
float:left;
width:290px;
padding-bottom:45px;
}
#content .section .left-column {
margin-right:20px;
}
.section li {
margin-bottom:10px;
}
.section ul {
padding-left:0;
}
.section ul.hidden {
overflow:hidden;
}
.section span.more {
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
text-align:center;
cursor:pointer;
display:block;
padding-top:10px;
}
.section li {
list-style-type:none;
}
.section li h3 {
font-size:1.1em;
line-height:125%;
}
.section li h4, 
.section li span,
.section li cite {
font-size:1.1em;
line-height:125%;
}
.section li h3,
.section li h3 a {
color:#5e88a5;
}
.module h4 {
font-style:italic;
}
.section cite {
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
line-height:166%;
}
.section cite a {
color:#000;
text-transform:none;
}
.section span.date {
border-right:1px solid #000000;
color:orange;
font-size:1em;
margin-right:3px;
padding-right:5px;
}


/* Number Sliders */
.number-slider {
height:100%;
overflow:auto;
padding-bottom:15px;
}
.number-slider ul {
font-family:Arial, Helvetica, sans-serif;
padding-left:0;
}
.number-slider li {
font-size:1em;
list-style-type:none;
}
#sidebar .js li {
width:240px;
height:285px;
padding:2px 15px;
float:left;
}
.number-slider li p {
font-size:1.5em;
line-height:145%;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
}
.number-slider li strong {
display:block;
font-family:"Arial Black", Arial, Helvetica,sans-serif;
font-size:13em;
letter-spacing:-0.05em;
padding:50px 0 30px;
text-align:center;
zoom:1;
}
.number-slider li strong.decimal {
font-size:9em;
}
.number-slider li strong.ratio {
font-size:7em;
}
.number-slider li strong span {
color:#555555;
font-size:0.3em;
font-weight:normal;
position:relative;
top:-66px;
}
.number-slider li strong.decimal span {
top:-46px;
}
.number-slider li cite {
display:block;
font-family:arial;
font-size:0.75em;
line-height:120%;
padding-top:12px;
text-align:right;
}
.number-slider li cite a {
display:block;
color:#416983;
font-style:normal;
}
.number-slider .carousel-control {
cursor:pointer;
font-size:2em;
padding:1px 6px;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.number-slider span.previous {
float:left;
}
.number-slider span.next {
float:right;
}
div.number-slider .disabled {
color:#ccc;
cursor:default;
background-color:transparent;
}
.center-wrap {
float:left;
width:209px;
}
.carousel-pagination p {
margin-bottom:0;
text-align:center;
padding-top:4px;
}
.carousel-pagination a {
float:left;
background-image:url(http://pewresearch.org/millennials/img/circle-on-off-green.png);
background-repeat:no-repeat;
background-position:center bottom;
_background-position:center 113%;
cursor:pointer;
color:#000;
padding:0 3px;
width:15px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
text-indent:-999em;
}
.carousel-pagination a.active {
background-position:center top;
}


/* Sidebar */
#sidebar {
float:left;
margin-left:15px;
width:300px;
}
#sidebar .millenials {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
margin-bottom:3px;
background-color:#DFE4D7;
width:260px;
padding:25px 20px 10px;
margin-bottom:30px;
}
#sidebar div.module {
margin-bottom:15px;
}
#sidebar h2 {
padding-bottom:8px;
font-weight:bold;
}
#sidebar #about {
position:relative;
height:100%;
}
#sidebar #about p {
font-size:1.4em;
color:#6d6d6d;
font-style:italic;
line-height:133%;
}
#sidebar #about img {
left:-31px;
position:absolute;
}
#sidebar #multimedia {
overflow:auto;
height:100%;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding-top:8px;
}
#sidebar #multimedia h3 {
clear:left;
padding-bottom:3px;
font-size:1.3em;
}
#sidebar #multimedia img {
float:left;
margin-right:10px;
}
#sidebar #multimedia p {
float:left;
width:125px;
padding-bottom:11px;
}
#sidebar #conference {
padding-top:25px;
}
#sidebar #conference h2 {
font-size:3em;
margin-bottom:15px;
}
#sidebar #conference p {
line-height:140%;
}
#sidebar #conference strong {
text-transform:uppercase;
}
#sidebar #conference .message {
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:1.3em;
font-style:normal;
font-weight:bold;
margin-top:10px;
}
#sidebar label {
display:block;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:5px;
}
#sidebar .disabled {
color:#7f7f7f;
}
#sidebar #conference .success {
color:green;
}
#sidebar .error {
color:red;
}
#sidebar label.error input {
border:1px solid red;
}
#sidebar label input{
display:block;
padding:2px 1px;
width:225px;
}



.lefttoolstext {
background-color:#DFE4D7;
padding:10px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}
.lefttoolstext h4 {
color:#27506C;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
}
.lefttoolstext p {
color:#666666;
font-family:arial,helvetica,sans-serif;
font-size:11px;
line-height:15px;
margin:3px 0;
}
.lefttoolstext #newsletter,
.lefttoolstext #feeds {
height:100%;
overflow:auto;
}
.lefttoolstext #newsletter {
padding-bottom:25px;
}
#feeds a {
display:block;
float:left;
font-size:11px;
margin-bottom:2px;
text-align:center;
text-decoration:none;
width:48px;
margin-right:30px;
}
#feeds a img {
border:0 none;
display:block;
padding-left:7px;
padding-bottom:8px;
padding-top:4px;
} 
ul.follow-us {
margin:7px 0 0px 0;
padding-bottom:5px;
padding-left: 15px;
font-size:11px;
line-height:15px;
}
ul.follow-us a {
display:block;
padding:0 0 4px;
text-decoration:none;
}
ul.follow-us img {
border:0 none;
margin-bottom:-4px;
padding-right:7px;
}



/* Footer */
#footer {
overflow:auto;
height:100%;
clear:both;
padding:10px 0 25px 15px;
margin-top:15px;
background-color:#EFEFEF;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
border-top:1px solid #ccc;
}
#footer ul {
overflow:auto;
height:100%;
padding-left:0;
padding-bottom:5px;
}
#footer li {
float:left;
list-style-type:none;
border-right:1px solid #666;
font-size:1.1em;
margin-bottom:0;
}
#footer li.last {
border-right:0 none;
}
#footer li.first a{
padding-left:0;
}
#footer li a {
padding:0 5px;
color:#000;
font-weight:bold;
}
#footer p {
font-size:1.1em;
margin-bottom:0;
}
#footer p span {
padding-right:8px;
}