/* body */
body {
  color: #000;
  margin:0;
  padding: 0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:75%;
  line-height:1.6em;
  text-align:center;
}
div#document {
  background: #555;
  padding:15px 0;
}
/* headings */
h1, h1 a, h2, h2 a, h3 a, h4 a {
  color: #555;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
  color: #000;
}
.content h1.title {
  margin:0 0 18px 0;
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:1.4em;
  font-weight:normal;
}
.content h2 {
  margin:0 0 18px 0;
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:1.4em;
  font-weight:normal;
}
.content h3 {
  font-size:1em;
}
.content h4 {
  margin:0;
  font-size:1em;
}

/* links */
a {
  text-decoration:none;
  color: #069;
 }
a:hover {
  color: #69c;
}
a img {
  border:none;
}

/* paragraphs, lists, etc */
p {
  margin:0;
  padding:0 0 18px 0;
}
ul {
  margin:0 0 0 1.4em;
  padding:0 0 18px 0;
}
ul ul {
  padding:0;
}
blockquote {
  margin:0;
  padding:0 18px;
  background:#efefef;
}
pre {
  overflow:auto;
  margin:0 0 18px 0;
  padding:4px;
}
pre, code, kbr {
  font-family:Courier, Monaco, monospace;
}
code, kbr {
  padding:0 2px;
}
abbr, acronym {
  font-size:0.9em;
  letter-spacing:1px;
}
tr.even {
  background: #fff;
}
.pager {
  margin-top: 15px;
}
.messages {
  border: 1px solid #aaa;
  background: #ccc;
  display: block;
  padding: 5px;
  margin: 5px;
}
.error {
  display:none;
}
/* images */
img.left {
  float:left;
  margin:0 12px 0 0;
}
img.right {
  float:right;
  margin:0 0 0 12px;
}
img.center {
  display: block;
  margin:0 auto;
}

/* container */
#container {
  width:690px;
  margin:0 auto;
  padding:30px 30px 0 30px;
  text-align:left;
  background: #fff;
}

/* header */
.header {
  height:235px;
  padding:0;
/*  border:1px solid #000; */
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  background: url('images/header.jpg');
}

/* primary links */
.header  ul.links {
	margin: 0;
	padding: 0;
	position: relative;
	top:208px;
	bottom:0;
  font-size: .95em;
}
.header  ul.links li {
	display: inline;
	margin: 0;
}
.header  ul.links,
.header  ul.links li a {
	padding: 6px 6px 5px 6px;
}
.header  ul.links li a {
	font: 1em Verdana, Helvetica, Arial, Sans-Serif;
	font-weight:bold;
	color: #000;
	margin: 0;
}
.header  ul.links li a:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
}
.header  ul.links li a.active {
	color: black;
	background: white;
	text-decoration: none;
}
/* content */
.content {
  float:left;
  width:485px;
  padding-top:15px;
}

.content .mission {
  width: 80%;
  text-align:center;
  background: #eee;
  border: 1px solid #aaa;
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
}

/* links ala read more */
.linkbox {
  width:100%;
  margin-top:-1em;
  border-bottom:1px solid #ccc;
  padding-bottom:1em;
}

.content ul.links {
  width: 100%;
  font-weight: bold;
}
.content ul.links a {
  margin-right: 6px;
  padding-right: 9px
}

.content .byline {
  color: #666;
  font-size: .95em;
}
.content .date {
  font-size: .85em;
}
.content .article-link {
  padding-top: 1em;
}

/* sidebar_right */
.sidebar_right {
  float:right;
  padding:15px 0 0 15px;
  width:175px;
  border-left: 1px solid #efefef;
}
.sidebar_right .block .content {
  width: 170px;
  font-size:0.9em;
  line-height:1.3em;
}
* html .sidebar_right {
  padding-top:32px;
}      /* dirty fix for IEWIN; temporary! */

.sidebar_right ul, .sidebar_right p {

}

