/* $Id: style.css,v 1.14.2.4 2007/07/09 03:50:59 drumm Exp $ */


/**
 * Garland, for Drupal 5.0
 * Stefan Nagtegaal, iStyledThis [dot] nl
 * Steven Wittens, acko [dot] net`
 *
 * If you use a customized color scheme, you must regenerate it after
 * modifying this file.
 */

/**
 * Generic elements
 */


body {margin:0; font: 12px/170% Verdana; background-position:0 -3px;}

p {
  margin: 0.6em 0 1.2em;
  padding: 0;
}

a:link, a:visited {
  color: #369;
  text-decoration: none;
}

#tabs-wrapper a {font-weight:bold;}

#col1 a, #col3 a {
  color: #fff;
  text-decoration: none;
}

#col1 a:hover,  #col3 a:hover {color:#ff0;}

a:hover {
  color: #0062A0;
  text-decoration: underline;
}

a:active, a.active {
  color: #5895be;
}


#container_r {width:1020px; background-position:right; background-repeat:repeat-y; margin:0 auto;}
#container_l {width:1010px; background-position:left; background-repeat:repeat-y;}
#container {width:1000px; margin-left:10px; }


#topspace {height:65px; }

#network {text-align:right; padding:8px; color:#444; font-family:arial, helvetica, sans-serif; font-size:14px;}
#network a {color:#fff;}

#coop_header {height:85px; padding-right:20px;}

#coop_header a {font-weight:bold;}

#col1, #col3 {width:200px; float:left; min-height:200px; font-size:10px; line-height:1.4em;} 


#col1 {background-repeat:no-repeat;}

#col1 h2, #col3 h2 {font-size:11px; text-transform:uppercase; color:#fff; font-weight:bold; height:11px; padding-left:5px; margin-top:1em;}

#col1 ul li, #col3 ul li {padding:0 0 0 2px; margin:0 0 0 27px;}

a.site-name {width:470px; height:85px; float:left; display:block;}

.linktext {display:none;}

.slogan {display:none;}
.sitename {display:none;}

#coop_content {width:600px; float:left; min-height:200px; background-color:#fff; background-image:url('http://s3.amazonaws.com/mediacoop.ca.themes/mediacoop/images/wide/mediacoop_10.jpg'); background-position:-200px;}


#coop_footer {border-bottom:2px solid #303030; border-top:1px solid #303030; color:#fff; font-size:10px; padding:2px 12px;}
#coop_footer a {color:#eee;}

.breaker {clear:both;}

#search-theme-form {float:right; width:300px; height:20px; text-align:right;}

#search-theme-form * {display:inline; font-size:10px; margin:0;}

#search-theme-form .form-submit {border:1px solid #444; text-transform:uppercase; color:#fff; padding:2px;}
#search-theme-form .form-text {border:1px solid #444; padding:3px;}

#edit-search-theme-form-1-wrapper label {display:none;}


/* panel and admin mod */

.inside {padding:10px 10px 0 10px;}

#coop_content .inside {padding:15px;}


table {font-size:11px;}

h2.pane-title {margin:0; padding:0; font-size:12px; text-transform:uppercase;}

#front .panel-pane h2.title {color:#c90; margin-left:4px;}

#front .panel-col-first .panel-pane h2.pane-title {margin:0px 0px 5px 0px; border-bottom:2px solid #999; font-size:14px;}

.pane-block-12 {font-size:10px; line-height:1.3em;}
#front .panel-col-last .pane-block-12 .pane-content {padding:4px 8px;}

.view-MainFeedNotFeatured .teaser .teaserimg {display:none;}
.view-MainFeedFeatured {margin-bottom:25px;}

#coop_content .more-link {height:10px;}
#coop_content .more-link a {text-transform:lowercase; display:block; font-weight:bold; font-size:10px; color:#969; padding:0px; margin-top:0; font-size:9px; margin-right:10px; height:12px;}

