/*
Theme Name:  Class Blogging
Theme URI:   http://languages.oberlin.edu/cilc/projects/class-blogs/
Description: A theme that is a core part of the class blogs suite.  It shows all student blogs on the main page in a series of columns, with a variable number of posts from each blog shown.  The columns containing student posts are ordered by the date of the most recent post on each blog.
Author:      Oberlin College's Cooper International Learning Center
Author URI:  http://languages.oberlin.edu/
Version:     0.5
License:     BSD New
License URI: license.txt
Tags:        black, blue, white, gray, threaded-comments, two-columns, translation-ready, custom-header, custom-menu
Text Domain: classblogging
Domain Path: /languages/
*/
/* ===CSS RESET== */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* ===GLOBAL=== */
body {
  background: white url("images/side-shadow.png") repeat-y -2.5em 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
  color: #333333;
  font-size: 100%; }

html > body {
  font-size: 12px; }

h1, h2, h3, h4, h5, h6 {
  color: black; }

a {
  color: #227777;
  text-decoration: none; }

a:visited {
  color: #174f4f; }

a:hover {
  color: #2d9f9f; }

/* ===HEADERS== */
#branding {
  margin-left: 26em;
  padding-top: 1.5em; }

#logo {
  float: left;
  margin: 1.5em 0 0 3em; }

#blog-name,
#blog-subtitle {
  font-family: "Helvetica Neue", Arial, sans-serif; }

#blog-name {
  font-size: 1.75em;
  line-height: 1.714em; }
  #blog-name a {
    color: #333333; }

#blog-subtitle {
  color: #777777;
  font-size: 0.833em;
  line-height: 1.8em;
  text-transform: uppercase; }

/* ===NAVIGATION=== */
.page-navigation {
  font-size: 1.25em;
  line-height: 1.8em;
  margin: 1.8em 0 1.8em 20.8em; }
  .page-navigation .page_item,
  .page-navigation .menu-item {
    float: left;
    margin-right: 2.4em;
    position: relative; }
    .page-navigation .page_item a:visited,
    .page-navigation .menu-item a:visited {
      color: #227777; }
    .page-navigation .page_item a:hover,
    .page-navigation .menu-item a:hover {
      color: #2d9f9f; }
    .page-navigation .page_item .children,
    .page-navigation .menu-item .children {
      background: #eeeeee;
      border-top: 1px solid #aaaaaa;
      display: none;
      left: -0.6em;
      position: absolute;
      z-index: 9000; }
      .page-navigation .page_item .children .page_item,
      .page-navigation .page_item .children .menu-item,
      .page-navigation .menu-item .children .page_item,
      .page-navigation .menu-item .children .menu-item {
        display: block;
        font-weight: normal;
        margin: 0.3em 0;
        padding-left: 0.6em;
        min-width: 7.2em; }
    .page-navigation .page_item .children .children,
    .page-navigation .menu-item .children .children {
      border-top: none;
      left: 0; }
      .page-navigation .page_item .children .children a,
      .page-navigation .menu-item .children .children a {
        padding-left: 0.6em; }
    .page-navigation .page_item:hover .children,
    .page-navigation .menu-item:hover .children {
      display: block; }
  .page-navigation .current_page_item a,
  .page-navigation .current_page_item a:visited {
    color: #333333;
    font-weight: bold; }

/* ===BODY CONTENT=== */
#body {
  clear: both;
  padding-top: 2.25em;
  position: relative; }

#content {
  margin: 0 3em 0 26em; }
  #content #page-title {
    font-size: 2em;
    line-height: 1.5em;
    margin-bottom: 0.75em; }
    #content #page-title .filter {
      font-weight: bold; }

