/*
 Used for street sense overrides of wp-remix
*/

#wrapper, #wrapper-1024 {
  text-align:left;
  width:840px;
  margin:0 auto;
  padding:0 10px;
  overflow:hidden;
  height:100%;
}
#wrapper-1024 {
  padding:0;
  width:1024px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}


/******************************************
********** Header ****************
*******************************************/

#search {
  display:inline;
}

#nav #social-links-icons {
  position: absolute;
  right: 4px;
  top: 0;
}

#streetsense-date {
  height: 15px;
  padding-right: 8px;
}

#streetsense-date .date {
  float: right;
  font-weight: bold;
}



/******************************************
**************** Banner *******************
*******************************************/

#featured-banner {
  width: 650px;
}

#featured-banner div.outer {
  background: #ececec url(../images/featured-top-right.png) no-repeat scroll right top;
  padding-top: 10px;
}

#featured-banner div.inner {
  background: transparent url(../images/featured-border-right.png) repeat-y scroll right top;
  padding: 0 8px;
}


#featured-banner div.bottom {
  background: transparent url(../images/featured-border-bottom.png) no-repeat scroll left bottom;
  padding-top: 8px;
}

#content #featured-banner h1 {
  border: none;
  color: #111;
  font-size: 2em;
  font-weight: bold;
}

#content #featured-banner table {
  margin-bottom: 0;
}

#content #featured-banner table tr {
  vertical-align: top;
  border: none;
}

#content #featured-banner table td {
  padding: 0;
  border: none;
}

#content #featured-banner .content {
  padding-left:10px;
  width:330px;
  color: #111;
}


/******************************************
********** Featured Vendor ****************
*******************************************/

#featured-vendor-wrapper {
  position: relative;
  margin: 5px;
  padding: 10px;
  border: 5px solid #f5c000;
}

#featured-vendor-wrapper .featured-image {
  position: relative;
  float: left;
  padding: 0 4px 0 0;
}

/******************************************
********** Homelessness News ****************
*******************************************/
#homelessness-news img {
  display:none;
}

#homelessness-news small {

}

#homelesness-news h4 {
  
}

#content .subcolumns #homelessness-news li {
  border-bottom:1px solid #CCCCCC;
  margin-bottom:0.5em;
}

#content .subcolumns #homelessness-news li div.desc {
  padding-bottom: 0.5em;
}

#homelessness-news br {
  display: none;
}


/******************************************
********** Vendors Gallery ****************
*******************************************/
#vendor-gallery div.vendor-tile {
  height: 125px;
  width: 125px;
  float: left;
  margin: 2px 24px 10px -16px;
  padding: 0 5px;
  text-align: center;
}

#vendor-gallery div.vendor-tile h4, #vendor-gallery div.vendor-tile h4 a {
  border: none;
  margin: 0;
}

#vendor-gallery div.vendor-thumb img {
  border: 2px solid #333;
}

/******************************************
********** Vendors Big Map ****************
*******************************************/
#vendors-bigmap {
  width: 670px;
}

/******************************************
********** Main Content    ****************
*******************************************/
#content div.posts, #blog_content div.posts {
  width: 430px;
  float: left;
}

#content div.posts-no-middle {
  width: 650px;
}


/******************************************
********** Middle column ****************
*******************************************/
.middle-column {
  width: 200px;
  margin-top: 4em; /* this relates to h1 tag */
  margin-left: 20px;
  float: left;
}

.middle-column ul.links li {
  background: none;
  list-style-type: none;
}


/******************************************
************** Sidebars ******************
*******************************************/
#sidebar, #blog_sidebar {
  width: 150px;
  background: none;
  padding: 0;
  margin-top: 1em;
}

#sidebar li a {
  color: #fc5001;
  font-weight: bold;
}

#sidebar li a:hover {
  color: #333;
}

#sidebar #sidebar-links ul {
  background: none;
}

#sidebar #sidebar-links ul li {
  font-size: 1.5em;
  font-variant: small-caps;
  font-weight: bold;
  background: none;
  border: none;
  list-style-type: none;
  margin: .5em 0 0 9px;
}

