/* $Id$ */

/* Basic Typography & Colors
-------------------------------------------------------------- */
/* Add general site styling here for typography and background */
body {
  font-size: 75%;   /* also set in fusion_starter.info: settings[base-font-size] = font-size-12 */
  background-color: #333333;
  color: #CCCCCC;
}

/* Default link styles - separate a:visited for a different visited link style */
a,
a:link,
a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

/* Hover/active link styles. Don't forget :focus for accessibility */
a:hover,
a:focus,
li a.active,
a:active {
  color: #333333;
  background-color: #FFFF33;
  text-decoration: none;
}


/* Specific Typography
-------------------------------------------------------------- */
#site-name {
  font-size: 300%;
  line-height: 150%;
}

.footer-message {
  font-size: 90%;
}

.fineprint {
  font-size: 90%;
  line-height: normal;
  display: block;
}


/* HTML Elements
-------------------------------------------------------------- */
body {
}

/* Site Info
-------------------------------------------------------------- */
/* Wrapper around logo, site name, and slogan */
.header-site-info span {
  display: block;
}

/* Add float here to put logo and site name side by side, also add margins as
  needed */
#logo {
}

/* Link and hover styles for site name */
#site-name a:link,
#site-name a:visited,
#site-name a:hover,
#site-name a:active {
}

/* Typography for site slogan */
#slogan {
}


/* Regions

  Classes (.region-name) should always be used instead of IDs (#region-name) so
  that Skinr styles can override them with a class later
-------------------------------------------------------------- */

/* All Regions
-------------------------------------------------------------- */
/* By default this wrapper is set to 100% width and centered -- override here to
  narrow wrapper or align left or right */
.page {
}

/* The 0 values here remove padding and spacing at the bottom of the page.
  Remove to add a gap at the very bottom of the page */
.page-inner {
  border: 0;
  margin-bottom: 0;
  padding: 0;
}


/* Header Regions
-------------------------------------------------------------- */
/* Header Top region to the bottom of Header region */
/* For full-width header background, add background image/color here */
.header-group-wrapper {
  padding-top: 1em;
}

.header-group {
}

/* Header Top region which sits above the header */
/* Works well with inline login or inline menu block style */
.header-top-wrapper {
}

.header-top {
}


/* Primary Menu   TODO: add default colours
/-------------------------------------------------------------- */
/* Add general styles for primary menu here, such as typography, borders, floats,
  or spacing above/below */
.primary-menu {
}

/* styles for Superfish primary menu */
.primary-menu-inner ul.sf-menu {
}

/* Link style for top level menu items, add padding here */
.primary-menu-inner ul.sf-menu a,
.primary-menu-inner ul.sf-menu a:visited  {
}

.primary-menu-inner ul.sf-menu a:hover,
.primary-menu-inner ul.sf-menu a:active,
.primary-menu-inner ul.sf-menu a:focus {
}

/* These are the top level menu items, add border-right here for separators */
.primary-menu-inner ul.sf-menu li {
}

/* Add border-right: 0; here to remove separator on last menu item */
.primary-menu-inner ul.sf-menu li.last {
}

/* Style for container of dropdown, add background or border */
.primary-menu-inner ul.sf-menu ul {
}

/* Style for individual dropdown menu items, add border-bottom for separators */
.primary-menu-inner ul.sf-menu li li {
  background-color: #fff;
}

.primary-menu-inner ul.sf-menu li li.last {

}

.primary-menu-inner ul.sf-menu li li li {
}

/* Style for hover of dropdown menu items (add background-color here) */
.primary-menu-inner ul.sf-menu li ul li:hover,
.primary-menu-inner ul.sf-menu li ul li.sfHover {
}


/* Secondary menu
-------------------------------------------------------------- */
/* This menu usually appears in the header as a set of simple text links */
.secondary-menu {
}

/* Set general style for menu here -- background, alignment, etc. */
.secondary-menu-inner ul.links {
}

/* Add a border-right here for a separator */
.secondary-menu-inner ul.links li {
}

/* Add border-right: 0; here to remove right separator on last menu item */
.secondary-menu-inner ul.links li.last {
}

