html{ background: #000033 url(../css/images/html-background.jpg) top repeat-x; }
html#home { background-image: url(../css/images/html-background-home.jpg); }

body {
	background: transparent url(../css/images/body-background.jpg) top center no-repeat;
	color: #212143;
	font: 13px/22px Helvetica, Arial, Verdana, sans-serif;
}
#home body { background-image: url(../css/images/body-background-home.jpg); }

h1, h2, h3, h4, h5, h6, ol, ul, dl, p, blockquote { margin: 0 0 18px 0; }
form, fieldset { margin: 0 0 14px 0; }

a:link, a:visited { color: #003c75; }

figcaption{ margin: 0 0 15px 0; color: #777; font-size: 11px; }

#tell-your-friends label.error{
    font-size: 11px;
    color: red;
}


/* HEADER */

#header{
	background: transparent url(../css/images/header-background2.jpg) 0 0 no-repeat;
	height: 99px;
	margin: 0 auto;
	position: relative;
	width: 950px;
	z-index:10000 !important;
}
a#logo{
	display: block;
	height: 104px;
	width: 227px;
	position: absolute;
	left: 29px;
	top: 0;
	text-indent: -9999px;
}
#header ul{
	height: 22px;
	list-style: none;
	margin: 0;
	padding: 0 0 8px 0;
	position: absolute;
	right: 32px;
	bottom: 9px;
	text-align: right;
}
#header li{
	display: inline;
	position:relative;
}
#header li a{
	background: transparent url(../css/images/menu-divider.png) left no-repeat;
	display: inline-block;
	height: 22px;
	padding: 0 9px 0 11px;
	color: #FFF;
	font-family: "Droid Serif", "Times New Roman";
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;
	text-shadow: #000 0 1px 3px;
}
#header li a.highlight{
    margin-right: 10px;
    background-image: url(../css/images/menu-divider-red.png);
    font-weight: bold;
}
#header li a.first{
    margin: 0;
    background: none;
}

#header li ul{
    display: none;
    left:-2px;
    position:absolute;
    text-align:left;
    top:16px;
    width:150px;
    z-index:100;
}
#header li ul li{
    background:url(../css/images/header-ul.jpg) repeat-y;
    display:block;
    padding-bottom:10px;
    width:100%;
}
#header li ul li.first{
    padding-top:10px;
}
#header li ul li a{
    background:none;
    display:block;
    height:auto;
    padding-left: 13px;
}

/* FEATURE */

#feature{
	background: transparent url(../css/images/feature-background.jpg) 0 0 no-repeat;
	height: 186px;
	margin: 0 auto;
	position: relative;
	width: 950px;
	z-index: 100;
}
#home #feature {
	height: 394px;
	background-image: url(../css/images/feature-background-home.jpg);
	}

#feature h1 {
	position: absolute;
	bottom: -34px;
	left: 50px;
	font-family: "Droid Serif", "Times New Roman";
	font-weight: normal;
	font-size: 60px;
	line-height: 74px;
	color: #fff;
	text-shadow: 0 0 5px rgba(0,0,0,0.6);
	filter: glow(color=#aaaaaa,strength=5);
}

#feature h1 a {
	font-family: "Droid Serif", "Times New Roman";
	font-weight: normal;
	font-size: 60px;
	line-height: 74px;
	color: #fff;
    text-decoration: none;
}



/* FEATURE - SLIDESHOW */

