/*

Theme Name: Velopalooza

Theme URI: https://bitbucket.org/megdeutscher/velotheme-meg/

Description: Theme for Velopalooza.ca

Author: Meghan & Evan

Version: 1.0

Template: twentyeleven

Tags: bikefuncal, pedalpalooza, velopalooza

*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

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, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

  border: 0;

  font-family: inherit;

  font-size: 100%;

  font-style: inherit;

  font-weight: inherit;

  margin: 0;

  outline: 0;

  padding: 0;

  vertical-align: baseline; }



:focus {

  /* remember to define focus styles! */

  outline: 0; }



body {

  background: url("images/bikechain-background-tile.png") repeat;

  /*background: #fff;*/

  line-height: 1; }



ol, ul {

  list-style: none; }



table {

  /* tables still need 'cellspacing="0"' in the markup */

  border-collapse: separate;

  border-spacing: 0; }



caption, th, td {

  font-weight: normal;

  text-align: left; }



blockquote:before, blockquote:after,

q:before, q:after {

  content: ""; }



blockquote, q {

  quotes: "" ""; }



a img {

  border: 0; }



article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

  display: block; }



/* =Structure

----------------------------------------------- */

body {

  padding: 0 2em; }



#page {

  margin: 2em auto;

  width: 1000px; }



#branding hgroup {

  margin: 0 7.6%; }



#access div {

  margin: 0 7.6%; }



#primary {

  float: left;

  margin: 0 -26.4% 0 0;

  width: 100%; }



#content {

  margin: 0 20px;

  width: 65%; }



#secondary {

  float: right;

  margin-right: 7.6%;

  width: 18.8%; }



/* Singular */

.singular #primary {

  margin: 0; }



.singular #content,

.left-sidebar.singular #content {

  margin: 0 7.6%;

  position: relative;

  width: auto; }



.singular .entry-header,

.singular .entry-content,

.singular footer.entry-meta,

.singular #comments-title {

  margin: 0 auto;

  width: 68.9%; }



/* Attachments */

.singular .image-attachment .entry-content {

  margin: 0 auto;

  width: auto; }



.singular .image-attachment .entry-description {

  margin: 0 auto;

  width: 68.9%; }



/* Showcase */

.page-template-showcase-php #primary,

.left-sidebar.page-template-showcase-php #primary {

  margin: 0; }



.page-template-showcase-php #content,

.left-sidebar.page-template-showcase-php #content {

  margin: 0 7.6%;

  width: auto; }



.page-template-showcase-php section.recent-posts {

  float: right;

  margin: 0 0 0 31%;

  width: 69%; }



.page-template-showcase-php #main .widget-area {

  float: left;

  margin: 0 -22.15% 0 0;

  width: 22.15%; }



/* error404 */

.error404 #primary {

  float: none;

  margin: 0; }



.error404 #primary #content {

  margin: 0 7.6%;

  width: auto; }



/* Alignment */

.alignleft {

  display: inline;

  float: left;

  margin-right: 1.625em; }



.alignright {

  display: inline;

  float: right;

  margin-left: 1.625em; }



.aligncenter {

  clear: both;

  display: block;

  margin-left: auto;

  margin-right: auto; }



/* Right Content */

.left-sidebar #primary {

  float: right;

  margin: 0 0 0 -26.4%;

  width: 100%; }



.left-sidebar #content {

  margin: 0 7.6% 0 34%;

  width: 58.4%; }



.left-sidebar #secondary {

  float: left;

  margin-left: 7.6%;

  margin-right: 0;

  width: 18.8%; }



/* One column */

.one-column #page {

  max-width: 1000px; }



.one-column #content {

  margin: 0 20px;

  width: auto; }



.one-column #nav-below {

  border-bottom: 1px solid #ddd;

  margin-bottom: 1.625em; }



.one-column #secondary {

  float: none;

  margin: 0 7.6%;

  width: auto; }



/* Simplify the showcase template */

.one-column .page-template-showcase-php section.recent-posts {

  float: none;

  margin: 0;

  width: 100%; }



.one-column .page-template-showcase-php #main .widget-area {

  float: none;

  margin: 0;

  width: auto; }



.one-column .page-template-showcase-php .other-recent-posts {

  border-bottom: 1px solid #ddd; }



/* Simplify the showcase template when small feature */

.one-column section.featured-post .attachment-small-feature {

  border: none;

  display: block;

  height: auto;

  max-width: 60%;

  position: static; }



.one-column article.feature-image.small {

  margin: 0 0 1.625em;

  padding: 0; }



.one-column article.feature-image.small .entry-title {

  font-size: 20px;

  line-height: 1.3em; }



.one-column article.feature-image.small .entry-summary {

  height: 150px;

  overflow: hidden;

  padding: 0;

  text-overflow: ellipsis; }



.one-column article.feature-image.small .entry-summary a {

  left: -9%; }



/* Remove the margin on singular articles */

.one-column.singular .entry-header,

.one-column.singular .entry-content,

.one-column.singular footer.entry-meta,

.one-column.singular #comments-title {

  width: 100%; }



/* Simplify the pullquotes and pull styles */

.one-column.singular blockquote.pull {

  margin: 0 0 1.625em; }



.one-column.singular .pull.alignleft {

  margin: 0 1.625em 0 0; }



.one-column.singular .pull.alignright {

  margin: 0 0 0 1.625em; }



.one-column.singular .entry-meta .edit-link a {

  position: absolute;

  left: 0;

  top: 40px; }



/* Mar 21, 2015: Steve Kisby removed the "Edit" link for the "No Sidebar" template 

   as it does not display using the "Default Template" */

.one-column.singular .entry-meta .edit-link a {

    display: none; }



.one-column.singular #author-info {

  margin: 2.2em -8.8% 0;

  padding: 20px 8.8%; }



/* Make sure we have room for our comment avatars */

.one-column .commentlist > li.comment {

  margin-left: 102px;

  width: auto; }



/* Make sure the logo and search form don't collide */

.one-column #branding #searchform {

  right: 40px;

  top: 4em; }



/* Talking avatars take up too much room at this size */

.one-column .commentlist > li.comment {

  margin-left: 0; }



.one-column .commentlist > li.comment .comment-meta,

.one-column .commentlist > li.comment .comment-content {

  margin-right: 85px; }



.one-column .commentlist .avatar {

  background: transparent;

  display: block;

  padding: 0;

  top: 1.625em;

  left: auto;

  right: 1.625em; }



.one-column .commentlist .children .avatar {

  background: none;

  padding: 0;

  position: absolute;

  top: 2.2em;

  left: 2.2em; }



.one-column #respond {

  width: auto; }



/* =Global

----------------------------------------------- */

body, input, textarea {

  color: #373737;

  font: 14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;

  font-weight: 300;

  line-height: 1.625; }



body {

  background: url("images/bikechain-background-tile.gif") repeat;

  /*background: #e2e2e2;*/ }



#page {

  background: #FFF;

  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 0px 5px;

  -moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 0px 5px;

  box-shadow: rgba(0, 0, 0, 0.3) 1px 0px 5px; }



/* Headings */

h1, h2, h3, h4, h5, h6 {

  clear: both; }



hr {

  background-color: #ccc;

  border: 0;

  height: 1px;

  margin-bottom: 1.625em; }



/* Text elements */

p {

  margin-bottom: 1.625em; }



ul, ol {

  margin: 0 0 1.625em 2.5em; }



ul {

  list-style: square; }



ol {

  list-style-type: decimal; }



ol ol {

  list-style: upper-alpha; }



ol ol ol {

  list-style: lower-roman; }



ol ol ol ol {

  list-style: lower-alpha; }



ul ul, ol ol, ul ol, ol ul {

  margin-bottom: 0; }



dl {

  margin: 0 1.625em; }



dt {

  font-weight: bold; }



dd {

  margin-bottom: 1.625em; }



strong {

  font-weight: bold; }



cite, em, i {

  font-style: italic; }



blockquote {

  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

  font-style: italic;

  font-weight: normal;

  margin: 0 3em; }



blockquote em, blockquote i, blockquote cite {

  font-style: normal; }



blockquote cite {

  color: #666;

  font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;

  font-weight: 300;

  letter-spacing: 0.05em;

  text-transform: uppercase; }



pre {

  background: #f4f4f4;

  font: 13px "Courier 10 Pitch", Courier, monospace;

  line-height: 1.5;

  margin-bottom: 1.625em;

  overflow: auto;

  padding: 0.75em 1.625em; }



code, kbd {

  font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }



abbr, acronym, dfn {

  border-bottom: 1px dotted #666;

  cursor: help; }



address {

  display: block;

  margin: 0 0 1.625em; }



ins {

  background: #fff9c0;

  text-decoration: none; }



sup,

sub {

  font-size: 10px;

  height: 0;

  line-height: 1;

  position: relative;

  vertical-align: baseline; }



sup {

  bottom: 1ex; }



sub {

  top: .5ex; }



/* Forms */

input[type=text],

input[type=password],

input[type=url],

input[type=email],

textarea {

  background: #fafafa;

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);

  border: 1px solid #ddd;

  color: #373737; }

  input[type=text]:focus,

  input[type=password]:focus,

  input[type=url]:focus,

  input[type=email]:focus,

  textarea:focus {

    color: #373737; }



textarea {

  padding-left: 3px;

  width: 98%; }



input[type=text], input[type=url], input[type=email] {

  padding: 3px;

  margin-bottom: 10px;

  width: 200px; }



input#s {

  background: url(images/search.png) no-repeat 5px 6px;

  -moz-border-radius: 2px;

  border-radius: 2px;

  font-size: 14px;

  height: 22px;

  line-height: 1.2em;

  padding: 4px 10px 4px 28px; }



input#searchsubmit {

  display: none; }



#newsletter input[type="submit"] {

  margin-bottom: 10px;

  padding: 3px 15px;

  color: #555;

  font-weight: bold;

  border: none;

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);

  background-color: #fff;

  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#cccccc));

  background-image: -moz-linear-gradient(0 100% 90deg, white, #cccccc);

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }



/* Links */

a {

  color: #28776f;

  text-decoration: none; }



a:focus,

a:active,

a:hover {

  text-decoration: underline; }



/* Assistive text */

.assistive-text {

  position: absolute !important;

  clip: rect(1px 1px 1px 1px);

  /* IE6, IE7 */

  clip: rect(1px, 1px, 1px, 1px);

  padding: 0 !important;

  border: 0 !important;

  height: 1px !important;

  width: 1px !important;

  overflow: hidden; }



#access a.assistive-text:active,

#access a.assistive-text:focus {

  background: #eee;

  border-bottom: 1px solid #ddd;

  color: #1982d1;

  clip: auto !important;

  font-size: 12px;

  position: absolute;

  text-decoration: underline;

  top: 0;

  left: 7.6%; }



/* =Header

----------------------------------------------- */

#branding {

  padding-bottom: 10px;

  position: relative;

  z-index: 999; }



#site-title {

  margin-right: 270px;

  padding: 3.65625em 0 0; }



#site-title a {

  color: #111;

  font-size: 30px;

  font-weight: bold;

  line-height: 36px;

  text-decoration: none; }



#site-title a:hover,

#site-title a:focus,

#site-title a:active {

  color: #1982d1; }



#site-description {

  color: #7a7a7a;

  font-size: 14px;

  margin: 0 270px 3.65625em 0; }



#branding img {

  background: #444;

  /*-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px;

  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px;

  box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 4px;*/

  position: relative;

  margin-left: 20px;

  margin-top: -20px;

  z-index: 4;

  height: auto;

  width: 30.6%; }



.raised-dropshadow {

  -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

  -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }



.raised-dropshadow::before, .raised-dropshadow::after {

  content: "";

  position: absolute;

  z-index: -2; }



/* =Menu

-------------------------------------------------------------- */

#access-left {

  background: #555;

  /* Show a solid color for older browsers */

  background: -moz-linear-gradient(#444444, #333333);

  background: -o-linear-gradient(#444444, #333333);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444444), to(#333333));

  /* older webkit syntax */

  background: -webkit-linear-gradient(#444444, #333333);

  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;

  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;

  box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;

  clear: none;

  display: inline;

  float: left;

  margin: 20px 0px 6px -20px;

  z-index: 1;

  width: 4%;

  height: 60px;

  position: absolute;

  content: " "; }



#access {

  background: #555;

  /* Show a solid color for older browsers */

  background: -moz-linear-gradient(#444444, #333333);

  background: -o-linear-gradient(#444444, #333333);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444444), to(#333333));

  /* older webkit syntax */

  background: -webkit-linear-gradient(#444444, #333333);

  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;

  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;

  box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;

  clear: none;

  display: inline;

  margin: 20px -20px 6px 0px;

  padding: 5px 0;

  z-index: 1;

  width: 69.4%;

  height: 50px;

  position: absolute;

  text-align: center; }



#access:after {

  content: " ";

  display: block;

  position: absolute;

  z-index: -1;

  border-style: solid;

  border-width: 10px;

  bottom: -20px;

  right: 0px;

  border-color: #333 transparent  transparent #333; }



#access-left:before {

  content: " ";

  display: block;

  position: absolute;

  z-index: -1;

  border-style: solid;

  border-width: 10px;

  bottom: -20px;

  left: 0px;

  border-color: #333 #333 transparent transparent; }



#access ul {

  font-size: 15px;

  list-style: none;

  padding-left: 0;

  margin: 0; }



#access li {

  float: left;

  position: relative;

  padding: 0 3px; }



#access a {

  color: #eee;

  font-weight: 500;

  display: block;

  line-height: 3.333em;

  padding: 0 1.2125em;

  text-decoration: none; }



#access ul ul {

  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);

  display: none;

  float: left;

  margin: 0;

  position: absolute;

  top: 3.333em;

  left: 0;

  width: 188px;

  z-index: 99999; }



#access ul ul ul {

  left: 100%;

  top: 0; }



#access ul ul a {

  background: #f9f9f9;

  border-bottom: 1px dotted #ddd;

  color: #333;

  font-size: 13px;

  font-weight: normal;

  height: auto;

  line-height: 1.4em;

  padding: 10px 10px;

  width: 168px; }



#access li:hover > a,

#access ul ul :hover > a,

#access a:focus {

  color: #009e8f; }



#access li:hover > a,

#access a:focus {

  /*background: #f9f9f9;

  background: -moz-linear-gradient(#f9f9f9, #e5e5e5);

  background: -o-linear-gradient(#f9f9f9, #e5e5e5);

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5));

  background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);*/

  color: #009e8f; }



#access ul li:hover > ul {

  display: block; }



#access .current-menu-item > a,

#access .current-menu-ancestor > a,

#access .current_page_item > a,

#access .current_page_ancestor > a {

  color: #009e8f; }



/* Slider */

.slider {

  clear: both;

  display: block;

  width: 620px;

  float: right;

  position: absolute; }



/* Search Form */

#branding #searchform {

  position: absolute;

  top: 3.8em;

  right: 7.6%;

  text-align: right; }



#branding #searchform div {

  margin: 0; }



#branding #s {

  float: right;

  -webkit-transition-duration: 400ms;

  -webkit-transition-property: width, background;

  -webkit-transition-timing-function: ease;

  -moz-transition-duration: 400ms;

  -moz-transition-property: width, background;

  -moz-transition-timing-function: ease;

  -o-transition-duration: 400ms;

  -o-transition-property: width, background;

  -o-transition-timing-function: ease;

  width: 72px; }



#branding #s:focus {

  background-color: #f9f9f9;

  width: 196px; }



#branding #searchsubmit {

  display: none; }



#branding .only-search #searchform {

  top: 5px;

  z-index: 1; }



#branding .only-search #s {

  background-color: #666;

  border-color: #000;

  color: #222; }



#branding .only-search #s,

#branding .only-search #s:focus {

  width: 85%; }



#branding .only-search #s:focus {

  background-color: #bbb; }



#branding .with-image #searchform {

  top: auto;

  bottom: -27px;

  max-width: 195px; }



#branding .only-search + #access div {

  padding-right: 205px; }



/* =Content

----------------------------------------------- */

#main {

  clear: both;

  padding: 0; }



.page-title {

  color: #666;

  font-size: 10px;

  font-weight: 500;

  letter-spacing: 0.1em;

  line-height: 2.6em;

  margin: 0 0 2.6em;

  text-transform: uppercase; }



.page-title a {

  font-size: 12px;

  font-weight: bold;

  letter-spacing: 0;

  text-transform: none; }



.hentry,

.no-results {

  border-bottom: 1px solid #ddd;

  margin: 0 0 1.625em;

  padding: 0 0 1.625em;

  position: relative; }



.hentry:last-child,

.no-results {

  border-bottom: none; }



.blog .sticky .entry-header .entry-meta {

  clip: rect(1px 1px 1px 1px);

  /* IE6, IE7 */

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important; }



.entry-title,

.entry-header .entry-meta {

  padding-right: 76px; }



.entry-title {

  clear: both;

  color: #222;

  font-size: 26px;

  font-weight: bold;

  line-height: 1.5em;

  padding-bottom: .3em;

  padding-top: 15px; }



.entry-title,

.entry-title a {

  color: #222;

  text-decoration: none; }



.entry-title a:hover,

.entry-title a:focus,

.entry-title a:active {

  color: #1982d1; }



.entry-meta {

  color: #666;

  clear: both;

  font-size: 12px;

  line-height: 18px; }



.entry-meta a {

  font-weight: bold; }



.single-author .entry-meta .by-author {

  display: none; }



.entry-content,

.entry-summary {

  padding: 1.625em 0 0; }



.entry-content h1,

.entry-content h2,

.comment-content h1,

.comment-content h2 {

  color: #000;

  font-weight: bold;

  margin: 0 0 .6em;

  font-size: 20px; }



.entry-content h3,

.comment-content h3 {

  font-size: 14px;

  font-weight: bold; }



.entry-content table,

.comment-content table {

  border-bottom: 1px solid #ddd;

  margin: 0 0 1.625em;

  width: 100%; }



.entry-content th,

.comment-content th {

  color: #666;

  font-size: 10px;

  font-weight: 500;

  letter-spacing: 0.1em;

  line-height: 2.6em;

  text-transform: uppercase; }



.entry-content td,

.comment-content td {

  border-top: 1px solid #ddd;

  padding: 6px 10px 6px 0; }



.entry-content #s {

  width: 75%; }



.comment-content ul,

.comment-content ol {

  margin-bottom: 1.625em; }



.comment-content ul ul,

.comment-content ol ol,

.comment-content ul ol,

.comment-content ol ul {

  margin-bottom: 0; }



dl.gallery-item {

  margin: 0; }



.page-link {

  clear: both;

  display: block;

  margin: 0 0 1.625em; }



.page-link a {

  background: #eee;

  color: #373737;

  margin: 0;

  padding: 2px 3px;

  text-decoration: none; }



.page-link a:hover {

  background: #888;

  color: #fff;

  font-weight: bold; }



.page-link span {

  margin-right: 6px; }



.entry-meta .edit-link a,

.commentlist .edit-link a {

  background: #eee;

  -moz-border-radius: 3px;

  border-radius: 3px;

  color: #666;

  float: right;

  font-size: 12px;

  line-height: 1.5em;

  font-weight: 300;

  text-decoration: none;

  padding: 0 8px; }



.entry-meta .edit-link a:hover,

.commentlist .edit-link a:hover {

  background: #888;

  color: #fff; }



.entry-content .edit-link {

  clear: both;

  display: block; }



/* Images */

.entry-content img,

.comment-content img,

.widget img {

  max-width: 97.5%;

  /* Fluid images for posts, comments, and widgets */ }



img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"] {

  height: auto;

  /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }



img.size-full,

img.size-large {

  max-width: 97.5%;

  width: auto;

  /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */

  height: auto;

  /* Make sure images with WordPress-added height and width attributes are scaled correctly */ }