/* sidebar_right headings */
.sidebar_right h2 {
  margin:18px 0 10px 0;
  font-family:Georgia,serif;
  font-size:1em;
  line-height:1em;
  background: #ccc;
  border: 1px solid #aaa;
  display:block;
  padding:5px 10px;
  font-style:normal;
  color: #000;
}
.sidebar_right .content {
  padding-top: 0px;
}

/* sidebar_right list */
.sidebar_right ul li {
  margin:2px 0 2px 10px;
}
.sidebar_right li a {
  display:block;
  padding:1px 0;
  height:1%; /* IE WIN */
  color: #555;
  padding: 5px;
}
.sidbar_right li a:hover {
  background: #efefef;
}
.sidebar_right ul li ul {
  margin:0;
}
.sidebar_right ul li li {
  margin:0;
  padding:0 0 3px 0;
  border-bottom:none;
}
.sidebar_right ul li ul ul {
  margin:0 0 0 16px;
}

/* footer */
#footer {
  clear:both;
  padding:40px 0 15px 0;
  font-size:0.9em;
}
#footer p {
  padding:12px 0 18px 0;
  border-top:1px solid;
}
#footer strong {
  font-weight:normal;
}

/* custom block tweaks */
.view-content-Cities-block ul {
  margin:0;
  padding:0;
}
.view-content-Cities-block ul li, .view-content-Cities ul li {
  list-style: none;
}

ul.city li {
  display:inline;
  padding:5px 10px 5px 10px;
  font-size: 1.2em;
}
ul.city li a:hover {
  border-bottom: 1px solid #aaa;
}
ul.city li a.active {
  border-bottom:1px solid #aaa;
  color: #aaa;
}

/* admin view styles */

.view-content-admin .filter-item {
  float:  left;
  padding-right: 4px;
}
.view-content-admin .filter-item label {
  font-weight: 800;
  font-size:.9em;
}
.view-content-admin .form-submit {
  float:right;
  margin: 15px;
}

/* reactions styles */
.content .attribution {
  text-align:right;
  padding-right: 30px;
  padding-bottom:1em;
  border-bottom: 1px solid #ccc;
  width:100%;
}
.view-content-reactions {
  border-top: 1px solid #ccc;
}

/* map styles */
.view-footer-ghostbike-map {
  padding-top:10px;
  color: #555;
  font-size: 1.1em;
  font-weight: 700;
}
.view-ghostbike-map .country {
  background: #eee;
  border: 1px solid #999;
  float:left;
  margin: 20px 6px 0px 0px;
  padding: 0 0 5px 5px;
}
.view-ghostbike-map .country h3 {
  padding-right: 5px;
}
.view-ghostbike-map ul.citymaps {
  margin:0;
}
.view-ghostbike-map ul.citymaps li{
  display:inline;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
  background: #ccc;
  border: 1px solid #aaa;
  margin-right: 5px;
  font-family:Georgia,serif;
  font-size: .9em;
  font-weight: 500;
}

.view-ghostbike-map .latitude , .view-ghostbike-map .longitude {
  display:none;
}

