/* 
title:		The Pew Project on National Security, Energy and Climate styles
author:		Fred Simmons, fsimmons@gulosolutions.com
*/

body {background: #162d64; margin: 0; padding: 0; color: #333;}

#header-wrap {background: #213d81;}
#header {background: url(../images/bg-header.png) no-repeat 0 0;}

#content-wrap {background: white; overflow: hidden; padding-top: 25px;}
#pitch-wrap {padding-top: 30px;}
#pitch {overflow: hidden; padding-bottom: 25px;}
#pitch-image img {float: right;}

#learn-more-button a {margin: 0; padding: 0; display: block; height: 40px; width: 310px; background: url(../images/button-learn-more.png) no-repeat 0 0; text-indent:-9999px; border-bottom: none !important;}

#content-wrap {padding-bottom: 25px;}

#content-left-col object {width: 100%; height: 385px;}

#navigation-wrap {background: #162d64;}
#navigation {overflow: auto;}
#navigation ul {float: left; margin: 0; padding: 0; list-style: none; border-right: 1px solid #3c507e;}
#navigation li {float: left; margin: 0; padding: 0;}
#navigation li a {display: block; margin: 0; padding: 8px 28px; font-size: 100%; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #6babe4; border-bottom: none; border-left: 1px solid #3c507e;}
#navigation li a:hover {color: #fff;}
#navigation li a.on {}
#navigation li.take-action a {background: #6babe4; color: #162d64;}

#home-middle-col {}
#home-middle-col p strong {color: #739328;}
.padding {padding-left: 10px; padding-right: 10px;}

#issues ul, #issues li {margin: 0; padding: 0;}
#issues li {text-align: center; margin-bottom: 10px;}
#issues li a img {clear: both; display: block; width: 180px; height: 120px;}
#issues li a strong.txt {display: block; font-size: 90%;}

#latest-galleries li a img {float: left; margin: 0 10px 8px 0; border: 2px solid #ccc !important; height: 100px; width: 100px;}
#latest-galleries li a:hover img {border: 2px solid #aaa !important;}
#latest-galleries li strong.sub {display: block; color: #666; font-size: 80%; text-transform: uppercase; font-weight: normal;}

#sub-navigation {}
#sub-navigation ul {margin: 0 0 20px 0; padding: 0; list-style: none; border-top: 1px solid #ccc;}
#sub-navigation li {margin: 0; padding: 0;}
#sub-navigation li a {width: 100px; display: block; margin: 0; padding: 7px 20px; font-size: 96%; text-decoration: none; font-weight: bold; border-bottom: 1px solid #ccc; text-transform: uppercase;}
#sub-navigation li a:hover {}

.image-box {display: inline-block; margin-bottom: 20px; border: 1px solid #ccc; overflow: hidden;}
.image-box img {float: left; border: 2px solid white;}

a {outline: 0;}
a:link {color: #213d81; text-decoration: underline;}
a:visited {color: #213d81; text-decoration: underline;}
a:hover, a:active {color: #999; text-decoration: underline;}
a img {background-color: #fff; border-bottom: none !important;}
a.btn {border: none !important;}
img {-ms-interpolation-mode:bicubic;}

#footer-wrap {background: #162d64; padding-top: 20px; padding-bottom: 80px; border-top: 1px solid #ccc;}
#footer {color: #BFD3FF;}
#footer p {padding-left: 12px;}
#footer a {color: #6babe4;}
#footer a:hover, #footer a:focus {color: white;}

h1, h2, h3, h4, h5 {color: #222;}
h1 {margin: 0; padding: 0;}
#header h1 a  {margin: 0; padding: 0; display: block; height: 130px; width: 710px; background: transparent; text-indent:-9999px; border-bottom: none !important;}
h2 {font-size: 22px; color: #213d81; text-transform: uppercase; font-weight: normal;}
h3 {font-size: 14px; letter-spacing: 2px; color: #6babe4; text-transform: uppercase;}
h4 {font-size: 14px;}
h5 {margin-bottom: .25em !important; font-size: 14px; color: #213d81; /*letter-spacing: 1px; text-transform: uppercase;*/}
h5 a {text-decoration: none !important; font-size: 15px; letter-spacing: 0; margin-bottom: .25em !important; text-transform: none;}


#content-left-col h1 a {display: inline-block; font-size: 18px; text-indent: 0; margin: .25em 0 1.5em 0; background: #E1E8D1; padding: .5em 2em; color: #739328; text-decoration: none; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; background: darkred; color: white;}

.more {margin: 0 0 20px 0;}
.more a {text-transform: uppercase; color: #739328; font-weight: bold; font-size: 12px; text-decoration: none;}
.more a:hover {color: #999;}

blockquote {font-style: normal; background: transparent url(../images/open-quote.png) no-repeat 0 2px; margin: 0 0 20px; }
blockquote cite {font-style: italic; text-align: right; color: #162d64;}
blockquote > p:first-child {text-indent: 24px; color: #213D81; font-size: 16px; margin-bottom: 0.25em;}
span.last-word {padding: 0 22px 0 0; background: transparent url(../images/close-quote.png) no-repeat right 50%;}

label {text-transform: uppercase; color: #739328;}
.label {margin-bottom: 5px;}

a.pdf { /*The background image*/
	background: url(../images/pdf.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px; /* To center the text vertically with the icon */
}

a.txt { /*The background image*/
	background: url(../images/txt.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

a.zip { /*The background image*/
	background: url(../images/zip.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

a.email {
	background: url(../images/email.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

a.external {
	background: url(../images/ext_link.png) no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}


table.issues {margin: 10px 0 20px 0; width: 100%; border-collapse: collapse;}
table.issues th {padding: .25em .5em; text-align: left; border-bottom: 1px solid #ccc; font-weight: bold !important; color: #739328; font-size: 110%; background: #AFD9FF; text-transform: uppercase; letter-spacing: 1px;}
table.issues td {padding: .5em .5em 1.5em .5em !important; vertical-align: top;}
table.issues td.center {text-align: center;}