.buttonlinks {text-align:right;}
.buttonlinks a {text-transform:lowercase; display:block; font-weight:bold; font-size:10px; color:#969; padding:0px; margin-top:0; margin-right:10px; height:18px; text-align:right;}

#col3 .more-link {margin-top:4px; text-align:left; color:#fff;}
#col3 .more-link a {color:#fcf; text-transform:lowercase; margin:0 5px;}


.panelvideo .date {display:none;}
#coop_content .panelvideo h2.nodetitle a {font-size:12px; color:#666; line-height:1.3em;}

#coop_content .view-content-Video li {margin:15px 0 0 -2px; list-style:none;}
#coop_content .view-content-Video li img {border: 1px solid #666;}
#coop_content .view-content-Video li a {text-transform:capitalize; font-weight:bold;}

.view {margin-top:1em;}


.panel-pane {margin-top:1.5em;}
.panel-pane li {font-size:11px;}

h2 + .node {margin-top:10px;}

#edit-preview {}

/* featuring admin links */

.featurelink {font-size:10px; font-weight:bold; text-align:right;}
.featurelink a.unflag-action {color:#900;}
.featurelink a.flag-action {color:#060;}


/* group page */

#grouppage #groupinfo h2 {font-size:16px;}
#grouppage .panel-col-last h2.title {margin:0 0 1em -8px; padding:4px 7px 0px 8px; background-position:right top; color:#fff; border:1px solid #999;}
#grouppage .panel-col-top .node {margin-bottom:0;}
#grouppage .panel-col-top .node p {margin-bottom:0;}
#grouppage .panel-separator {margin-bottom:1.5em;}
#grouppage .panel-separator + #groupdeets {margin-top:2em;}
#grouppage #currentdiscuss + .panel-separator {margin:0;}
#grouppage .og-picture-wrapper .picture {display:none;}
#grouppage .og-picture-wrapper {border:none; padding:0; text-align:left;}
#grouppage .groupmembers li {list-style:none;}
#grouppage .groupmembers {line-height:1.2em;}

.featured-discuss {font-size:11px; line-height:1.3em;}
.featured-discuss a {font-size:12px; font-weight:bold;}
#coop_content .featured-discuss .views-field-comment-count a {color:#770000; font-size:10px; font-weight:normal;}

#currentdiscuss {border:2px solid #cc9; padding:10px 10px 5px 10px; border-bottom:none; border-right:3px solid #996;}
#currentdiscuss .pane-content {padding-bottom:3px; border-bottom:1px dashed #999;}
#currentdiscuss .more-link {display:none;}
#recentdiscuss {border:2px solid #cc9; padding:5px 10px 10px 10px; border-top:none; border-right:3px solid #996; border-bottom:3px solid #996;}

#groupdeets {border-top:2px solid #9c6; border-right:3px solid #696; border-bottom:3px solid #696; border-left:2px solid #9c6; padding:10px; font-size:10px;}
.groupmembers {}
.groupcontrols {line-height:1.3em;}
#coop_content .groupcontrols #edit-submit {margin:0;} 

.discuss_comments {text-align:right; font-size:10px; font-weight:bold;}
.readmore {font-size:10px; font-weight:bold; float:left;}
.teasertext {font-size:11px; line-height:1.5em;}

#grouppage .joingroup, #grouppage .leavegroup {float:right; margin:0 0 10px 10px; display:block;  padding:0 4px; color:#ff9;}

#grouppage .leavegroup { background-color:#999; color:#666; font-size:10px; border:1px solid #888;}

#grouppage .joingroup { background-color:#663; color:#fff; font-weight:bold; font-size:10px; border:1px solid #888;}

#col3 .attachment-after {display:none;}

#grouppage .panel-col-top .pane-title {font-size:16px;}

#grouppage .view-og-ghp-ron .pager {display:none;} /* weird hack to deal with views */

/* profile */

#profilepage {font-size:11px;}  

.flag-trust {border:1px solid #444; background-color:#ccc; padding:2px; font-size:10px;}
.flag-trust a {color:#fff;}
.trust {margin-bottom:8px;}

.usergroups span + span:before {content:', ';}

.profile dt, .profile label {font-weight:normal; font-size:10px; text-transform:uppercase; color:#444;}

#userpage .profile .picture {float:none; display:block; padding-left:0;}

.membersince {font-size:10px; color:#999;}

.icon {display:none;}

#userpage .panel-col-last .views-field-title, #userpage .panel-col-last .views-field-name {display:list-item; margin-left:15px; font-size:10px;}

#userpage .panel-col-last .view-user-comments .views-field-title {display:inline; font-size:inherit; margin:0;}

#userpage .view-user-comments {font-size:10px;}
.view-user-comments .views-row {margin-bottom:4px;}

#userpage .panel-col-first {line-height:1.2em;}
#userpage .form-item label {display:none;}

/* groups page */

.view-id-og_discussionsinmygroups .views-field-group-nid a {text-transform:uppercase; font-size:10px; color:#222;}


/* nodes - shared */

.teaser {margin-bottom:.7em; border-bottom:1px solid #ccc; padding-bottom:4px;}
.comments_t a {color:#700; white-space:nowrap;}


/* nodes - story */

div.links {padding:2px 4px 8px; border-top:1px dotted #999; margin: .8em 0; font-size:10px;}
div.links a {font-weight:bold;}
div.links li:before {content:'>> ';}

.teaserimg {border:0px solid #666; max-height:100px; padding:0; margin-bottom:4px; overflow:hidden; width:200px;}
.teaserimg img {margin:0;}
#topstory .teaserimg {display:block;}

p.author {margin:.8em 2px; line-height:1.3em;}

#story_images + p {margin-top:0px;}

#story_images {float:right; width:252px; margin:0 10px 10px 20px;}
.st_image {font-size:10px; font-weight:normal; line-height:1.3em; margin-bottom:1em;}
.st_image img {border:1px solid #999; width:100%; height:auto;} 
.posted {font-size:11px; color:#999; text-align:right;}
.posted a {color:#666;}
.posted ul.inline li {padding:0; margin:0;}
.posted ul li + li:before {content:' and ';}

.and + .and:before {content: ' and ';}

.et + .et:before {content: ' et ';}


.nodetitle {margin:8px 0 4px;}
.date {color:#888; font-size:14px;}
#coop_content .date .and a {text-transform:uppercase; font-weight:normal; font-size:13px;}
#coop_content .date .and + .and:before {content:' and ';}
h4.date .postinfo {font-size:12px; margin-right:7px;}
.type {font-size:13px; text-transform:uppercase;}

#coop_content .author a {font-weight:normal; text-transform:uppercase;}
#coop_content .author .and + .and:before {content:' and ';}

#coop_content .nodetitle a {font-weight:bold;}

.teaser .date {font-size:12px;}
.teaser .nodetitle {margin:0 0 1px; font-size:16px;}
.teaser .subhead {font-size:12px; color:#333; line-height:1.3em; margin-top:0; margin-left:1px;}
.teaser .author {font-size:10px; margin:0; margin-left:1px; color:#333;}
.teaser .author a {color:#333;}

.fpdate {display:none;}

.view-content-MainFeed .date {display:none;}
.view-content-MainFeed .fpdate {display:inline; color:#777;}
.view-content-MainFeed .imageposted {display:none;}

.workinggroup {font-size:11px; color:#969;}
#coop_content .workinggroup a {color:#969;}

.also {font-size:10px; line-height:1.4em; margin-top:1.8em; margin-left:5px;}
.also .ical-icon {display:none;}

.mediatease {margin-top:.5em; line-height:1.5em; font-size:9px; color:#333; margin-left:1px; text-transform:uppercase;} 

.nodetitle + .mediatease  { }

.featured, .notfeatured {padding:0 5px 0 5px; font-size:10px; color:#aaa; margin:0 0 13px 0; text-align:right;}
.featured {border-right:8px solid #090;}
.notfeatured {border-right:8px solid #900;}

/* nodes - event */

#coop_content .view-content-Eventsthisweek li {margin:0; padding:0; list-style:none;}
.view-item-Eventsthisweek div {display:inline;}
#coop_content .view-item-Eventsthisweek a {font-weight:normal;}
.view-data-node-data-field-date-and-time-field-date-and-time-value {text-transform:uppercase; font-weight:bold; font-size:10px; color:#555; margin-right:2px;}

.view-data-node-data-field-date-and-time-field-date-and-time-value:after {content:'';}

.eventinfo {margin-left:4px; padding:8px;}
.eventimg {float:right; margin-left:10px;}
.eventimg img {border:1px solid #444;}
.eventcity {text-transform:uppercase; font-size:12px; margin-bottom:-8px; color:#666;}

#coop_content .eventteaser a {font-weight:normal;}
#coop_content .eventteaser {font-size:16px;}
.eventdate {font-size:14px; text-transform:uppercase;}

#front .panel-col-last .pane-content {border:1px solid #aaa; padding:0 6px 10px 6px; /*background-image:url('http://s3.amazonaws.com/mediacoop.ca.themes/mediacoop/images/vertbg.jpg');*/ background-color:#fff; margin-top:-4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}

#todayevents h2.eventteaser {font-size:13px;}

#events .view-Eventstoday, #events .view-Eventsthisweek {margin:4px 0; padding:8px; border:1px solid #999; font-size:70%;}
#events .title {margin:10px 0 0;}
#events .view-Eventstoday .eventdate {display:none;}

.views-field-field-date-and-time-value, .views-field-field-reccuring-date-value {font-weight:bold; text-transform:uppercase; color:#777;}
.fpevents .views-field-title:before {content:'';}
.fpevents .view-content div div {font-size:10px; display:inline;}

.also .views-field-title {display:list-item;  margin-left:15px; margin-top:4px;}
.also .views-field-title a {color:#222;}

#front .panel-col-first .view-id-Events .view-content .views-field-field-city-value, #front .panel-col-first .view-id-Events .view-content .views-field-title {display:inline;}


/* rss feeds on fp */

#coop_content .rssfeed li a {font-weight:normal; font-size:11px;}
#coop_content .rssfeed li {padding:0;}

/* nodes - blog */

.blogwarning {font-size:9px; font-style:italic;}

.blogposted {font-size:10px; color:#999; text-align:left;}
.blogposted a {color:#666;}
.blogposted ul.inline li {padding:0;}
.blogposted ul li + li:before {content:' and ';}

#coop_content .teaser .smalltitle, #coop_content .teaser .smalltitle a {font-size:13px; font-weight:normal;}  
#coop_content .teaser .smalltitle {margin-bottom:10px;}

/* nodes - images and galleries */

.singleimage img {margin:0 auto; display:block;}

.view-content-RandomPhoto .teaser {width:200px; height:240px; margin:8px; float:left; margin-right:25px;}
.view-content-RandomPhoto .teaser img {max-height:130px; overflow:hidden;}
#topstory .teaserimg {max-height:152px; overflow:hidden; margin-bottom:.3em;}
.imageposted, .imagecount {font-size:10px;}
.imagecount {white-space:nowrap;}

.galleryimages {}
.gallimg {width:172px; height:172px; overflow:hidden; margin:8px; float:left;}

#coop_content .view-content-RandomPhoto li {margin:0; padding:0; list-style:none;}
.view-content-RandomPhoto li img {border:1px solid #666;}
.view-content-RandomPhoto .teaserimg {display:block;}

.view-item-RandomPhoto {padding-top:10px;}


/* custom user menus */

/* publish */
/*
#block-block-1 h2, #block-block-2 h2 {border:none; margin:1em 0px 0 4px;}
#block-block-1 .content, #block-block-2 .content {border:1px solid #999; margin:-1px 5px 0 5px; padding:0 5px;  background-color:#e7e4c5; line-height:1.2em;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}
#block-block-1 a, #block-block-2 a {color:#444; font-weight:bold;}
#block-block-1 h4 {margin-bottom:1px;}

#col3 #block-block-1 a {color:#444; font-weight:bold; display:inline;}
#col3 #block-block-1 a:hover {color:#333;}
#col3 #block-block-1 ul, #col3 #block-menu-153 ul li {display:inline; margin:0; padding:0;}
#block-block-1 table {margin:0;}
#col3 #block-block-1 table a { color:#900; }
#block-block-1 table td {padding:6px;}
#block-block-1 tbody {border:0;}
*/


#block-menu-menu-main-nav h2 {display:none;}
#col1 #block-menu-menu-main-nav ul li {list-style:none; margin:0; padding:0; width:90px; float:left; text-align:center;}
#col1 #block-menu-menu-main-nav a {display:block; font-size:10px; padding:1px 6px; margin:4px; background-position:bottom right; border:1px solid #555; color:#fff; font-weight:normal;}
#col1 #block-menu-menu-main-nav a:hover {color:#ff0;}

#block-views-Sections-block_1 .content, #block-menu-169 .content {font-size:12px;}
#col3 #block-views-Sections-block_1 li, #col1 #block-menu-169 li {padding:2px 0 0 0; margin:0 0 0 16px;}

/* posting guidelines */






input {
  font: 12px/100% "Verdana";
  color: #494949;
}

textarea, select {
  font: 12px/160% "Verdana";
  color: #494949;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 180%;
}

h2 {
  font-size: 170%;
  line-height: 130%;
}

h3 {
  font-size: 140%;
}

h4 {
  font-size: 130%;
}

h5 {
  font-size: 120%;
}

h6 {
  font-size: 110%;
}

ul, quote, code, fieldset {
  margin: .5em 0;
}


hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #5294c1;
}

ul {
  margin: 0.5em 0 1em;
  padding: 0;
}

ul li {
  margin: 0.4em 0 0.4em .5em;
}

ul.menu, .item-list ul {
  margin: 0.35em 0 0 0;
  padding: 0;
}

ul.menu ul, .item-list ul ul {
  margin-left: 0em;
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  margin: 0.15em 0 0.15em .5em;
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  padding: 0 0 .2em .1em;
  margin-left:1.6em;
  list-style-image: none;
  
}

ul li.expanded {
}

ul li.collapsed {
  color:#900;
}

ul li.active a {font-style:italic;}

ul li.leaf a, ul li.expanded a, ul li.collapsed a {
  display: block;
}

ul.inline li {
  background: none;
  margin: 0;
  padding: 0 1em 0 0;
}

fieldset ul.clear-block li {
  margin: 0;
  padding: 0;
  background-image: none;
}

dl {
  margin: 0.5em 0 1em 1.5em;
}

dl dt {
}

dl dd {
  margin: 0 0 .5em 1.5em;
}

img, a img {
  border: none;
}

table {
  margin: 1em 0;
  width: 100%;
}

thead th {
  border-bottom: 2px solid #d3e7f4;
  color: #494949;
  font-weight: bold;
}

th a:link, th a:visited {
  color: #6f9dbd;
}

td, th {
  padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
  border: solid #d3e7f4;
  border-width: 1px 0;
}

tr.odd, tr.info {
  background-color: #edf5fa;
}

tr.even {
  background-color: #fff;
}

tr.odd td.active {
  background-color: #ddecf5;
}

tr.even td.active {
  background-color: #e6f1f7;
}

td.region, td.module, td.container {
  border-top: 1.5em solid #fff;
  border-bottom: 1px solid #b4d7f0;
  background-color: #d4e7f3;
  color: #455067;
  font-weight: bold;
}

tr:first-child td.region, tr:first-child td.module, tr:first-child td.container {
  border-top-width: 0;
}

span.form-required {
  color: #ffae00;
}

span.submitted, .description {
  font-size: 0.92em;
  color: #898989;
}

.description {
  line-height: 150%;
  margin-bottom: 0.75em;
  color: #898989;
}

.messages, .preview {
  margin: .75em 0 .75em;
  padding: .5em 1em;
}

.messages ul {
  margin: 0;
}

.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {
  margin: 0.25em 0;
}

#center form {
  margin-bottom: 2em;
}

.form-button, .form-submit {
  margin: 2em 0.5em 1em 0;
}

#user-login-form .form-submit {margin:.5em;}
#user-login-form .item-list {font-size:10px; font-weight:bold;}
#col3 #user-login-form .item-list li a {color:#ff9;}
#user-login-form .form-text {font-size:18px; width:150px; -moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}

#watchdog-form-overview .form-submit,
.confirmation .form-submit,
.search-form .form-submit,
.poll .form-submit,
fieldset .form-button, fieldset .form-submit,
.sidebar .form-button, .sidebar .form-submit,
table .form-button, table .form-submit {
  margin: 0;
}

.box {
  margin-bottom: 2.5em;
}


/**
 * Layout
 */
#header-region {
  min-height: 1em;
  background: #d2e6f3 url(images/bg-navigation.png) repeat-x 50% 100%;
}

#header-region .block {
  display: block;
  margin: 0 1em;
}

#header-region .block-region {
  display: block;
  margin: 0 0.5em 1em;
  padding: 0.5em;
  position: relative;
  top: 0.5em;
}

#header-region * {
  display: inline;
  line-height: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}

/* Avoid displaying content of script tags */
#header-region script {
  display: none;
}

#header-region p, #header-region img {
  margin-top: 0.5em;
}

#header-region h2 {
  margin: 0 1em 0 0;
}

#header-region h3, #header-region label, #header-region li {
  margin: 0 1em;
  padding: 0;
  background: none;
}

#wrapper {
  background: #edf5fa url(images/body.png) repeat-x 50% 0;
}

#wrapper #container {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1270px;
}

#wrapper #container #header {
  height: 80px;
}

#wrapper #container #header #logo-floater {
  position: absolute;
}

#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  line-height: 120px;
  position: relative;
  z-index: 2;
  white-space: nowrap;
}

#wrapper #container #header h1 span {
  font-weight: bold;
}

#wrapper #container #header h1 img {
  padding-top: 16px;
  padding-right: 20px;
  float: left;
}

/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */
body.sidebars {
  min-width: 980px;
}
/* With 2 columns, require a minimum width of 800px. */
body.sidebar-left, body.sidebar-right {
  min-width: 780px;
}

/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #center {
  float: left;
  width: 100%;
}

/* So we move the #center container over the sidebars to compensate */
body.sidebar-left #center {
  margin-left: -210px;
}
body.sidebar-right #center {
  margin-right: -210px;
}
body.sidebars #center {
  margin: 0 -210px;
}

/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
  margin-left: 210px;
}
body.sidebar-right #squeeze {
  margin-right: 210px;
}
body.sidebars #squeeze {
  margin: 0 210px;
}

/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar {
  margin: 60px 0 5em;
  width: 210px;
  float: left;
  z-index: 2;
  position: relative;
}

#wrapper #container .sidebar .block {
  margin: 0 0 1.5em 0;
}

#sidebar-left .block {
  padding: 0 15px 0 0px;
}

#sidebar-right .block {
  padding: 0 0px 0 15px;
}

.block .content {
  margin: 0.5em 0;
}

#sidebar-left .block-region {
  margin: 0 15px 0 0px;
}

#sidebar-right .block-region {
  margin: 0 0px 0 15px;
}

.block-region {
  padding: 1em;
  background: transparent;
  border: 2px dashed #b4d7f0;
  text-align: center;
  font-size: 1.3em;
}

/* Now we add the backgrounds for the main content shading */
#wrapper #container #center #squeeze {
  background: #fff url(images/bg-content.png) repeat-x 50% 0;
  position: relative;
}

#wrapper #container #center .right-corner {
  background: transparent url(images/bg-content-right.png) no-repeat 100% 0;
  position: relative;
  left: 10px;
}

#wrapper #container #center .right-corner .left-corner {
  padding: 60px 25px 5em 35px;
  background: transparent url(images/bg-content-left.png) no-repeat 0 0;
  margin-left: -10px;
  position: relative;
  left: -10px;
  min-height: 400px;
}

#wrapper #container #footer {
  float: none;
  clear: both;
  text-align: center;
  margin: 4em 0 -3em;
  color: #898989;
}

#coop_content .breadcrumb a {
	font-weight:normal; margin-top:-5px;
}

body.sidebar-left  #footer {
  margin-left: -210px;
}

body.sidebar-right #footer {
  margin-right: -210px;
}

body.sidebars #footer {
  margin: 0 -210px;
}

/**
 * Header
 */
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
  color: #fff;
  font-weight: normal;
  text-shadow: #1659ac 0px 1px 3px;
  font-size: 1.5em;
}

#wrapper #container #header h1 a:hover {
  text-decoration: none;
}

#wrapper #container .breadcrumb {
  font-size: 0.92em;
}

#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {
  color: #529ad6;
}

#mission {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

/**
 * Primary navigation
 */
ul.primary-links {
  margin: 0;
  padding: 0;
  float: right;
  width:300px;
  height:40px;
  }

ul.primary-links li {
  margin: 0;
  padding: 0;
  float: right;
  background-image: none;
}

ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
  display: block;
  margin: 0 0 0 .4em;
  padding: .75em 0 0;
  color: #fff;
}

ul.primary-links li a:hover, ul.primary-links li a.active {
  color: #fff;
}

/**
 * Secondary navigation
 */
ul.secondary-links {
  margin: 0;
  padding: 18px 0 0;
  float: right;
  clear: right;
  position: relative;
  z-index: 4;
}

ul.secondary-links li {
  margin: 0;
  padding: 0;
  float: left;
  background-image: none;
}

ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {
  display: block;
  margin: 0 1em;
  padding: .75em 0 0;
  color: #cde3f1;
  background: transparent;
}

ul.secondary-links li a:hover, ul.secondary-links li a.active {
  color: #cde3f1;
  background: transparent;
}

/**
 * Local tasks
 */
ul.primary, ul.primary li, ul.secondary, ul.secondary li {
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
}

ul.secondary li, ul.primary li {white-space:nowrap;}

#tabs-wrapper {
  position: relative;
}
ul.primary {
  padding: 1em 0 10px;
  float: left;
  width:450px;
  white-space:normal;
  line-height:2em;
}
ul.secondary {
  clear: both;
  text-align: left;
  border-bottom: 1px solid #e9eff3;
  margin: -0.2em -10px 1em;
  padding: 0 26px 0.6em;
}
h2.with-tabs {
  float: left;
  margin: 0 2em 0 0;
  padding: 0;
}

ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,
ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {
  border: 0;
  background: transparent;
  padding: 4px 1em;
  margin: 0 0 0 1px;
  height: auto;
  text-decoration: none;
  position: relative;
  top: -1px;
}
ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,
ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {
  background: url(images/template_derive_11.jpg) repeat-x 0 50%;
  color: #fff;
}
ul.primary li.active a,
ul.secondary li.active a {
  font-weight: bold;
}

/**
 * Nodes & comments
 */
.node {
 margin: 0 0 1em; 
 
}

div.panel-pane div.node {
 margin: 0 0 .8em 0; 
}

ul.links li, ul.inline li {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 1em;
  background-image: none;
}

.node .links, .comment .links {
  text-align: left;
}

.node .links ul.links li, .comment .links ul.links li {}
.terms ul.links li {
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 1em;
}

.picture, .comment .submitted {
  float: right;
  clear: right;
  padding-left: 1em;
}



.new {
  color: #ffae00;
  font-size: 0.92em;
  font-weight: bold;
  float: right;
}

.terms {
  float: right;
}

.preview .node, .preview .comment, .sticky {
  margin: 0;
  padding: 0.5em 0;
  border: 0;
  background: 0;
}

.sticky {
  padding: 1em;
  background-color: #fff;
  border: 1px solid #e0e5fb;
  margin-bottom: 2em;
}

#comments {
  position: relative;
  top: -1px;
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em 0 0;
  padding: 0 25px;
}

#comments h2.comments {
  margin: 20px -25px;
  padding: 15px 0px 0px 2px;
  font-size:14px;
  text-transform:uppercase;
  border-bottom:2px solid #999;
}

#comments .box h2 {
  margin: 20px -25px;
  padding: 5px 0px 0px 2px;
  font-size:14px;
  text-transform:uppercase;
  border-bottom:2px solid #999;
}