#slideshow{
	height: 389px;
	width: 641px;
	position: absolute;
	left: 0;
	top: 5px;
}
#slideshow ul, #slideshow-frame{
	height: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#slideshow li, #slideshow-frame{
	position: absolute;
	left: 0;
	top: 0;	
}
#slideshow-frame{
    background: transparent url(../css/images/slideshow-frame.png) 0 0 no-repeat; z-index: 1000;
    display: block;
}
#slideshow-caption{
	height: 90px;
	padding: 10px 40px 0 40px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 550px;
}
#slideshow-caption h2{
	margin: 0;
	color: #FFF;
	font-family: 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
	font-size: 40px;
	font-weight: normal;
	line-height: 40px;
}
#slideshow-caption p{
	color: #FFF;
	font-family: "Droid Serif", "Times New Roman", times, serif;
	font-size: 14px;
}
#slideshow-prev, #slideshow-next{
	display: block;
	height: 34px;
	width: 31px;
	position: absolute;
	bottom: 34px;
	text-indent: -9999px;
	z-index: 2000;
}
#slideshow-prev{
	background: #000 url(../css/images/slideshow-arrow-left.png) 0 0 no-repeat;
	left: -1px;
}
#slideshow-next{
	background: #000 url(../css/images/slideshow-arrow-right.png) 0 0 no-repeat;
	left: 600px;
}


/* FEATURE - TAKE ACTION */

#take-action{
	background: transparent url(../css/images/take-action-background.png) 0 0 no-repeat;
	height: 383px;
	width: 253px;
	position: absolute;
	top: 29px;
	right: 30px;
}
#take-action h2{ position: absolute; text-indent: -9999px; }
#take-action ul{
	list-style: none;
	margin: 70px 30px 0 30px;
	padding: 0;
}
#take-action li{ float: left; margin: 0 0 10px 0; }
#take-action li a { position: relative; z-index: 1; }
#take-action li img{ vertical-align: bottom; }


/* CONTENT WRAPPER */

#content-outer-wrapper{
	background: transparent url(../css/images/content-outer-background.jpg) bottom center no-repeat;
}
#content-inner-wrapper{
	background: #FFF url(../css/images/content-inner-background.png) right repeat-y;
	margin: 0 auto;
	overflow: hidden;
	width: 950px;
}


/* CONTENT */

#content{
	float: left;
	overflow: hidden;
	padding: 33px 33px 33px 43px;
	width: 580px; /* Total = 656px */
	color: #212143;
	font-size: 13px;
	line-height: 22px;
}
#content-wide{
	float: left;
	overflow: hidden;
	margin: 0px 0px 0px 10px;
	padding: 33px 33px 33px 33px;
	width: 867px; /* Total = 936px */
	color: #212143;
	font-size: 13px;
	line-height: 22px;
	background: #fff;
}
#home #content {
	background: transparent url(../css/images/content-shadow.png) top left repeat-x;
	}
#content h2{
	margin: 0 0 10px;
	color: #9d032a;
	font-family: 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 40px;
	line-height: 40px;
	text-transform: uppercase;
}
#content h2 a {
	color: #9d032a;
	text-decoration: none;
}
#content h3{
	margin: 0 0 10px 0;
	color: #c41230;
	font-family: "Droid Serif", "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 30px;
}
#content h3 a{ color: #c41230; text-decoration: none; }
#content h4 {
    font-size: 14px;
}
#content article{ margin: 0 0 22px 0; }
#content .more{
	background: transparent url(../css/images/icon-book.png) left no-repeat;
	display: inline-block;
	padding-left: 27px;
	color: #20487b;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#content .rule{
	background: transparent url(../css/images/hr-background.png) top center no-repeat;
	border: none;
	display: block;
	height: 12px;
	margin: 0 0 22px 0;
}

#content ul, #content ol {
    padding-left: 1.3em;
}

#content .meta {
    margin-bottom: 11px;
    font-size: 12px;
    color: #666;
}
#content .meta a {
    color: #666;
}

#content label {
    display: block;
    font-weight: bold;
}
#content input.text, textarea {
    border: 1px solid #1c4172;
    width: 50%;
    font-size: 14px;
    padding: 2px 4px;
}