/* ===SIDEBAR=== */
#sidebar {
  left: 0;
  line-height: 1.5em;
  margin-top: 2.25em;
  position: absolute;
  text-align: right;
  top: 0;
  width: 20em; }
  #sidebar .widgets {
    margin-left: 3em; }
  #sidebar .widget-container {
    margin-bottom: 3em; }
    #sidebar .widget-container .widget-title {
      background: #779999;
      color: #fff;
      font-family: "Helvetica Neue", Arial, sans-serif;
      line-height: 3em;
      margin: 0 -0.75em 0.75em 0;
      padding-right: 0.75em;
      box-shadow: 0 1px 0 0 #dddddd;
      -moz-box-shadow: 0 1px 0 0 #dddddd;
      -webkit-box-shadow: 0 1px 0 0 #dddddd;
      text-transform: uppercase; }
    #sidebar .widget-container ul {
      line-height: 1.5em; }
      #sidebar .widget-container ul li {
        margin: 0.75em 0; }
    #sidebar .widget-container a {
      color: #995555; }
    #sidebar .widget-container a:hover {
      color: #990000; }
    #sidebar .widget-container a:visited {
      color: #773333; }
  #sidebar .tagcloud a {
    margin-left: 0.365em; }

/* ===MAIN PAGE=== */
#content.main-posts .post {
  margin-bottom: 3em; }

#content.student-posts {
  margin-left: 23em; }
  #content.student-posts #no-content {
    color: #990000;
    font-weight: bold;
    margin: 0.75em 0 3em 3em; }

.user-posts {
  float: left;
  margin: 0 0 3em 3em;
  position: relative;
  min-width: 18em;
  max-width: 25em;
  width: 25%; }
  .user-posts .user-info {
    background: #333333;
    height: 54px;
    padding-left: 0.75em; }
  .user-posts .user-name {
    color: white;
    line-height: 1.5em;
    padding-top: 0.75em;
    height: 1.5em;
    overflow: hidden;
    text-transform: uppercase; }
    .user-posts .user-name a {
      color: white; }
  .user-posts .avatar {
    border-left: 6px solid white;
    display: block;
    float: right; }
  .user-posts .user-meta {
    background: #333333;
    color: #bbbbbb;
    height: 1.5em;
    line-height: 1.5em;
    margin-left: -0.75em;
    padding-left: 0.75em; }
    .user-posts .user-meta .meta {
      float: left; }
    .user-posts .user-meta .post-count {
      margin-right: 1.5em; }
  .user-posts .posts {
    clear: both;
    height: 35em;
    line-height: 1.5em;
    overflow: hidden; }
    .user-posts .posts .post {
      border-top: 1px solid #f7f7f7;
      border-bottom: 1px solid #e5e5e5;
      padding: 1.5em 0 0.75em;
      position: relative; }
      .user-posts .posts .post.first {
        border-top: none; }
      .user-posts .posts .post.last {
        border-bottom: none; }
      .user-posts .posts .post .title {
        border: 1px solid white;
        border-left: none;
        border-right: none;
        line-height: 1.2em;
        font-size: 1.25em;
        margin-right: 3.75em; }
      .user-posts .posts .post .meta {
        background: #eeeeee;
        border: 1px solid #e5e5e5;
        color: #995555;
        font-size: 0.833em;
        font-weight: bold;
        line-height: 1.8em;
        margin-top: -1.8em;
        position: absolute;
        right: 0;
        text-align: center;
        top: 3.6em;
        width: 52px; }
      .user-posts .posts .post .entry {
        color: black;
        line-height: 1.5em;
        margin: 1.5em 0 0.75em; }
        .user-posts .posts .post .entry .read-more {
          font-weight: bold;
          margin-left: 0.375em; }
  .user-posts .end-posts {
    background: url("images/post-list-fadeout.png") repeat-x bottom left;
    bottom: 0;
    height: 72px;
    position: absolute;
    width: 100%; }
  .user-posts.has-link .end-posts {
    bottom: 1.5em; }
  .user-posts .view-all-link {
    border-top: 1px solid #e5e5e5;
    background: white;
    bottom: 0;
    display: block;
    font-weight: bold;
    padding-top: 0.75em;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1000; }

/* ===POST LISTS=== */
.archive .navigation a,
.home .navigation a,
.search .navigation a {
  background: #779999;
  border: 3px double white;
  color: white;
  display: inline-block;
  margin: 1.5em 0;
  padding: 0.365em 0.75em; }
.archive .navigation .previous,
.home .navigation .previous,
.search .navigation .previous {
  float: left; }
.archive .navigation .next,
.home .navigation .next,
.search .navigation .next {
  float: right; }
.archive .navigation.above,
.home .navigation.above,
.search .navigation.above {
  display: none; }
