/*
Theme Name: Housing Crisis
Theme URI: http://www.housingcrisis.org
Description: Theme for Housing Crisis campaign.
Version: 1.0
Author: Pat Farr <pat@provokateur.com>
Author URI: http://www.provokateur.com/
*/



/* ==================================================================== */
/* = Reset                                                            = */
/* ==================================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

acronym, abbr { cursor:help }

input, select {
	vertical-align: middle;
	overflow:visible; padding: 0 .25em;
}
select {
	padding-right: 0; /* to override the previous declaration */
}
button {
	width: auto;
	overflow: visible;
	padding: 0 .25em; /* fix the width on IE */
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}



/* ==================================================================== */
/* = Clearfix                                                         = */
/* ==================================================================== */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}



/* ==================================================================== */
/* = Typography                                                       = */
/* ==================================================================== */

body {
	color: #333;
	font-size: 62.5%;
	font-family: Arial, sans-serif;
}

a {
	color: #d99d21;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
}

p {
	font-size: 14px;
	line-height: 1.4;
	margin: 10px 0;
}

h1 p,
h2 p {
	font-size: inherit;
}

body.page h1,
body.news h1,
body.search h1,
body.category h1,
body.archive h1,
body.action h1 {
	border-bottom: 4px solid #999;
	color: #666;
	font-size: 24px;
	height: 40px;
	letter-spacing: -1px;
	line-height: 40px;
	text-transform: uppercase;
}

body.page h1,
body.single h1 {
	line-height: 1.2;
	margin-bottom: 20px;
}

body.single h1 {
	margin-bottom: 10px;
}




/* ==================================================================== */
/* = Layout                                                           = */
/* ==================================================================== */

body {
	background: #fff url(images/body.png) no-repeat top center;
}

#page {
	margin: 0 auto;
	width: 980px;
}

#header {
	height: 220px;
	padding-top: 20px;
	position: relative;
}

#main {
	margin: 20px 0 40px;
}

body.home #main {
	margin-top: 0;
}

#footer-container {
	background-color: #fdb934;
	border-top: 4px solid #666;
}

#footer {
	background-color: #d99d21;
	border-top: 4px solid #4d4d4d;
	margin: -4px auto 0 auto;
	padding: 20px 20px 80px 20px;
	position: relative;
	width: 940px;
}

.skip-link {
	display: none;
}

body.news #content,
body.single #content,
body.page #content,
body.category #content,
body.archive #content,
body.action #content,
body.search #content {
	float: left;
	width: 720px;
}

#sidebar {
	float: left;
	margin-left: 40px;
	width: 220px;
}




/* ==================================================================== */
/* = Header                                                           = */
/* ==================================================================== */

#header ul {
	margin-top: 20px;
}

#header li {
	float: left;
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
	text-transform: uppercase;
}

#header li a {
	color: #ccc;
	letter-spacing: -1px;
}

#header li a:hover,
#header li.current_page_item a,
#header li.current_page_parent a {
	color: #d99d21;
	text-decoration: none;
}

#header li.current_page_item,
#header li.current_page_parent {
	border-bottom: 4px solid #d99d21;
	padding-bottom: 2px;
}

body.error404 #header li.current_page_parent a {
	color: #ccc;
}

body.error404 #header li.current_page_parent {
	border: none;
	padding: 0;
}

#header a.signup {
	background-color: #d99d21;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 10px;
	position: absolute;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	top: 60px;
	width: 210px;
}

#header a.signup span {
	color: #fff;
	font-size: 24px;
}

#header a.signup:hover {
	background-color: #666;
	text-decoration: none;
}




/* ==================================================================== */
/* = Footer                                                           = */
/* ==================================================================== */

#footer li {
	border-right: 1px solid #333;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
}

#footer li#menu-item-100,
#footer li#menu-item-102 {
	border: none;
	margin-right: 0;
	padding-right: 0;
}

#footer li a {
	color: #333;
	font-size: 12px;
}

#share {
	height: 55px;
}