#content #pageList {
    list-style-type: none;
    padding: 0;
}
#pageList li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
ol.page-list-single li{
    border: none !important;
}
h3.bordered{ border-top: 1px solid #CCC; padding-top: 20px; }


/* CONTENT - BLOG */

#content article.post-excerpt{
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

hr.blog  { 
    height: 4px; 
    background: #9d032a;
}

.author {
    font-style: italic;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

a.authorlink {
    font-style: italic;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

/* CONTENT - STORIES */

#content article.story{
    padding-left: 120px;
    position: relative;
}
#content article.story header h3{ margin: 0; }
#content article.story header a.thumbnail{
    position: absolute;
    left: 0;
    top: 0;
}

/* HOME PAGE */

#content-news, #content-blog{
	float: left;
	width: 290px; /* 50% */
}
#content-news h3, #content-blog h3{
	font-size: 18px;
	line-height: 22px;
}
#content-news p, #content-blog p{ font-size: 12px; }
#content-news{
    padding-left: 30px;
	width: 260px;
}
#content-blog{
    border-right: 1px solid #f0f0f0;
	padding-right: 30px;
	width: 259px;
}


/* TAKE ACTION */

.callout{
    background: #FFF;
    -webkit-box-shadow: #BBB 0 0 8px;
    -moz-box-shadow: #BBB 0 0 8px;
    box-shadow: #BBB 0 0 8px;
    padding: 8px;
    width: 219px;
}
#anniversary-stories { float:right;}
#get-involved{ float: left; }
#policy-center-quick-facts, #resources-callout{ float: right; margin-left: 20px; }
.callout div {
    padding: 15px;
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: inset 0 0 25px #ebebeb;
    -moz-box-shadow: inset 0 0 25px #ebebeb;
    box-shadow: inset 0 0 25px #ebebeb;
}
.callout ul {
	padding-left: 12px;
	list-style-type: none;
	list-style-image: url(../css/images/bullet.png);
}
.callout h4, .callout h4 a {
	text-transform: uppercase;
	margin: 0;
	color: #20487b;
	text-decoration: none;
}
.callout ul p {
    margin: 0;
    font-size: 12px;
    color: #000;
}
.callout ul li{ margin: 0 0 10px 0; color: #444; font-size: 12px; }

#your-story {
	float: right;
	width: 270px;
}
#your-story h3 {
	font-size: 18px;
}
#your-story cite {
	font: italic 18px/22px "Droid Serif", "Times New Roman";
	color: #999;
}
#your-story .more-stories {
	display: block;
	width: 195px;
	height: 36px;
	margin-top: 22px;
	background: url(../css/images/button-stories.png) no-repeat;
	text-indent: -9999px;
}

#storiesList {
    list-style-type: none;
}
#storiesList li {
    padding: 11px;
    border-bottom: 1px solid #ccc;
}
#storiesList cite {
	font: italic 18px/22px "Droid Serif", "Times New Roman";
	color: #999;
}


/* BLOG */

#content #comments ol {
    list-style-type: none;
    padding: 0;
}
#comments li {
    padding: 11px 0;
    border-bottom: 1px solid #ccc;
}
#comments h3 {
    float: left;
}
#comments .meta {
    float: right;
}
#comments .comment {
    clear: both;
}
p.breadcrumbs a{
    font-size: 11.5px;
    color: #777;
    margin: 0 0 5px 0;
}

.commentbox {
    height: 100px;
}

/* SIDEBAR */