.entry-content img.wp-smiley {

  border: none;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0; }



img.alignleft,

img.alignright,

img.aligncenter {

  margin-bottom: 1.625em; }



p img,

.wp-caption {

  margin-top: 0.4em; }



.wp-caption {

  background: #eee;

  margin-bottom: 1.625em;

  max-width: 96%;

  padding: 9px; }



.wp-caption img {

  display: block;

  margin: 0 auto;

  max-width: 98%; }



.wp-caption .wp-caption-text,

.gallery-caption {

  color: #666;

  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

  font-size: 12px; }



.wp-caption .wp-caption-text {

  margin-bottom: 0.6em;

  padding: 10px 0 5px 40px;

  position: relative; }



.wp-caption .wp-caption-text:before {

  color: #666;

  content: '\2014';

  font-size: 14px;

  font-style: normal;

  font-weight: bold;

  margin-right: 5px;

  position: absolute;

  left: 10px;

  top: 7px; }



#content .gallery {

  margin: 0 auto 1.625em; }



#content .gallery a img {

  border: none; }



img#wpstats {

  display: block;

  margin: 0 auto 1.625em; }



#content .gallery-columns-4 .gallery-item {

  width: 23%;

  padding-right: 2%; }



#content .gallery-columns-4 .gallery-item img {

  width: 100%;

  height: auto; }



/* Image borders */

img[class*="align"],

img[class*="wp-image-"],

#content .gallery .gallery-icon img {

  /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */

  border: 1px solid #ddd;

  padding: 6px; }



.wp-caption img {

  border-color: #eee; }



a:focus img[class*="align"],

a:hover img[class*="align"],

a:active img[class*="align"],

a:focus img[class*="wp-image-"],

a:hover img[class*="wp-image-"],

a:active img[class*="wp-image-"],

#content .gallery .gallery-icon a:focus img,

#content .gallery .gallery-icon a:hover img,

#content .gallery .gallery-icon a:active img {

  /* Add some useful style to those fancy borders for linked images ... */

  background: #eee;

  border-color: #bbb; }



.wp-caption a:focus img,

.wp-caption a:active img,

.wp-caption a:hover img {

  /* ... including captioned images! */

  background: #fff;

  border-color: #ddd; }



/* Make sure embeds and iframes fit their containers */

embed,

iframe,

object {

  max-width: 100%; }



/* Password Protected Posts */

.post-password-required .entry-header .comments-link {

  margin: 1.625em 0 0; }



.post-password-required input[type=password] {

  margin: 0.8125em 0; }



.post-password-required input[type=password]:focus {

  background: #f7f7f7; }



/* Author Info */

#author-info {

  font-size: 12px;

  overflow: hidden; }



.singular #author-info {

  background: #f9f9f9;

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

  margin: 2.2em -35.6% 0 -35.4%;

  padding: 20px 35.4%; }



.archive #author-info {

  border-bottom: 1px solid #ddd;

  margin: 0 0 2.2em;

  padding: 0 0 2.2em; }



#author-avatar {

  float: left;

  margin-right: -78px; }



#author-avatar img {

  background: #fff;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-shadow: 0 1px 2px #bbb;

  -moz-box-shadow: 0 1px 2px #bbb;

  box-shadow: 0 1px 2px #bbb;

  padding: 3px; }



#author-description {

  float: left;

  margin-left: 108px; }



#author-description h2 {

  color: #000;

  font-size: 15px;

  font-weight: bold;

  margin: 5px 0 10px; }



/* Comments link */

.entry-header .comments-link a {

  background: #eeeeee url(images/comment-bubble.png) no-repeat;

  color: #666;

  font-size: 13px;

  font-weight: normal;

  line-height: 35px;

  overflow: hidden;

  padding: 0 0 0;

  position: absolute;

  top: 1.5em;

  right: 0;

  text-align: center;

  text-decoration: none;

  width: 43px;

  height: 36px; }



.entry-header .comments-link a:hover,

.entry-header .comments-link a:focus,

.entry-header .comments-link a:active {

  background-color: #1982d1;

  color: #fff;

  color: rgba(255, 255, 255, 0.8); }



.entry-header .comments-link .leave-reply {

  visibility: hidden; }



/*

Post Formats Headings

To hide the headings, display: none the ".entry-header .entry-format" selector,

and remove the padding rules below.

*/

.entry-header .entry-format {

  color: #666;

  font-size: 10px;

  font-weight: 500;

  letter-spacing: 0.1em;

  line-height: 2.6em;

  position: absolute;

  text-transform: uppercase;

  top: -5px; }



.entry-header hgroup .entry-title {

  padding-top: 15px; }



article.format-aside .entry-content,

article.format-link .entry-content,

article.format-status .entry-content {

  padding: 20px 0 0; }



article.format-status .entry-content {

  min-height: 65px; }



.recent-posts .entry-header .entry-format {

  display: none; }



.recent-posts .entry-header hgroup .entry-title {

  padding-top: 0; }



/* Singular content styles for Posts and Pages */

.singular .hentry {

  border-bottom: none;

/* Mar 21, 2015: Steve Kisby removed this so that the padding above the title ($title) 

   is the same using the "No Sidebar" template as it is for the "Default Template".

  padding: 4.875em 0 0; */

  position: relative; }



/* Mar 21, 2015: Steve Kisby removed this so that the padding above the title ($title) 

   is the same using the "No Sidebar" template as it is for the "Default Template".

.singular.page .hentry {

  padding: 3.5em 0 0; } */



/* Mar 21, 2015: Steve Kisby removed this so that the page title ($title) using the "No Sidebar"  

   template would display the same as using the "Default Template", that is, a font-size of 26px.

.singular .entry-title {

  color: #000;

  font-size: 36px;

  font-weight: bold;

  line-height: 48px; } */



.singular .entry-title,

.singular .entry-header .entry-meta {

  padding-right: 0; }



.singular .entry-header .entry-meta {

  position: absolute;

  top: 0;

  left: 0; }



blockquote.pull {

  font-size: 21px;

  font-weight: bold;

  line-height: 1.6125em;

  margin: 0 0 1.625em;

  text-align: center; }



.singular blockquote.pull {

  margin: 0 -22.25% 1.625em; }



.pull.alignleft {

  margin: 0 1.625em 0 0;

  text-align: right;

  width: 33%; }



.singular .pull.alignleft {

  margin: 0 1.625em 0 -22.25%; }



.pull.alignright {

  margin: 0 0 0 1.625em;

  text-align: left;

  width: 33%; }



.singular .pull.alignright {

  margin: 0 -22.25% 0 1.625em; }



.singular blockquote.pull.alignleft,

.singular blockquote.pull.alignright {

  width: 33%; }



.singular .entry-meta .edit-link a {

  bottom: auto;

  left: 50px;

  position: absolute;

  right: auto;

  top: 80px; }



/* =Aside

----------------------------------------------- */

.format-aside .entry-title,

.format-aside .entry-header .comments-link {

  display: none; }



.singular .format-aside .entry-title {

  display: block; }



.format-aside .entry-content {

  padding: 0; }



.singular .format-aside .entry-content {

  padding: 1.625em 0 0; }



/* =Link

----------------------------------------------- */

.format-link .entry-title,

.format-link .entry-header .comments-link {

  display: none; }



.singular .format-link .entry-title {

  display: block; }



.format-link .entry-content {

  padding: 0; }



.singular .format-link .entry-content {

  padding: 1.625em 0 0; }



/* =Gallery

----------------------------------------------- */

.format-gallery .gallery-thumb {

  float: left;

  display: block;

  margin: .375em 1.625em 0 0; }



/* =Status

----------------------------------------------- */

.format-status .entry-title,

.format-status .entry-header .comments-link {

  display: none; }



.singular .format-status .entry-title {

  display: block; }



.format-status .entry-content {

  padding: 0; }



.singular .format-status .entry-content {

  padding: 1.625em 0 0; }



.format-status img.avatar {

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-shadow: 0 1px 2px #ccc;

  -moz-box-shadow: 0 1px 2px #ccc;

  box-shadow: 0 1px 2px #ccc;

  float: left;

  margin: 4px 10px 2px 0;

  padding: 0; }



/* =Quote

----------------------------------------------- */

.format-quote blockquote {

  color: #555;

  font-size: 17px;

  margin: 0; }



/* =Image

----------------------------------------------- */

.indexed.format-image .entry-header {

  min-height: 61px;

  /* Prevent the comment icon from colliding with the image when there is no title */ }



.indexed.format-image .entry-content {

  padding-top: 0.5em; }



.indexed.format-image p,

.indexed.format-image p img {

  margin-bottom: 0; }



.indexed.format-image footer.entry-meta {

  background: #ddd;

  margin-top: -7px;

  padding: 20px 30px;

  overflow: hidden; }



.indexed.format-image div.entry-meta {

  display: inline-block;

  float: left;

  width: 35%; }



.indexed.format-image div.entry-meta + div.entry-meta {

  float: none;

  width: 65%; }



.indexed.format-image .entry-meta span.cat-links,

.indexed.format-image .entry-meta span.tag-links,

.indexed.format-image .entry-meta span.comments-link {

  display: block; }



.indexed.format-image footer.entry-meta a {

  color: #444; }



.indexed.format-image footer.entry-meta a:hover {

  color: #fff; }



#content .indexed.format-image img {

  border: none;

  max-width: 100%;

  padding: 0; }



.indexed.format-image .wp-caption {

  background: #111;

  margin-bottom: 0;

  max-width: 96%;

  padding: 11px; }



.indexed.format-image .wp-caption .wp-caption-text {

  color: #ddd; }



.indexed.format-image .wp-caption .wp-caption-text:before {

  color: #444; }



.indexed.format-image a:hover img {

  opacity: 0.8; }



/* =error404

----------------------------------------------- */

.error404 #main #searchform {

  background: #f9f9f9;

  border: 1px solid #ddd;

  border-width: 1px 0;

  margin: 0 -8.9% 1.625em;

  overflow: hidden;

  padding: 1.625em 8.9%; }



.error404 #main #s {

  width: 95%; }



.error404 #main .widget {

  clear: none;

  float: left;

  margin-right: 3.7%;

  width: 30.85%; }