/* Styles for links */
.secondary-menu-inner ul.links li a:link,
.secondary-menu-inner ul.links li a:visited {
  padding: 3px;
}

.secondary-menu-inner ul.links li a:hover,
.secondary-menu-inner ul.links li a:focus,
.secondary-menu-inner ul.links li a.active {
}


/* Header - Search
-------------------------------------------------------------- */
.search-box {
}

.search-box-inner {
}

.search-box-inner form#search-theme-form {
}

.search-box-inner input#edit-search-theme-form-header {
}


/*  Preface Regions
-------------------------------------------------------------- */
/* The Preface Top region sits between the header and the Main Area
 (columns, sidebars, and main content).  The Preface Bottom region
 is inside the Main Area. */
.preface-top-wrapper {
}

.preface-top {
}

.preface-top-inner {
}

.preface-bottom {
}

.preface-bottom-inner {
}


/*  Main Area (content + sidebars + preface bottom + postscript top)
-------------------------------------------------------------- */
.main-wrapper {
}


/* Sidebar Regions
-------------------------------------------------------------- */
/* Sidebar widths can be controlled through theme settings */
.sidebar-first {
}

.sidebar-last {
}


/* Content Regions
-------------------------------------------------------------- */
.content-top {
}

.content {
}

.content-inner {
}

.content-bottom {
}

/* This region only appears on full node pages. It's useful for ads or other
  content between the body of the node and its comments */
.node-bottom {
}

/*  Postscript & Footer Regions
-------------------------------------------------------------- */
.postscript-top {
}

.postscript-top-inner {
}

.postscript-bottom-wrapper {
}

.postscript-bottom {
}

.postscript-bottom-inner {
}

.footer-wrapper {
}

.footer {
}

.footer-inner {
}

.footer-message-wrapper {
}

.footer-message {
}

.footer-message-inner {
}

.footer-message-text {
}


/* Page titles
/-------------------------------------------------------------- */
/* Page and full node titles */
h1.title {
}


/* Default node styles
/-------------------------------------------------------------- */
/* Change unpublished and preview colors for dark background themes */
.node-unpublished {
  background-color: #660000;
}
.preview .node {
  background-color: #993333;
}

/* Typography for node titles */
h2.title {
}

.field-field-title {
  font-size: 180%;
  font-weight: bold;
  line-height: 1.2em;
}

.field-field-subtitle {
  font-size: 150%;
  font-weight: bold;
  line-height: 1.2em;
}

/* Colors and styles for linked node titles, ie. teaser listing at /node */
h2.title a:link,
h2.title a:visited {
}

h2.title a:hover,
h2.title a:focus,
h2.title a:active {
}

/* Separators and padding for node teasers */
.teaser {
}

/* Author/date info */
.meta {
}

.submitted {
}

/* Links for nodes (taxonomy, commenting, read more, etc) */
.node ul.links li {
}
.node ul.links a {
}

/* Only more/read more links */
div.node .read-more a,
div.node .more-link a {
}


/* Drupal Messages
/-------------------------------------------------------------- */
/* General style for all errors/messages (border, padding, etc.) */
div.content-messages div.messages,
div.content-help div.help {
}

/* Status messages: green */
div.content-messages-inner div.status {
}

/* Warning messages: yellow */
div.content-messages-inner div.warning {
}

/* Error messages: red */
div.content-messages-inner div.error {
}

/* Help messages: blue */
div.content-help-inner div.help {
}

/* Error that appears when a required form field is not filled out */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #aa1144;
}

/* "New" text and required form field asterisk (default = red) */
.marker,
.form-required {
  color: #aa1144;
}


/* Default block title styles
/-------------------------------------------------------------- */
h2.block-title a,
h2.block-title {
  color: #FFFF33;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: normal;
}

h2.block-title a:hover,
h2.block-title a:focus,
h2.block-title a.active,
h2.block-title a:active {
  color: #333333;
  background-color: #FFFF33;
  text-decoration: none;
}


/* Breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {
}

.breadcrumbs a:link,
.breadcrumbs a:visited {
}


/* Tab Menus   TODO: tab styles?
/-------------------------------------------------------------- */
#content-tabs {
  background-color: transparent;
  float: left; /* LTR */
  margin: 0;
  padding: 0 0 10px 0;
}

#content-tabs ul.primary,
#content-tabs ul.secondary {
  border-bottom: 1px solid #000;
  clear: both;
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}

#content-tabs ul.secondary {
  border-bottom: 1px solid #555;
  margin-top: 10px;
  text-transform: lowercase;
}

#content-tabs ul.primary li,
#content-tabs ul.secondary li {
  border-style: none;
  display: inline;
  float: left; /* LTR */
  list-style: none;
  margin: 0 10px;
  padding: 0;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited,
#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  background-color: transparent;
  border: none;
  color: #AAAAAA;
  float: left; /* LTR */
  font-weight: bold;
  margin: 0;
  padding: 0 0 6px 0;
  text-decoration: none;
  white-space: nowrap;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  color: #AAAAAA;
}

#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited {
  border-bottom: 4px solid #dd1;
  color: #FFFFFF;
  padding-bottom: 2px;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  border-bottom: 4px solid #555;
  color: #DDDDDD;
  padding-bottom: 2px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus,
#content-tabs ul.secondary li a:hover,
#content-tabs ul.secondary li a:focus {
  border-bottom: 4px solid #777;
  color: #FFFFFF;
  padding-bottom: 2px;
}

/* Pagers
-------------------------------------------------------------- */
ul.pager {
}

ul.pager li {
}

ul.pager li a {
  color: #CCC;
  background-color: #333;
  border: 1px solid #FFF;
}

ul.pager li.pager-current,
ul.pager a:hover,
ul.pager a:active,
ul.pager a:focus {
  color: #333;
  background-color: #FFFF33;
  border: 1px solid #CCC;
}


/* More links (e.g. on views)
/-------------------------------------------------------------- */

.more-link {
  text-align: left;
  float: left;
}

.more-link a,
.more-link a:link,
.more-link a:visited {
  color: #FFFF33;
}

.more-link a:hover,
.more-link a:focus,
.more-link a.active {
  color: #333333;
}

a.feed-icon {
  float: left;
  width: 25px;
}

.feed-icon a:focus,
.feed-icon a:hover,
a.feed-icon:focus,
a.feed-icon:hover {
  background-color: #333333;
}


/* Forms
/-------------------------------------------------------------- */
/* Typography and backgrounds for all form buttons */
form input.form-submit,
.views-exposed-form .views-exposed-widget .form-submit {
  color: #333333;
  background-color: #FFFF33;
  font-size: 1em;
  border: none;
  padding: 2px 12px 2px 12px;
  margin: 2px;
}

/* Hover style for form buttons */
form input.form-submit:hover,
form input.form-submit.hover,
form input.form-submit:focus {
  background-color: #CCCC00;
}

#wearemany-subscribe-form #edit-unsubscribe {
  margin-left: 2em;
}

.view-wearemany-advanced-search #edit-topic,
.view-wearemany-media-by-event #edit-topic,
.view-wearemany-media-by-tag #edit-topic,
.view-wearemany-recent-post #edit-topic {
  width: 160px;
}

.view-wearemany-advanced-search #edit-sort-by,
.view-wearemany-advanced-search #edit-sort-order,
.view-wearemany-media-by-event #edit-sort-order {
  width: 120px;
}

.view-wearemany-advanced-search #edit-keys,
.view-wearemany-find-media #edit-keys,
.view-wearemany-media-by-event #edit-keys,
.view-wearemany-media-by-tag #edit-keys,
.view-wearemany-media-by-topic #edit-keys,
.view-wearemany-recent-post #edit-keys {
  width: 240px;
}

#edit-submit-wearemany-advanced-search,
#edit-submit-wearemany-media-by-event,
#edit-submit-wearemany-media-by-tag,
#edit-submit-wearemany-media-by-topic,
#edit-submit-wearemany-recent-post,
.view-wearemany-media-by-topic .advanced-search,
.view .reset-search {
  margin-top: 1.7em;
}