#share img {
	display: block;
	float: left;
	margin-right: 20px;
}

#share img.inbiz {
	margin-top: 10px;
}

.misc-menu-footer {
	float: right;
}

p.credit {
	bottom: 20px;
	color: #333;
	font-size: 11px;
	line-height: 1;
	margin: 0;
	position: absolute;
	right: 20px;
}

p.credit a {
	color: #333;
	text-decoration: underline;
}




/* ==================================================================== */
/* = Forms                                                            = */
/* ==================================================================== */

input,
textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	font-family: Arial, sans-serif;
	font-size: 14px;
	height: 20px;
	padding: 6px 8px 4px 8px;
	width: 284px;
}

textarea {
	height: 190px;
	width: 384px;
}

input:focus,
textarea:focus {
	border-color: #d99d21;
}

#searchform {
	position: absolute;
	right: 0;
	top: 20px;
}

#searchform label {
	display: none !important;
}

#searchform input {
	display: block;
	float: left;
}

#searchform #s {
	background-color: #ccc;
	border: none !important;
	width: 184px;
}

#searchform #s:focus {
	background-color: #fff;
}

#searchform #searchsubmit {
	background: #d99d21 url(images/icons/search.png) center center;
	border: none !important;
	color: #d99d21;
	cursor: pointer;
	font-size: 1%;
	height: 30px;
	padding: 0;
	text-indent: -10000px;
	width: 30px;
}

#searchform #searchsubmit:hover {
	background-color: #666;
	color: #666;
}

body.action #content h2 {
	color: #d99d21;
}

body.action #content form {
	background-color: #f2f2f2;
	padding: 20px;
}

body.action #content input,
body.action #content select,
body.action #content textarea {
	margin-bottom: 10px;
}

body.action #content label {
	color: #666;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

input.eaSubmitButton,
input.eaResetButton {
	background-color: #d99d21;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 24px;
	font-weight: bold;
	height: auto;
	letter-spacing: -1px;
	margin: 20px 0;
	padding: 5px 10px;
	text-transform: uppercase;
	width: auto;
}

input.eaResetButton {
	background-color: #999;
}

input.eaSubmitButton:hover,
input.eaResetButton:hover {
	background-color: #666;
}

.eaQuestionCheckbox input {
	width: auto;
}

.eaQuestionLabel {
	color: #666;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 5px;
}

.eaQuestionCheckbox label,
.eaQuestionLabel label {
	display: inline !important;
}

.eaQuestionCheckboxFormFieldContainer {
	margin: -5px 0 10px;
}

#Crisis_Microsite_-_Contact_form_addressDiv {
	float: right;
	width: 240px;
}

#Crisis_Microsite_-_Contact_form_instructionDiv {
	margin-bottom: 20px;
}

.eaFriendFormLabelLeft {
	margin: 10px 0;
}

#Email_AddressField {
	clear: left;
	float: none;
	margin-bottom: 10px;
}




/* ==================================================================== */
/* = Home                                                             = */
/* ==================================================================== */

#splash {
	margin-bottom: 40px;
}

#intro {
	float: left;
	margin-top: 20px;
	width: 470px;
}

#intro h1 p {
	font-size: 21px;
	font-weight: normal;
	line-height: 1.4;
	margin: 10px 0;
}

a.take-action {
	background-color: #d99d21;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -1px;
	padding: 2px 10px 5px;
	text-transform: uppercase;
}

a.take-action:hover {
	background-color: #333;
	text-decoration: none;
}

#slideshow {
	float: left;
	height: 264px;
	margin-left: 40px;
	overflow: hidden;
	position: relative;
	width: 470px;
}

#slideshow .slide {
	height: 264px !important;
	position: relative;
	margin-bottom: 10px;
}

#slideshow .slide .caption {
	background: url(images/slide-caption-bg.png) repeat;
	bottom: 0;
	color: #fff;
	height: 30px;
	left: 30px;
	padding: 10px 8px;
	position: absolute;
	width: 394px;
}