.archive.paged .navigation.above,
.home.paged .navigation.above,
.search.paged .navigation.above {
  display: block; }
.archive .hentry,
.home .hentry,
.search .hentry {
  clear: both;
  margin-bottom: 3em; }
  .archive .hentry .post-info .title,
  .home .hentry .post-info .title,
  .search .hentry .post-info .title {
    font-size: 1.5em;
    line-height: 2em;
    margin-left: -2.4em;
    margin-right: -2em;
    padding-left: 2.4em;
    padding-right: 2em; }
  .archive .hentry .post-info .meta,
  .archive .hentry .post-info .post-edit-link,
  .home .hentry .post-info .meta,
  .home .hentry .post-info .post-edit-link,
  .search .hentry .post-info .meta,
  .search .hentry .post-info .post-edit-link {
    line-height: 3em; }
  .archive .hentry .interaction,
  .home .hentry .interaction,
  .search .hentry .interaction {
    font-weight: bold;
    margin-bottom: 0.75em;
    text-align: right; }

/* ===404 PAGE=== */
.error404 #page-title {
  color: #995555; }

.content.no-posts p {
  line-height: 1.5em;
  margin-bottom: 1.5em; }

/* ===SEARCH=== */
#searchform {
  margin-top: 0.75em; }
  #searchform label {
    font-weight: bold;
    margin-right: 0.75em; }
  #searchform input#s {
    margin-right: 0.75em; }

/* ===POST CONTENT=== */
.hentry .post-info {
  background: #f5f5f5;
  border: 1px solid #aaaaaa;
  border-left: none;
  border-right: none;
  margin: -0.75em -3em 0 -3.6em;
  padding: 0 3em 0 3.6em; }
  .hentry .post-info .title {
    font-size: 2em;
    font-weight: bold;
    line-height: 2.25em; }
  .hentry .post-info .meta,
  .hentry .post-info .post-edit-link {
    float: right;
    line-height: 4.5em; }
  .hentry .post-info .meta .key,
  .hentry .post-info .meta .value {
    display: inline; }
  .hentry .post-info .meta .key {
    color: black;
    font-weight: bold;
    margin-left: 2.25em;
    margin-right: 0.75em; }
  .hentry .post-info .post-edit-link {
    font-weight: bold;
    margin-left: 2.5em; }