#sidebar #sidebar-links ul li a {
  color: #f5c001;
  text-decoration: none;
}

#sidebar #sidebar-links ul li a:hover {
  color: #333;
  text-decoration: underline;
}

.home #sidebar {
  margin-top: 1.5em;
  width: 150px;
}

#sidebar li {
  margin: 0;
  padding: 0;
}

/* Donate-link image replacement */
#sidebar #sidebar-links ul li#donate-link  {
  margin:0;
  padding:0;
  height:33px; /* Height of logo */
  width: 145px; /* Width of logo */
  overflow:hidden;  /* Stops text from protruding if  H1 text is larger than logo */
  position:relative; /*must be relative or absolute */
}
#sidebar #sidebar-links ul li#donate-link  a{
  display:block;
  height:100%;
  width:100%;
}

#sidebar #sidebar-links ul li#donate-link a span{
  display:block;
  height:100%;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  background:url(../images/donate.png) no-repeat left top;
  cursor:pointer; /* ie demands we reinstate the pointer cursor */
  z-index: 1000;
}


/******************************************
************** Footer ******************
*******************************************/
#footer {
  background: transparent url(../images/footer.png) no-repeat scroll left top;
  height: 50px;
  width: 1024px;
  padding: 0; /* override */
}

#footer-in {
  margin: 0 92px;
}

#footer p, #footer li {
  color: #eee;
}

#footer p a, #footer li a {
  color: #f5c000;
}

#footer p a:hover, #footer li a:hover {
  color: #f5c000;
  text-decoration: underline;
}

#footer #right {
  float:right;
}


/******************************************
************** Overrides ******************
*******************************************/
#content, #blog_content {
  width: 650px;
}

#content p, p {
  color: #111111;
  font-size: 1em;
}

#content .subcolumns {
  width: 320px;
}

#blog_content .pright {
  width: 85%;
}

.single-other #blog_content .pright {
  padding-top: 5px;
}


#blog_content h2.h1 {
  color: #111111;
}

.single-other #blog_content  h2.h1 {
  font-size: 2.5em;
}

#blog_content .textarea {
  width: 288px;
}

#sidebar .subcolumns {
  width: 150px;
}

#content .subcolumns li {
  margin:0;
  padding:0;
  background: none;
}

#content .subcolumns h2 {
  font-size: 1.8em;
  font-weight: bold;
}

.home h1 a, .home h3 a, #main h2 a, #content h2 a, h2 a, .posts h2 a {
  color: #111;
  text-decoration: none;
}

.home h1 a:hover, .home h3 a:hover, #main h2 a:hover, #content h2 a:hover, h2 a:hover, .posts h2 a:hover  {
  color: #666;
}

#content .subcolumns h3 {
  font-weight: bold;
  margin: 0 0 .5em 0;
  border-bottom: 3px solid #111;
}

a, #content p a {
  color: #02708d;
  text-decoration: none;
}

a:hover, #content p a {
  text-decoration: underline;
}

h4 {
  font-size: 1em;
  margin: 0 0 .5em 0;
}

#content ul.has-excerpt li h4 {
  margin-bottom: 0;
  border: none;
}


#content .subcolumns .has-excerpt li {
  border-bottom:1px solid #CCCCCC;
  margin-bottom: .5em;
}

#content .subcolumns .has-excerpt li p {
  margin-bottom: 0;
}

#content .subcolumns .has-excerpt li div.excerpt {
  margin-bottom: .5em;
}

ul.links {
  margin: 0;
}

ul.links li {
  padding: 0;
}

img.alignright {
  margin: 0 0 3px 5px;
}


img.alignleft {
  margin: 0 5px 3px 0;
}

/*
 Shadows from ALA: http://www.alistapart.com/articles/cssdropshadows/
*/
.p-shadow {
  width: 90%;
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div.p-shadow-outer {
  background: none !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  background-color: #ececec;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow div.p-shadow-inner {
  
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }
  


  /*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/
* {margin:0; padding:0;}
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper-1024 {height: 100%;}

body > #wrapper-1024 {height: auto; min-height: 100%;}


#wrapper {padding-bottom: 50px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
 margin-bottom: 0;
	height: 50px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */