.gff_qa h2.qa { position: absolute; font-size: 300%; color : #eee; }
.heartbeat-links a { padding: 0 0.5em 2px 0.5em; border : 1px solid #ffffff; }
.heartbeat-links .active { border : 1px solid #000000; border-top : 3px solid #666666; }
.averages { float: right; }
table.graph div.bar { display: inline-block; border : 1px solid #ffffff; }
.heartbeat-links .blog,
.over-bar .bar.blog,
table.graph div.bar.blog { background-color: #87A3CE; }
.heartbeat-links .article,
.over-bar .bar.article,
table.graph div.bar.article { background-color: #DECED4; }
.heartbeat-links .review,
.over-bar .bar.review,
table.graph div.bar.review { background-color: #7BC398; }
.heartbeat-links .forum,
.over-bar .bar.forum,
table.graph div.bar.forum { background-color: #A69FC9; }
.heartbeat-links .pix,
.over-bar .bar.pix,
table.graph div.bar.pix { background-color: #DEDEDE; }
.heartbeat-links .video,
.over-bar .bar.video,
table.graph div.bar.video { background-color: #99C73E; }
.heartbeat-links .wallpaper,
.over-bar .bar.wallpaper,
table.graph div.bar.wallpaper { background-color: #7BC398; }
.heartbeat-links .podcast,
.over-bar .bar.podcast,
table.graph div.bar.podcast { background-color: #d1802e; }
.heartbeat-links .tip_of_the_day,
.over-bar .bar.tip_of_the_day,
table.graph div.bar.tip_of_the_day { background-color: #b9b900; }
.heartbeat-links .fly_of_the_day,
.over-bar .bar.fly_of_the_day,
table.graph div.bar.fly_of_the_day { background-color: #c0c0c0; }


.artist-head { font-family: 'Open Sans', sans-serif; font-weight: 700; color: #004400; font-size: 120%; }

table.graph tr:hover { background-color: #eeeeee; }
table.graph tr:hover div.bar { border : 1px solid #666666; }

/* CSS for blockquote transitions */
blockquote.triggered {transform : scale(1.6); }

/* Wallpaper wizard */
#gff-boxes-wallpaper-wizard-form .node { float: left; padding-top: 0.5em; margin: 0 0.5em 0.5eM 0; width : 230px; height : 180px; text-align: center; border: 1px solid #000000; }
#gff-boxes-wallpaper-wizard-form,
#gff-boxes-wallpaper-wizard-form #edit-submit { margin-bottom: 1eM; }
.wallpaper-grid { clear: both; }

/* Year growth graph */
.graph-years { display: table-cell; }
.graph-years .over-bar { display:inline-block;border:0; width:3px; }
.graph-years .bar { display: block; border-bottom: 0px solid #000000; width:3px; }
.graph-years table { table-layout: fixed; width: 98%; }

/* Videos by subject */
.page-video-by-subject table { width: 100%; margin-bottom: 20px; }
.page-video-by-subject table tr td:first-child { width: 180px; line-height: 1.1em; }
.page-video-by-subject table tr td .node { float: left; height: 80px; background-color: #000000; margin-right: 6px; width: 100px; border: 4px solid #000000; border-radius: 0 10px 0 10px; }
.page-video-by-subject table tr td { height: 90px; border-bottom: 2px solid #cccccc; }
.page-video-by-subject table tr td a:link { box-shadow: none; }

/* Wayne's videos */
table#gff-boxes-waynes-search-table tr.node-row td strong { background-color: yellow; }
table#gff-boxes-waynes-search-table tr.node-row { border-bottom: 1px solid #999999; }

/* Today's Fly */
.node-type-fly-of-the-day #content-sidebar { width : 115px; }
.node-type-fly-of-the-day #content-sidebar h2 { font-size: 100%; }
.todays-fly-block table { table-layout: fixed; width: 100%; }
.todays-fly-block table tr td { text-align: center; }
.page-todays-fly .view-id-todays_fly.view-display-id-page .views-row .views-field-created,
#block-gff-boxes-todays-fly-date,
.todays-fly-block table tr td .views-field-created { position: absolute; margin-left: 240px; background-color: #99cc33; padding: 5px 4px 4px; text-align: center; border-radius: 15px; transform: rotate(0.03turn); box-shadow: 2px 2px 4px rgba(0,0,0,0.5); width: 70px; margin-top: 40px; line-height: 1em; }
#block-gff-boxes-todays-fly-date { margin-left: 730px; margin-top: 0; font-weight: bold; font-size: 110%; }
.page-todays-fly .view-id-todays_fly.view-display-id-page .views-row .views-field-created { margin-left: 350px; }
.page-todays-fly .view-id-todays_fly.view-display-id-page { border : 0px solid red; }
.page-todays-fly .view-id-todays_fly.view-display-id-page .view-content { margin: 0 auto; width : 880px; }
.page-todays-fly .view-id-todays_fly.view-display-id-page .view-footer { clear: both; }
.page-todays-fly .view-id-todays_fly.view-display-id-page .views-row { float: left; margin: 20px; text-align: center; height: 340px; }
.todays-fly-front-page-block table tr td .todays-fly-wrapper { background-color: #eeeeee; border-radius: 0 5px 0 0; height: 150px; overflow: hidden; }
.todays-fly-front-page-block table tr td .todays-fly-wrapper h3 { height : 28px; overflow: hidden; }

.node-type-fly-of-the-day .field-name-field-same-batch { max-height: 270px; overflow: hidden; }
.node-type-fly-of-the-day .field-name-field-same-batch .field-label { font-family: 'Open Sans',sans-serif; font-weight: 700; color: #004400; margin-top: 20px; margin-bottom: 10px; }
.node-type-fly-of-the-day .field-name-field-image a:link,
.node-type-fly-of-the-day #content-sidebar .field-name-field-image a:link { box-shadow: none; }
.node-type-fly-of-the-day #content-sidebar .field-name-field-same-batch .breaker { display: none; }
.node-type-fly-of-the-day #content-sidebar div div h2 { margin-top: 10px; margin-bottom: 0; }
.node-type-fly-of-the-day #content-sidebar div div:first-child h2 { margin-top: 0; }

.field-name-field-articles .node { overflow: hidden; }

#block-gff-boxes-gff-boxes-10k-videos h2 { margin: 0; }
#block-gff-boxes-gff-boxes-10k-videos { float: right; margin-top: -70px; background-color: yellow;  transform: rotate(-0.02turn); box-shadow: 2px 2px 4px rgba(0,0,0,0.5); padding: 6px; z-index: 10;  border-radius: 10px; text-align: center; }

/* Narrower than 750px - mainly phones */
@media all and (max-width: 750px) {
  table#gff-boxes-waynes-search-table tr.node-row td { display: inline-block; }
  #block-gff-boxes-related-content-videos { display: none; }
  .page-todays-fly .view-id-todays_fly.view-display-id-page .views-row { float: none; margin: 0px; text-align: left; }
  .page-todays-fly .view-id-todays_fly.view-display-id-page .views-row .views-field-created { margin-left: 75%; }
}