.hentry .content {
  font-size: 1.25em;
  line-height: 1.5em;
  margin: 1.2em 0; }
  .hentry .content p, .hentry .content ol, .hentry .content ul, .hentry .content dl dd, .hentry .content blockquote {
    font-family: Palatino, "Palatino Linotype", "Georgia", serif; }
  .hentry .content p {
    margin: 1.2em 0; }
  .hentry .content blockquote {
    font-style: italic;
    margin: 1.2em 1.8em; }
  .hentry .content em {
    font-style: italic; }
  .hentry .content strong {
    font-weight: bold; }
  .hentry .content abbr,
  .hentry .content acronym {
    border-bottom: 1px dashed #aaaaaa; }
  .hentry .content big {
    font-weight: bold; }
  .hentry .content code,
  .hentry .content kbd,
  .hentry .content pre,
  .hentry .content tt,
  .hentry .content var {
    color: #990000;
    font-family: monospace; }
  .hentry .content pre {
    background: #eeeeee;
    padding: 1.2em; }
  .hentry .content ins {
    background: yellow; }
  .hentry .content q:before {
    content: '\201C'; }
  .hentry .content q:after {
    content: '\201D'; }
  .hentry .content sub,
  .hentry .content sup {
    font-size: 0.8em;
    line-height: 1.8em; }
  .hentry .content sub {
    vertical-align: sub; }
  .hentry .content sup {
    vertical-align: super; }
  .hentry .content ol, .hentry .content ul {
    list-style-position: inside; }
  .hentry .content ol ol,
  .hentry .content ul ul {
    margin-left: 2.4em; }
  .hentry .content ol {
    list-style-type: decimal; }
  .hentry .content ul {
    list-style-type: disc; }
  .hentry .content dl dt {
    font-weight: bold; }
  .hentry .content dl dd {
    margin-bottom: 1.2em; }
  .hentry .content h1, .hentry .content h2, .hentry .content h3, .hentry .content h4, .hentry .content h5, .hentry .content h6 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1em;
    margin: 2em 0 1em; }
  .hentry .content h1, .hentry .content h2 {
    font-size: 1.4em;
    line-height: 1.714em;
    margin: 1em 0; }
  .hentry .content table {
    width: 100%; }
    .hentry .content table th {
      border-bottom: 2px solid #333333;
      font-weight: bold;
      text-align: left; }
    .hentry .content table th, .hentry .content table td {
      padding: 0.6em 1.2em 0.6em 0; }
    .hentry .content table td {
      border-bottom: 1px solid #aaaaaa; }
  .hentry .content .wp-caption {
    max-width: 50em; }
    .hentry .content .wp-caption a {
      display: block; }
    .hentry .content .wp-caption .wp-caption-text {
      font-size: 0.8em;
      font-weight: bold;
      margin-top: 0.75em; }
  .hentry .content .alignleft,
  .hentry .content img.alignleft {
    float: left;
    margin-right: 1.2em; }
  .hentry .content .alignright,
  .hentry .content img.alignright {
    float: right;
    margin-left: 1.2em; }
  .hentry .content .aligncenter,
  .hentry .content img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .hentry .content form p {
    color: #aa0000; }
  .hentry .content form label {
    color: #333333;
    display: block;
    float: left;
    font-weight: bold;
    padding-right: 1.2em; }
  .hentry .content .page-links {
    border: 1px solid #e5e5e5;
    border-left: none;
    border-right: none;
    clear: left;
    margin-top: 1.5em;
    padding: 0.75em 0; }
    .hentry .content .page-links strong {
      font-weight: bold;
      margin-right: 0.75em; }
.hentry .taxonomy {
  clear: left;
  line-height: 1.5em;
  margin-bottom: 1.5em; }
  .hentry .taxonomy .type {
    font-weight: bold;
    float: left; }
  .hentry .taxonomy .values {
    margin-left: 7em; }
  .hentry .taxonomy .post-categories li {
    display: inline; }
  .hentry .taxonomy a {
    margin-right: 1.5em; }

.sticky,
.gallery-caption,
.bypostauthor {
  display: block; }

/* ===COMMENTS=== */
#comments {
  border-top: 1px solid #e5e5e5;
  clear: left;
  margin-bottom: 1.5em;
  padding-top: 1.5em; }
  #comments .protected-warning {
    color: #aa0000; }
  #comments .comments-header {
    border: 1px solid #aaaaaa;
    border-left: none;
    border-right: none;
    color: #779999;
    font-size: 1.5em;
    line-height: 2em;
    margin: 2em 0 1em -0.75em;
    padding-left: 0.75em;
    box-shadow: 0 1px 0 0 #dddddd;
    -moz-box-shadow: 0 1px 0 0 #dddddd;
    -webkit-box-shadow: 0 1px 0 0 #dddddd; }
  #comments .comment-navigation {
    margin: 1.5em 0;
    text-align: right; }
    #comments .comment-navigation .next,
    #comments .comment-navigation .prev {
      font-weight: bold; }
    #comments .comment-navigation .page-numbers {
      margin: 0 0.365em; }
  #comments .comment-list .comment, #comments .comment-list .pingback {
    max-width: 65em;
    padding: 0.75em 0; }
    #comments .comment-list .comment .comment-author .avatar, #comments .comment-list .pingback .comment-author .avatar {
      float: left;
      margin-right: 1.5em; }
    #comments .comment-list .comment .comment-author .fn, #comments .comment-list .pingback .comment-author .fn {
      display: inline-block;
      font-size: 1.25em;
      font-weight: bold;
      line-height: 1.2em; }
    #comments .comment-list .comment .comment-meta, #comments .comment-list .pingback .comment-meta {
      line-height: 1.5em;
      margin-bottom: 1.5em; }
    #comments .comment-list .comment p, #comments .comment-list .pingback p {
      line-height: 1.5em;
      margin: 0 0 1.5em 6em; }
    #comments .comment-list .comment .reply, #comments .comment-list .pingback .reply {
      font-weight: bold;
      margin: 0.75em 6em; }
    #comments .comment-list .comment .children, #comments .comment-list .pingback .children {
      margin-left: 6em; }
      #comments .comment-list .comment .children .comment, #comments .comment-list .pingback .children .comment {
        border-top: 1px solid #e5e5e5; }
  #comments .comment-list .pingback p, #comments .comment-list .pingback .reply {
    margin-left: 0; }
  #comments #respond p {
    line-height: 1.5em; }
  #comments #respond #reply-title {
    font-weight: bold; }
  #comments #respond .logged-in-as,
  #comments #respond .comment-notes {
    margin: 0.75em 0 1.5em; }
  #comments #respond label {
    font-weight: bold; }
  #comments #respond input,
  #comments #respond textarea {
    font-family: "Helvetica Neue", Arial, sans-serif;
    display: block;
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em; }
  #comments #respond .form-allowed-tags {
    display: none; }
  #comments .comment #respond {
    border-top: 1px solid #aaaaaa;
    margin-left: 6em;
    padding-top: 0.75em; }
    #comments .comment #respond p {
      margin-left: 0; }