.error404 #main .widget_archive {

  margin-right: 0; }



.error404 #main .widget_tag_cloud {

  float: none;

  margin-right: 0;

  width: 100%; }



.error404 .widgettitle {

  font-size: 10px;

  letter-spacing: 0.1em;

  line-height: 2.6em;

  text-transform: uppercase; }



/* =Showcase

----------------------------------------------- */

h1.showcase-heading {

  color: #666;

  font-size: 10px;

  font-weight: 500;

  letter-spacing: 0.1em;

  line-height: 2.6em;

  text-transform: uppercase; }



/* Intro */

article.intro {

  background: #f9f9f9;

  border-bottom: none;

  margin: -1.855em -8.9% 1.625em;

  padding: 0 8.9%; }



article.intro .entry-title {

  display: none; }



article.intro .entry-content {

  color: #111;

  font-size: 16px;

  padding: 1.625em 0 0.625em; }



article.intro .edit-link a {

  background: #aaa;

  -moz-border-radius: 3px;

  border-radius: 3px;

  color: #fff;

  font-size: 12px;

  padding: 0 8px;

  position: absolute;

  top: 30px;

  right: 20px;

  text-decoration: none; }



article.intro .edit-link a:hover,

article.intro .edit-link a:focus,

article.intro .edit-link a:active {

  background: #777; }



/* Featured post */

section.featured-post {

  float: left;

  margin: 0;

  padding: 1.625em 8.9% 0;

  width: 634px; }



section.featured-post .hentry {

  border: none;

  color: #EEE;

  margin: 0;

  z-index: 6; }



section.featured-post .entry-meta {

  clip: rect(1px 1px 1px 1px);

  /* IE6, IE7 */

  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important; }



/* Small featured post */

section.featured-post .attachment-small-feature {

  float: right;

  height: auto;

  margin: 0 -8.9% 1.625em 0;

  max-width: 59%;

  position: relative;

  right: -15px; }



section.featured-post.small {

  padding-top: 0; }



section.featured-post .attachment-small-feature:hover,

section.featured-post .attachment-small-feature:focus,

section.featured-post .attachment-small-feature:active {

  opacity: .8; }



article.feature-image.small {

  float: left;

  margin: 0 0 1.625em;

  width: 45%; }



article.feature-image.small .entry-title {

  line-height: 1.2em; }



article.feature-image.small .entry-summary {

  color: #555;

  font-size: 13px; }



article.feature-image.small .entry-summary p a {

  background: #222;

  color: #eee;

  display: block;

  left: -23.8%;

  padding: 9px 26px 9px 85px;

  position: relative;

  text-decoration: none;

  top: 20px;

  width: 180px;

  z-index: 1; }



article.feature-image.small .entry-summary p a:hover {

  background: #1982d1;

  color: #eee;

  color: rgba(255, 255, 255, 0.8); }



/* Large featured post */

section.feature-image.large {

  border: none;

  padding: 0; }



section.feature-image.large .showcase-heading {

  display: none; }



section.feature-image.large .hentry {

  background: #333;

  background: rgba(10, 10, 10, 0.8);

  border-bottom: none;

  position: absolute;

  bottom: 10px;

  right: 0;

  height: 80px;

  width: 610px;

  z-index: 5; }



section.feature-image.large .entry-title a {

  color: #eee;

  display: inline-block;

  font-size: 24px;

  font-weight: normal;

  padding: 15px 20px 5px;

  line-height: 1.2em; }



section.feature-image.large:hover .entry-title a,

section.feature-image.large .entry-title:hover a {

  color: #009e8f; }



section.feature-image.large .entry-summary {

  padding: 0 20px; }



/* Featured Slider */

.featured-posts {

  border: 1px solid #ddd;

  display: block;

  height: 300px;

  margin: 0;

  width: 634px;

  /*padding: 5px;*/

  position: absolute;

  top: 100px;

  left: 346px;

  float: right;

  overflow: hidden; }



#billboard img {

  width: 634px;

  height: 300px;

  display: block;

  margin: 0;

  position: inherit; }



#billboard h2 {

  padding: 0; }



.featured-posts section.featured-post {

  background: #fff;

  height: 300px;

  margin: 0;

  position: absolute; }



.featured-posts section.featured-post.large {

  max-width: 100%;

  overflow: hidden; }



.featured-posts section.featured-post {

  /*-webkit-transition-duration: 200ms;

  -webkit-transition-property: opacity, visibility;

  -webkit-transition-timing-function: ease;

  -moz-transition-duration: 200ms;

  -moz-transition-property: opacity, visibility;

  -moz-transition-timing-function: ease;*/ }



.featured-posts section.featured-post {

  opacity: 0;

  visibility: hidden; }



.featured-posts #featured-post-1 {

  opacity: 1;

  visibility: visible; }



featured-post .feature-text:after,

featured-post .feature-image.small:after {

  content: ' ';

  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);

  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));

  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);

  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);

  /* Opera11.10+ */

  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);

  /* IE10+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

  /* IE6-9 */

  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);

  /* W3C */

  width: 100%;

  height: 45px;

  position: absolute;

  top: 230px; }



.featured-post .feature-image.small:after {

  top: 253px; }



.featured-posts .feature-slider {

  bottom: 25px;

  right: 10px;

  overflow: visible;

  position: absolute;

  z-index: 6; }



.feature-slider ul {

  list-style-type: none;

  margin: 0; }



.feature-slider li {

  float: left;

  margin: 0 6px; }



.feature-slider a {

  background: #555;

  -moz-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

  display: block;

  width: 20px;

  height: 20px; }



.feature-slider a.active {

  background: #009e8f;

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

  cursor: default; }



/* Recent Posts */

section.recent-posts {

  padding: 0 0 1.625em; }



section.recent-posts .hentry {

  border: none;

  margin: 0; }



section.recent-posts .other-recent-posts {

  border-bottom: 1px solid #ddd;

  list-style: none;

  margin: 0; }



section.recent-posts .other-recent-posts li {

  padding: 0.3125em 0;

  position: relative; }



section.recent-posts .other-recent-posts .entry-title {

  border-top: 1px solid #ddd;

  font-size: 17px; }



section.recent-posts .other-recent-posts a[rel="bookmark"] {

  color: #373737;

  float: left;

  max-width: 84%; }



section.recent-posts .other-recent-posts a[rel="bookmark"]:after {

  content: '-';

  color: transparent;

  font-size: 11px; }



section.recent-posts .other-recent-posts .comments-link a,

section.recent-posts .other-recent-posts .comments-link > span {

  border-bottom: 2px solid #999;

  bottom: -2px;

  color: #444;

  display: block;

  font-size: 10px;

  font-weight: 500;

  line-height: 2.76333em;

  padding: 0.3125em 0 0.3125em 1em;

  position: absolute;

  right: 0;

  text-align: right;

  text-transform: uppercase;

  z-index: 1; }



section.recent-posts .other-recent-posts .comments-link > span {

  border-color: #bbb;

  color: #888; }



section.recent-posts .other-recent-posts .comments-link a:hover {

  color: #1982d1;

  border-color: #1982d1; }



section.recent-posts .other-recent-posts li:after {

  clear: both;

  content: '.';

  display: block;

  height: 0;

  visibility: hidden; }



/* =Attachments

----------------------------------------------- */

.image-attachment div.attachment {

  background: #f9f9f9;

  border: 1px solid #ddd;

  border-width: 1px 0;

  margin: 0 -8.9% 1.625em;

  overflow: hidden;

  padding: 1.625em 1.625em 0;

  text-align: center; }



.image-attachment div.attachment img {

  display: block;

  height: auto;

  margin: 0 auto 1.625em;

  max-width: 100%; }



.image-attachment div.attachment a img {

  border-color: #f9f9f9; }



.image-attachment div.attachment a:focus img,

.image-attachment div.attachment a:hover img,

.image-attachment div.attachment a:active img {

  border-color: #ddd;

  background: #fff; }



.image-attachment .entry-caption p {

  font-size: 10px;

  letter-spacing: 0.1em;

  line-height: 2.6em;

  margin: 0 0 2.6em;

  text-transform: uppercase; }



/* =Navigation

-------------------------------------------------------------- */

#content nav {

  clear: both;

  overflow: hidden;

  padding: 0 0 1.625em; }



#content nav a {

  font-size: 12px;

  font-weight: bold;

  line-height: 2.2em; }



#nav-above {

  padding: 0 0 1.625em; }



#nav-above {

  display: none; }



.paged #nav-above {

  display: block; }



.nav-previous {

  float: left;

  width: 50%; }



.nav-next {

  float: right;

  text-align: right;

  width: 50%; }



#content nav .meta-nav {

  font-weight: normal; }



/* Singular navigation */

#nav-single {

  float: right;

  position: relative;

  top: -0.3em;

  text-align: right;

  z-index: 1; }



#nav-single .nav-previous,

#nav-single .nav-next {

  float: none;

  width: auto; }



#nav-single .nav-next {

  padding-left: .5em; }



/* =Widgets

----------------------------------------------- */

.widget-area {

  font-size: 12px; }



/* Some widgets appear on light backgrounds, others on dark

 * backgrounds. Vary the colors, depending on the context

 */

/* Footer widgets */

body .widget-title {

  margin-right: 0.8em;

  color: #fff;

  font-size: 16px;

  clear: both; }

body .widget {

  clear: both;

  margin: 0 0; }

  body .widget ul {

    display: inline;

    font-size: 15px;

    margin: 0;

    padding-bottom: 20px;

    list-style: none; }

    body .widget ul ul {

      margin-left: 1.5em; }

    body .widget ul li {

      float: left;

      margin-right: 0.9em;

      padding: 5px 0;

      color: #AAA;

      font-size: 13px;

      list-style: none; }

  body .widget a {

    text-decoration: none;

    color: #d9d9d9; }

    body .widget a:hover, body .widget a:focus, body .widget a:active {

      text-decoration: underline; }



/* Sidebar widgets */

#sidebar .widget-title {

  color: black;

  font-size: 16px;

  font-weight: bold; }

