/*
Theme Name: Speak City Heights
Theme URI: http://speakcityheights.org/
Description: A theme for the Speak City Heights project.
Author: Jessica Plautz
Author URI: http://jessicaplautz.com/
Version: 1.0
*/

@charset "utf-8";
/* CSS Document */


html, body, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	text-decoration:none;
	color:#5196ce;
}

html {
	height: 100%;
}

#wrapper {
	width:992px;
	min-height: 100%;
	height: 100%;
	margin: 0 auto -50px;
}

#black-nav-bar {
	position:relative;
	margin-top:0;
	border:#000 4px solid;
	text-align:right;
	vertical-align:middle;
	z-index:500;
	background:#000;
	height:20px;
}

#header a, #header li {
	display:inline;
}

#black-nav-bar a, img {
	vertical-align:middle;
	text-decoration: none;
	color:#fff;	
}

#navigation a {
	color:#000;
	text-decoration:none;
}

/* Gray background for IE */
#navigation, #mission, #primary {
	background:#ccc;
}
/* End gray background for IE */

#navigation {
	position:absolute;
	z-index:100;
	margin-top: -7px;
	background: #ccc;
	width: 475px;
	margin-left: 80px;
	padding: 10px;
	font: 20px Arial, Helvetica, sans-serif;	
}

#navigation, #center-row, #primary, #mission {
	background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.13, rgb(168,168,168)),
    color-stop(0.57, rgb(214,214,214)),
    color-stop(0.79, rgb(245,245,245))
);
background-image: -moz-linear-gradient(
    left top,
    rgb(168,168,168) 13%,
    rgb(214,214,214) 57%,
    rgb(245,245,245) 79%
);	
}

ul#top-nav a:hover {
	color:#5196ce;
}


#logo {
	float:left;
	margin-top:30px;
	margin-left: 640px;
}

.rounded-corners {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;	
}

/* Begin search and login css */

#search-form {
	width:300px;
	float:right;
	margin-top:-3px;
	padding-right:4px;
}

#user-info, #user-info a {
	font-size:12px;
	float:right;
	color:#fff;
	padding-right:4px;
}

/* End search and login css */

/* Begin homepage css */

#organization-logos {
	float:left;
	margin-top:-145px;
	margin-left:100px;	
}

#slideshow {
	float: left;
	margin-left:80px;
	margin-top:-30px;
	width: 	510px;
	height: 340px;
	border: 5px #000 solid;
}

#home-feed {
	position:relative;
	float:left;
	margin-left:34px;
	margin-top:12px;
	width:280px;
	height:314px;
}

#home-feed a {
	font-size:14px;
	color:#000;
	text-decoration:none;
}

#home-feed li {
	display:list-item;
	list-style-type:none;
	margin-bottom:5px;
	border-bottom:1px #000 solid;
}

#email-form {
	background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.13, rgb(168,168,168)),
    color-stop(0.57, rgb(214,214,214)),
    color-stop(0.79, rgb(245,245,245))
);
	background-image: -moz-linear-gradient(
    left top,
    rgb(168,168,168) 13%,
    rgb(214,214,214) 57%,
    rgb(245,245,245) 79%
);
	rounded-corners (
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;	
)
}

#social-media-icons, #find-us-on {
	text-align:center;
}

#social-media-icons img {
	width:40px;
	margin:5px;
}

#find-us-on img {
	width:30px;
	margin:3px;
}

#center-row-video {
	margin-left:4px;
}

#center-row-story, #center-row-photo, #center-row-comment {
	border-left:1px #000 solid;
}

#center-row-video, #center-row-story, #center-row-photo, #center-row-comment {
	position: relative;
	float:left;
	z-index:500;
	height:168px;
	width:200px;
	margin-top:4px;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

.archive-meta {
	display:none;
}

#center-row {
	float:left;
	width: 832px;
	height:180px;
	margin-top:20px;
	margin-left:80px;
}

#read-coverage {
	position:relative;
	float:left;
	width:848px;
	margin-left:10px;
	font-size:14px;
}

#four-columns {
	position:relative;
	float:left;
	width:848px;
	height:445px;
	margin-left:72px;
	margin-top:20px;
	margin-bottom:20px;	
}

.column-centered-icon {
	text-align:center;
	height:80px;
	margin-top:5px;
	border-bottom:1px #000 solid;
}

.homepage-column {
	position:relative;
	float:left;
	height:417px;
	width:194px;
	border:4px #000 solid;	
	margin-left:8px;
	margin-top:12px;
}

.homepage-column li, .homepage-column a {
	list-style-type:none;
	text-decoration:none;
	color:#000;
	margin:3px;
}

.widget-area li li {
	border-bottom:1px #000 solid;
}

.widget-title {
	display:none;
}

.rssSummary {
	font-size:14px;
	width:150px;
	height:315px;
    	white-space:wrap; 
    	text-overflow:ellipsis; 
    	overflow:hidden; 
}

#center-row-video, #center-row-story, #center-row-photo, #center-row-comment {
	text-align:center;
}

#center-row-video img {
	text-align:center;
}

#two-columns {
	position:relative;
	float:left;
	width:848px;
	margin-left:80px;	
}

#food-justice-feed {
	float: left;
	position:relative;
	margin-top:20px;
	width: 	400px;
	height: 300 px;
	background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.13, rgb(168,168,168)),
    color-stop(0.57, rgb(214,214,214)),
    color-stop(0.79, rgb(245,245,245))
);
	background-image: -moz-linear-gradient(
    left top,
    rgb(168,168,168) 13%,
    rgb(214,214,214) 57%,
    rgb(245,245,245) 79%
);
	rounded-corners (
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;	
)
}