/* locations page styles */
 .view-Locations dt {
  font-size: 1em;
  color: #555;
  font-weight: bold;
}
 .view-Locations dl.country {
  background: #eee;
  border: 1px solid #999;
  margin: 20px 6px 0 0;
  padding: 0 0 5px 5px;
  float: left;
}
.view-Locations dl.country dd {
  float: left;
  margin: 7px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
 .view-Locations dl.expanded-country {
  background: #eee;
  border: 1px solid #999;
  margin: 20px 6px 0 0;
  padding: 0 0 5px 5px;
  float: left;
  clear: left;
}
.view-Locations dl.expanded-country dl.province {
  float: left;
  background: #ccc;
  border: 1px solid #aaa;
  margin: 20px 6px 0 0;
  padding: 0 0 5px 5px;
}
.view-Locations dl.expanded-country dl.province dd {
  float: left;
  margin: 7px;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
/* ghostbikes list pages styles */

.view-ghostbikes .left {
  float:left;
  width: 235px;
}
.view-ghostbikes .right {
  float:left;
  margin-left: 15px;
  width: 235px;
}
.view-ghostbikes ul li {
  list-style :none;

  padding-top: 10px;
}

/* city page styles */
.city .location {
  display:none;
}

/* ghost bike pages */
.gbiketop {
  margin-bottom: 15px;
}
.gbiketop .left {
  float: left;
  position: relative;
  padding: 5px;
  margin: 4px 15px 10px 0;
  width: 160px;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  background: #fff;
}
.gbiketop .right {
  float: left;
  position: relative;
  margin: 4px 0 4px 10px;
  width: 280px;
  background: #eee;
  overflow: hidden;
  border: 1px solid #aaa;
/*   height: 250px; */
}

.gbiketop .right #photos {
  width: 270px;
  margin: 5px;
}
.gbiketop .right .cycle {
  height: 203px;
}
.gbiketop .right #pnav {
  margin-top: 3px;
  margin-bottom: 3px;
  text-align:center;
/*   position: absolute; */
}
.gbiketop .right #pnav a{
  margin: 0 3px 0 0;
  padding: 2px;
  border: 1px solid #aaa;
  outline: 0;

}
.gbiketop .right #pnav a.activeSlide {
  background: #ccc;
}
.gbiketop .right .help {
  font-size: .75em;
  color: #aaa;
  font-style: italic;
  text-align: center;
/*  margin-top: 195px;
  position: absolute;*/
}

#ghost-bike-content {
  clear: both;
}

.field-field-third-party-photos {
  text-align:center;
}
.field-field-third-party-photos .field-item {
  margin-top: 30px;
}
.field-field-image {
  text-align:center;
}
.field-field-image .field-item {
  margin-top: 30px;
}
.prevnext {
  color: #006699;
  margin-top: 25px;
  float:left;
  width: 100%;
}
.prevnext .prev {
  float: left;
  margin-left: 20px;
}
.prevnext .next {
  float: right;
  margin-right: 20px;
}




/* video list view */
.view-content-video {
  margin-top: 35px;
  border-top: 1px solid #ccc;
}

.view-content-video .list {
  border-bottom: 1px solid #ccc;
  padding:20px 20px 40px 20px;
}
.view-content-video .list .title a{
  font-size: 1.2em;
  font-weight: bold;
  color: #555;
}
.view-content-video p {
  padding-bottom:0px;
  width: 420px;
}
.video-city {
  float: right;
  margin: 0 23px;
}

/* featured press */
.view-content-featured-press {
  margin-top: 10px;
  border-top: 1px solid #ccc;
}
.view-content-featured-press h3 {
  font-size: 1.2em;
  font-weight: bold;
}
.field-field-publication {
  font-weight: bold;
  padding-bottom: 3px;
}
/* all press */
.view-content-press {
  margin-top: 20px;
  border-top: 1px solid #ccc;
}
/* press clippings */
.publication-title {
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom: 5px;
}
.press-city {
  margin: 20px 0;
  float: right;
}
/* press releases page */
.view-content-press-releases .node {
  margin-top: 35px;
  border-top: 1px solid #ccc;
  padding-top: 10px;
}
/* events rides page */
.view-content-events .node {
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding-top: 10px;
}
.view-content-press-releases h2, .view-content-events h2 {
  font-size: 1.2em;
  font-weight: bold;
}
/* memorial rides block */
#block-views-events ul, #block-views-events_per_city ul {
  padding:0;
  margin:0;
}

#block-views-events ul li, #block-views-events_per_city ul li {
  list-style:none;
  text-align:center;
  padding:0;
  margin:0;
  border-bottom: 1px solid #999;
}
#block-views-events .view-data-node-title, #block-views-events_per_city .view-data-node-title {
  font-size: 1.2em;
}
#block-views-events .date-display-single, #block-views-events_per_city .date-display-single {
  font-weight: 800;
}


.view-content-events-past ul li {
  margin-bottom: 15px;
}


/* comments */
#comments {
  padding-top: 80px;
  width: 400px;
}
#comments .submitted {
  font-size: .8em;
  padding-left: 5px;
}
#comments .comment {
  padding: 5px;
}
#comments .content {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0px;
  width: 380px;
}
#comments h2 {
  font-size: 1.1em;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 0px;
}
#comments .odd {
  background: #eee;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}