#sidebar li {

  list-style: none; }

  #sidebar li li {

    float: none;

    padding-left: 5px; }

#sidebar h2 {

  font-size: 16px;

  font-weight: bold; }

#sidebar p {

  font-size: 13px;

  color: #373737; }

#sidebar a {

  text-decoration: none;

  color: #222; }

  #sidebar a:hover, #sidebar a:focus, #sidebar a:active {

    text-decoration: underline; }

#sidebar .widget {

  clear: none;

  padding-bottom: 15px;

  margin-top: 10px; }

#sidebar .textwidget {

  padding-top: 10px; }



/* Search Widget */

.widget_search form {

  margin: 0 0 1.625em; }



.widget_search #s {

  width: 77%; }



.widget_search #searchsubmit {

  background: #ddd;

  border: 1px solid #ccc;

  -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

  -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

  box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

  color: #888;

  font-size: 13px;

  line-height: 25px;

  position: relative;

  top: -2px; }



.widget_search #searchsubmit:active {

  background: #1982d1;

  border-color: #0861a5;

  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

  color: #bfddf3; }



/* Ephemera Widget */

section.ephemera ol,

.widget_twentyeleven_ephemera ol {

  list-style: square;

  margin: 5px 0 0; }



.widget_twentyeleven_ephemera .widget-entry-title {

  font-size: 15px;

  font-weight: bold;

  padding: 0; }



.widget_twentyeleven_ephemera .comments-link a,

.widget_twentyeleven_ephemera .comments-link > span {

  color: #666;

  display: block;

  font-size: 10px;

  font-weight: 500;

  line-height: 2.76333em;

  text-transform: uppercase; }



section.ephemera .entry-title a span {

  color: #29628d; }



/* Twitter */

.widget_twitter li {

  list-style-type: none;

  margin-bottom: 14px; }



.widget_twitter .timesince {

  display: block;

  font-size: 11px;

  margin-right: -10px;

  text-align: right; }



/* Widget Image */

.widget_image img {

  height: auto;

  max-width: 100%; }



/* Calendar Widget */

.widget_calendar #wp-calendar {

  color: #555;

  width: 95%;

  text-align: center; }



.widget_calendar #wp-calendar caption,

.widget_calendar #wp-calendar td,

.widget_calendar #wp-calendar th {

  text-align: center; }



.widget_calendar #wp-calendar caption {

  font-size: 11px;

  font-weight: 500;

  padding: 5px 0 3px 0;

  text-transform: uppercase; }



.widget_calendar #wp-calendar th {

  background: #f4f4f4;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  font-weight: bold; }



.widget_calendar #wp-calendar tfoot td {

  background: #f4f4f4;

  border-top: 1px solid #ccc;

  border-bottom: 1px solid #ccc; }



/* Text Widget */

.textwidget {

  color: #AAA;

  font-size: 12px;

  padding-top: 40px; }



/* =Comments

----------------------------------------------- */

#comments-title {

  color: #666;

  font-size: 10px;

  font-weight: 500;

  line-height: 2.6em;

  padding: 0 0 2.6em;

  text-transform: uppercase; }



.nopassword,

.nocomments {

  color: #aaa;

  font-size: 24px;

  font-weight: 100;

  margin: 26px 0;

  text-align: center; }



.commentlist {

  list-style: none;

  margin: 0 auto;

  width: 68.9%; }



.content .commentlist,

.page-template-sidebar-page-php .commentlist {

  width: 100%;

  /* reset the width for the one-column and sidebar page layout */ }



.commentlist > li.comment {

  background: #f6f6f6;

  border: 1px solid #ddd;

  -moz-border-radius: 3px;

  border-radius: 3px;

  margin: 0 0 1.625em;

  padding: 1.625em;

  position: relative; }



.commentlist .pingback {

  margin: 0 0 1.625em;

  padding: 0 1.625em; }



.commentlist .children {

  list-style: none;

  margin: 0; }



.commentlist .children li.comment {

  background: #fff;

  border-left: 1px solid #ddd;

  -moz-border-radius: 0 3px 3px 0;

  border-radius: 0 3px 3px 0;

  margin: 1.625em 0 0;

  padding: 1.625em;

  position: relative; }



.commentlist .children li.comment .fn {

  display: block; }



.comment-meta .fn {

  font-style: normal; }



.comment-meta {

  color: #666;

  font-size: 12px;

  line-height: 2.2em; }



.commentlist .children li.comment .comment-meta {

  line-height: 1.625em;

  margin-left: 50px; }



.commentlist .children li.comment .comment-content {

  margin: 1.625em 0 0; }



.comment-meta a {

  font-weight: bold; }



.commentlist .avatar {

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-shadow: 0 1px 2px #ccc;

  -moz-box-shadow: 0 1px 2px #ccc;

  box-shadow: 0 1px 2px #ccc;

  left: -102px;

  padding: 0;

  position: absolute;

  top: 0; }



.commentlist > li:before {

  content: url(images/comment-arrow.png);

  left: -21px;

  position: absolute; }



.commentlist > li.pingback:before {

  content: ''; }



.commentlist .children .avatar {

  background: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  left: 2.2em;

  padding: 0;

  top: 2.2em; }



a.comment-reply-link {

  background: #eee;

  -moz-border-radius: 3px;

  border-radius: 3px;

  color: #666;

  display: inline-block;

  font-size: 12px;

  padding: 0 8px;

  text-decoration: none; }



a.comment-reply-link:hover,

a.comment-reply-link:focus,

a.comment-reply-link:active {

  background: #888;

  color: #fff; }



a.comment-reply-link > span {

  display: inline-block;

  position: relative;

  top: -1px; }



/* Post author highlighting */

.commentlist > li.bypostauthor {

  background: #ddd;

  border-color: #d3d3d3; }



.commentlist > li.bypostauthor .comment-meta {

  color: #575757; }



.commentlist > li.bypostauthor:before {

  content: url(images/comment-arrow-bypostauthor.png); }



/* Post Author threaded comments */

.commentlist .children > li.bypostauthor {

  background: #ddd;

  border-color: #d3d3d3; }



/* sidebar-page.php comments */

/* Make sure we have room for our comment avatars */

.page-template-sidebar-page-php .commentlist > li.comment,

.page-template-sidebar-page-php.commentlist .pingback {

  margin-left: 102px;

  width: auto; }



/* And a full-width comment form */

.page-template-sidebar-page-php #respond {

  width: auto; }



/* Comment Form */

#respond {

  	/* without clear:both, the respond div floats up over 

       * content on Mobile Safari. Issue #42 in velotheme-meg.

       */

  clear: both;

  background: #ddd;

  border: 1px solid #d3d3d3;

  -moz-border-radius: 3px;

  border-radius: 3px;

  padding: 1.625em;

  position: relative;

  width: auto%; }



#respond input[type="text"],

#respond textarea {

  background: #fff;

  border: 4px solid #eee;

  -moz-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);

  -moz-box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);

  box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);

  position: relative;

  padding: 10px;

  text-indent: 80px; }



#respond .comment-form-author,

#respond .comment-form-email,

#respond .comment-form-url,

#respond .comment-form-comment {

  position: relative; }



#respond .comment-form-author label,

#respond .comment-form-email label,

#respond .comment-form-url label,

#respond .comment-form-comment label {

  background: #eee;

  -webkit-box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);

  -moz-box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);

  box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);

  color: #555;

  display: inline-block;

  font-size: 13px;

  left: 4px;

  min-width: 60px;

  padding: 4px 10px;

  position: relative;

  top: 40px;

  z-index: 1; }



#respond input[type="text"]:focus,

#respond textarea:focus {

  text-indent: 0;

  z-index: 1; }



#respond textarea {

  resize: vertical;

  width: 95%; }



#respond .comment-form-author .required,

#respond .comment-form-email .required {

  color: #bd3500;

  font-size: 22px;

  font-weight: bold;

  left: 75%;

  position: absolute;

  top: 45px;

  z-index: 1; }



#respond .comment-notes,

#respond .logged-in-as {

  font-size: 13px; }



#respond p {

  margin: 10px 0; }



#respond .form-submit {

  float: right;

  margin: -20px 0 10px; }



#respond input#submit {

  background: #222;

  border: none;

  -moz-border-radius: 3px;

  border-radius: 3px;

  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);

  color: #eee;

  cursor: pointer;

  font-size: 15px;

  margin: 20px 0;

  padding: 5px 42px 5px 22px;

  position: relative;

  left: 30px;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); }



#respond input#submit:active {

  background: #1982d1;

  color: #bfddf3; }



#respond #cancel-comment-reply-link {

  color: #666;

  margin-left: 10px;

  text-decoration: none; }



#respond .logged-in-as a:hover,

#respond #cancel-comment-reply-link:hover {

  text-decoration: underline; }



.commentlist #respond {

  margin: 1.625em 0 0;

  width: auto; }



#reply-title {

  color: #373737;

  font-size: 24px;

  font-weight: bold;

  line-height: 30px; }



#cancel-comment-reply-link {

  color: #888;

  display: block;

  font-size: 10px;

  font-weight: normal;

  line-height: 2.2em;

  letter-spacing: 0.05em;

  position: absolute;

  right: 1.625em;

  text-decoration: none;

  text-transform: uppercase;

  top: 1.1em; }



#cancel-comment-reply-link:focus,

#cancel-comment-reply-link:active,

#cancel-comment-reply-link:hover {

  color: #ff4b33; }



#respond label {

  line-height: 2.2em; }



#respond input[type=text] {

  display: block;

  height: 24px;

  width: 75%; }



#respond p {

  font-size: 12px; }



p.comment-form-comment {

  margin: 0; }



.form-allowed-tags {

  display: none; }



/* =Footer

----------------------------------------------- */

