body {background-image:url('img/paved-bg.png'); font-family:arial, helvetica, sans-serif; font-size:13px; padding:0 40px; margin:0; font-size:15px;}

blockquote {color:#444; font-size:11px;}

.linktext {display:none;}

.internal {padding:10px 20px 20px;}

#container {width:702px; margin:0px auto; padding:0; background-image:url('img/pavedwithgood-header.png'); background-position:0 0; background-repeat:no-repeat; }
#container2 {padding:0 1px; margin:0;}

#header {height:250px; margin:0;}
.lang-fr #header { background-position:0 -486px;}


h1.title, h1.title a {
  font-weight: normal;
  font-size: 1.75em;
  color: #0073ae;
  margin:.3em 0 1em;
}

.subscribe {padding:8px 16px; background-color:#ff9;}
.subscribe h4 {margin:0; color:#444; padding:6px 0;}

#right {width:140px; margin:-109px 0 0 20px; float:right; min-height:200px;}
#right a {color:#9a3434;}

.view {font-size:10px; text-align:center;}


#center {width:540px; float:right; background-color:#fff;}

#middle { background-image:url('http://www.pavedwithgoodintentions.ca/sites/www.pavedwithgoodintentions.ca/themes/pavedgood/img/bgimage-sprite.png'); background-position:0 bottom; background-repeat:no-repeat; min-height:500px;}

.sustainability #middle {background-position:-2062px bottom;}
.about #middle {background-position:0 bottom;}
.services #middle {background-position:-4124px bottom;}
.projects #middle {background-position:-3093px bottom;}
.resources #middle {background-position:-1031px bottom;}

.resources #middle {background-position:-2062px bottom;}
.blog #middle {background-position:0 bottom;}
.contact #middle {background-position:-4124px bottom;}
.thinktank #middle {background-position:-3093px bottom;}
.art #middle {background-position:-1031px bottom;}

.frontpage #middle {background-image:none;}

.coverimage {display:block; height:218px; width:140px;}

#bottom {height:71px;}
#bottom .internal {padding:10px 30px;}
#bottom a {color:#fff; text-decoration:none;}
#bottom a:hover {color:#69c;}
#bottom h2.title {font-size:16px; border-bottom:2px solid #fff; width:170px; color:#fff; margin:0;}
#bottom ul {padding:0;}
#bottom ul li {list-style:none; padding:0; margin-bottom:.4em; font-size:14px;}
#bottom .block ul li {margin:.5em 0 0 0; padding-left:0;}

.block-tagadelic .more-link {display:none;}
.block-tagadelic a.tagadelic {margin-right:7px;}

#botcol1, #botcol2, #botcol3 {float:left; width:340px;}

#botcol3 #block-block-1 .content {margin-top:0.5em;}

#nav {float:right; width:500px; margin-top:30px; margin-right:20px;}

#nav a { color:#fff; text-decoration:none; }

#nav #search label {display:none;}
#nav #search {text-align:right;}
#nav #search div {display:inline;}
#nav #search .form-submit {border:1px solid #000; background-image:url('http://www.pavedwithgoodintentions.ca/sites/www.pavedwithgoodintentions.ca/themes/pavedgood/img/ssg_sprite.jpg'); color:#fff; padding:3px; text-transform:uppercase; letter-spacing:.1em;} 
#nav #search .form-submit:hover {color:#69C;}

#nav .block {border:none;}
#nav #primarylinks {margin-top:22px; margin-left:40px;}
#nav #primarylinks h2 {display:none;}
#nav .sf-menu li {background-image:url('http://www.pavedwithgoodintentions.ca/sites/www.pavedwithgoodintentions.ca/themes/pavedgood/img/ssg_sprite.jpg');  margin:0 2px 0 0;}
#nav .sf-menu a {border:none;}
#nav .sf-menu a:hover {border:none;}
#nav .sf-menu li:hover, #nav .sf-menu li.sfHover, #nav .sf-menu a:focus, #nav .sf-menu a:hover, #nav .sf-menu a:active { background-image:url('http://www.pavedwithgoodintentions.ca/sites/www.pavedwithgoodintentions.ca/themes/pavedgood/img/ssg_sprite.jpg'); background-position:-378px 0; }
#nav .sf-menu a:hover {color:#69c;}

/* second level */

#nav .sf-menu ul li {background-image:url('http://www.pavedwithgoodintentions.ca/sites/www.pavedwithgoodintentions.ca/themes/pavedgood/img/ssg_sprite.jpg'); background-position:-378px 0;}

/* #nav .sf-menu ul li.menuparent, #nav .sf-menu ul li.menuparent:hover {background-image:url('img/ssg_sprite.jpg'); background-position:right 0;}
*/

#nav .sf-menu ul ul li {background-image:url('http://www.pavedwithgoodintentions.ca/sites/www.pavedwithgoodintentions.ca/themes/pavedgood/img/ssg_sprite.jpg'); background-position:0 -159px; top:2px;}

.frontpage #ssgtitleimage {display:none;}
#ssgtitleimage {width:120px; float:left; height:460px; margin-right:30px;}
#ssgtitleimage .pagetitle {width:108px; height:460px; background-image:url('img/titlesprite.png'); background-position:-124px 0; background-repeat:no-repeat;}

.sustainability #ssgtitleimage .pagetitle {background-position:-124px 0;}
.about #ssgtitleimage  .pagetitle {background-position:-14px 0;}
.services #ssgtitleimage  .pagetitle {background-position:-234px 0;}
.projects #ssgtitleimage .pagetitle {background-position:-344px 0;}
.resources #ssgtitleimage .pagetitle {background-position:-454px 0;}
.news #ssgtitleimage .pagetitle {background-position:-674px 0;}
.blog #ssgtitleimage .pagetitle {background-position:-784px 0;}
.thinktank #ssgtitleimage .pagetitle {background-position:-564px 0;}
.contact #ssgtitleimage .pagetitle {background-position:-988px 0;}
.art #ssgtitleimage .pagetitle {background-position:-885px 0;}

.blog #center .internal {width:400px;}

#nav ul.primary-links {margin-top:18px;}
#nav ul.primary-links li {list-style:none; margin:2px; padding:9px 12px; background-image:url('http://www.pavedwithgoodintentions.ca/sites/www.pavedwithgoodintentions.ca/themes/pavedgood/img/ssg_sprite.jpg'); float:right; font-size:16px;}
#nav ul.primary-links li a {font-family:tahoma; letter-spacing:0em;}

#edit-search-theme-form-1 {width:160px;}

#nav #toplinks {float:right; margin:4px 43px 0 20px; color:#fff; font-size:14px; height:40px;}
#nav #toplinks a {}
#nav #toplinks a:hover {color:#69c;}

#logo {float:left;}

#logo a {display:block; width:400px; height:95px;}


#left {width:100px; border:0px solid #000; float:left;}


#center {border:0px solid #000; float:left;}

	.with-right-sidebar {width:475px; float:left;}
	.no-right-sidebar {width:875px;}

h1 {font-size:14px; margin-top:0; color:#006633;}

.breaker {clear:both; height:0; margin:0; margin:0;}

#front .front1, #front .front2, #front .front3 {width:309px; height:210px; float:left; border:1px solid #999; margin:25px 0 25px 25px;}
.front1 {background-image:url('http://www.pavedwithgoodintentions.ca/sites/www.pavedwithgoodintentions.ca/themes/pavedgood/img/buildings.jpg');}
.front2 {background-image:url('http://www.pavedwithgoodintentions.ca/sites/www.pavedwithgoodintentions.ca/themes/pavedgood/img/communities.jpg');}
.front3 {background-image:url('http://www.pavedwithgoodintentions.ca/sites/www.pavedwithgoodintentions.ca/themes/pavedgood/img/orgs.jpg');}

.frontbg {margin-top:170px; height:40px; background-image:url('http://www.pavedwithgoodintentions.ca/sites/www.pavedwithgoodintentions.ca/themes/pavedgood/img/point7.png'); z-index:10;}
.frontlink {padding:8px 15px;}
.frontlink a:link, .frontlink a:visited {color:#fff; font-size:20px;}
.frontlink a:hover {text-decoration:none;}

#nodepanel .panel-col-first {padding-right:20px; width:450px;}
#nodepanel .panel-col-last {width:300px;}

#controlpanel .panel-col-first {width:75%;}
#controlpanel .panel-col-last {width:25%;}

.views-table TD {padding:8px;}

.more-link {text-align:left; font-weight:bold; margin-top:1em; margin-left:1em;}

.emvideo-video {margin-bottom:1em;}

.pane-field-quote { margin-top:10px; border-top:3px double #ccc; border-bottom:3px double #ccc; padding:8px 3px; font-size:16px; } 

.pullquote {float:right; width:150px; font-size:25px; color:#777;}



/* Projects and gridpage view */


#projects .panel-col-first {padding-right:20px; width:200px;}
#projects .panel-col-last {width:550px;}
#projects .pane-menu-menu-projects ul.menu {padding-left:0px;}
#projects .pane-menu-menu-projects ul.menu li {list-style:none; margin-left:0;}
#projects .pane-menu-menu-projects .pane-title {font-size:14px; color:#999; margin-top:0;}
#projects .pane-menu-menu-projects a.active {font-weight:bold;}


.gridpage {}

.gridpage table td, .ssg-itemview table td {padding-right:30px; padding-bottom:20px; vertical-align:top; font-size:12px;} 

.gridpage .views-exposed-widgets, .ssg-itemview .views-exposed-widgets {float:left; width:187px; margin-right:60px;}
.gridpage #edit-tid-wrapper, .ssg-itemview #edit-tid-wrapper {width:158px; overflow:hidden;}
.gridpage #edit-tid, .ssg-itemview #edit-tid {height:200px; width:170px; border:none; overflow: auto;}
.gridpage .views-field-title, .ssg-itemview .views-field-title {text-align:right; margin-right:4px; max-width:116px;}
.gridpage .views-field-title a, .ssg-itemview .views-field-title a {color:#000; font-weight:bold;}
.gridpage .views-field-title a:hover, .ssg-itemview .views-field-title a:hover {color:#39C; font-weight:bold;}
.gridpage  .views-field-field-qualification-value {text-align:right; margin-right:4px;}

.views-exposed-widget {color:#999;}

.views-exposed-widget .form-select option[selected=selected] {background-color:#39C;}

.fillerpane {height:190px;}

.fillerpane .pane-content {display:none;}

/* think tank */

.view-ThinkTank .view-header {float:left; width:300px; margin-right:90px;}
#center .view-ThinkTank .views-field-title {text-align:right; margin-right:0px; max-width:216px;}

.view-ThinkTank .views-field-field-image-fid, .view-ThinkTank .views-field-edit-node {text-align:right;}
.view-ThinkTank .views-field-field-image-fid img {border:1px solid #999;}
.view-ThinkTank .views-view-grid {margin-bottom:180px;}

/* who we are */

#whoweare table td {padding-right:40px; padding-bottom:20px; vertical-align:top; font-size:12px;} 

#whoweare .view-dom-id-3 td {max-width:200px;}
#whoweare .view-dom-id-3 td .views-field-title {max-width:none;}

.field-field-qualification {font-size:1.2em; font-weight:bold;}

#whoweare .pane-title {color:#0073AE;}

.backto {font-size:14px; margin-top:10px;}

/* taxonomy item page */

.view-ItemView .view-header {float:left; width:300px; margin-right:90px;}
#center .view-ItemView .views-field-title {text-align:right; margin-right:0px; max-width:216px;}

.view-ItemView .views-field-field-image-fid, .view-ItemView .views-field-edit-node {text-align:right;}
.view-ItemView .views-field-field-image-fid img {border:1px solid #999;}
.view-ItemView .views-view-grid {margin-bottom:180px;}

.view-ItemView {margin-left:30px;}



/* slideshow */

.view-Slideshow {margin-top:-4px;}

.frontpage #slidenav { z-index: 50; position: absolute; bottom: 11px; right: 3px; width:auto; text-align:right;}
#slidenav a { margin: 0 5px; padding: 3px 5px; background: #fff; text-decoration: none; font-size:11px; color:#000;}
#slidenav a.activeSlide { background: #999; }
#slidenav a:focus { outline: none; }
.frontpage .view-Slideshow .views-field-body { z-index: 40; position: absolute; bottom: 3px; right: 0px; color:#fff; width:100%; height:30px; background-image:url('http://www.ssg.koumbit.org/sites/all/themes/ssg/img/point7.png'); }
.frontpage .view-Slideshow .views-field-body .field-content {padding:0 10px;}
#block-views-Slideshow-block_1 h2.title {display:none;}
#ssgslider .block {padding:0;}

/* page gallery */

.field-field-gallery .field-item {float:left; margin:0 20px 20px 0;}


/* blogs & stories */

h2.title, h2.title a {font-size:20px; color:#000;}

.pane-node-author .pane-content:before {content:'posted by ';}

.pane-node-author {font-weight:bold;}
.pane-node-created {font-style:italic;}

.newsteasers {width:400px; padding-left:2px;}
.newsteasers .views-row {margin-bottom:1.6em;}
.newsteasers .views-field-title {font-size:16px; font-weight:bold; margin:4px 0;}
.newsteasers .views-field-created {color:#999;}

.links {font-size:11px;}
.node .submitted {font-size:12px;}

.node_read_more a:link {color:#c00; text-transform:uppercase;}



/* tagadelic */

#block-tagadelic-2 .content {margin-top:7px;}

/* cities */

#block-block-2 {margin:0 auto; font-size:14px; text-align:center; padding:.5em; color:#555;}
#block-block-2 .title {display:none;}
#block-block-2 a {margin:0 10px;}


#bottom .cities a {text-transform:uppercase; color:#999;}
#bottom .cities a:hover {color:#fff;}


.grey {color:#666;}

/* text editor options */


/* navigation menu */

.panel-col-first #navblock {float:none;}

#navblock {margin:0 0 20px 0px;}
#right #navblock {margin:70px 0 20px 0;}

#navblock ul li {display:none; list-style:none;}
#navblock ul li.active-trail { display: list-item; }
#navblock ul li.active-trail * li { display: list-item; }
#navblock ul li.leaf a.active {display: none;}

.menuon #navblock ul li {display: list-item; list-style: disc; color:#ccc; font-size:14px;}
.menuon #navblock ul li.active {display: none;}



#navblock .pane-title, #navblock .title {display:none; text-transform:uppercase; color:#ccc; font-size:14px; margin:0;}
#navblock ul {padding:0px; margin:0 0 0 0px;}
#navblock ul ul {padding:0px; margin-left:0px;}
/* #navblock ul li { list-style: disc; } */
#navblock .collapsed {font-weight:normal;}
#navblock ul li.active {font-weight:bold;}
#navblock ul li.active-trail a {color:#666;}
#navblock ul li.active a {color:#39C;}
#navblock ul li.active ul.menu li a {}
#navblock ul li.active ul.menu li {font-weight:normal; list-style: disc; color:#ccc; font-size:14px;}

#navblock ul li.expanded a.active {display:none;}


/* breadcrumb */

.breadcrumb {float:right; margin-top:10px; color:#666;}

/* art page */

.pane-artgallery2-panel-pane-1 .pane-title {font-size:14px; color:#666; margin-top:18px;}

.pane-artgallery2-panel-pane-1 .view-footer {font-weight:bold;}

#center .view-ArtGallery2 h3 {color:#666; font-size:16px; margin:10px 0 12px;}

/* social media */

.socialmedia {height:54px; padding-top:196px; padding-left:5px; padding-bottom:2px;}
.socialmedia a {height:53px; width:53px; float:left; margin-right:4px; margin-left:0; display:block; margin-top:none;}
.socialmedia .block {clear:both;}

#right .block ul {padding:4px; color:#aaa;}
#right #block-menu-primary-links .title {display:none;}
#right .block ul a {}
#right .block ul li.active-trail {color:#444;}
#right .block ul { margin:0; padding:0;} 
#right .block ul li {list-style-type:none; margin:0;list-style-position: inside; font-weight:bold; list-style-image:none; padding:none; padding:0 0 0;} 

#block-menu-primary-links {font-size:17px;}
#block-user-1 {font-size:11px;}

.fb {float:right;}


tr.odd td, tr.even td {
  padding: 0.3em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
}
h1 {
  font-size: 1.3em;
}
h2 {
  font-size: 1.2em;
}
h3, h4, h5, h6 {
  font-size: 1.1em;
}
p {
  margin-top: 0.5em;
  margin-bottom: 0.9em;
  line-height:1.3em;
}
a {
  text-decoration: none;
}
a:link {
  color: #39c;
}
a:visited {
  color: #39c;
}
a:hover {
  color: #69c;
  text-decoration: underline;
}
fieldset {
  border: 1px solid #ccc;
}
pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  font-size: 12px;
  border: 1px solid #ddd;
}
table {
  /* make <td> sizes relative to body size! */
  font-size: 1em;
}
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0;
}
.comment .links {
  margin-bottom: 0;
}

/*
** Page layout blocks / IDs
*/


#menu {
  padding: 0.5em 0.5em 0 0.5em; /* LTR */
  text-align: right; /* LTR */
  vertical-align: middle;
}
#navlist {
  font-size: 1.0em;
  padding: 0 0.8em 1.2em 0; /* LTR */
  color: #9cf;
}
#navlist a {
  font-weight: bold;
  color: #fff;
}
#subnavlist {
  padding: 0.5em 1.2em 0.4em 0; /* LTR */
  font-size: 0.8em;
  color: #9cf;
}
#subnavlist a {
  font-weight: bold;
  color: #9cf;
}
ul.links li {
  border-left: 1px solid #9cf; /* LTR */
}
ul.links li.first {
  border: none;
}
#search .form-text {
  width: 8em;
  padding: 0 0.5em;
}
#mission {
  background-color: #369;
  padding: 1.5em 2em;
  color: #fff;
}
#mission a, #mission a:visited {
  color: #9cf;
  font-weight: bold;
}
.site-name {
  margin: 0.6em 0 0 ;
  padding: 0;
  font-size: 2em;
}
.site-name a:link, .site-name a:visited {
  color: #fff;
}
.site-name a:hover {
  color: #369;
  text-decoration: none;
}
.site-slogan {
  font-size: 1em;
  color: #eee;
  display: block;
  margin: 0;
  font-style: italic;
  font-weight: bold;
}
#main {
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
}
#mission, .node .content, .comment .content {
  line-height: 1.3em;
}
#help {
  font-size: 0.9em;
  margin-bottom: 1em;
}
.breadcrumb {
  margin-bottom: .5em;
}
.messages {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0.3em;
  margin-bottom: 1em;
}
.error {
  border-color: red;
}
#sidebar-left, #sidebar-right {
  background-color: #ddd;
  width: 16em;
  /* padding in px not ex because IE messes up 100% width tables otherwise */
  padding: 10px;
  vertical-align: top;
}
#footer {
  background-color: #eee;
  padding: 1em;
  font-size: 0.8em;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
.submitted {
  color: #999;
  font-size: 0.8em;
}
.links {
  color: #999;
}
.links a {
  font-weight: bold;
}
.block, .box {
  padding: 0 0 1.5em 0; /* LTR */
}
.block {
}
.block .title {
  margin-bottom: .25em;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em; /* LTR */
}
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}
.node .content, .comment .content {
  margin: .5em 0 .5em;
}
.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding-left: 1.5em; /* LTR */
}
.node .picture {
  border: 1px solid #ddd;
  float: right; /* LTR */
  margin: 0.5em;
}
.comment {
  border: 1px solid #abc;
  padding: .5em;
  margin-bottom: 1em;
}
.comment .title a {
  font-size: 1.1em;
  font-weight: normal;
}
.comment .new {
  text-align: right; /* LTR */
  font-weight: bold;
  font-size: 0.8em;
  float: right; /* LTR */
  color: red;
}
.comment .picture {
  border: 1px solid #abc;
  float: right; /* LTR */
  margin: 0.5em;
}

/*
** Module specific styles
*/
#aggregator .feed-source {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1em;
  margin: 1em 0;
}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {
  color: #999;
  font-style: italic;
  font-size: 0.9em;
}
#aggregator .title {
  margin-bottom: 0.5em;
  font-size: 1em;
}
#aggregator h3 {
  margin-top: 1em;
}
#forum table {
  width: 100%;
}
#forum td {
  padding: 0.5em;
}
#forum td.forum, #forum td.posts {
  background-color: #eee;
}
#forum td.topics, #forum td.last-reply {
  background-color: #ddd;
}
#forum td.container {
  background-color: #ccc;
}
#forum td.container a {
  color: #555;
}
#forum td.statistics, #forum td.settings, #forum td.pager {
  height: 1.5em;
  border: 1px solid #bbb;
}
#forum td .name {
  color: #96c;
}
#forum td .links {
  padding-top: 0.7em;
  font-size: 0.9em;
}
#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: .5em;
  margin: 1em 0em;
}
#profile .profile .name {
  padding-bottom: 0.5em;
}
.block-forum h3 {
  margin-bottom: .5em;
}
div.admin-panel .description {
  color: #999;
}
div.admin-panel .body {
  background: #f4f4f4;
}
div.admin-panel h3 {
  background-color: #69c;
  color: #fff;
  padding: 5px 8px 5px;
  margin: 0;
}