.comment {
  margin: 0 -25px;
  padding: 0 25px 1.5em;
  font-size:11px;
}

.indented {
  margin-left: 25px;
}

.comment h3 a.active {
  color: #494949;
}

.node .content, .comment .content {
  margin: 0.6em 0;
}

/**
 * Aggregator.module
 */
#aggregator {
  margin-top: 1em;
}
#aggregator .feed-item-title {
  font-size: 160%;
  line-height: 130%;
}
#aggregator .feed-item {
  margin: 5px;
  padding: .5em;
}
#aggregator .feed-item-categories {
  font-size: 0.92em;
}
#aggregator .feed-item-meta {
  font-size: 0.92em;
  color: #898989;
}

/**
 * Color.module
 */
#palette .form-item {
  border: 1px solid #fff;
}
#palette .item-selected {
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  border: 1px solid #d9eaf5;
}

/**
 * Menu.module
 */
tr.odd td.menu-disabled {
  background-color: #edf5fa;
}
tr.even td.menu-disabled {
  background-color: #fff;
}
td.menu-disabled {
  opacity: 0.5;
}

/**
 * Poll.module
 */
.poll .bar {
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
  border: solid #f0f0f0;
  border-width: 0 1px 1px;
}

.poll .bar .foreground {
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
}

.poll .percent {
  font-size: .9em;
}

/**
 * Autocomplete.
 */
#autocomplete li {
  cursor: default;
  padding: 2px;
  margin: 0;
}

/**
 * Collapsible fieldsets
 */
fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #d9eaf5;
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
}

fieldset legend {
  /* Fix disappearing legend in FFox */
  display: block;
}

html.js fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: .6em;
}

html.js fieldset.collapsible legend a {
  padding-left: 2em;
  background: url(images/menu-expanded.gif) no-repeat 0% 50%;
}

html.js fieldset.collapsed legend a {
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%;
}

/**
 * Syndication icons and block
 */
#block-node-0 h2 {
  float: left;
  padding-right: 20px;
}

#block-node-0 img, .feed-icon {
  padding-top: 4px;
  text-align:right;
}

.feed-icon a {color:#444; font-size:9px; text-transform:uppercase;}
.feed-icon img {vertical-align:middle;}

#block-node-0 .content {
  clear: right;
}

/**
 * Login Block
 */
#user-login-form {
  text-align: center;
}
#user-login-form ul {
  text-align: left;
}

/**
 * Admin Styles
 */
div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,
div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,
div.item-list,
.menu {
  margin: 0;
  padding: 0;
}

div.admin .left {
  float: left;
  width: 48%;
}
div.admin .right {
  float: right;
  width: 48%;
}

div.admin-panel {
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  padding: 1em 1em 1.5em;
}
div.admin-panel .description {
  margin-bottom: 1.5em;
}
div.admin-panel dl {
  margin: 0;
}
div.admin-panel dd {
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: -.2em;
  margin-bottom: .65em;
}

table.system-status-report th {
  border-color: #d3e7f4;
}

#autocomplete li.selected, tr.selected td, tr.selected td.active {
  background: #027ac6;
  color: #fff;
}

tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
  color: #d3e7f4;
}

/**
 * CSS support
 */
span.clear {
  display: block;
  clear: both;
  height: 1px;
  line-height: 0px;
  font-size: 0px;
  margin-bottom: -1px;
}

/*******************************************************************
 * Color Module: Don't touch                                       *
 *******************************************************************/

/**
 * Generic elements.
 */
.messages {
  background-color: #fff;
  border: 1px solid #b8d3e5;
}

.preview {
  background-color: #fcfce8;
  border: 1px solid #e5e58f;
}

div.status {
  color: #3a3;
  border-color: #c7f2c8;
}

div.error {
  color: #c52020;
}

.form-item input.error, .form-item textarea.error {
  border: 1px solid #c52020;
  color: #494949;
}

/**
 * Watchdog.module
 */
tr.watchdog-user {
  background-color: #fcf9e5;
}

tr.watchdog-user td.active {
  background-color: #fbf5cf;
}

tr.watchdog-content {
  background-color: #fefefe;
}

tr.watchdog-content td.active {
  background-color: #f5f5f5;
}

tr.watchdog-warning {
  background-color: #fdf5e6;
}

tr.watchdog-warning td.active {
  background-color: #fdf2de;
}

tr.watchdog-error {
  background-color: #fbe4e4;
}

tr.watchdog-error td.active {
  background-color: #fbdbdb;
}
tr.watchdog-page-not-found, tr.watchdog-access-denied {
  background: #d7ffd7;
}
tr.watchdog-page-not-found td.active, tr.watchdog-access-denied td.active {
  background: #c7eec7;
}

/**
 * Status report colors.
 */
table.system-status-report tr.error, table.system-status-report tr.error th {
  background-color: #fcc;
  border-color: #ebb;
  color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
  background-color: #ffd;
  border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
  background-color: #dfd;
  border-color: #beb;
}


/* custom bits */

.reasons li {list-style:disc; padding:0 0 6px 2px; margin-left:15px; font-size:12px;}