#colophon {

  clear: both;

  background: url(http://velopalooza.ca/wp-content/uploads/2014/04/footer-background-2014.jpg) cover ;

  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 0px 5px;

  -moz-box-shadow: rgba(0, 0, 0, 0.3) 1px 0px 5px;

  box-shadow: rgba(0, 0, 0, 0.3) 1px 0px 5px; }



#supplementary {

  border-bottom: 1px solid #333;

  margin: 0 30px;

  padding: 30px 0;

  overflow: hidden; 
  
  }



/* Two Footer Widget Areas */

#supplementary.two .widget-area {

  float: left; }



#supplementary.two .widget-area + .widget-area {

  margin-right: 0; }



div#first {

  width: 530px;

  margin-right: 30px; }



div#second {

  width: 340px;

  padding: 20px 20px;

  background-color: #575757;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  border-radius: 8px; }



/* Three Footer Widget Areas */

#supplementary.three .widget-area {

  float: left;

  margin-right: 3.7%;

  width: 30.85%; }



#supplementary.three .widget-area + .widget-area + .widget-area {

  margin-right: 0; }



/* Site Generator Line */

#site-generator {

  border-top: 1px solid #555;

  color: #AAA;

  font-size: 12px;

  line-height: 2.2em;

  margin: 0 3%;

  padding: 1.2em 3.6%;

  text-align: center; }



#site-generator ul {

  list-style: none;

  margin: 0.5em 0; }



#site-generator ul li {

  line-height: 1.4em; }



#site-generator a {

  color: #EEE; }



#site-generator .sep {

  background: url(images/wordpress.png) center left no-repeat;

  color: transparent;

  display: inline-block;

  height: 16px;

  line-height: 16px;

  margin: 0 7px;

  width: 16px; }



/* =Responsive Structure

----------------------------------------------- */

@media (max-width: 800px) {

  /* Simplify the basic layout */

  #main #content {

    margin: 0 7.6%;

    width: auto; }



  #nav-below {

    border-bottom: 1px solid #ddd;

    margin-bottom: 1.625em; }



  #main #secondary {

    float: none;

    margin: 0 7.6%;

    width: auto; }



  /* Simplify the showcase template */

  .page-template-showcase-php .featured-posts {

    min-height: 280px; }



  .featured-posts section.featured-post {

    height: auto; }



  .page-template-showcase-php section.recent-posts {

    float: none;

    margin: 0;

    width: 100%; }



  .page-template-showcase-php #main .widget-area {

    float: none;

    margin: 0;

    width: auto; }



  .page-template-showcase-php .other-recent-posts {

    border-bottom: 1px solid #ddd; }



  /* Simplify the showcase template when small feature */

  section.featured-post .attachment-small-feature,

  .one-column section.featured-post .attachment-small-feature {

    border: none;

    display: block;

    float: left;

    height: auto;

    margin: 0.625em auto 1.025em;

    max-width: 30%;

    position: static; }



  article.feature-image.small {

    float: right;

    margin: 0 0 1.625em;

    width: 64%; }



  .one-column article.feature-image.small .entry-summary {

    height: auto; }



  article.feature-image.small .entry-summary p a {

    left: 0;

    padding-left: 20px;

    padding-right: 20px;

    width: auto; }



  /* Remove the margin on singular articles */

  .singular .entry-header,

  .singular .entry-content,

  .singular footer.entry-meta,

  .singular #comments-title {

    width: 100%; }



  /* Simplify the pullquotes and pull styles */

  .singular blockquote.pull {

    margin: 0 0 1.625em; }



  .singular .pull.alignleft {

    margin: 0 1.625em 0 0; }



  .singular .pull.alignright {

    margin: 0 0 0 1.625em; }



  .singular .entry-meta .edit-link a {

    left: 0;

    position: absolute;

    top: 40px; }



  .singular #author-info {

    margin: 2.2em -8.8% 0;

    padding: 20px 8.8%; }



  /* Make sure we have room for our comment avatars */

  .commentlist {

    width: 100%; }



  .commentlist > li.comment,

  .commentlist .pingback {

    margin-left: 102px;

    width: auto; }



  /* And a full-width comment form */

  #respond {

    width: auto; }



  /* No need to float footer widgets at this size */

  #colophon #supplementary .widget-area {

    float: none;

    margin-right: 0;

    width: auto; }



  /* No need to float 404 widgets at this size */

  .error404 #main .widget {

    float: none;

    margin-right: 0;

    width: auto; } }

@media (max-width: 650px) {

  /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */

  body, input, textarea {

    font-size: 13px; }



  #site-title a {

    font-size: 24px; }



  #site-description {

    font-size: 12px; }



  #access ul {

    font-size: 12px; }



  article.intro .entry-content {

    font-size: 12px; }



  .entry-title {

    font-size: 21px; }



  .featured-post .entry-title {

    font-size: 14px; }



  .singular .entry-title {

    font-size: 28px; }



  .entry-meta {

    font-size: 12px; }



  blockquote {

    margin: 0; }



  blockquote.pull {

    font-size: 17px; }



  /* Reposition the site title and description slightly */

  #site-title {

    padding: 5.30625em 0 0; }



  #site-title,

  #site-description {

    margin-right: 0; }



  /* Make sure the logo and search form don't collide */

  #branding #searchform {

    top: 1.625em !important; }



  /* Floated content doesn't work well at this size */

  .alignleft,

  .alignright {

    float: none;

    margin-left: 0;

    margin-right: 0; }



  /* Make sure the post-post navigation doesn't collide with anything */

  #nav-single {

    display: block;

    position: static; }



  .singular .hentry {

    padding: 1.625em 0 0; }



  .singular.page .hentry {

    padding: 1.625em 0 0; }



  /* Talking avatars take up too much room at this size */

  .commentlist > li.comment,

  .commentlist > li.pingback {

    margin-left: 0 !important; }



  .commentlist .avatar {

    background: transparent;

    display: block;

    padding: 0;

    position: static; }



  .commentlist .children .avatar {

    background: none;

    left: 2.2em;

    padding: 0;

    position: absolute;

    top: 2.2em; }



  /* Use the available space in the smaller comment form */

  #respond input[type="text"] {

    width: 95%; }



  #respond .comment-form-author .required,

  #respond .comment-form-email .required {

    left: 95%; }



  #content .gallery-columns-3 .gallery-item {

    width: 31%;

    padding-right: 2%; }



  #content .gallery-columns-3 .gallery-item img {

    width: 100%;

    height: auto; } }

@media (max-width: 450px) {

  #content .gallery-columns-2 .gallery-item {

    width: 45%;

    padding-right: 4%; }



  #content .gallery-columns-2 .gallery-item img {

    width: 100%;

    height: auto; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

  body {

    padding: 0; }



  #page {

    margin-top: 0; }



  #branding {

    border-top: none; } }

/* =Print

----------------------------------------------- */

@media print {

  body {

    background: none !important;

    font-size: 10pt; }



  footer.entry-meta a[rel=bookmark]:link:after,

  footer.entry-meta a[rel=bookmark]:visited:after {

    content: " [" attr(href) "] ";

    /* Show URLs */ }



  #page {

    clear: both !important;

    display: block !important;

    float: none !important;

    max-width: 100%;

    position: relative !important; }



  #branding {

    border-top: none !important;

    padding: 0; }



  #branding hgroup {

    margin: 0; }



  #site-title a {

    font-size: 21pt; }



  #site-description {

    font-size: 10pt; }



  #branding #searchform {

    display: none; }



  #branding img {

    display: none; }



  #access {

    display: none; }



  #main {

    border-top: none;

    box-shadow: none; }



  #primary {

    float: left;

    margin: 0;

    width: 100%; }



  #content {

    margin: 0;

    width: auto; }



  .singular #content {

    margin: 0;

    width: 100%; }



  .singular .entry-header .entry-meta {

    position: static; }



  .entry-meta .edit-link a {

    display: none; }



  #content nav {

    display: none; }



  .singular .entry-header,

  .singular .entry-content,

  .singular footer.entry-meta,

  .singular #comments-title {

    margin: 0;

    width: 100%; }



  .singular .hentry {

    padding: 0; }



  .entry-title,

  .singular .entry-title {

    font-size: 21pt; }



  .entry-meta {

    font-size: 10pt; }



  .entry-header .comments-link {

    display: none; }



  .page-link {

    display: none; }



  .singular #author-info {

    background: none;

    border-bottom: none;

    border-top: none;

    margin: 2.2em 0 0;

    padding: 0; }



  #respond {

    display: none; }



  .widget-area {

    display: none; }



  #colophon {

    display: none; }



  /* Comments */

  .commentlist > li.comment {

    background: none;

    border: 1px solid #ddd;

    -moz-border-radius: 3px 3px 3px 3px;

    border-radius: 3px 3px 3px 3px;

    margin: 0 auto 1.625em;

    padding: 1.625em;

    position: relative;

    width: auto; }



  .commentlist .avatar {

    height: 39px;

    left: 2.2em;

    top: 2.2em;

    width: 39px; }



  .commentlist li.comment .comment-meta {

    line-height: 1.625em;

    margin-left: 50px; }



  .commentlist li.comment .fn {

    display: block; }



  .commentlist li.comment .comment-content {

    margin: 1.625em 0 0; }



  .commentlist .comment-edit-link {

    display: none; }



  .commentlist > li::before,

  .commentlist > li.bypostauthor::before {

    content: ''; }



  .commentlist .reply {

    display: none; }



  /* Post author highlighting */

  .commentlist > li.bypostauthor {

    color: #444; }



  .commentlist > li.bypostauthor .comment-meta {

    color: #666; }



  .commentlist > li.bypostauthor:before {

    content: none; }



  /* Post Author threaded comments */

  .commentlist .children > li.bypostauthor {

    background: #fff;

    border-color: #ddd; }



  .commentlist .children > li.bypostauthor > article,

  .commentlist .children > li.bypostauthor > article .comment-meta {

    color: #666; } }

/* =IE7

----------------------------------------------- */

#ie7 article.intro {

  margin-left: -7.6%;

  margin-right: -7.6%;

  padding-left: -7.6%;

  padding-right: -7.6%;

  max-width: 1000px; }



#ie7 section.featured-post {

  margin-left: -7.6%;

  margin-right: -7.6%;

  max-width: 850px; }



#ie7 section.recent-posts {

  margin-right: 7.6%; }



/* Main Calendar */

#main-calendar {

  clear: both;

  position: relative;

  padding: 10px 10px;

  margin-bottom: 20px;

  font-size: 12px;

  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px;

  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px;

  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 3px; }