/* search */
#block-search-0 {
  margin: 20px 0;
}
#block-search-0 .form-item {
  float:left;
}
#block-search-0 .form-submit {
  float: right;
  background: #ccc;
  border: 1px #aaa solid;
  padding:1px;
  margin-top: 10px;
}
.search-form .form-submit {
  background: #ccc;
  border: 1px #aaa solid;
  padding:1px;
}
dl.search-results .search-info {
  display:none;
}

dl.search-results dd {
  margin: 0;
  padding: 0;
}

dl.location-results .adr em, dl.location-results .adr .geo {
  display:none;
}
dl.location-results dd {
  margin: 0 0 20px;
}
dl.location-results dt ul.links li{
  padding: 0;
}

/*
 * TinyMCE overrides
 */

.form-item table body {
  background: #fff;
}

/*
 *  Photo galleries
 */
.view-photos {
  margin-bottom: 40px;
}
.view-photos .slideshow-link {
  float: right;
  clear: both;
  margin: 3px 5px;
}
.view-photos .image {
  margin: 10px 5px;
  padding: 2px;
  background: #eee;
  border: 1px solid #aaa;
  float: left;
  text-align: center;
  vertical-align: middle;
  width: 104px;
  font-size: .85em;
}
.view-photos img {
  margin: 0;
}
.view-header-photos .filter {
  clear:both;
}
.view-header-photos  .form-item {
  float: left;
}
.view-header-photos .form-submit {
  float: left;
  margin-top: 12px;
  margin-left: 10px;
}

/**
 * Media page
 */
div#mediapage .left {
  float: left;
  width: 120px;
  border-right: 1px solid #aaa;
}
div#mediapage .right {
  float: right;
  width: 350px;
}
div#mediapage .view-video {
  clear: both;
}
div#mediapage .more {
  float: right;
  font-size: 1.2em;
}
div#mediapage .left .more {
  float: none;
}
/*  putting this stuff here from the imported theme. might come in handy later */

/*

/* comments
#comments h2 {margin-bottom:24px;}

#comments h2 a {
  margin-left:2px;
  padding-left:6px;
  border-left:1px solid;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.55em;
}

#comments ul {margin:0 0 0 20px;}

#comments li {
  position:relative;
  margin-bottom:18px;
}


#comments li p {padding:0 0 10px 0;}

#comments .header {
  position:relative;
  min-height:19px; /* 19 + 3 +3 = 25px = height of gravatar
  margin:0 0 10px 0;
  padding:3px 6px;
}

* html #comments .header {height:19px;} /* IEWin

#comments .header strong {font-family:Georgia,sans-serif;}

#comments .header .gravatar {
  position:absolute;
  top:1px;
  right:1px;
}


/* form
form {padding:6px 0;}

#commentform, #contactform {margin-bottom:18px;}

form fieldset {border:0 solid;} /* Opera

form p {
  padding:6px 0;
  border-bottom:1px solid;
}

form label {
  display:block;
  float:left;
  width:60px;
}

#commentform label {margin:0 15px 0 15px;}
#contactform label {margin:0 15px 0 0;}

form em {
  margin-left:5px;
  font-size:0.9em;
  font-style:normal;
}

form input, form textarea {
  padding:3px;
  width:200px;
  border:1px solid;
  font-family:Arial,Helvetica,sans-serif;
  font-size:0.9em;
}

form textarea {overflow:auto;}

#commentform input {width:200px;}
#commentform textarea {width:325px;}
#contactform textarea, #contactform #bx_subject {width:465px;}

* html #commentform textarea {width:320px;} /* IE WIN; but why?
* html #contactform textarea,
* html #contactform #bx_subject {width:445px;} /* IE WIN; but why?

form .button {
  width:90px !important;
  border-bottom:1px solid;
  font-weight:bold;
}

#commentform .button {margin-left:90px;}
#contactform .button {margin-left:75px;}

form .hiddenfield {display:none;}

form .info {padding-left:90px;}

*/