#page-push {
  clear: both;
  height: 1.5em; }

/* ===FOOTER=== */
#footer {
  border-top: 1px solid #aaaaaa;
  clear: both;
  margin: 1.5em 3em 0 26em; }
  #footer strong {
    font-weight: bold; }
  #footer #colophon {
    line-height: 1.5em;
    padding: 1.5em 0; }
    #footer #colophon .info {
      display: inline;
      margin-right: 3em; }

/* ===CLASS BLOGS=== */
/* ===SITEWIDE COMMENTS=== */
.cb-sitewide-comment .format {
  color: black; }
.cb-sitewide-comment .cb-sitewide-comment-author {
  font-weight: bold; }
.cb-sitewide-comment .cb-sitewide-comment-excerpt {
  border-top: 1px solid #e5e5e5;
  margin: 0.1875em 0 1.5em;
  padding-top: 0.1875em; }

/* ===SITEWIDE POSTS=== */
.cb-sitewide-post .format {
  color: black; }
.cb-sitewide-post .cb-sitewide-post-title {
  font-weight: bold; }
.cb-sitewide-post .cb-sitewide-post-excerpt {
  border-top: 1px solid #e5e5e5;
  margin: 0.1875em 0 1.5em;
  padding-top: 0.1875em; }

/* ==YOUTUBE CLASS PLAYLIST=== */
#sidebar .cb-youtube-class-playlist .cb-youtube-video-image-link {
  margin-top: 1.5em; }
  #sidebar .cb-youtube-class-playlist .cb-youtube-video-image-link .cb-youtube-video-thumbnail {
    width: 90% !important; }
#sidebar .cb-youtube-class-playlist .cb-youtube-local-playlist-link,
#sidebar .cb-youtube-class-playlist .cb-youtube-remote-playlist-link {
  font-weight: bold; }
#sidebar .cb-youtube-class-playlist .cb-youtube-local-playlist-link {
  border-top: 1px solid #e5e5e5;
  margin-bottom: 0;
  padding-top: 0.75em; }
#sidebar .cb-youtube-class-playlist .cb-youtube-remote-playlist-link {
  margin-top: 0; }

.hentry .content .cb-youtube-local-playlist-page-video {
  margin-top: 1.5em; }
  .hentry .content .cb-youtube-local-playlist-page-video .cb-youtube-local-playlist-page-title {
    margin-bottom: 0; }
    .hentry .content .cb-youtube-local-playlist-page-video .cb-youtube-local-playlist-page-title a {
      color: #333333; }
  .hentry .content .cb-youtube-local-playlist-page-video .cb-youtube-local-playlist-page-meta {
    margin-top: 0.75em;
    margin-bottom: 0; }
    .hentry .content .cb-youtube-local-playlist-page-video .cb-youtube-local-playlist-page-meta .cb-youtube-local-playlist-page-date {
      font-weight: bold; }
  .hentry .content .cb-youtube-local-playlist-page-video .cb-youtube-local-playlist-page-usage {
    border-top: 1px solid #e5e5e5;
    margin-top: 0.375em;
    padding-top: 0.375em; }