#main-calendar .add-event-button {

  display: inline-block;

  margin-bottom: 10px;

  padding: 5px 25px;

  color: white;

  font-size: 14px;

  font-weight: bold;

  border: none;

  background: #00d3be;

  /* Old browsers */

  background: -moz-linear-gradient(top, #00d3be 0%, #009e8f 100%);

  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00d3be), color-stop(100%, #009e8f));

  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #00d3be 0%, #009e8f 100%);

  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #00d3be 0%, #009e8f 100%);

  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #00d3be 0%, #009e8f 100%);

  /* IE10+ */

  background: linear-gradient(top, #00d3be 0%, #009e8f 100%);

  /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d3be', endColorstr='#009e8f',GradientType=0 );

  /* IE6-9 */

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }



/* Heading above the calendar on the landing page */

#calendar-header {

  position: relative;

  width: 100%;

  border-top: 1px dotted rgba(0, 0, 0, 0.3); }



#calendar-header h1 {

  color: #222;

  font-size: 26px;

  font-weight: bold;

  line-height: 1em;

  padding: 10px 0; }



#calendar-header h3 {

  color: #373737;

  font-size: 18px;

  font-weight: bold; }



#calendar-header h4 {

  color: #222222;

  font-size: 18px; }



#calendar-header .calendar-title {

  width: 50%;

  float: left;

  padding: 20px;

  margin-top: 9px;

  margin-bottom: 10px; }



#calendar-header .calendar-switch {

  float: right;

  width: 260px;

  height: 80px;

  background: url(images/calendar-switch-2.png) no-repeat;

  border-left: 1px dotted rgba(0, 0, 0, 0.3);

  padding: 20px;

  padding-left: 145px;

  margin: 9px 0 10px 10px; }

  #calendar-header .calendar-switch p {

    margin-bottom: 0;

    margin-top: 15px; }

  #calendar-header .calendar-switch a {

    color: #009e8f;

    font-weight: strong;

    font-size: 16px; }



/* @@@ It's unclear what this refers to */

th.weeks {

  font-weight: bold;

  background-color: #555;

  color: #EEE;

  padding: 2px 3px;

  margin-right: 5px; }



/* Calendar grid */

.overview-calendar {

  /* No right-side border after the header for Saturday */

  /* Days of the month */

  /* Padding text in the calendar */ }

  .overview-calendar th.weekday-name {

    background-color: #6d6c6c;

    color: white;

    padding-left: 11px;

    padding-bottom: 2px;

    padding-top: 4px;

    padding-right: 11px;

    /* override CSS properties the theme sets for regular tables */

    font-size: 12px;

    line-height: normal;

    letter-spacing: normal;

    font-weight: normal;

    /* We have 940px available for the calendar.

     * The closest we can come is 935px

     *

     * (7 * 131px) + (6 * 3px) = 935px

     */

    width: 131px;

    border-right: 3px;

    border-right-color: white;

    border-right-style: solid;

    text-transform: none; }

  .overview-calendar th:last-child {

    border-right-style: none; }

  .overview-calendar td {

    /* help align the calendar entries with the padding text. */

    vertical-align: top; }

  .overview-calendar div.date {

    margin-top: 9px;

    padding-bottom: 0px;

    margin-bottom: 4px;

    border-bottom: 1px;

    border-bottom-color: #d5d5d5;

    border-bottom-style: solid;

    font-size: 14px; }

  .overview-calendar .overview-calendar-padding {

    font-size: 16px;

    padding: 20px;

    margin-right: 3px;

    /* Align the box with the bottom of the date divs.

     * Need a mystery 2px of padding.

     */

    margin-top: 30px;

    background-color: #F7F7F7;

    text-align: center; }

    .overview-calendar .overview-calendar-padding h2 {

      font-size: 20px;

      font-weight: bold; }

    .overview-calendar .overview-calendar-padding p {

      line-height: 1.425em; }

  .overview-calendar .event-time {

    color: #888; }



.calendar-legend {

  padding-top: 15px;

  float: right;

  color: #888; }



/* Event listings in overview calendar, sidebar, etc */

.event-title {

  padding: 0 5px 8px 0; }

  .event-title a {

    color: #000; }



/* Canceled events in the overview calendar */

.event-overview.canceled .event-title {

  /* Don't color the event red, b/c that would

   * be visually distracting.

   */

  text-decoration: line-through; }



/*Sponsors*/

.sponsor-list {

  text-align: center;

  margin: 20px 0; }



.sponsor {

  display: inline;

  list-style: none;

  padding-right: 50px;

  text-align: center;

  line-height: 100px; }



.sponsor img {

  vertical-align: middle;

  xxxmargin: 20px 0 40px 0; }



/* Navigation in current/monthly calendars */

.cal-links .previous {

  text-align: left;

  float: left; }



.cal-links .current {

  text-align: center; }



.cal-links .next {

  text-align: left;

  float: right; }



/* Front page post */

#front-page-post {

  border: 1px solid #ddd;

  display: block;

  /* June 29, 2016, Steve Kisby: Adjusted this from 300 to 290px to better align with the poster image */
  height: 290px;

  margin: 0;

  width: 646px;

  position: absolute;

  top: 100px;

  left: 341px;

  float: right;

  overflow: hidden;

  background: #f7f7f7; }

  #front-page-post .front-page-post-section {

    /* Title text */

    /* The 3 attributes about Velopalooza */ }

    #front-page-post .front-page-post-section.top {

      position: absolute;

      left: 0px;

      top: 0px;

      height: 163px;

      width: 646px; }

    #front-page-post .front-page-post-section.bottom {

      /* June 29, 2016, Steve Kisby: This was removed to enable hyperlinks in text below the image-banner */
      /* position: absolute; */

      left: 0px;

      top: 163px;

      height: 137px;

      width: 646px; }

    #front-page-post .front-page-post-section .image-banner {

      margin: 0px;

      padding: 10px;

      /* June 29, 2016, Steve Kisby: This moves the image-banner down the page a bit */
      padding-top: 30px;

      list-style: none; }

      #front-page-post .front-page-post-section .image-banner li {

        display: inline; }

      #front-page-post .front-page-post-section .image-banner img {

        background: none;

        /*border: 1px solid #ddd;*/

        margin: 0px;

        padding: 0px;

        width: 626px;

        height: 150px;

        /*margin-right: 3px;*/ }

      #front-page-post .front-page-post-section .image-banner img.last {

        padding-right: 0px; }

    #front-page-post .front-page-post-section ul.social-media {

      margin: 0px;

      padding-right: 10px;

      padding-top: 5px;

      position: absolute;

      bottom: 0px;

      right: 0px; }

      #front-page-post .front-page-post-section ul.social-media li {

        list-style: none;

        display: inline; }

        #front-page-post .front-page-post-section ul.social-media li img {

          margin: 5px 0 0 0;

          background: none;

          position: relative;

          width: auto; }

    #front-page-post .front-page-post-section h2 {

      font-size: 20px;

      font-weight: bold;

      padding-top: 15px;

      padding-left: 20px; }

    #front-page-post .front-page-post-section p {

      font-size: 16px;

      line-height: 1.425em;

      clear: both;

      margin-bottom: 8px;

      padding-left: 20px; }

    #front-page-post .front-page-post-section li {

      font-family: "arvo", sans-serif;

      font-size: 24px;

      list-style: none; }

      #front-page-post .front-page-post-section li.awesome {

        margin-left: 35px;

        display: inline; }

      #front-page-post .front-page-post-section li.fun {

        margin-left: 35px;

        display: inline; }

      #front-page-post .front-page-post-section li.anyone {

        text-align: center; }

    #front-page-post .front-page-post-section a {

      color: #009e8f; }



/* Event listings are similar, but not identical, based on how they're used. 

 * Set up a mixin to handle the differences.

 */

#listing {

  /* Declare variables so they stay in scope after the @if block. */

  /* meeting location & contact info */ }

  #listing .event-details {

    font-size: 12px;

    width: 215px;

    min-height: 160px;

    float: right;

    margin: 10px 0px 10px 0px;

    padding: 10px 10px 10px 8px;

    /* Be sure it clears below the icon for audience */

    clear: both;

    border-left: solid 1px #cccccc; }

  #listing .location {

    word-wrap: break-word;

    word-wrap: break-all;

    /*IE 6*/ }

  #listing .contact-info {

    word-wrap: break-word;

    word-wrap: break-all;

    /*IE 6*/

    display: block;

    margin: 5px 10px 5px 0;

    width: 115px;

    /* @@@ why is this set? Inspector says the text overflows this, anyways... */ }

  #listing .event-about {

    font-size: 12px;

    /* May 16, 2016, Steve Kisby: Changed "float: left" to "float: none" to remove blank space above event description */
    float: none;

    width: 527px;

    margin: 10px 0px 10px 10px;

    padding-top: 10px;

    padding-right: 8px;

    border-right: solid 1px transparent; }

  #listing .event-image {

    display: block;

    overflow: hidden;

    float: left; }

    #listing .event-image img {

      max-width: 180px;

      max-height: 200px; }

  #listing .event-description {

    display: block;

    float: left;

    width: 342px;

    padding-left: 5px; }

  #listing .end-of-event {

    clear: both; }

  #listing .social-media {

    /* Use whitespace to visually separate from the info 

     * the ride leader entered.

     */

    margin-top: 20px; }

    #listing .social-media a {

      margin-right: 10px; }