#slideshow.single .slide .caption {
	left: 0;
	width: 454px;
}

#slideshow .slide .caption p {
	font-size: 11px;
	margin: 0;
	width: 67%;
}

#slideshow .slide .caption a {
	color: #fff;
}

#slideshow .slide img,
#slideshow .slide object {
	display: block;
}

#slideshow .arrow {
	background: #d99d21 url(images/slideshow-arrows.png) no-repeat left center;
	bottom: 0;
	height: 50px;
	left: 0;
	position: absolute;
	width: 30px;
	z-index: 100;
}

#slideshow .arrow:hover {
	background-color: #666;
}

#slideshow .arrow#next {
	background-position: right center;
	left: auto;
	right: 0;
}

#slideshow .arrow span {
	display: none;
}

body.home #latest-news {
	float: left;
	width: 470px;
}

#latest-news h1,
#latest-news h2.header {
	color: #666;
	font-size: 24px;
	height: 40px;
	letter-spacing: -1px;
	line-height: 40px;
	text-transform: uppercase;
}

#latest-news a.feed {
	background: url(images/icons/rss-16x16.png) no-repeat right center;
	color: #999;
	float: right;
	font-size: 12px;
	line-height: 16px;
	margin-top: -25px;
	padding-right: 20px;
}

#latest-news p.more {
	text-align: right;
}

#latest-news p.more a {
	color: #666;
}

.social {
	margin-bottom: 40px;
}

body.home .social {
	border-bottom: 4px solid #435680;
	float: left;
	height: 433px;
	margin-left: 40px;
	overflow: hidden;
	width: 230px;
}

body.home #twitter-feed {
	border-color: #509acc;
}

.social h2 {
	background: url(images/icons/facebook-40x40.png) no-repeat;
	border-bottom: 4px solid #435680;
	font-size: 18px;
	height: 40px;
	letter-spacing: -1px;
	line-height: 40px;
	padding-left: 50px;
}

.social h2 a {
	color: #333;
}

.social h2 span,
.social h2 a span {
	color: #435680;
}

body.home #facebook-feed {
	margin-left: 10px;
}

#twitter-feed h2 {
	background: url(images/icons/twitter-40x40.png) no-repeat;
	border-color: #509acc;
}

#twitter-feed h2 span {
	color: #509acc;
}

body.home #facebook-wall {
	border: none;
	height: 350px;
	width: 470px;
}

.twtr-hd,
.twtr-ft {
	display: none;
}

.twtr-bd {
	padding: 0 !important;
}

.twtr-timeline {
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

.twtr-widget .twtr-tweets {
	font-family: Arial, sans-serif !important;
}

.twtr-widget .twtr-tweet-wrap {
	padding: 10px !important;
}

.twtr-img img {
	height: 40px !important;
	width: 40px !important;
}

.twtr-avatar {
	height: 50px !important;
	width: 50px !important;
}

.twtr-widget .twtr-tweet {
	border-bottom: 1px solid #ccc !important;
}

.twtr-widget #tweet-id-1 {
	border-bottom: none !important;
}

.twtr-results-hr {
	border-bottom: 1px solid #ccc !important;
}

.twtr-tweet-text {
	margin-left: 50px !important;
}

.twtr-tweet-text p {
	font-size: 11px;
}




/* ==================================================================== */
/* = Stories                                                          = */
/* ==================================================================== */

ul#stories {
	border-top: 4px solid #999;
}

.story,
#results .page {
	border-bottom: 1px solid #ccc;
	margin-top: 20px;
	padding-bottom: 15px;
}

.story img {
	float: left;
}

.story .detail {
	float: left;
	margin-left: 15px;
	width: 465px;
}

li.story .detail {
	width: 365px;
}

.story h2,
.story h3 {
	line-height: 1.2;
}

.story h3 a {
	color: #333;
}

li.story p {
	font-size: 12px;
}

.story p.date {
	color: #666;
	margin: 0 0 5px;
}