.form-checkboxes input {
  margin-top: 0;
  color: #FFF;
  border: solid 1px #CCC;
}

.view-filters .form-checkboxes {
  margin: 0;
}

.views-exposed-form label {
  font-weight: normal;
}

/* Typography, background, borders, padding for form fields */
.form-item input,
.form-item select,
.form-item textarea {
}

/* Remove backgrounds and border on radios and checkboxes */
.form-item .form-radio,
.form-item .form-checkbox {
  background: none;
  border: none !important;
}

/* Fieldset wrapper around groups of form elements -- add border here */
fieldset {
}

/* Typography and spacing for legend of fieldsets */
fieldset legend {
}

/* Link style for legend of fieldsets */
fieldset legend,
legend.collapse-processed,
legend.collapse-processed a:link,
legend.collapse-processed a:visited {
}

/* Custom icons on (open) collapsible fieldsets */
html.js fieldset.collapsible legend a:link,
html.js fieldset.collapsible legend a:visited {
}

/* Custom icons on (closed) collapsible fieldsets */
html.js fieldset.collapsed legend a:link,
html.js fieldset.collapsed legend a:visited {
}


/* Tables
-------------------------------------------------------------- */
table {
}

/* Body of tables */
tbody {
  border-top: 1px solid #ccc;
}

/* Header of tables */
thead th,
th {
  border-bottom: 3px solid #ccc;
}

tbody th {
  border-bottom: 1px solid #ccc;
}

/* Alternating row background styles */
tr.even,
tr.even td {
  background-color: #333;
  border-bottom: 1px solid #ccc;
}

tr.odd,
tr.odd td {
  background-color: #444;
  border-bottom: 1px solid #ccc;
}

td.active {
}

tr.drag td,
tr.drag-previous td {
  color: #000;
}

/* Advanced search form table
/-------------------------------------------------------------- */

table.no-border {
  margin-bottom: 1em;
}

/* Body of tables */
table.no-border tbody {
  border-top: none;
}

/* Header of tables */
table.no-border thead th,
table.no-border th {
  border-bottom: none;
}

table.no-border tbody th {
  border-bottom: none;
}

/* Alternating row background styles */
table.no-border tr.even,
table.no-border tr.even td {
  background-color: #333;
  border-bottom: none;
}

table.no-border tr.odd,
table.no-border tr.odd td {
  background-color: #333;
  border-bottom: none
}


/* Maintenance Page
/-------------------------------------------------------------- */
/* Maintenance page tpl file in Fusion Core has simplified layout, but you can
  also add specific styles, such as a background, just for your offline page */
.in-maintenance  {
}


/*--------------------------------------------------------------*/
/* Module styles
/-------------------------------------------------------------- */


/* Book
/-------------------------------------------------------------- */
.book-navigation .menu {
  border-top: 1px solid #ccc;
}

.book-navigation .page-links {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}


/* Comments
/-------------------------------------------------------------- */
/* Style for each individual comment */
div.comment {
}

/* Subject (title) of each comment */
div.comment h3.title {
}

/* Links (edit, reply, delete) for each comment */
div.comment div.links a,
div.comment ul.links a {
}

/* Alternating styles for even/odd comments */
.comments div.odd {
  background-color: #fff;
}

.comments div.even {
  background-color: #eee;
}

/* A special highlight style for a comment by the author of the node */
.comments div.comment-by-author {
  background-color: #ddd;
}

/* Comment signatures */
.signature {
  border-top: 1px solid #d6ddb9;
}

/* User avatars in comments */
.comment-wrapper .picture img {
}


/* Forum
/-------------------------------------------------------------- */
#forum .description {
}

.forum-topic-navigation {
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
}


/* Poll
/-------------------------------------------------------------- */
div.poll div.bar {
  background-color: #ddd;
}

div.poll div.bar div.foreground {
  background-color: #999;
}


/* Profiles
/-------------------------------------------------------------- */
.profile .picture {
  float: none;
}

/* Styles for sub-headings on user profiles */
.profile dt {
  background-color: #ccc;
}

/* Diff + revisions
/-------------------------------------------------------------- */
table tr.odd td.revision-current,
table tr.even td.revision-current {
  background-color: #ffc;
}

