/* @override http://www.americanprogress.org/images/rd2/styles/redesign-a.css */

/* CSS Document */

/* Center for American Progress v.3.01
   Designed by Matt Pusateri, Center for American Progress, 2009 */
  

/* Defaults */
	/* Also linking to Eric Meyer's CSS Reset for Global Reset of Browser Default Styles */

body, html {
font-size:small; font-family:Verdana, sans-serif; line-height:1.5em; color:#333;
padding-left:3px;
behavior:url(http://www.americanprogress.org/images/rd2/styles/cssimages/csshover.htc);
   }

/* Structure */

#container {width:960px; margin:0; padding:0;}
#main {float:left;}
#masthead {margin:0; padding:0; border:0; height:100px; overflow:hidden}
#main {width:960px; margin-bottom:18px;}
#multiheader {display:block; width:628px; background:#fff; margin-bottom:18px}
#latest {width:305px;float:left}
#lookingcloser {margin-left:323px;}
#sidebar {float:right;width:314px;}
#sub-sidebar {float:right;width:280px; margin-right:18px; display:inline}
#slider {display:block; clear:both; margin: 0 0 18px 0;}
#footer {text-align:center; padding:1em; display:block; clear:both}
#primary {width:628px; float:left; display:block; margin-bottom:12px}
#primary .singleitem {padding:9px 0 9px 0}
#primary-wide {width:960px; float:left; display:block; margin-bottom:12px}
#storyfeed {background:#f2f2f2 url(cssimages/sidebar-top.gif) no-repeat top left; padding: 9px 18px 9px 18px; margin-bottom:1em;border:#ccc 1px solid; border-bottom:#ccc 3px solid}
#connect {border:0; padding:0; margin:0 0 1.5em 0}
#pre-banner {padding:3px 20px}

#digest-primary {width:324px; margin-left:18px; float:left; display:inline}
#digest-secondary {margin-left:366px;}

#subleft {width:296px;margin-left:18px;float:left;}
#subright {margin-left:335px;}
#open-content #subleft {margin:18px 0 0 0}
#open-content #subright {margin:18px 0 0 335px}

#archives, #open-content {margin-left:18px;}

#subtopics {display:block; padding:18px 18px 9px 18px; background:#fff url(cssimages/connect-bg.jpg) top left repeat-x; border:#ccc 1px solid; margin-bottom:18px;}

.where-we-stand {padding:18px 18px 6px 18px;background:#fff url(cssimages/connect-bg.jpg) repeat-x top left;border:1px solid #ccc; margin-bottom:18px}
.sidebox-shaded {padding:18px;background:#fff url(cssimages/connect-bg.jpg) repeat-x top left;border:1px solid #ccc; margin-bottom:18px}


/* BASE FORMATTING/STYLE */

p {margin:0 0 1em 0; padding:0}

a, a:visited {color:#900; text-decoration:none}
a:hover {color:#900; text-decoration:underline}

.faded {color:#999;}
.semifaded {color:#666}
.capblue {color:#036}

strong, b {font-weight:bold}
em, I {font-style:italic}

.more {text-align: right; font-size: 0.9em; font-family: verdana,sans-serif; text-transform: uppercase;}

.small {font-size: 0.9em;}
.smaller {font-size:85%;}
.smaller a {font-weight:normal}
.bigger {font-size:115%}

/* HEADERS */

	/* Base Heads */
h2 {padding:9px 0 9px 0; margin:0; font-size:1.6em; color:#036; font-family:georgia, serif; font-weight:normal; line-height:1.25em;}
h3 {padding:0 0 2px 0; margin:18px 0 .5em 0; font-family:Georgia, serif; color:#036; font-size:1.2em; font-weight:normal; line-height:1.2em}
h4 {font-size:1.2em; font-family:Georgia, serif;line-height:1.35em;padding:0 0 .33em 0; margin:0; color:#036; font-weight:normal;}
h5 {padding:0; margin:0; font-size:.85em; text-transform:uppercase; font-weight:normal; color:#036}

#masthead h1 {position:absolute; text-indent:-9999px; margin:0; padding:0; border:0}
#masthead .banner {position:absolute; text-indent:-9999px; margin:0; padding:0; border:0}

#multiheader h2 {padding:0; margin:0; font-weight:normal; font-size:1.5em; line-height:1.25em; float:left}
#multiheader h2, #latest h2, #lookingcloser h2 {text-transform:uppercase;font-size:1.25em; color:#036; font-family: arial black, sans-serif; font-weight:normal;}

div.story h2 {font-weight:normal; color:#036; font-size:1.7em; padding:0 0 .25em 0; margin-top:0}	
#open-content h2 {font-weight:normal; color:#036; font-size:1.7em; padding:0; margin-bottom:0}
#person h2, #pressroom #pr-solo h2 {margin-bottom:.25em}
#pressroom h2, #job h2, #experts h2, h2.eventarchive  {margin-bottom:18px}
#archives h2 {padding-top:0; margin-top:0; font-size:1.7em; line-height:1em}
h2.digesthead {font-weight:normal; color:#036; font-size:1.5em; padding:0; margin-top:18px; border-bottom:1px #ccc solid; text-transform:uppercase}
h2.secondhead {font-weight:normal; color:#036; font-size:1.955em; padding:0; margin:0 0 18px 18px;}
#subright h2, #subleft h2 {margin:0 0 .25em 0; padding:0}
#open-content #subright h2, #open-content #subleft h2 {margin:0 0 .25em 0; padding:0}


#sidebar h3 {font-weight:normal; color:#333;}
.story h3 {margin:18px 0 6px; font-size:1.4em; color:#333; background:none; line-height:1.2em}
#latest h3, #lookingcloser h3 {border-bottom:1px solid #ccc; color:#333;}
#storyfeed h3 {color:#fff;padding-bottom:1.5em; margin-top:0}
h3#pagehead {margin:0 0 18px 18px; border-bottom:1px solid #ccc; padding: 1px; background: url(cssimages/hrule.gif) repeat-x bottom; font-size:1.25em; color:#036; font-family: arial black, sans-serif; font-weight:normal; text-transform:uppercase;}
#slider h3 {text-align:left;color:#333; margin-top:18px}
#connect h3, #priorities h3, .sidebox-shaded h3  {margin-top:0}
#person h3, #pressroom #pr-solo h3, h3.subhead {border:0; margin:0 0 18px 0; padding:0; font-size:1.4em; color:#333; background:none; line-height:1.2em}
#open-content h3 {margin:6px 0 18px 0; font-size:1.5em; color:#333;}
#job h3, #publications h3, #archives h3, #experts h3, #about h3 {color:#036; padding: .5em 0 .25em 0; background: url(cssimages/hrule.gif) repeat-x bottom;}
#pressroom h3 {font-size:1.5em; padding: .5em 0 .25em 0; background: url(cssimages/hrule.gif) repeat-x bottom;}
#otherreports h3 {margin:18px 0 9px 0; padding:0; color:#036; background: url(cssimages/hrule.gif) repeat-x bottom; }
#multimedia h3 {margin:0; border:0; color:#036; background: url(cssimages/hrule.gif) repeat-x bottom;}
#multimedia .featured-media h3 {background:none}


#multimedia h4 {margin:.25em 0 .5em 0; border:0}
#sidebar .popular h4, #experts h4 {padding:0}
#multiheader h4 {margin:0; padding:0 0 .5em 0; font-size:1.35em;line-height:1em}
#job h4 {margin:18px 0 0 0; padding:0 0 .25em 0}
#archives .recent-item h4 {color:#900; background:none; border:0; margin:0 0 3px 0; padding:0}
#digest-secondary h4 {margin:0 0 .66em 0; padding:0; line-height:1em}

#sidebar h5 {text-transform:uppercase; padding:0; font-family:Verdana, Helvetica, Trebuchet, sans-serif; font-size:.85em; color:#036; font-weight:normal;}
#storyfeed h5 {margin-top:.5em}
.story h5 {font-family:Verdana, Helvetica, Trebuchet, sans-serif; font-size:.74em; }

/* Lists */
ul, ol {padding:0; margin:0 0 0 2em}
ul li, ol li {line-height:2em; list-style-position:outside;}

.capaf-projects ul {padding:0; list-style:none;}
.capaf-projects ul li {line-height:2em; list-style:none;}

div#priorities ul {padding:0; margin:0;}
div#priorities ul li {line-height:1.5em; padding:.5em 0 0 0; margin:0 0 0 2em; list-style:square outside;}

.publications ul, #open-content #publications-page ul {padding:0; margin:0 0 1em 0}
.publications ul li, #open-content #publications-page ul li {list-style:none; line-height:1.5em; margin:0 0 1em 0}

#sidebar ul  {padding:0; margin:0 0 1em 0;}
#sidebar ul li, .alsoCAP ul li {list-style:none;line-height:1.5em;margin:.5em 0 .5em 0;padding:0}

ul.cleanlist-spaced {margin:0; padding:0}
ul.cleanlist-spaced li {list-style:none;line-height:1.5em;margin:.5em 0 1em 0;padding:0}
#open-content #publications-page ul.cleanlist li, #open-content #experts ul li {margin:0; padding:0; list-style:none}

#open-content #experts ul {list-style:none; margin:0 0 18px 0}

.alsoCAP ul {padding:0; margin:0;}
.alsoCAP ul li {line-height:1.5em; margin:.5em 0 1em 0}

#storyfeed ul {margin:0}
#storyfeed ul li {background: url(cssimages/b-star.gif) top left no-repeat; background-position:0 6px; padding:.25em 0 .5em 1.5em; margin:0;color:#666; font-size:.9em;}

.top-list ol {padding:0; margin:0; list-style:outside decimal; margin-left:1em; line-height:1em}
.top-list ol li {padding:0; margin:0 0 .5em 0;}

.sidebox-shaded ol {padding:.33em 0 0 0; margin:0; list-style:inside decimal; margin-left:21px;}
.sidebox-shaded ol li {padding:0; margin:.33em 0 .66em 0; line-height:1.5em}

li.starred, p.starred {background: url(cssimages/w-star.gif) top left no-repeat; background-position:0 4px; padding-left:1.5em}

.cleanlist {margin:0; padding:0; text-indent:0;}
.cleanlist li {line-height:1.5em}

#subtopics ul{margin:0; padding:0;}
#subtopics ul li {list-style:circle outside;padding:0 0 1em 0; margin-left:16px; line-height:1.25em}
#subtopics ul li a:hover {text-decoration:underline}
#subtopics h3 {margin-top:0}
#subtopics h4 {text-align:center; padding-bottom:1em}

.story ul li {list-style:square; font-family:georgia, serif; line-height:1.5em; margin:.33em 0 .66em 0}
#open-content ul li {list-style:square; line-height:1.5em; margin:.33em 0 .66em 0}

.story ul, #open-content ul {margin-bottom:1em; font-family:georgia, serif;}

#subright ul, #subleft ul {margin-bottom:18px;}

#logolist ul {margin:0 0 2em 2em; padding:0; text-indent:0; list-style:none;}
#logolist ul li {display:inline; margin-right:2em; font-family:verdana, helvetica, sans-serif;}
#logolist h3 {font-size:1.3em;margin:2em 0 .5em 0; background: url(cssimages/hrule.gif) repeat-x bottom;}


/* Navigation */
#navigation{border:0;margin:0;padding:0;}
#nav{float:left;width:942px;list-style:none;background:#f2f2f2 url(cssimages/nav_bg.gif) repeat-x bottom left;border-top:1px solid #036;text-transform:uppercase;font-size:1em;line-height:1em;margin:0 0 30px;padding:10px 0 0 18px;}
#nav ul{list-style:none;line-height:1em;margin:0;padding:0;}
#nav a{float:left;display:block;color:#036;text-decoration:none;margin:0;padding:4px 8px;}
#nav a:hover{text-decoration:underline;}
#nav li{float:left;display:block;font-family:Verdana, sans-serif;text-transform:uppercase;font-size:1em;line-height:1em;margin:0 1px 0 0;padding:0;}
#nav li ul{display:block;font-family:Verdana, sans-serif;text-transform:uppercase;font-size:1em;line-height:1.25em;position:absolute;top:156px;left:-999em;clear:left;margin:0;padding:6px 0;}
#nav li li{float:left;display:block;text-transform:none;}
#nav li.active ul li a{border:0;}
#nav .active a{color:#036;padding-bottom:5px;border:1px solid #ccc;border-bottom:none;background:#fff;border-color:#ccc;}
#nav li:hover ul,#nav li.sfhover ul{left:auto;}
#nav li img {padding-left:1px;}


/* MULTIHEADER CODE */

#multiheader ul.ui-tabs-nav {list-style:none; float:right; display:block; border:1px solid #ccc; border-right:0; border-bottom:0;padding:0;margin:0;visibility:hidden;}
#multiheader ul.ui-tabs-nav.ui-widget-header {visibility:visible;}
#multiheader ul.ui-tabs-nav li {display:block; float:left; margin:0;padding:0}
#multiheader ul.ui-tabs-nav li a {display:block; float:left; padding:6px 12px; border-right:1px solid #ccc; line-height:1em; background-color:#f2f2f2; border-bottom:#f2f2f2;}
#multiheader ul.ui-tabs-nav li.ui-tabs-selected a {background:#fff;margin-bottom:-2px;z-index:1; border-bottom: 1px #fff solid}

.ui-tabs-panel { display:none; }
.ui-tabs-panel:first-child {display:block;}
.ui-tabs-panel.ui-widget-content {display: block;}
.ui-tabs-panel.ui-tabs-hide {display:none}
.ui-tabs-panel {width:590px; padding:18px;background:#fff; border:1px solid #ccc; clear:right; overflow:hidden}
.ui-tabs-panel .multiheader-block {display:block; overflow:hidden}
.ui-tabs-panel .header+teaser {display:block;float:right; overflow:hidden}
.ui-tabs-panel .multiheader-text {display:block;float:right; width:172px;}
.ui-tabs-panel #flashcontent {float:left; margin-right:18px;}
.ui-tabs-panel p.credit {margin-top:3em; font-style:italic; font-size:.9em; color:#666}
.ui-tabs-panel li {line-height:1em}
.ui-tabs-panel p.CAPAF {margin-top:1em; font-style:italic; font-size:.9em; color:#40668D}

#multiheader .ui-tabs-panel img {float:left; margin-right:18px;}
#multiheader li a {line-height:1em}
#multiheader h3 {float:left}
#multiheader h4 {line-height:1.25em}
#multiheader img {border:0}

.multiheader-text p:last-child { margin-bottom: 0; }

/* no js */
html.nojs #multiheader ul.ui-tabs-nav { visibility: hidden; }
html.nojs #multiheader div#fragment-1 {
	border-top: 1px solid #ccc;
}
html.nojs #multiheader .ui-tabs-panel { padding: 10px; width: 608px; border-right: none; border-left: none; border-top: none; display: block;}
html.nojs #multiheader .ui-tabs-panel img { display: none; }
html.nojs #multiheader div.multiheader-text { width: inherit; }
html.nojs #multiheader div.multiheader-block { width: 100%; }

#priorities {display:block; background:#fff; margin:0 0 1em 0; padding:0}


/* CONNECT BOX */

#connect {vertical-align:middle; margin:18px 0 18px 0;}
#connect ul {margin-bottom:0}
.row {overflow:hidden; height:1%; display:block;}
.connectitem {display:block; margin:4px 12px 4px 0;}
.connectitem img, #connect li img {margin:auto 8px auto 0; vertical-align:middle}
#connect .left {float:left; width:130px; }
#connect .right {float:right; width:130px; }

/* STORY & INFO PAGE STYLING */

.story{padding-left:18px;}
.story,#open-content{font-size:1.15em;line-height:1.5em;color:#333;font-family:georgia, serif;}
.story p,#open-content p{line-height:1.5em;}

.toolbox{display:block;width:100px;border:1px solid #ccc;float:right;font-size:.75em;margin:0 0 1em 1em;padding:1em 1em .5em;}
.storyphoto .toolbox{font-size:.85em;margin:1em 0 0;padding:0;}
.storyphoto .toolbox a img,.storyphoto .toolbox img{float:none;vertical-align:middle;margin:0 1em 0 0;}
.storyphoto .toolbox ul{text-indent:0;margin:0;padding:1em .5em 0 1em;}
.toolbox ul{text-indent:0;margin:0;padding:0;}
.toolbox img{margin-right:.66em;}
.toolbox ul li a:hover{color:#333;}
.toolbox .hrule{margin:.5em 0;}

#storyextra{padding-top:1em;font-size:.9em;}

.widestoryphoto{display:block;font-family:verdana, helvetica, sans-serif;width:610px;clear:both;margin:0 0 1em;}
.widestoryphoto img{padding-bottom:.25em;}
.widestoryphoto span.credit{display:block;padding-top:0;text-align:right;line-height:1.25em;color:#999;font-size:.8em;}
.widestoryphoto div.caption{color:#333;font-size:.85em;line-height:1.25em;text-align:left;display:block;padding-top:6px;}
.widestoryphoto div.caption p{line-height:1.25em;margin:0;padding:0;}

.squeezewrapper{overflow:auto;}
.storyphoto-squeeze{display:block;font-family:verdana, helvetica, sans-serif;width:610px;margin:0;}
.storyphoto-squeeze img{float:left;margin-right:18px;padding:4px 0 .5em;}
.storyphoto-squeeze .credit{display:block;padding-top:.5em;text-align:left;line-height:1.2em;color:#999;font-size:.75em;}
.storyphoto-squeeze .caption{color:#333;font-size:.85em;line-height:1.5em;text-align:left;display:block;padding-top:0;margin-top:0;}

.storyphoto{float:right;font-family:verdana, helvetica, sans-serif;display:block;margin:5px 0 .5em 1em;}
.storyphoto img{padding-bottom:.5em;float:right;margin:0;}
.storyphoto p{margin:0;padding:0;}
.storyphoto .credit{display:block;width:100%;padding-top:0;line-height:1em;color:#999;font-size:.65em;text-align:right;float:right;clear:right;}
.storyphoto .caption{display:block;width:100%;font-size:.75em;line-height:1.5em;text-align:left;color:#333;clear:right;float:right;padding:.5em 0 1em;}
.storyphoto .toolbox ul li,.toolbox ul li{list-style:none;text-transform:uppercase;font-family:verdana, helvetica, sans-serif;}
  
.byline {font-weight:bold; padding:1em 0 0 0; display:block; clear:both;}

.latest-item {display:block; clear:both} 
.latest-item .thumb {float:left; padding:4px 9px 9px 0; border:0;}
.latest-item a {text-decoration:none}
.latest-item a:hover {text-decoration:underline}
.latest-item .blurbs {margin-left:112px; display:block;}
.latest-item .nakedblurb {margin-left:0; display:block;}
#latest .itemwrapper {margin-bottom:9px; border-bottom:none; padding-bottom:9px; background: url(cssimages/hrule-wideB.gif) repeat-x left bottom;}

#digest-secondary .recent-item  {display:block; margin:0 0 18px 0;}
#digest-secondary .recent-item  img {float:right; margin:5px 0 1em 1em}

/* For Archive/Third-Level Digest Pages */
#archives .recent-item {display:block; margin-bottom:.5em}
#archives .recent-item .thumb {float:right; margin:5px 0 1em 1em} 
#archives .recent-item .dek {color:#666; font-family:georgia, times new roman, serif; font-weight:bold; font-size:1.1em}
#archives .recent-item .blurb {margin-top:12px; font-size:1.1em; line-height:1.5em}

#archives .itemwrapper {margin-bottom:1em}

#oldfeatures p {padding-bottom:.5em;}
#oldfeatures .date, #oldfeatures .author  {display:block; color:#666;}
#oldfeatures span.blurb {display:block; padding:3px 0}
#oldfeatures h4{margin:0; padding:0}
#oldfeatures a h4{color:#900}
#oldfeatures a:hover h4{text-decoration:underline}
#oldfeatures .singleitem {padding:9px 0 9px 0}


.itemwrapper {overflow:hidden; height:1%; padding: 0;}
#sidebar .itemwrapper, #sub-sidebar .itemwrapper {width:100%}

.cartoonleft {overflow:auto; width: 300px; height:110px; padding: .5em 0 .5em 0; float:left}
.cartoonright {overflow:auto; width: 300px; height:110px; padding: .5em 0 .5em 0; float:right}
.cartoonleft img, .cartoonright img {border:1px solid #ccc; float:left;margin:2px 1em 1em 0}
.cartoonleft p a, .cartoonright p a {line-height:1.15em}

.medialeft {overflow:hidden; width: 290px; margin: .5em 0 0 0; float:left}
.mediaright {overflow:hidden; width: 290px; margin: .5em 0 0 0; float:right}
.medialeft img, .mediaright img {border:1px solid #ccc; float:left; margin:2px 18px 0 0}
.medialeft .vidblurb a, .mediaright .vidblurb a {line-height:1.15em;}
.vidblurb {width:120px;display:block; padding:0; float:right; line-height:1.15em}

#multimedia .itemwrapper {margin-bottom:18px}
.row-wrapper {overflow:hidden; height:1%; margin-bottom:18px} 




/* PUBLICATIONS PAGES */

#publications-page p {font-family: Verdana, Helvetica, Trebuchet, sans-serif; font-size:small}

/*#open-content .itemwrapper .featured-publication {margin:0 0 24px 0;}
*/.featured-publication a {color:#900;}
#open-content .featured-publication .picleft {margin:7px 18px 0 0}
#open-content .featured-publication h3 {padding:4px 0 .33em 0; margin:0; border:0; background:0;font-size:1.4em}
#open-content .featured-publication h4 {padding:0 0 .5em 0; margin:0; color:#036; font-size:1.1em}
#open-content .featured-publication .photocredit {font-family: Verdana, Helvetica, Trebuchet, sans-serif; font-size:.8em; color:#666; padding:.5em 0 0 0;}

#publications-page div div.itemwrapper {margin:0 0 12px 0;}

/* SEARCH */

#searchbox {position:absolute; width:230px; top:134px; left:726px; clear:left; z-index:100}
#search {display:block; float:right; margin:0; padding:0; color:#036;}
.search form input {border:#ccc solid 1px; margin:0; padding:0}
img .searchbutton  {margin-top:20px;}
.searchbox {width:180px; border:1px solid #ccc; margin:0 0 3px 0; padding:2px 4px;color:#666; text-align:right}
#sitesearch {margin:0; padding:0}
#searchicon {position:relative;top:2px;}

p.searchresult {margin:9px 0 18px 0}
p.searchresult .date, p.searchresult .author {display:block;color:#666; clear:both}
p.searchresult .blurb {display:block; clear:both;}

/* MISC STYLING */

	/* Image-Related CSS */
.picright {float:right;margin:0 0 1em 1em}
.picleft {float:left;margin:0 1em 1em 0}
.sidebox-block .picleft {margin:0 1em 0 0}

.box-shaded {float:right;padding:15px;margin-left:5px;background:#f2f2f2; width:300px;}

align.right {float:right}
align.left {float:left}

#open-content .picright {float:right;margin:5px 0 1em 1em}
#open-content .picleft {float:left;margin:5px 1em 1em 0}

.thumbright {float:right;margin:5px 0 1em 1em}
.thumbleft {float:left;margin:5px 1em 1em 0}

.topstorypic {float:left; margin-right:12px; padding-top:3px}
.photocredit {font-style:italic;font-size:.94em; padding-top:9px;}

.source {font-family:Verdana, Helvetica, Trebuchet, sans-serif; font-size:.7em; color:#666;margin:.25em 0 .5em 0; padding:0}

.icon {border:0; padding-right:.25em;}
.back {float: right; font-size: .8em; margin-top: .4em;}
	

#masthead img {border:0}

.biopic {float:right;margin:0 0 .5em 1em; padding:0}
.biopic img {margin:3px 0 6px 0}
span.biopic span a {display:block; text-align:center; font-size:.7em; font-family:Verdana, Helvetica, Trebuchet, sans-serif}

#storyfeed img {vertical-align:middle}

.cartoon {border:#ccc solid 1px;margin: 0}
.cartoon-full {margin:18px 0 18px 0; border:#ccc solid 1px;}

.photobox-right {width:300px; float:right; margin:5px 0 0 1em; padding:0; font-family:Verdana, Helvetica, Trebuchet, sans-serif; display:inline}
.photobox-right p.caption {font-size:.8em; text-align:left}
.photobox-right p.credit {font-size:.7em; text-align:right; color:#666;margin:.25em 0 .5em 0; padding:0}

.photobox-left {width:300px; float:left; padding:5px 1em 0 0; margin: 0; font-family:Verdana, Helvetica, Trebuchet, sans-serif; display:inline}
.photobox-left p.caption {font-size:.8em; text-align:left}
.photobox-left p.credit {font-size:.7em; text-align:right; color:#666;margin:.25em 0 .5em 0; padding:0}

.featured-media img {border:1px solid #ccc}

img.social-icon {position:relative; margin-right:12px; top:3px}


/* Small Elements, Micro-Styles */
	
.hrule {border-bottom: 1px dotted #666;margin: 0 0 1em 0; padding:0;}
* html .hrule {border-bottom: none;	padding: 1px; background: url(cssimages/hrule.gif) repeat-x bottom;} /* IE6 tweak to get dots, not dashes */

#person p {color:#333}
#person ul {font-family:Verdana, sans-serif; font-size:.86em}
	
.sidebar-block {display:block; clear:both; padding: 0}

#priorities .thumb {float:right; padding:0 0 .5em .5em; border:0}

.publications .thumb {float:right; padding:0 0 .5em .5em; border:0}

.askexpert .thumb {float:right; padding:4px 0 .5em .5em; border:0}

.atglance .thumb {float:left; padding:4px 9px 4px 0; border:0}
.atglance h3 {margin-top:0}

.side-tease {padding:0; margin:0;font-size:1.25em;line-height:1.5em;}
.side-attribute {padding:0 0 1em 0;font-size:.9em; text-align:right}

.signup {margin:0 0 18px 0;clear:both; display:block}
.submitsignup {width:72px; font-size:.9em; text-transform:uppercase}
.signbox {width:182px; font-size:.9em;color:#333;border:#ccc solid 1px; padding:3px}

#crumbs {display:block; margin:0 0 18px 18px; padding:0; font-size:1.1em;}
#crumbs a {color:#999; text-decoration:none; }
#crumbs a:hover {color:#900; text-decoration:underline}
#crumbs span.firstlevel {font-weight:normal; color:#036;}
#crumbs span.activelevel {color:#036; font-family: Verdana, Helvetica, sans-serif; text-transform:capitalize}

.namecol-right{display:block; width:50%; float:right; padding-bottom:18px}
.namecol-left{display:block; width:50%; float:left; padding-bottom:18px}

#pressroom .press-item {display:block;margin-bottom:18px}
#pressroom .press-item .date {color:#666}
#pressroom .press-item .blurb {font-family: Verdana, Helvetica, sans-serif;}

#pr-solo {font-family: Georgia, serif;}

.videoright {display:block; float:right; padding:5px 0 0 1em;}
.videoleft {display:block; float:left; padding:5px 1em 0 0;}

.eventvideo {font-family:georgia, serif}

.featured-media  {display:block; margin-bottom:18px}

#slider p {text-align:left; margin-top:.5em}

.book-item {display:block; width:136px; float:left; padding:12px 0 12px 0; margin:0 12px 0 0;}

.quoteright {display:block; width:260px; padding: 0 0 18px 18px; margin: 0;font-size:1.5em; line-height:1.8em; font-family: Georgia, serif; color:#40668D; text-align:right; float:right;}

.quoteleft {display:block; width:260px; padding: 0 18px 18px 0; font-size:1.5em; line-height:1.8em; font-family: Georgia, serif; color:#40668D; text-align:left; float:left}


/* FORMS STUFF */

.formlayout td {vertical-align: middle}

#subscribeform {font-family: Arial, Helvetica; margin-left:1.5em}
#subscribeform span {font-weight: bold}
#subscribeform label {font-weight: bold; color: #036}

#subscribeform h2 {
color:#990000;
font-family:georgia,serif;
font-size:1.2em;
font-weight:normal;
margin:0pt;
padding:9px 0pt;
}

#subscribeform #newsbox {float:left; width:28em; padding: 0 2em 1em 0}
#subscribeform #newscap {margin-bottom: 2em; overflow: hidden;}
#subscribeform #newscapaf {height:11.5em}
#subscribeform #newsbyissue {float:left; width:29em}
#subscribeform #newsbottom {clear:both}

#subscribeform #newscap2 {float:left; width:27em; padding-bottom:1em}
#subscribeform #newscap3 {float:left; width:27em; padding-bottom:2em}
#subscribeform #newsbyissue2 {float:left; width:31em; padding: 0 1.5em 2em 0}
#subscribeform #newsbyissue2 .formdeflist dd {width:28em}

#subscribeform dl .formdeflist {width: 5em; margin: .5em 0; padding: 0;}

#subscribeform .formdeflist dt {float: left; height: .3em; margin: 0 0 0 0; padding: .2em;}

/* Mac-IE5 fix for floats\*/
#subscribeform dt { clear: both; }
/* End fix */

#subscribeform .formdeflist dd {float: left;width: 24em;margin: 0 0 0 0;padding: .1em;}

#subscribeform #formsignup {text-align: center; font-size:.85em}
#subscribeform #formsignup span {color:red; font-weight: normal; font-style: italic}
#subscribeform #formsleft {text-align:right; float:left; width: 32em}
#subscribeform #formsright {text-align:right; float:left; width: 30em}
#subscribeform #formscenter {text-align:right; float:left; width: 45em}
#subscribeform #formsbottom {text-align:center; clear:both}

#subscribeform #formsright2 {text-align:right; float:left; width: 26em}
#subscribeform .leftfix {text-align:right;}

#subscribeform #twonpfooter {padding:1em; font-size:.85em; display:block; clear:both}
#subscribeform #addfooter {font-weight: bold; font-size:.85em; text-align: center}

span.xbq {display:none}


/* SHARE BUTTON */
ul#shareit, #shareit {list-style:none;}

#shareit li {display:block; vertical-align:middle;list-style:none; margin:0;  padding:2px 0;}

#shareit li ul {position:absolute;left:-999em;}
#shareit li:hover ul {left:auto; background-color:white; margin:0; padding:0}
#shareit li:hover ul, #shareit li.sfhover ul {left: auto;}

#shareit li ul li a {padding:0 6px 3px 28px; min-height:16px; display:block}
#shareit li ul li {float:none; margin:0; padding:1px 0; background-color:#fff; text-transform:capitalize;}

a.deli {background:url('cssimages/deli.gif') no-repeat #fff}
a.digg {background:url('cssimages/digg.gif') no-repeat #fff}
a.face {background:url('cssimages/face.gif') no-repeat #fff}
a.goog {background:url('cssimages/goog.gif') no-repeat #fff}
a.redd {background:url('cssimages/redd.gif') no-repeat #fff}
a.stum {background:url('cssimages/stum.gif') no-repeat #fff}
a.buzz {background:url('cssimages/buzz.gif') no-repeat #fff}

p.joblink {margin:0 0 18px 0}
span.jobblurb {margin:0}
span.jobblurb p {margin:0 0 .66em 0}
a h4.jobtitle {color:#900}
#job h4.jobtitle {padding:0; margin:1em 0 0 0; border-bottom:1px solid #ccc}

#rsspage p.rssbigfeed {vertical-align: center; font-family:Verdana, Helvetica, Trebuchet, sans-serif; }

.rsslist p {padding:0;margin:0; font-family:Verdana, Helvetica, Trebuchet, sans-serif;}
#open-content #rsspage .rsslist h4 {margin-top:1em;}
#open-content #rsspage h3 {margin:1em 0 0 0}
#rsspage #subleft {margin:0;padding:0}
#rsspage #subleft div.rsslist {margin:0; padding-top:0}


/* BlUE TABLES */

.bluetable {font-size:.8em; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; margin:18px 0; border:1px solid #036;}
.bluetable p {line-height:1.5em;}
.bluetable tbody tr th {text-transform:uppercase; background:#cdcdd9; border-bottom:2px solid #036; color:#036; padding:18px 12px;}
.bluetable tbody tr td {padding:12px 12px; background-color:#e2e2ea; border-bottom:1px solid #b2b1b7;}
.bluetable tbody tr.odd td {background:#f5f5f7}


/* FLOWPLAYER CSS */

/*  player and playlist go side by side  */
#player,#player,div.playlist{float:left;margin-right:20px;}
div.playlist{width:150px;}

/* player dimensions  */
#player,#player img{display:block;width:320px;height:240px;border:0;}
/* play button on top of splash image  */
div.play{background:url(../img/play.png) no-repeat;width:50px;height:50px;position:relative;top:-175px;left:175px;opacity:0.9px;margin-bottom:-50px;}
div.play:hover{opacity:1px;}

/* single playlist item  */
div.items a{background:url(../img/block.jpg) no-repeat;width:150px;height:68px;display:block;text-decoration:none;color:#444;}
div.items p{font-size:11px;width:130px;margin:0;padding:8px 0 0 12px;}
div.items p.time{padding-top:0;color:#777;margin-top:5px;}
div.items a.playing,div.items a.paused{color:#000;}
div.items a.playing{background-position:0 -136px;}

/* small navigational dots  */
div.navi{width:60px;float:left;height:11px;overflow:hidden;margin:10px 0 0 50px;}
div.navi span{width:8px;height:8px;float:left;background:url(../img/dots.png) 0 0 no-repeat;cursor:pointer;margin:3px;}
div.navi span:hover{background-position:0 -8px;}
div.navi span.active{background-position:0 -16px;cursor:default;}
div.items a:hover,div.items a.paused{background-position:0 -68px;}




/* HOMEPAGE SLIDER */

#project_slider_container {width: 960px; overflow: hidden; max-height: 200px;}
#project_slider_container h3 {color: #333; text-align: left; text-transform: uppercase; font-size: 1.1em;}
#project_slider_background {background: #e6e6e6; border-top: 4px solid #ccc; padding: 5px 0;}

ul#project_slider {width: 976px; margin-left: -8px; overflow: hidden; list-style: none;}
ul#project_slider li{list-style: none;}
ul#project_slider a img {border: none;}

.slider_header {margin: 0 8px;}

span.slider_nav_box {float: right; margin-top: 5px; *margin-top: 2px; *padding: 1px;}

a.slider_nav {border: 1px solid #ccc; margin: 0 2px; font-size: 1.2em; text-decoration: none;}
a.slider_nav:hover {background: #e6e6e6;}

li.slider_entry {margin: 8px !important; width: 225px; min-height: 9.25em; line-height: 1.5em; font-size: .8em;}
li.slider_entry span {margin-left: 110px; display: block;}
li.slider_entry a h4{margin: 0; padding: 0; color: #900;}


/* NEW TOOLBOX CSS */

#story-tools {display:block; padding: 2px 0 2px 0; margin:9px 0 18px;border-top:1px dotted #666; border-bottom:1px dotted #666;width:100%; font-size:.7em; color:#666}
#story-tools ul {margin:0; padding:0; overflow:auto;height:1%}
#story-tools li {display:inline;padding:0 6px; margin:0; border-right:1px solid #ccc;font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; vertical-align:middle;}
#story-tools li.first {padding-left:0}
#story-tools li img {margin-right:6px;}
#story-tools li#shareit {display:inline; list-style:none;margin:0;padding:0 6px; border-right:0;}
#story-tools li#shareit img {vertical-align:middle; padding:0;margin:-5px 3px 0;}

a.deli {background:url('cssimages/deli.gif') no-repeat #fff}
a.digg {background:url('cssimages/digg.gif') no-repeat #fff}
a.face {background:url('cssimages/face.gif') no-repeat #fff}
a.goog {background:url('cssimages/goog.gif') no-repeat #fff}
a.redd {background:url('cssimages/redd.gif') no-repeat #fff}
a.stum {background:url('cssimages/stum.gif') no-repeat #fff}

#gplus {display:inline-block; margin:-4px 0 0 4px; vertical-align:middle;}

li.slider_entry a img {border: none; float: left; margin-right: 10px;}

/* EVENTS */

#pastevents {margin:18px 0 18px 0}
#upcomingevents {margin:18px 0 18px 0}
#events-today {margin-top:18px;display:block;background:#fff url(http://www.americanprogress.org/images/rd2/styles/cssimages/connect-bg.jpg) repeat-x; padding:1em; border:1px solid #ccc;}
#primary h5 {font-family:Verdana, Helvetica, Trebuchet, sans-serif; font-size:.87em;}
.event {margin:0 0 18px 0}
#events-today p {font-size:1em}

.event {margin:18px 0 18px 0;}
.event .date {color:#036}
.event .blurb {display:block;margin-top:.5em; font-family:Georgia, serif}

.livevideo {font-size:.782em;text-transform:uppercase; font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif}

#pre-banner {font-size:.8em;}
/* #pre-banner a {color:#036} */
#pre-banner span {float:right}



/* WAR MODE CSS */

/* default color is black
 *
 * for colors that aren't black or white, please use an inline style, like:
 *
 *    <div id="war" style="background-color:#143D66;">
 */
#war {display:block; width:628px; background:#000; margin-bottom:10px;}
#war-light {display:block; width:628px; background:#fff; margin-bottom:10px; padding-bottom:5px; border:1px solid #ccc;}

.warpic {border:0}

#wartext {display:block; padding:0px 18px; text-align:left;}
#wartext a {text-decoration:none; font-weight:bold}
#wartext a:hover {text-decoration:underline}
#wartext p {margin:5px 0 10px;}

#war #wartext {color:#fff; padding-bottom:10px}
#war #wartext a {color:#fff;}

#warlinks {font-size:.9em; overflow:auto; padding-top:5px;}

#war h2, #war-light h2 {color:#ccc; font-size:1.8em; line-height:110%;margin:0; padding:0}
#war h3, #war-light h3  {color:#fff;font-size:1.5em; margin:20px 0 10px; padding:0}
#war h3 {color:#ff5a01; font-size:1.4em}
#war-light h2, #war-light h3 {color:#333}
#war h3.bigstory, #war-light h3.bigstory {margin:0;padding:0}
p.bigstory {font-size:1.1em; line-height:1.5em; margin:0 0 1.25em 0; padding:0}
#war h3.bigstory a, #war-light h3.bigstory a {text-decoration:none; margin:0;padding:0; font-weight:normal}
#war img, #war-light img {border:0}

.warright {display:block;float:right;width:285px;}
.warleft {display:block;float:left;width:285px;}