body.single p.date,
body.single p.category {
	color: #666;
}

body.single p.category {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.story p.full {
	margin-top: -5px;
}

ul.share {
	margin-bottom: 10px;
}

ul.share li {
	float: left;
	height: 70px;
	position: relative;
	width: 70px;
}

ul.share li.tm {
	width: 60px;
}

ul.share li span.wrap {
	bottom: 0;
	left: 0;
	position: absolute;
}

.single ul.share {
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding-top: 10px;
	width: 720px;
}

.single p.publication {
	font-style: italic;
}

.single img.attachment-post-thumbnail {
	display: block;
	float: right;
	margin: 0 0 15px 15px;
}

.single #content object {
	display: block;
	margin-bottom: 20px;
}




/* ==================================================================== */
/* = Sidebar                                                          = */
/* ==================================================================== */

.widget {
	margin-bottom: 20px;
}

.widget h2.title {
	border-bottom: 4px solid #999;
	color: #999;
	height: 40px;
	letter-spacing: -1px;
	line-height: 40px;
}

.widget li {
	border-bottom: 1px solid #ccc;
	color: #ccc;
	font-size: 18px;
	line-height: 1.2;
	padding: 10px 5px;
}

.widget li a {
	color: #999;
}

body.page #sidebar,
body.action #sidebar {
	margin-top: 40px;
}

body.page .widget,
body.action .widget {
	background-color: #f2f2f2;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.widget .textwidget {
	padding: 10px;
}

.widget .textwidget p {
	color: #999;
	font-size: 18px;
	line-height: 1.2;
	margin: 0 0 5px;
}

.widget .textwidget a {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.1;
	text-transform: uppercase;
}




/* ==================================================================== */
/* = Pages                                                            = */
/* ==================================================================== */

body.page h2.intro {
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 20px;
}

body.page h2.intro p {
	font-size: 24px;
}

body.about #content h3 {
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding-top: 20px;
}

body.about #content dl {
	font-size: 18px;
	line-height: 1.2;
	margin: 10px 0;
}

body.advice #content ul {
	font-size: 14px;
	line-height: 1.2;
	margin: 10px 0;
}

body.advice #content li {
	color: #666;
	list-style-type: disc;
	margin: 10px 0 10px 20px;
}

body.about #content dt {
	font-weight: bold;
	margin-bottom: 5px;
}

body.about #content dd {
	color: #666;
	margin-bottom: 20px;
}

body.page #content h3,
body.action #content h3 {
	color: #999;
	font-size: 24px;
	letter-spacing: -1px;
	margin-top: 20px;
	text-transform: uppercase;
}

body.about #content p {
	font-size: 18px;
}

p.about-nhf {
	background: url(images/nhf-logo.png) no-repeat top right;
	padding-right: 100px;
}

.action-step {
	background-color: #f2f2f2;
	float: left;
	margin-left: 15px;
	width: 230px;
}

.action-step#step-1 {
	margin: 0;
}

.action-step h2 {
	background-color: #fff;
	border-bottom: 4px solid #999;
	color: #999;
	font-size: 24px;
	height: 40px;
	letter-spacing: -1px;
	line-height: 40px;
	text-transform: uppercase;
}

body.page #content .action-step h3 a {
	color: #333;
}

.action-step li 	a {
	font-size: 18px;
	color: #666;
}

.action-step p a {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
}

.action-step p,
.action-step li {
	padding: 0 10px;
}

.action-step li {
	background: url(images/icons/email-24x24.png) no-repeat 198px center;
	border-bottom: 4px solid #d99d21;
	padding: 10px;
}

.action-step li.twitter {
	background: url(images/icons/twitter-24x24.png) no-repeat 198px center;
	border-color: #509acc; 
}
.action-step li.twitter a span {
	color: #509acc;
}
.action-step li.facebook {
	background: url(images/icons/facebook-24x24.png) no-repeat 198px center;
	border-color: #435680; 
}
.action-step li.facebook a span {
	color: #435680;
}