#event-page {

  /* Declare variables so they stay in scope after the @if block. */

  /* meeting location & contact info */ }

  #event-page .event-details {

    font-size: 12px;

    width: 176px;

    min-height: 160px;

    float: right;

    margin: 10px 0px 10px 0px;

    padding: 10px 10px 10px 8px;

    /* Be sure it clears below the icon for audience */

    clear: both;

    border-left: solid 1px transparent; }

  #event-page .location {

    word-wrap: break-word;

    word-wrap: break-all;

    /*IE 6*/ }

  #event-page .contact-info {

    word-wrap: break-word;

    word-wrap: break-all;

    /*IE 6*/

    display: block;

    margin: 5px 10px 5px 0;

    width: 115px;

    /* @@@ why is this set? Inspector says the text overflows this, anyways... */ }

  #event-page .event-about {

    font-size: 12px;

    /* May 16, 2016, Steve Kisby: Changed "float: left" to "float: none" to remove blank space above event description */
    float: none;

    width: 436.0px;

    margin: 10px 0px 10px 10px;

    padding-top: 10px;

    padding-right: 8px;

    border-right: solid 1px #cccccc; }

  #event-page .event-image {

    display: block;

    overflow: hidden;

    /*float: right;*/

    padding: 20px 0; }

    #event-page .event-image img {

      max-width: 436.0px;

      max-height: none; }

  #event-page .event-description {

    display: block;

    float: left;

    width: auto;

    padding-left: 0px; }

  #event-page .end-of-event {

    clear: both; }

  #event-page .social-media {

    /* Use whitespace to visually separate from the info 

     * the ride leader entered.

     */

    margin-top: 20px; }

    #event-page .social-media a {

      margin-right: 10px; }



#preview {

  border: 1px #bfbfbf solid;

  padding: 3px;

  /* Preview looks like the event page, not the pop-up listing. */

  /* Declare variables so they stay in scope after the @if block. */

  /* meeting location & contact info */ }

  #preview .event-details {

    font-size: 12px;

    width: 173.6px;

    min-height: 160px;

    float: right;

    margin: 10px 0px 10px 0px;

    padding: 10px 10px 10px 8px;

    /* Be sure it clears below the icon for audience */

    clear: both;

    border-left: solid 1px transparent; }

  #preview .location {

    word-wrap: break-word;

    word-wrap: break-all;

    /*IE 6*/ }

  #preview .contact-info {

    word-wrap: break-word;

    word-wrap: break-all;

    /*IE 6*/

    display: block;

    margin: 5px 10px 5px 0;

    width: 115px;

    /* @@@ why is this set? Inspector says the text overflows this, anyways... */ }

  #preview .event-about {

    font-size: 12px;

    /* May 16, 2016, Steve Kisby: Changed "float: left" to "float: none" to remove blank space above event description */
    float: none;

    width: 430.4px;

    margin: 10px 0px 10px 10px;

    padding-top: 10px;

    padding-right: 8px;

    border-right: solid 1px #cccccc; }

  #preview .event-image {

    display: block;

    overflow: hidden;

    float: right;

    padding: 20px 0; }

    #preview .event-image img {

      max-width: 430.4px;

      max-height: none; }

  #preview .event-description {

    display: block;

    float: left;

    width: auto;

    padding-left: 0px; }

  #preview .end-of-event {

    clear: both; }

  #preview .social-media {

    /* Use whitespace to visually separate from the info 

     * the ride leader entered.

     */

    margin-top: 20px; }

    #preview .social-media a {

      margin-right: 10px; }



.event-info .time {

  color: #666; }



/* On the event page, the title is an H1 element. Override

 * WordPress' default stylings to align things properly.

 */

#event-page .title h1.entry-title {

  /* Align nicely with audience icons */

  clear: none;

  padding-top: 0;

  /* Bring it closer to the date listing below */

  margin-bottom: 0; }



.event-info .title h2 {

  font-size: 18px;

  font-weight: bold;

  display: inline; }



.event-info {

  /* newsflashes for non-canceled events */

  /* The word "CANCELED" that appears before canceled events */ }

  .event-info div.newsflash {

    color: #660000; }

  .event-info span.cancel, .event-info div.cancel {

    /* When canceled, most things have a strikethrough */

    text-decoration: line-through;

    /* Except newsflashes */ }

    .event-info span.cancel.newsflash, .event-info div.cancel.newsflash {

      text-decoration: none;

      color: #cb3d3a; }

  .event-info .title-cancel {

    color: #cb3d3a; }



.event-info h3 {

  font-weight: bold;

  font-size: 14px; }



.event-info a {

  color: #009e8f; }



.event-info .admin-edit-link {

  font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;

  padding-left: 10px; }



/* Includes audience & the fee warning */

.event-info .audience {

  float: right;

  clear: both; }



.event-info .audience img {

  margin-left: 10px; }



#event-page .event-about {

  /* Make the text describing the event be bigger, when showing the event page */

  /* @@@ todo: Make it bigger for preview, too */

  font-size: 14px; }



.event-info .location {

  clear: both; }



.event-info .location a {

  display: block; }



.event-info .leader-name {

  font-size: 14px;

  margin-bottom: 10px; }



.event-info .permalink {

  font-size: 14px;

  margin-top: 20px; }



.event-info .event-navigation {

  display: block;

  clear: both;

  float: left;

  width: 100%;

  margin-top: 10px;

  padding: 10px 0;

  border-top: solid 1px #CCC; }



.event-info .event-navigation p {

  color: #666;

  font-size: 12px;

  margin-bottom: 0; }



.event-info .previous {

  display: block;

  clear: left;

  float: left;

  width: 40%; }



.event-info .next {

  float: right;

  text-align: right;

  width: 40%; }



.event-info .details {

  float: right; }



/*Event Dialog*/

#simplemodal-data {

  padding: 0 10px;

  background-color: white; }



/* Style the pop-up window that events can appear in */

#simplemodal-overlay {

  background-color: black; }



#simplemodal-container {

  height: auto !important;

  max-height: 600px;

  width: 800px;

  color: #111;

  background-color: white;

  border: 4px solid #444;

  padding: 12px;

  z-index: 1000; }



#simplemodal-container br {

  display: none; }



#simplemodal-container a.modalCloseImg {

  background: url(images/x.png) no-repeat;

  width: 25px;

  height: 29px;

  display: inline;

  z-index: 3200;

  position: absolute;

  top: -15px;

  right: -16px;

  cursor: pointer; }



h2.event-submission-preview {

  margin-top: 10px;

  font-size: 20px;

  margin-bottom: 5px; }



/* Container for the whole form */

.new-event-form {

  width: 650px;

  /* Section labels are bigger than normal */

  /* A red that's not too bright */

  /* Labels for the individual controls on the left side */

  /* Controls, instructions, etc. that go with a label */

  /* textarea for entering event description */

  /* Actions at the bottom of the form */

  /* help text */

  /* Indent the radio button */

  /* Error message field */ }

  .new-event-form h2.event-submission-section {

    margin-top: 10px;

    font-size: 20px; }

  .new-event-form .event-submission-label {

    width: 130px;

    clear: both;

    float: left;

    margin-bottom: 20px; }

    .new-event-form .event-submission-label.error {

      /* Wrap the label in a span, so the underline only goes

       * under the text, not the whole width of the div.

       */ }

      .new-event-form .event-submission-label.error span {

        border-bottom-style: solid;

        border-bottom-color: #990000;

        border-bottom-width: 3px; }

  .new-event-form .new-event-controls {

    width: 520px;

    float: right;

    margin-bottom: 20px; }

  .new-event-form h3.event-submission-label {

    font-size: 16px; }

  .new-event-form div.event-submission-label h3 {

    font-size: 16px; }

  .new-event-form input.fullwidth {

    width: 468px; }

  .new-event-form input.narrower {

    width: 312px; }

  .new-event-form #event_descr {

    width: 468px;

    height: 15em; }

  .new-event-form input[type='text'], .new-event-form input[type='email'], .new-event-form input[type='url'] {

    /* override a setting in the theme's stylesheet */

    margin-bottom: 0px; }

  .new-event-form .new-event-actions {

    clear: both;

    margin-top: 15px;

    padding: 5px;

    background-color: gray; }

    .new-event-form .new-event-actions input[type='submit'] {

      font-size: 17px;

      font-weight: bold; }

  .new-event-form label.disabled {

    color: grey; }

  .new-event-form .help, .new-event-form tr.dates-table-tip {

    font-style: italic; }

    .new-event-form .help.hideemail, .new-event-form tr.dates-table-tip.hideemail {

      margin-left: 20px; }

  .new-event-form .email-controls {

    margin-top: 5px; }

  .new-event-form #datelist-container {

    width: 478px;

    max-height: 300px;

    overflow-y: auto;

    border: 1px solid #d9d9d9;

    padding-top: 5px;

    padding-bottom: 5px;

    padding-right: 20px;

    padding-left: 20px; }

  .new-event-form .dates-table-tip td {

    border-top: none; }

  .new-event-form #event-during-festival {

    margin-left: 20px; }

  .new-event-form .optional {

    color: gray;

    font-size: 12px; }

  .new-event-form .error-messages {

    border-style: solid;

    border-color: #990000;

    border-width: 2px;

    margin: 0px;

    padding: 5px;

    padding-left: 10px;

    /* Tighten up spacing between intro paragraph & list */ }

    .new-event-form .error-messages p {

      margin-bottom: 0px; }

    .new-event-form .error-messages ul {

      margin-top: 0px; }

/** Mailchimp **/
.mc-field-group {width:100%;}
#mc_embed_signup{background:#575757; clear:left; font:14px Helvetica,Arial,sans-serif; }
#mc_embed_signup .mc-field-group {width:100%;}
#mc_embed_signup .mc-field-group.fname, #mc_embed_signup .mc-field-group.lname {float: left; width: 46%; clear: none;}
#mc_embed_signup .mc-field-group.fname {margin-right: 4%;}
#mc_embed_signup select {border-radius:3px;height:38px;width:102%;}
#second .textwidget {padding-top:0;}