table tr.odd td.revision-current a,
table tr.even td.revision-current a {
  color: #333;
}

table.diff tr.odd,
table.diff tr.odd td,
table.diff tr.odd td a,
table.diff tr.even,
table.diff tr.even td,
table.diff tr.even td a {
  color: #333;
  background-color: #fff;
}

table.diff tr.odd td a:hover,
table.diff tr.even td a:hover {
  color: #333;
  background-color: #ff3;
}

table.diff tr.odd td.diff-deletedline,
table.diff tr.even td.diff-deletedline {
  background-color: #ffa;
  width: 50%;
}

table.diff tr.odd td.diff-addedline,
table.diff tr.even td.diff-addedline {
  background-color: #afa;
  width: 50%;
}

table.diff tr.odd td.diff-context,
table.diff tr.even td.diff-context {
  background-color: #fafafa;
}

table.diff tr.odd td.diff-section-title,
table.diff tr.even td.diff-section-title,
div.diff-section-title {
  background-color: #ccf;
  color: #333;
}

div.diff-section-title {
  margin-bottom: 1em;
}

/* Skinr
/-------------------------------------------------------------- */

.wearemany-tight-list ul, 
.wearemany-tight-list ul li {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin-right: 0;
  margin-left: 0;
}

.wearemany-yellow-caps-links a {
  color: #FFFF33;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: normal;
}

.wearemany-yellow-caps-links a:hover {
  color: #333333;
  background-color: #FFFF33;
  text-decoration: none;
}

.wearemany-no-link-hover a,
.wearemany-no-link-hover a:link,
.wearemany-no-link-hover a:visited,
.wearemany-no-link-hover a:hover,
.wearemany-no-link-hover a:focus,
.wearemany-no-link-hover a:active {
  background-color: #333333;
}


/* Download links on audio nodes
/-------------------------------------------------------------- */

.download-link a,
.download-link a:link,
.download-link a:visited {
  padding: 4px 12px 4px 12px;
  background-color: #FFFF33;
  font-weight: bold;
  margin: 5px 5px 5px 0;
  color: #333333;
}

/* Hover/active link styles. Don't forget :focus for accessibility */
.download-link a:hover,
.download-link a:focus,
.download-link a:active {
  background-color: #CCCC00;
}

div.pane-audio-download {
  padding-top: 1em;
}


/* Styles for video nodes when rendered as full nodes.
 * This is used on the front page for the top featured video.
/-------------------------------------------------------------- */

.node-type-video .video-player {
  float: left;
  margin-right: 1em;
  margin-bottom: 2em;
}

.node-type-video .speakers {
  margin-top: 0.5em;
}

/* WeAreMany front page customizations
/-------------------------------------------------------------- */

/* At this point, *all* of the grid views on the site are 4 column... */ 
table.views-view-grid td {
  width: 25%;
  padding-right: 4em;
  padding-bottom: 2.5em;
  vertical-align: top;
}

.view-wearemany-recent-post .views-field-created {
  color: #888;
  font-size: 80%;
}

.views-field-wearemany-vid-speakers a {
  color: #DDDD33;
}

.views-field-wearemany-vid-speakers a:hover,
.views-field-wearemany-vid-speakers a:active {
  color: #333333;
}

.view-wearemany-advanced-search .bef-checkboxes div.form-item,
.view-wearemany-media-by-event .bef-checkboxes div.form-item,
.view-wearemany-media-by-tag .bef-checkboxes div.form-item,
.view-wearemany-media-by-topic .bef-checkboxes div.form-item,
.view-wearemany-recent-post .bef-checkboxes div.form-item,
.view-wearemany-find-media .bef-checkboxes div.form-item {
  float: left;
  padding-right: 0.75em;
}

/*
 * Since we have multiple logo blocks that appear in different regions, we
 * need to add a custom margin to the bottom of the block that appears
 * inside the sidebar region so that the spacing between the logo and the
 * TOPICS header remains constant on all pages.
 */
#block-wearemany-logo_no_search {
  margin-bottom: 24px;
}