/* ==================================================================== */
/* = Walls                                                            = */
/* ==================================================================== */

ul.wall {
	background-color: #f2f2f2;
	border-bottom: 1px solid #ccc;
	padding: 12px 0 12px 12px;
	width: 708px;
}

ul.wall.loading {
	background: #f2f2f2 url(images/loading.gif) no-repeat center center;
}

ul.wall li {
	float: left;
	height: 50px;
	position: relative;
	width: 50px;
}

#mp-wall ul.wall li {
	height: 56px;
	margin: 0 4px 4px 0;
	width: 46px;
}

#supporter-wall .pic {
	background-position: center center;
	background-repeat: none;
	height: 50px;
}

#mp-wall .pic {
	background: url(images/mp-default.png) no-repeat;
}

#mp-wall .pic span {
	background-position: -1px -1px;
	background-repeat: none;
	display: block;
	height: 56px;
}

#mp-wall .pic span span {
	background-position: center center;
	background-size: 48px 58px;
    -moz-background-size: 48px 58px;
    -webkit-background-size: 48px 58px;
}

ul.wall .info {
	background-color: #4d4d4d;
	color: #fff;
	display: none;
	font-size: 12px;
	min-height: 34px;
	left: 50px;
	padding: 8px 10px;
	position: absolute;
	top: 0;
	width: 180px;
	z-index: 10000;
}

#mp-wall ul.wall .info {
	min-height: 40px;
	left: 46px;
}

ul.wall h4,
ul.wall .party {
	margin-bottom: 2px;
}

ul.wall p {
	font-size: 11px;
	line-height: 1.2;
	margin: 0;
}

#mp-wall h2 {
	background: none;
	border-color: #d99d21;
	padding-left: 0;
}

#supporter-wall h2 span,
#facebook-wall h2 span.count,
#mp-wall h2 span {
	color: #d99d21;
}

#supporter-wall a.connect {
	background: #435680 url(images/icons/join.png) no-repeat right center;
	color: #fff;
	display: block;
	float: right;
	font-size: 18px;
	font-weight: bold;
	height: 32px;
	line-height: 30px;
	margin-top: 4px;
	padding: 0 40px 0 8px;
}

#supporter-wall a.connect:hover {
	background-color: #4d4d4d;
	text-decoration: none;
}

#fb-profile {
	background-color: #f2f2f2;
	border-bottom: 1px solid #ccc;
	margin: -20px 0 20px;
	padding: 12px;
	width: 696px;
}

#fb-profile img {
	display: block;
	float: left;
	margin-right: 10px;
}

#fb-profile h2.intro {
	line-height: 50px;
	margin: 0 0 0 60px;
}

#fb-profile label {
	color: #666;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
}

#fb-profile label.error {
	color: red;
}

#fb-profile textarea {
	display: block;
	margin: 5px 0;
	height: 90px;
}

#fb-profile textarea:focus {
	border-color: #d99d21;
}

#fb-profile input.submit {
	background-color: #d99d21;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	height: auto;
	letter-spacing: -1px;
	padding: 5px 10px;
	text-transform: uppercase;
	width: auto;
}

#fb-profile input.submit:hover {
	background-color: #4d4d4d;
}



/* ==================================================================== */
/* = Misc                                                             = */
/* ==================================================================== */

#pager {
	font-size: 18px;
	margin-top: 20px;
}

#pager a {
	color: #999;
}

#pager a:hover {
	color: #d99d21;
	text-decoration: none;
}

#prev-page {
	float: left;
}

#next-page {
	float: right;
}

#wp_page_numbers ul {
	text-align: center;
}

#wp_page_numbers li {
	display: inline;
	margin-top: 20px;
	padding: 0 5px;
}

#wp_page_numbers li.active_page a {
	background-color: #d99d21;
	color: #fff;
	padding: 2px 8px;
}

#results .page p.date {
	margin-top: 0;
}

body.search h1 span {
	color: #999;
}