.reasons strong {color:#289230; font-size:14px;}

.cooplinks {font-weight:bold;}

.cooplinks a {font-size:16px;}

.promoquote {margin:0 30px 0 20px; font-size:10px; color:#666; text-align:justify;}



#coop_content .form-text {width:90%;}

.bullets {}

.variableprice {margin:0 10px 10px 0; width:40px;}
.sustneed {text-align:right; font-weight:bold; color:#cc0;}

.teaser-button-wrapper {display:none;}

.view-id-Questions {font-size:11px; padding:0px 9px;}
#front .view-id-Questions a {white-space:nowrap;}

/* new sustainer page */

p.joinintro {padding:8px; background-image:url('../../files2/mc/gradient.png'); color:#fff; margin:15px 0;}
.joinoption {border:1px dotted #999; padding:6px; margin:10px 0; background-color:#fff;}
.joinoption h2 {font-size:15px; font-weight:bold; color:#390;}
.joinbenefits {width:300px;}
.joinbenefits h4 {font-weight:bold; margin:5px 0; font-size:13px;}
.joinbenefits ul {font-size:11px; line-height:1.3em}
.optionn {color:#444;}
.joinnow {float:right; padding:25px 10px 0 0;}
.joinnow a {display:block; font-weight:bold; background-color:#E90; padding:4px 10px; border:1px solid #999; color:#fff; text-transform:uppercase;}
.joinpayintro {font-size:12px; color:#444;}

.nodepage {margin:10px 4px;}

/* sustain! */

h3.store { color: #06C; font-size:16px; margin-bottom:0;}
.shop_options {padding-left:8px;}
#content .shop_options INPUT { background-color: #C90; margin:4px 0 0 10px; padding:0 2px 2px 2px;}
#content .shop_options INPUT:hover { background-color: #FC3; }
.emailsubbox {width:150px; float:right; margin-top:1em; text-align:center; line-height:1.5em;}
.emailsubbox INPUT {margin-top:4px;}
.emailsubbox INPUT.emailsub  { background-color: #636; } .emailsubbox INPUT.emailsub:hover { background-color: #909; }

.img_assist-button {text-align:right;}
.img_assist-button a {font-size:11px; font-weight:normal;}

ul.paralist LI {margin-bottom:1em;}

.payment li {background-color:#efefef; padding:4px 10px; clear:both;}
ul.payment form {float:right; margin:10px 0 2px 0;}
.payment input {height:auto;}
.node .payment img {border:none;}
.variableprice {width:50px;}
table.payment {margin:6px 0 20px; font-size:11px; line-height:1.2em;} 
table.payment td {border-spacing:0 5px; padding:0 5px; width:100px; text-align:center; vertical-align:top;}
table.payment tbody {border:none;}
.node table.singleitem {float:right; margin-left:10px;}
table.payment .sustainerlevel {border:none;}
table.payment form p {margin-bottom:-4px;}
.sustainerlevel h4 {color: #393; font-size:14px;}

.sustainsidebar {float:right; width:220px; padding-top:6px; line-height:1.1em;}  
.sustainsidebar strong {}
.sustainsidebar ul {font-size:10px; margin:2px; padding:0 0 0 14px;}
.sustainsidebar img {margin-bottom:10px; border:1px solid #444;}

small {color:#999;}

.commentwarning {font-size:10px; margin:-10px 0 0 -20px; color:#555;}

.view-item-Discussions div.view-field {display:inline;}
.view-item-Discussions div.view-field br {display:none;}
.view-Discussions .views-field-comment-count {margin-left:2px; font-size:9px; color:#700; text-transform:uppercase; font-weight:normal; white-space:nowrap;}

a.publishbutton {width:170px; height:104px; display:block; margin:5px 0 0 10px; }
a.publishbutton:hover {}

a.volunteerbutton {width:170px; height:84px; display:block; margin:5px 0 0 10px;}
a.signupbutton {width:170px; height:174px;  display:block; margin:5px 0 0 10px;}

a.postbutton {font-size:22px; font-weight:bold;}
.postdesc {font-size:10px; margin:-14px 0 15px 0; color:#666;}
.postguidelines {float:right; width:170px; font-size:11px; margin: 0 15px 0 20px; line-height:1.2em; background-color:#ffc; padding:8px; border:1px solid #444;}

img.boardcandidate {float:right; margin:10px 0 10px 15px; border:4px solid #999;}
.subsection {text-align:right; text-transform:uppercase; display:block; padding:0; margin:0;}

.grouppostinfo {font-size:10px; color:#999;}

#block-block-7 {margin-left:10px; margin-right:10px; background-color:#fff; padding:10px;}

#block-block-7 a {color:#900; font-weight:bold;}

/* dominion box */

#dominionfeed {background-image:url('http://s3.amazonaws.com/mediacoop.ca.themes/mediacoop/images/dominion_box.png'); background-repeat:no-repeat; padding-top:55px; background-position:0 5px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background-color:#FFFFFF;
border:1px solid #AAAAAA;
}

#front #dominionfeed .pane-content {border-width:0px;}
#front #dominionfeed .pane-content a {font-weight:bold;}

.bannerad img {border:1px solid #000;}

.contactinfo tbody {border:none;}
.contactinfo td {vertical-align:top;}

#coop_content .item-list ul.pager li {margin-left:0em;}
#coop_content .item-list ul.pager li a.active {color:#369;}

/* personal nav */

#block-menu-menu-personalnav h2 {display:none;}

#block-menu-menu-personalnav {width:90px; margin-left:-10px; font-family:arial;}
#block-menu-menu-personalnav li.leaf {list-style-image:none; list-style-type:none; font-size:18px; padding:10px 12px; background-image:url('http://s3.amazonaws.com/mediacoop.ca.themes/mediacoop/images/transparent.png'); margin:0;}
#block-menu-menu-personalnav li.active-trail {background-image:url('http://s3.amazonaws.com/mediacoop.ca.themes/mediacoop/images/wide/mediacoop_10.jpg'); background-position:-200px; margin:0;}
#block-menu-menu-publish li a, #block-menu-menu-personalnav li a {color:#222;}
#block-menu-menu-personalnav ul.menu {margin:0;}

#block-menu-menu-publish {width:70px; float:right; margin-right:8px;}
#block-menu-menu-publish h2 {font-weight:normal; font-size:14px; margin:2px 0 2px 0;}
#block-menu-menu-publish .content {background-image:url('http://s3.amazonaws.com/mediacoop.ca.themes/mediacoop/images/transparent.png'); padding:5px 7px; margin:0;}
#block-menu-menu-publish li.leaf {list-style-image:none; list-style-type:none; margin:0;}

/* buttons */

a.volunteerbutton {background-image:url('http://s3.amazonaws.com/mediacoop.ca.themes/mediacoop/images/volunteerbutton.png');}
a.signupbutton {background-image:url('http://s3.amazonaws.com/mediacoop.ca.themes/mediacoop/images/signup.png');}

a.publishbutton {background-image:url('http://s3.amazonaws.com/mediacoop.ca.themes/mediacoop/images/publish.png');}
a.publishbutton:hover {background-image:url('http://s3.amazonaws.com/mediacoop.ca.themes/mediacoop/images/publish_hover.png');}
.teaserimg {width:250px; max-height:250px; margin-bottom:8px;}

/* social media */

.socialmedia {width:170px; height:60px; background-image:url('http://s3.amazonaws.com/mediacoop.ca.themes/mediacoop/images/socialnet.png');}
.socialmedia a { display:block; width:52px; height:50px; float:left; margin:3px 0px 0 4px; border:0px solid #000;}

.sharethis {margin:10px 0 10px; height:20px;}
#content .sharethis a {color:#555; text-transform:uppercase;}
.share_item {float:right; margin-right:8px; height:25px;}
.imagebox .share_item img {border:none;}

#block-block-14 {
	font-weight:bold;
	padding:4px;
	font-size:12px;
	text-align:center; 
	}

/* two column blog pag*/

.pane-user-blogs-panel-pane-1 .views-field-title {font-size:18px;}
.pane-user-blogs-panel-pane-1 .views-field-name {margin-top:6px; font-size:11px;}
.pane-user-blogs-panel-pane-1 .views-field-body {font-size:11px; border-bottom:1px solid #777; padding-bottom:3px; margin-bottom:7px;}


/* join matrix */

	table.matrix {width:570px; font-size:10px; color:#fff; font-family:verdana; border:none; border-spacing:0px;}
	table.matrix td {background-color:#fff; text-align:center; padding:9px; margin:0; border-width:0 2px 2px 0; border-style:solid; border-color:#00b400; width:90px;}
	table.matrix td.service {background-color:#00b400; border-color:#fff;}
	table.matrix td.header {background-color:#ffa800; font-size:12px; border-color:#fff; border-right:none;}
	table.matrix td.empty {background-color:transparent; border:none;}
	table.matrix td.last {border-right:none;}
	table.matrix tr.toprow td.service {font-size:11px;}
	table.matrix tbody {border:none;}

.support {padding:3px 8px; background-color:#eee; color:#333; margin:4px 0 8px; border-left:15px solid #ffa800; font-size:11px; text-align:left;}

.fileattachment {border:0px solid #000; padding:7px 5px 5px; margin-top:-5px;}

#block-block-20 img {margin-top:10px; margin-left:15px; border:1px solid #444;}


/* other locals */

.view-StoriesfromOutsidetheLocal .views-field-created {color:#ccc; font-size:11px; margin-top:1em;}

#front .pane-quicktabs-1 .pane-content {border:none; -moz-border-radius: 0px; padding:0;}

/* quicktab changes */

#quicktabs_container_1 .view-Events .view-content {font-size:10px;}
.quicktabs_tabpage .view {margin-top:0em;}

.tribune-message {font-size:11px; line-height:1.75em;}
#block-tribune-0 {border:1px solid #ccc; padding:6px;}

.vancouveronly {display:none;}

/* french */

.lang-fr #block-menu-menu-publish {width:82px; margin-right:2px;}

#col1 #block-locale-0 h2 {display:none;}
#col1 #block-locale-0 ul li.active a {border-bottom:2px solid #000; font-style:normal;}
#col1 #block-locale-0 a:hover {border-bottom:2px solid #000;}
#col1 #block-locale-0 ul {padding:0;}
#col1 #block-locale-0 li {list-style:none; display:inline; font-size:18px; margin:0 4px 0;}

/* participatory budget */

.decisionmaking td {min-width:105px; vertical-align:top;}
.decisionmaking .views-field-title a {font-weight:bold;}
.decisionmaking .views-field-comment-count {font-weight:bold;}
.decisionmaking .views-field-comment-count .commentlink {font-weight:normal;}     
.decisionmaking .views-field-value-1 {max-width:105px;}
.decisionmaking .average-rating {white-space:normal; display:block;}

/* fundraising progress */

#block-block-24 a {color:#393;}
#block-block-24 div {margin:0;}
#content #block-block-24 a {color:#ff9;}
#block-block-24 .fund_desc {font-weight:normal; margin:0 0 8px 0;}
#block-block-24 .progress {border:0px solid #999; background-color:#ccc; text-align:left; font-weight:normal; height:20px; margin:.8em;} 
.progress_bar {background-color:#393; color:#fff; float:left; padding:1px; height:18px;}
#block-block-24 .goal {float:right; width:100px; text-align:right; margin-top:2px; margin-right:6px;}
#block-block-24 .raised {float:right; margin-right:6px; margin-top:1px;}

#pub2 {width:180px; height:317px; }
#pub2 .ad {width:180px; height:317px;}