#sidebar{
	float: right;
	padding: 242px 0 0 0;
	width: 294px;
}
#home #sidebar {
	padding-top: 32px;
	background: transparent url(../css/images/sidebar-shadow.png) top repeat-x;
}
#sidebar h2{
	color: #9d032a;
	font-family: 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 40px;
	line-height: 40px;
}
#sidebar-join{
	display: block;
	box-shadow: #444 0 0 5px;
	-moz-box-shadow: #444 0 0 5px;
	-webkit-box-shadow: #444 0 0 5px;
	height: 34px;
	margin: 0 auto 20px auto;
	width: 244px;
}
#sidebar-connect{
	background: transparent url(../css/images/connect-background.png) 0 0 no-repeat;
	height: 122px;
	padding: 26px 0 0 33px;
}
#sidebar-connect h2{ margin-bottom: 8px; }
#sidebar-connect ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar-connect li{ float: left; margin-right: 6px; }
#sidebar-connect li img{ vertical-align: bottom; }
#sidebar-latest-tweet{
	background: transparent url(../css/images/twitter-background.png) left repeat-y;
	padding: 0 36px;
}
#sidebar-latest-tweet h2{
	margin: 0;
	color: #333;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px !important;
	font-weight: bold;
	line-height: 12px;
	text-transform: uppercase;
}
#sidebar-latest-tweet p{ margin: 0; padding: 0 0 10px 0; }
#sidebar-spotlight{ background: transparent url(../css/images/spotlight-background.png) top no-repeat; position: relative; }
#sidebar-spotlight h2{
	margin: 0 0 10px 0;
	padding: 27px 0 0 33px;
}
#sidebar-spotlight div.spotlight-content{
    background: transparent url(../css/images/spotlight-background-footer.png) bottom no-repeat;
    padding: 0 47px 30px 33px;
}
#sidebar-spotlight h3{ margin: 0 0 10px 0; }
#sidebar-spotlight p{
	margin: 0;
	font-family: Palatino, "Droid Serif", "Times New Roman", Times, serif;
}

#blogCats, #blogRoll, #authors {
    padding: 20px 36px 10px;
}
#blogCats h2, #blogRoll h2, #authors h2, #subscribe h2 {
	margin: 0;
	color: #333;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	text-transform: uppercase;
}
#blogCats ul, #blogRoll ul, #subscribe ul, #.author {
    font-style: italic;
    color: #000;
    font-size: 14px;
}s ul {
    list-style-type: none;
}
#blogCats li {
    display: inline;
}
#blogCats li a {
    padding: 0 4px;
    background: #aaa;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    text-decoration: none;
}
#blogCats li a:hover {
    background: #ddd;
}

#subscribe {
    padding:20px 36px 10px;
}


/* FOOTER */

#footer{
	background: #1f477a;
	overflow: hidden;
}
#footer-outer-wrapper{
	background: transparent url(../css/images/footer-outer-background.jpg) bottom center no-repeat;
}
#footer-inner-wrapper{
	background: #1f477a url(../css/images/footer-inner-background.jpg) 0 -1px no-repeat;
	height: 440px;
	margin: 0 auto;
	position: relative;
	width: 950px;
}

#pitch{
	background: transparent url(../css/images/pitch-background.png) -20px 0 no-repeat;
	float: left;
	height: 49px;
	margin: 11px 0 26px 0;
	padding: 20px 20px 20px 220px;
	vertical-align: middle;
	color: #FFF;
	font-family: 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
	font-size: 20.5px;
	line-height: 24px;
	text-transform: uppercase;
}

#footer section{
    float: left;
	height: 250px;
	}
#footer section h2, #footer section h2 a{
	color: #000033;
	font-family: 'LeagueGothicRegular', Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 36px;
	text-transform: uppercase;
	text-decoration: none;
}
#contact-us{
	margin-left: 39px;
	width: 203px;
}
#contact-us input.text, #contact-us textarea{
	background: #FFF;
	border: 1px solid #d2d2d2;
	margin: 0 0 7px 0;
	padding: 6px;
	width: 189px;
	-webkit-appearance: none;
	line-height: 12px;
}
#contact-us input.text{ height: 12px; }
#contact-us textarea{ height: 83px; }

#flickr-feed{
	margin-left: 78px;
	width: 349px;
}
#flickr-feed ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#flickr-feed li{
	border: 5px solid #FFF;
	box-shadow: #333 0 0 3px;
	-moz-box-shadow: #333 0 0 3px;
	-webkit-box-shadow: #333 0 0 3px;
	float: left;
	margin: 0 7px 7px 0;
}
#flickr-feed img{
	height: 64px;
	width: 64px;
	vertical-align: bottom;
}