#food-justice-feed a {
	font-size:14px;
	color:#000;
	text-decoration:none;
}

#food-justice-feed li {
	display:list-item;
	list-style-type:none;
	margin-bottom:5px;
	border-bottom:1px #000 solid;
}

#public-safety-feed {
	float: left;
	position:relative;
	margin-top:20px;
	margin-left:20px;
	width: 	400px;
	height: 300 px;
	background-image: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(0.13, rgb(168,168,168)),
    color-stop(0.57, rgb(214,214,214)),
    color-stop(0.79, rgb(245,245,245))
);
	background-image: -moz-linear-gradient(
    left top,
    rgb(168,168,168) 13%,
    rgb(214,214,214) 57%,
    rgb(245,245,245) 79%
);
	rounded-corners (
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;	
)
}

#public-safety-feed a {
	font-size:14px;
	color:#000;
	text-decoration:none;
}

#public-safety-feed li {
	display:list-item;
	list-style-type:none;
	margin-bottom:5px;
	border-bottom:1px #000 solid;
}

#photo-stream {	
	float: left;
	margin-left:20px;
	margin-top:20px;
	width: 	400px;
	height: 300px;
	border: 5px #000 solid;
}

#report-unsafe-streets {
	position:relative;
	float:left;
	width:820px;
	margin-bottom:10px;
	font-size:14px;
}

#see-click-fix {
	position:relative;
	float:left;
	width:820px;
	height:400px;
	margin-left:85px;
	margin-top:10px;
	margin-bottom:20px;	
}

#supporting-orgs {
	position:relative;
	float:left;
	width:848px;
	height:;
	margin-top:30px;
	margin-left:50px;
	color:#AAA;
	text-align:center;
}

/* End homepage css */

/* Begin blog and news archive pages */

#post-thumbnail img {
	width:500px;
	float: left;
}

.page-title {
	margin-top:-40px;
	margin-bottom:20px;
}

.twtr-ft img {
	display:none;
	float:left;
}

.entry-meta, .entry-meta a, .entry-utility, .entry-utility a {
	font-size:13px;
}

.entry-title {
	margin-top:24px;
}

#aja-slideshow {
	float:left;
	position:relative;
	padding:20px;
	margin-top:20px;
	margin-bottom:20px;
	width:510px;
	background-color:#000000;
	rounded-corners (
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;	
)
}

#aja-slideshow a {
	font-size:12px;
	color:#5196CE;
	text-decoration:none;
}

#basic-widgets {
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:1px #000 solid;
}

#sidebar-social-media {
	margin-bottom:20px;
	text-align:center;
	background-color:#fff;
	height:75px;
	padding-top:8px;
}

#sidebar-social-media img {
	width:44px;
}

#voices-promo {
	margin-top:20px;
}

#second-promo {
	margin-top:20px;
}

#organization-logos-2 {
	position:relative;
	float:left;
	width:848px;
	text-align:center;
	margin-left:80px;
	margin-top:20px;
}

.nrelate {
    	background:#AAAAAA !important;
}

/* End blog and news archive pages */

/* Begin comments page */

#disclaimer {
	position:relative;
	float:left;
	width:270px;
	height:auto;
	border:1px #aaa solid;
	margin:20px;
	padding:15px;
	color:#aaaaaa;
	font-size:12px;
}

/* End comments page */

.footer, .push {
	height: 10px;
	clear:both;
}

#footer-text {
	position:relative;
	margin-top:30px;
}

#footer-text, #footer-text a {
	height:100px;
	background:#000;
	color:#fff;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
}

#content {
	position:relative;
	float:left;
	width:540px;
	height:auto;
	margin-left:90px;
	margin-top: 100px;
}

#author-archives {
	position:relative;
	float:left;
	width:540px;
	height:auto;
	margin-left:90px;
	margin-top:120px;
}

#results-listing {
	position:relative;
	float:left;
	width:600px;
	height:auto;
	margin-left:90px;
	margin-top: -100px;
}



#single-sidebar, #about-sidebar, #espanol-sidebar, #news-sidebar, #voices-sidebar {
	position:relative;
	float:left;
	width:280px;
	margin-top:40px;
	margin-left:30px;
	margin-bottom:100px;
}

#single-sidebar li, #espanol-sidebar li, #news-sidebar li, #voices-sidebar li {
	list-style-type:none;
}



#speak-logo {
	text-align:center;
}

#primary {
	height:700px;
	margin-top:30px;
	padding:15px;
}

#about {
	position:relative;
	float:left;
	width:520px;
	height:auto;
	margin-left:80px;
	margin-top: 120px;
}

#mission {
	margin-top:38px;
	padding:35px;
}


#content img {
	align:left;
	margin-right:30px;
}


#supported-by img {
	float:left;
	margin-right:10px;
	margin-top:-10px;
}





/* Fonts */

.gigantic {font-size: 110px; line-height: 120px;}

.huge, h1 {font-size: 68px; line-height: 72px;}

.large, h2 {font-size: 42px; line-height: 48px;}

.bigger, h3 {font-size: 26px; line-height: 36px;}

.big, h4 {font-size: 22px; line-height: 30px;}

body {font: 14px/24px Arial, Helvetica, sans-serif;}

.small, small {font-size: 12px; line-height: 16px;}

/* Selection colors */

::selection 	 	{background: #fff;}
::-moz-selection 	{background: #fff;}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: #fff;}


/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {
	width: 100%;
	padding: 0;
	margin:0 auto;
	height:100%;
	background: #fff;
	color: #000;
	-webkit-text-size-adjust: 100%; 
}