#take-action-now{
	margin-left: 68px;
	width: 213px;
}
#take-action-now ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#take-action-now li a{
	background-color: transparent;
	background-position: left;
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	margin: 0 0 5px 0;
	padding-left: 27px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 23px;
	text-decoration: none;
	text-transform: uppercase;
}
a#take-action-alerts{ background-image: url(../css/images/icon-bolt.png); }
a#take-action-act{ background-image: url(../css/images/icon-globe.png); }
a#take-action-speak{ background-image: url(../css/images/icon-mic.png); }
a#take-action-contact{ background-image: url(../css/images/icon-phone.png); }
a#take-action-share, a#take-action-tell-your-friends{ background-image: url(../css/images/icon-people.png); }
a#take-action-volunteer{ background-image: url(../css/images/icon-tools.png); }

#footer-links{
    clear: both;
	height: 30px;
	list-style: none;
	margin: 0;
	padding: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
#footer-links li{ display: inline; padding: 0 8px; }
#footer-links a{
	color: #FFF;
	font-family: "Droid Serif", "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 35px;
	text-decoration: none;
}
#footer-links a.highlight{ font-weight: bold; }
#nmc-tagline {
    clear: both;
    text-align: center;
    font-size: 11px;
    color: #5375a5
}
#nmc-tagline a {
    color: #5375a5;
}


/* ACTION KIT FORM PAGES */

span.required{ color: red; }
.letter-box{
    background: #F5F5F5;
    border: 1px solid #CCC;
    margin: 0 0 20px 0;
    padding: 20px;
}
#content form{ width: 580px; }
#content form fieldset.radio *{ display: inline !important; }
#content form fieldset.radio-buttons{ margin: 0; }
#content form fieldset.text{
    float: left;
    width: 50%;
}
#content form fieldset.full{
    float: none;
    width: 100%;
}
#content form fieldset.text input, .actionkit-form fieldset.select select{ width: 200px; }
#content form fieldset textarea{
    height: 150px;
    width: 100%;
}
#content form .left{ clear: both; float: left !important; width: 30% !important; }
#content form .left p, #content form .right p{ margin: 0; color: #777; font-size: 11px; }
#content form .right{ float: right !important; width: 65% !important; }
#content form .right label{ font-weight: normal !important; }

#content form fieldset.pledge-time{
    background: #EEE;
    border: 1px solid #CCC;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
}
#content form fieldset.pledge-time p{ margin: 0; }


/* CONTENT - HEALTH REFORM MOVE FORWARD */
ul#move-forward-segments li{
    display:block;
}
ul#move-forward-segments li{
    display:inline;
    float:left;
    margin: 0 20px 15px 0;
}
ul#coalition-partners{
    list-style: none;
    margin: 0 0 20px 0;
    overflow: hidden;
    padding: 0;
}
ul#coalition-partners li{
    display: inline-block;
    float: left;
    margin: 0 0 20px 0;
    height: 200px;
    width: 50%;
    text-align: center;
}
ul#coalition-partners li a{
    display: block;
    height: 200px;
    width: 290px;
    line-height: 200px;
}
ul#coalition-partners li img{ vertical-align: middle; }
#reform-signatures{ overflow: hidden; }
#content article.reform-signature{
    float: left;
    margin-right: 5%;
    width: 45%;
}
#content form fieldset textarea.story{
    height: 100px;
    width: 100%;
    border: 1px solid #BBB;
}
#content form fieldset textarea.signature{
    height: 100px;
    width: 100%;
    border: 1px solid #BBB;
}

h4.boehner_names{
    margin: 0px;
}

/* ACTIONKIT FIXES */

ul#ak-errors{ color: red; font-weight: bold; }
#target_checkboxes .target{ display: block; }
#target_checkboxes .target *{ display: inline !important; }


/* SHARING LINKS */

#sharing{ margin: 0 0 20px 0; }
#sharing ul{
    height: 32px;
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}
#sharing li{ display: inline-block; margin: 0 5px 0 0 !important; height: 32px; width: 32px; }