/* 1. - TOP LEVEL PAGE STRUCTURE */

/* --------------------------- Page + Layout Settings --------------------------- */
html, body {
  height: 100%;
}
body {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 86%;
  margin: 0;
  color: #000;
}
body.buzz {
  background:url('images/bg.gif') repeat scroll 0 0 transparent;
}
#page-wrapper {
  overflow:hidden;
  background:none repeat scroll 0 0 #FFFFFF;
  margin:0 auto;
  clear:both;
  text-align:left;
  width:750px;
  padding:30px 20px 20px;
  border-bottom:3px solid #bfbfbf;
}
#page-content {
  background:#FFF;
}
.left {
  float: left;
}
.right {
  float: right;
}
#page-wrapper-headerless {
  background: transparent;
}
.over_lib {
  font-size: 5em;
  background: #AE0731;
}
/* --------------------------- Anchor Settings --------------------------- */
a, a:link, a:visited, a:active {
  color: #bc2841;
  text-decoration: none;
  -moz-transition: color 0.2s ease-out 0s;
  -webkit-transition: color 0.2s ease-out 0s;
  -khtml-transition: color 0.2s ease-out 0s;
  transition: color 0.2s ease-out 0s;
}
a:hover, a:focus {
  color: #f06d9a;
}
a:active {
  color: #bc2841;
}
a.clear, a.name {
  border: 0;
  padding: 0;
  text-decoration: none;
  border: 0;
  color: #FFF;
}
a.clear:hover, a.name:hover {
  text-decoration: none;
  color: #FFF;
}
/* --------------------------- Headings --------------------------- */
h1, h3, .poll label, .poll .text {
  font-size: 1.3em;
  font-weight: bold;
}
h2 {
  font-size: 1.1em;
  font-weight: bold;
}
h3 {
  font-weight: bold;
  line-height: 1.25;
  margin: 0 0 5px 0;
}
h4 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 5px 0 2px 0;
  padding: 0;
}
h5, h6 {
  font-size: 1em;
  font-weight: bold;
  margin: 5px 0 2px 0;
}
.tag-link-list h3 {
  padding: 5px;
  margin: 0px;
  text-align: center;
}
.highlight {
  background:#ffeb54;
}

/* --------------------------- Site Header --------------------------- */
#header {
  margin:0 auto;
  width:870px;
}
#logo {
  position:absolute;
  z-index:2;
  background:url('images/buzz-logo.png') no-repeat;
  height:147px;
  text-indent:-9999px;
}
#logo a {
  width:225px;
  height:110px;
  display:block;
  outline: none;
}
#logo h1 {
  margin-bottom:0px;
  line-height:normal;
}
#header-tools {
  float:right;
  margin-right:35px;
  width:615px;
  line-height:normal;
}
#header-tools h4 {
  float:left;
  color:#FFF;
  font-size:13px;
  margin-left:140px;
}
#header-tools h4.user {
  margin-left: 280px;
}
#header-tools h4.dashboard {
  margin-left: 200px;
}
#header-tools h4 a {
  color:#ffeb54;
}
#search-form {
  float:right;
  background:#ffec55;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  -moz-box-shadow: 0px 2px 0px #474848;
  -webkit-box-shadow: 0px 2px 0px #474848;
  box-shadow: 0px 2px 0px #474848;
  height:32px;
  width:auto;
  padding:0 8px 0 0
}
#search-form form {
  margin:4px 0 0 16px;
}
#search-form input {
  background: none;
  color:#bc2841;
  border:none;
  font-size:13px;
  padding:0;
  margin:0;
}
#search-form input.form_text {
  background: #fffbdd;
  border:1px solid #cdcdcd;
  font-weight:normal;
  height:18px;
  width:120px;
}
#navigation {
  float: left;
  padding: 0;
  margin: 0;
}
#navigation a {
  float: left;
  font-size:15px;
  font-weight:bold;
  color: #fff;
  padding: 7px;
}
#navigation ul {
  margin: 32px 0 0 0;
  padding: 0px;
  z-index:1500;
}
#navigation ul li {
  float: left;
  margin: 0 2px;
  padding: 0;
  background-image: none;
  list-style-type: none;
  list-style-image: none;
  position: relative;
  line-height:normal;
}
#navigation ul li a {
  white-space:nowrap;
  text-transform: uppercase;
}
#navigation ul li ul li a:hover,
#navigation ul li.active-trail ul li a,
#navigation ul li.on ul li a {
  background: #f8982a;
  color:#FFF;
  border-radius:0px;
  -moz-border-radius:0px;
}
#navigation ul li a:hover,
#navigation ul li.on a,
#navigation ul li.active-trail a {
  color: #bc2841;
  background: #FFF;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -moz-transition: none;
  -webkit-transition: none;
  -khtml-transition: none;
  transition: none;
}
#navigation ul li.active-trail a:hover {
  background: #f8982a;
  color:#FFF;
}
#navigation ul li ul li.first a {
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}
#navigation ul li ul li.last a {
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
}
#navigation ul li ul li a {
  box-shadow: 0px 3px 4px #4d4e4e;
  -moz-box-shadow: 0px 3px 4px #4d4e4e;
  -webkit-box-shadow: 0px 3px 4px #4d4e4e;
}
#navigation ul li a:hover,
#navigation ul li.on a {
  background: #f8982a;
  color:#FFF;
}
#navigation ul li ul {
  position: absolute;
  margin: 0;
  width: 160px;
  margin: 29px 0 0;
  left: -10000px;
}
#navigation ul li:hover ul,
#navigation ul li.over ul {
  left: 0;
  display: block;
}
#navigation ul li li {
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
  background:#f8982a;
}
#navigation ul li li a {
  float: none;
  display: block;
  width:auto;
  border-top: 1px solid #f79226;
  font-size: 15px;
  white-space: normal;
  padding:8px;
  text-transform: none;
}
#navigation ul li li a:hover,
#navigation ul li li a.active {
  color: #fff;
}
#navigation ul li:hover ul li ul,
#navigation ul li ul li ul,
#navigation ul li ul li:hover ul {
  display: none;
}
#navigation h2 {
  display: none;
}
ul.primary {
  margin:10px 0 20px 0;
  position:relative;
  z-index:3;
  width: auto;
}
ul.primary li a {
  padding:4px 1em 0;
  font-weight:bold;
  letter-spacing:.02em;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
}
.breadcrumb {
  padding:0;
  left: 50px;
  top: -10px;
  position: relative;
  z-index: 50;
}
.node-type-sh-journal .breadcrumb,
.page-sciencehouse .breadcrumb,
.node-type-kiosk-page .breadcrumb {
  left: 0px;
}
.section-node-edit .breadcrumb {
  left: 50px;
}

/* --------------------------- Header - User tools menu  --------------------------- */
.user-info {
  float: left;
  font-size: 1em;
  font-weight: bold;
  margin-left: 3px;
  width: 375px;
}
.block-user h2 {
  display: none;
}
.block-user ul,
.block-user .menu ul {
  margin-top: 8px;
  padding: 0;
  line-height: .5em;
}
.block-user .menu li {
  display: inline;
  list-style-type: none;
  padding-right: 0;
}
.block-user .menu li ul {
  display: none;
}

/* --------------------------- Search --------------------------- */
.google-search {
  clear: none;
  margin-right: 5px;
}
.google-search form {
  line-height: 1em;
}
.google-search input.form_text {
  margin: 4px 3px 0 0;
  float: left;
  padding: 3px;
  border: 2px solid #ffce9e;
  background: #FFF;
  font-size: .8em;
}
.google-search input.form_submit {
  margin-top: 3px;
  padding: 2px;
  background: #B30734;
  color: #FFF;
  font-weight: bold;
  font-size: .9em;
  border: 2px solid #ffce9e;
}
.google-search input.form_submit:hover {
  background: #FFFF7E;
  color: #B51284;
}
#finduser-form #edit-search-text {
  width: 50%;
}
.view-find-user .item-list li {
  display: block;
  float: left;
  background: #E9EEE4;
  list-style-type: none;
  padding: 5px;
  margin: 10px 10px 10px 0;
  font-size: 2em;
}
/* --------------------------- Content --------------------------- */
#page_content {
  float: left;
  background:#FFF;
  overflow: hidden;
}
.container .node {
  line-height: 1.3;
  margin-bottom: 2em;
  clear:both;
}
.content p {
  margin: 1em 0;
  padding: 0;
}
hr.node-bar {
  background: #BFE3EE;
  height: 5px;
  color: #BFE3EE;
  border: none;
  margin: .5em 0 2em;
}
/* --------------------------- Node footer --------------------------- */
.node-footer,
.node-footer-teaser {
  border-top: 1px dashed #CCC;
  font-size: 1.1em;
  margin: 1em 0 0 0;
  padding: 1em 0 2em;
}
.node-footer {
  background: #ECF7FA;
}
.node-footer-teaser {
  text-align: left;
  font-weight: bold;
  clear:both;
}
.node-footer-teaser .tags {
  text-align: left;
}
.node-footer-teaser .teaser-tools {
  text-align: right;
}
#block-community_tags-0 .content {
  padding: 0;
  clear: none;
}
#block-community_tags-0 .form-item {
  margin: 0;
}
#block-community_tags-0 .form-item label,
#block-community_tags-0 .form-item .description {
  display: none;
}
#block-community_tags-0 .tag-widget ul {
  background: none;
}
div.tag-widget ul.inline-tags li:hover, div.tag-widget ul.inline-tags {
  padding: 0;
}
div.tag-widget ul.inline-tags li:hover, div.tag-widget ul.inline-tags li {
  background: #DDD;
  padding: .5em 1.5em .5em .5em;
  margin: .25em .5em .25em 0;
  z-index: 2;
}
div.tag-widget ul.inline-tags li:hover, div.tag-widget ul.inline-tags li.hover {
  background: #fdd url('images/delete.png') no-repeat 100% 50%;
  z-index: 2;
}
#block-community_tags-0 .cloud {
  margin-bottom: 1em;
}
#block-community_tags-0 .cloud a {
  margin: .2em 0 .2em .2em;
}
#block-community_tags-0 .tagadelic.level1 {
  font-size : 1em;
}
#block-community_tags-0 .tagadelic.level2 {
  font-size : 1.1em;
}
#block-community_tags-0 .tagadelic.level3 {
  font-size : 1.15em;
}
#block-community_tags-0 .tagadelic.level4 {
  font-size : 1.2em;
}
#block-community_tags-0 .tagadelic.level5 {
  font-size : 1.25em;
}
#block-community_tags-0 .tagadelic.level6 {
  font-size : 1.3em;
}
#block-community_tags-0 .tagadelic.level7 {
  font-size : 1.35em;
}
#block-community_tags-0 .tagadelic.level8 {
  font-size : 1.4em;
}
#block-community_tags-0 .tagadelic.level9 {
  font-size : 1.45em;
}
#block-community_tags-0 .tagadelic.level10 {
  font-size : 1.5em;
}
html.js input.form-autocomplete {
  line-height: 1em;
  padding: .3em;
}
html.js input.form-autocomplete {
  background-position: 100% 7px;
}
html.js input.throbbing {
  background-position: 100% -13px;
}
#block-community_tags-0 {
  margin: .5em 0 .5em .5em;
}
#block-community_tags-0 input {
  margin: .5em .5em 0 0;
}
#block-community_tags-0 #autocomplete {
  border: 1px solid #ccc;
}
#block-community_tags-0 #autocomplete ul li {
  padding: .35em;
}
#block-community_tags-0 #autocomplete ul li.selected {
  background: #BC2841;
}
.node ul.links {
  margin: .5em .5em .5em 0;
  font-weight: bold;
}
.node ul.links li {
  display: block;
  border-bottom: 1px solid #CCC;
  padding: .25em 0;
}
.links a.read-more {
  font-style: italic;
}
/* --------------------------- Promo boxes --------------------------- */
.promo h3 {
  text-transform:uppercase;
  font-size:13px;
  color:#889b70;
  letter-spacing:0.1em;
}
.promo h4 {
  color: #bc2841;
  font-size:20px;
  line-height:22px;
  letter-spacing:-.5px;
  height:auto;
}
.promo h5 {
  position:absolute;
  top:127px;
  left:0px;
  width:100%;
  margin:0;
  padding:0;
}
.promo h5 span a {
  color:#FFF;
  letter-spacing:-0.02em;
  background: #f8982a;
  padding:5px;
}
.img-title-overlay {
  position:relative;
  width:100%; /* for ye olde IE6 */
  height:150px;
  margin-bottom:8px;
}
.arrow {
  color:#FFF;
  font-size:20px;
  margin-left:-25px;
}
.arrow a {
  color:#FFF;
  padding:10px 25px;
}
#promoBoxes .promo {
  line-height:normal;
}
/* --------------------------- Taglist page titles --------------------------- */
.buzz-tag-title {
  padding: 10px 0 10px 0px;
  background: #BFE3EE;
  margin-bottom: 2em;
  border-radius: 10px;
}
.buzz-tag-title h1 {
  font-size: 3em;
  margin: 0;
  padding: 6px;
  text-align: center;
}
.buzz-tag-title p {
  margin: 10px 10px 0 10px;
  font-size: 1.5em;
  background: #FFF;
  padding: 10px;
  text-align: left;
  border-radius: 10px;
}
.buzz-tag-title h1 span.buzz-tag {
  background:#ba2e92;
  color: #FFF;
  padding: 3px;
  line-height: 1.8em;
  white-space: nowrap;
}
.buzz-tag-title h1 span.buzz-tag a {
  color: #FFF;
}
/* --------------------------- Sidebar --------------------------- */
.sidebar .block {
  line-height: 1.1;
}
.sidebar h2,
.sidebar .view-comment-latest h3,
.sidebar .view-comment-latest .latest-comment-body,
.sidebar .item-list ul li {
  padding: 7px 5px 5px 10px;
}
.sidebar h2,
.sidebar .item-list ul li,
#block-block-3 .content a,
.sidebar .view-comment-latest {
  border: 1px solid #FFF;
}
.sidebar h2 {
  background:#B92E92;
  color: #FFEC54;
  margin-bottom: .25em;
}
.sidebar .item-list ul {
  padding: 0px;
}
.sidebar .item-list ul li {
  background: #F4F3EF;
  list-style-type: none;
  margin: 5px 0;
  padding:10px;
  line-height:1.1em;
  font-weight:bold;
}
#block-views-comment_latest-block_3 h2,
#block-buzz_explore-0 h2,
.sidebar #block-views-comment_latest-block_2 h2 {
  background: none repeat scroll 0 0 #FFFFFF;
  padding: 0;
  margin-bottom:5px;
    color: #000;
    font-size: 13px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.view-comment-latest ul li {
  list-style-type: none;
}
.sidebar .view-comment-latest .views-row {
  background: #F4F3EF;
  margin-bottom:13px;
}
.sidebar .view-comment-latest h3 {
  border-top-right-radius:6px;
  border-top-left-radius:6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
}
.sidebar .view-comment-latest h3 a {
  color:#FFF;
  font-size: 14px;
  display: block;
}
.sidebar .view-comment-latest .views-row-1 h3,
.sidebar .view-comment-latest .views-row-5 h3 {
  background: #f8982a;
}
.sidebar .view-comment-latest .views-row-2 h3,
.sidebar .view-comment-latest .views-row-6 h3 {
  background: #b4cd96;
}
.sidebar .view-comment-latest .views-row-3 h3,
.sidebar .view-comment-latest .views-row-7 h3 {
  background: #f16d9a;
}
.sidebar .view-comment-latest .views-row-4 h3,
.sidebar .view-comment-latest .views-row-8 h3 {
  background: #88d0f7;
}
.sidebar .view-comment-latest .latest-comment-footer {
  text-align: right;
  color: #AAA;
  margin-top:5px;
  padding: 3px;
}
.latest-more-link {
  text-align: right;
  clear: left;
  font-weight: bold;
  margin:1em 0 .8em;
}
.view-comment .view-footer {
  padding:.5em 0;
}
#block-buzz_explore-0 .content { /*explore and webring*/
  text-align: center;
  line-height: 2em;
  margin: 0 0 1em 0;
}
#block-buzz_explore-0 .content a {
  background: #BC2841;
  font-weight: bold;
  padding: 0px;
  width: 91px;
  color: #FFF;
  display: block;
  float: left;
  clear: right;
}
#block-buzz_explore-0 .content a.next {
  margin: 0 0 4px 2px;
  width:92px;
}
#block-buzz_explore-0 .content a.prev {
  margin: 0 2px 4px 0;
  width:91px;
}
#block-buzz_explore-0 .content a.random {
  width: 188px;
  margin: 0 0 5px 0;
  clear: left;
}
#block-buzz_explore-0 .content a:hover {
  background: #F6E752;
  color: #D31545;
}
#block-buzz_explore-0 .content a.the_end, #block-block-3 .content a.the_end:hover {
  background: #CCC;
  color: #FFF;
}
#block-buzz_content-0 p {
  font-size:14px;
  margin: 6px 6px 0;
  clear:both;
}
#block-buzz_content-0 img {
  margin: 7px 10px 10px 8px;
}
/* --------------------------- Footer --------------------------- */
#footer {
  color: #FFF;
  font-size: 12px;
  line-height:15px;
  margin: 10px auto 0 auto;
  display: block;
  float:none;
}
#nsf {
  margin-left:-10px;
}
#footer_custom {
  width: 100%;
  color: #FFF;
  font-size: 12px;
  clear: both;
  background: transparent;
}
#footer img {
  margin:0 12px 20px 0;
}
#footer p {
  font-size:12px;
  margin-top:8px;
}
#footer h3 {
  float:right;
  margin-right:-30px;
}
#footer a {
  color: #FFFFFF;
  font-weight: bold;
}
div#admin_footer {
  clear:both;
  margin-top:1em;
}
#block-buzz_utility-0 {
  padding-top: 1em;
  border-top: 1px solid rgb(184, 226, 248);
  clear: both;
  float: left;
  width: 100%;
}
span#validator {
  float:right;
  margin-right:-20px;
}

/* 2. - STYLES FOR THE PRIMARY DYNAMIC CONTENT TYPES */

/* --------------------------- Content-Buzz Blog --------------------------- */
.story-header {
  border-bottom: 10px solid #B8E2FB;
  display: block;
  height: auto;
  margin-bottom: 1em;
  padding-bottom: 10px;
}
.story-header h1,
.story-header h2 {
  font-size: 32px;
  line-height: 1em;
  margin-bottom: 0;
}
.burst-title a:hover,
.story-header a:hover {
  color: #bc2841;
}
.byline {
  padding:8px 0;
}
span.username {
  background: url(images/username.gif) no-repeat;
  padding:6px 0 0 26px;
}
.comment-count {
  background: url(images/bubble.gif) no-repeat;
  padding:6px 0 2px 30px;
}
.date-box {
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: none repeat scroll 0 0 #F8982A;
  color: #FFFFFF;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  padding:7px 0;
  width:60px;
}
.date-box .m, .date-box .y {
  font-size:12px;
}
.date-box .d {
  font-size:20px;
}
.info a {
  font-weight: bold;
}
.story-header .comment-info {
  text-align: center;
  float: right;
}
.story-header .comment-info-box {
  padding-right: 1em;
}
.story-header .comment-info .comment_number {
  font-size: 3em;
}
.node-type-experimonth-signup .help h1,
.page-experimonth-signup .help h1,
div.content-title h1 {
  font-size: 40px;
  margin:8px 0 12px;
  color:#bc2841;
}
#imageData #imageDetails {
  text-align: left;
  margin:0;
  padding-bottom:10px;
  width:auto;
}
.view-profile-blog-posts-by .view-content {
  font-size: 1.1em;
  padding: .5em 0 1em 0;
}
.view-comment-latest .view-content {
  overflow: hidden;
}
#block-buzz_content-0 .user {
  margin-bottom:16px;
}
#block-buzz_content-0 .user a {
  position:relative;
  top:8px;
}

/* --------------------------- Content-Buzz Burst --------------------------- */
.burst-link { background: #D2EBF3 url(images/burst_side_blue.gif) no-repeat 100% 50%; clear:both; }
.burst-otd { background: #E9B8DA url(images/burst_side_purp.gif) no-repeat 100% 50%; clear:both; }
.burst-res { background: #FFC286 url(images/burst_side_orange.gif) no-repeat 100% 50%; clear:both; }
.burst-fact { background: #D2E1BF url(images/burst_side_green.gif) no-repeat 100% 50%; clear:both; }
.burst-title {
  margin-bottom:1em;
}
.burst-title h1,
.burst-title h2 {
  margin:0;
  line-height: 1em;
  font-size: 1.5em;
  padding: 7px 0 0 7px;
}
.burst-title .info {
  margin-left: 10px;
}
.terms-burst {
  float: right;
  padding: 6px 20px 0 5px;
  margin: 0 6px 3px 10px;
  font-size: 1em;
  width: 70px;
  text-align: center;
}

/* --------------------------- Content - Static Images --------------------------- */
img.float-left,
div.float-left { /*used in ootm*/
  float: left;
  clear: none;
  margin: 10px;
}
img.float-right,
div.float-right {
  float: right;
  clear: none;
  margin: 10px;
}
div.float-left,
div.float-right {
  font-size: .9em;
}
.image {
  margin-bottom:1em;
}
.field-content .image {
  margin-bottom:0;
}
span.image {
  text-align: center;
  display: block;
  margin-bottom: 10px;
}
div.caption {
  clear: right;
  font-size: 12px;
  line-height: 15px;
}
span.caption {
  clear:both;
  display:block;
}
.small-image {
  width: 165px;
  float: right;
  clear: none;
  margin: 10px;
  font-size: .9em;
  line-height: 1.2em;
}
.small-image img {
  margin-bottom: 5px;
}
.tiny-image {
  width: 100px;
  float: right;
  clear: right;
  margin: 10px;
  font-size: .9em;
  line-height: 1.2em;
}
.credit {
  color: #808080;
  font-size: 10px;
  margin:5px 0;
}

/* --------------------------- Content - Dynamic Images --------------------------- */
p img {
  margin: 0;
}
.image_shadow,
#image_shadow,
.ootm_image {
  background: #FFF;
  padding: 6px;
  line-height: 1.1em;
  font-size: .9em;
  float: left;
  margin-right: 10px;
}
#tabs .image_shadow,
.content_buzz_blog_post .image_shadow,
.content_buzz_burst .image_shadow,
.ootm_image {
  float: right;
  clear: right;
  margin: 5px 0 7px 7px;
}
#tabs .image_shadow {
  -moz-box-shadow: 4px 4px 4px #cecece;
  -webkit-box-shadow: 4px 4px 4px #cecece;
  box-shadow: 4px 4px 4px #cecece;
  margin: 5px 0 7px 12px;
}
.ootm_image {
  width: 250px;
}
.content_static_content_page .image_shadow img {
  margin-right: 10px;
}
.image_shadow img,
#image_shadow img {
  margin-bottom: 5px;
  background: white;
}
.tag_list_item {
  float: left;
  margin: 5px;
  padding: 3px;
  border: 1px solid #000;
  width: 150px;
  text-align: center;
}
.tag_list_item .image_shadow,
.tag_list_item #image_shadow {
  float: none;
  clear: none;
  border: 0px;
  padding: 0px;
  margin: 0px;
}
.tag_list_item .image_shadow img,
.tag_list_item #image_shadow img {
  margin: 0;
}
/* --------------------------- Content - Kiosk Pages --------------------------- */
#left-sidebar {
  margin-top:140px;
}
.kiosk-page .content-title h1 {
  margin: 0 0 8px 0;
  padding:0;
}
.kiosk-page-video-wrapper {
  float:right;
  margin:0 0 24px 24px;
  width:280px;
}
.kiosk-page-image-wrapper-full {
  float: right;
  margin: 0 0 24px 24px;
  width: 280px;
}
.node-type-kiosk-page .credit {
  clear: both;
  color: #666;
  text-align: right;
}
.node-type-kiosk-page .credit p {
  margin:0 10px 0 0;
  padding:0;
}
.kiosk-page-image-wrapper-full .caption {
  float: none;
  text-align: left;
  font-size:12px;
  line-height:15px;
  color:#3d3d3d;
  margin:0;
  padding:0;
  font-weight: bold;
}
.kiosk-page-image-wrapper-full .caption p {
  margin: .5em 0;
}
.kiosk-page .kiosk-related-block h2,
.field-field-kiosk-page-related-1-title,
.field-field-kiosk-page-related-2-title,
.node-type-kiosk-page .block-aggregator h2,
h2#kiosk-blog-headline {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  line-height: normal;
  margin-bottom: 10px;
}
.field-field-kiosk-page-related-1-image img,
.field-field-kiosk-page-related-2-image img {
  width:230px;
  margin-bottom:4px;
}
.field-field-kiosk-page-links {
  font-size:15px;
}
.field-field-kiosk-page-links a {
  font-weight:bold;
}
a.kiosk-page-related-content-subtitle {
  font-size: 1.3em;
  color:#bb2941;
  font-weight:bold;
}
#kiosk-related-links ul {
  margin: 0;
}
#kiosk-related-links ul li {
  border-bottom: 1px solid #C8D6AC;
  line-height:normal;
  padding: 12px 0;
}
#kiosk-related-links ul li:first-child {
  padding-top:0px;
}
#kiosk-related-links ul li:last-child {
  border-bottom:none;
}
.kiosk-blog-content {
  float: left;
  width: 100%;
}
.kiosk-blog-content ul {
  margin:0;
}
.node-type-kiosk-page .block-aggregator ul {
  margin:0;
  padding:0;
  list-style-type: none;
}
.node-type-kiosk-page .block-aggregator .more-link {
  display: none;
}
.kiosk-blog-content .views-field-title,
.node-type-kiosk-page .block-aggregator li {
  font-weight:bold;
  font-size:15px;
  line-height:normal;
}
.node-type-kiosk-page .block-aggregator li {
  list-style: none;
  float:left;
  width:125px;
  margin:0 20px 10px 0;
}
.kiosk-blog-content .views-field-created {
  color:#bfbfbf;
  font-size:11px;
  margin-top:3px;
}
.kiosk-blog-content ul li {
  border: none;
  display: block;
  float: left;
  list-style: none;
  margin: 0 12px 24px 0;
  padding: 0;
  width: 125px;
  color:#bc2840;
}
h2#kiosk-blog-headline,
.node-type-kiosk-page .block-aggregator h2 {
  clear:both;
  border-top:1px solid #c5e1f7;
  padding-top:20px;
  margin:10px 0 17px;
}
.kiosk-navigation-next {
  background: url('images/bg_next.gif') no-repeat;
  font-size:22px;
  padding:8px 10px;
  color:#FFF;
  line-height: normal;
  width: 50px;
  display: inline-block;
  vertical-align: top;
}
.kiosk-navigation-link {
  background: #fab160;
  color:#FFF;
  font-size:15px;
  margin-left:1px;
  padding:10px;
  line-height: normal;
  display: inline-block;
  vertical-align: top;
  height: 20px;
}
.point {
  background: url('images/bg_next_point.gif') no-repeat top right;
  height:40px;
  width:20px;
  display: inline-block;
  vertical-align: top;
}
#block-menu_block-1 ul.menu ul.menu li.active {
  padding:0;
}
.menu-name-menu-kiosk-navigation ul {
  padding: 0;
  text-align:right;
}
.menu-name-menu-kiosk-navigation ul li {
  margin:0 0 20px 0;
  list-style-image: none;
  list-style-type: none;
}
#block-menu_block-1 h2,
#block-menu_block-1 .kiosk-home a,
.menu-name-menu-kiosk-navigation a,
.menu-name-menu-kiosk-navigation a:link,
.menu-name-menu-kiosk-navigation a:visited,
.menu-name-menu-kiosk-navigation a:active {
  color:#889b70;
  font-weight:bold;
  font-size:14px;
  line-height: 15px;
}
.menu-name-menu-kiosk-navigation ul li ul {
  margin:10px 0;
}
.menu-name-menu-kiosk-navigation ul li ul li {
  padding:0px;
}
.menu-name-menu-kiosk-navigation li.expanded {
  padding:0;
}
#block-menu_block-1 h2,
#block-menu_block-1 ul li.active-trail {
  background: #dbe5cc;
  padding: 10px 8px 8px;
  text-align: right;
  border-radius:10px;
  -moz-border-radius: 10px;
}
#block-menu_block-1 .kiosk-home {
  color: #DBE5CC;
  margin:0 0 20px;
  padding:0 6px;
  text-align:right;
}
.kiosk-navigation-step {
  margin:1em 0 2em;
  clear:both;
}
.kiosk-navigation-next a,
.kiosk-navigation-next a:visited,
.kiosk-navigation-link a,
.kiosk-navigation-link a:visited {
  color:#FFF;
}
.date-clear-block {
  margin:1em 0;
}
.kiosk-page-media .kiosk-page-image-wrapper-full {
  float: none;
  margin: 0;
  width: auto;
}
.kiosk-page-media .kiosk-page-image {
  float: left;
  margin: 0 0 20px 20px;
  width: 280px;
}
.kiosk-page-media .kiosk-page-image:nth-child(odd) {
  clear: both;
}
.kiosk-page-media .kiosk-page-image .title {
  background: none repeat scroll 0 0 #F8982A;
  color: #FFFFFF;
  display: inline;
  font-weight: bold;
  line-height: normal;
  padding: 8px 20px;
  position: relative;
  text-transform: uppercase;
  top: 23px;
  z-index: 4;
}
.kiosk-page-media .kiosk-page-image .hover .title {
  background: none repeat scroll 0 0 #FFEC55;
  color: #BC2841;
}
.kiosk-page-media .kiosk-page-image .caption {
  font-weight: normal;
  font-size: 1em;
  line-height: 1.5em;
  padding: 0 4px 4px;
  margin: 1em 0;
}
.kiosk-page-tabs #tabs {
  clear: both;
  float: left;
  padding: 0 0 1em 0;
  margin: 1em 0 1.5em;
}
.kiosk-page-tabs #tabs p {
  margin: 0;
  padding: 0 0 .5em 0;
}
.kiosk-page-tabs #tabs h4 {
  margin: 5px 0 12px;
}
.kiosk-page-tabs #tabs ul li {
  list-style: none;
}
.page-buzz-menu-add-content h1 {
  margin: 1em 0 .6em;
}
.page-buzz-menu-add-content ul {
  font-size:1.2em;
  font-weight: bold;
  margin:8px 8px 16px;
}
.page-buzz-menu-add-content ul li {
  padding: 0 0 6px;
  list-style-type: square;
  margin-left: 16px;
}

/* --------------------------- Admin - Kiosk Pages --------------------------- */
.group-kiosk-page-meta {
  position:relative;
  top:-150px;
}
.group-kiosk-page-meta #preview {
  width: 130px;
  position:relative;
  left: 145px;
  top: -145px;
  margin-bottom:-120px;
  min-height: 135px;
}
.group-kiosk-page-meta .form-radios,
.group-kiosk-page-meta label {
  clear: left;
}
#edit-field-kiosk-page-homepage-value-wrapper {
  clear: both;
  margin-top: 12px;
  float: left;
}
.section-node-addkiosk-page #edit-title-wrapper,
.node-type-kiosk-page #edit-title-wrapper {
  clear: both;
  margin-top:-140px;
}
.section-node-addkiosk-page fieldset.taxonomy,
.node-type-kiosk-page fieldset.taxonomy {
  border: none;
  position:relative;
  top:20px;
  z-index: 5;
  left: 400px;
}
#field_kiosk_page_image_values textarea#edit-field-kiosk-page-image-0-data-image-credit-body,
#field_kiosk_page_image_values textarea#edit-field-kiosk-page-image-1-data-image-credit-body,
#field_kiosk_page_image_values textarea#edit-field-kiosk-page-image-2-data-image-credit-body,
#field_kiosk_page_image_values textarea#edit-field-kiosk-page-image-3-data-image-credit-body {
  height: 40px;
}
#field_kiosk_page_image_values textarea#edit-field-kiosk-page-image-0-data-image-caption-body,
#field_kiosk_page_image_values textarea#edit-field-kiosk-page-image-1-data-image-caption-body,
#field_kiosk_page_image_values textarea#edit-field-kiosk-page-image-2-data-image-caption-body,
#field_kiosk_page_image_values textarea#edit-field-kiosk-page-image-3-data-image-caption-body {
  height: 70px;
}
table#field_kiosk_page_video_values td {
  padding:10px 0 20px;
}
div#edit-field-kiosk-page-video-0-emfields-title-wrapper,
div#edit-field-kiosk-page-video-1-emfields-title-wrapper,
div#edit-field-kiosk-page-video-2-emfields-title-wrapper {
  padding:10px 0;
}
table#field_kiosk_page_video_values thead {
  display:none;
}
div#field-kiosk-page-video-items .description {
  display:none;
}
div#field-kiosk-page-video-items table .description {
  display: block;
}
#group_kiosk_page_tab_values .form-item {
  padding: 1em 0 .5em;
}
fieldset.group-kiosk-image legend,
fieldset.group-kiosk-page-tab legend {
  font-size: 1.5em;
  color: #889B70;
  letter-spacing: 0.03em;
}
fieldset.group-kiosk-image td legend,
fieldset.group-kiosk-page-tab td legend {
  font-size: 1em;
  text-transform:none;
}
fieldset.group-kiosk-image ul.tips,
fieldset.group-kiosk-image ul.tips li {
  width: 360px;
  white-space: normal;
}
fieldset.group-kiosk-page-tab ul.tips,
fieldset.group-kiosk-page-tab ul.tips li {
  width: 95%;
  white-space: normal;
}
#edit-group-kiosk-page-tab-0-field-kiosk-page-tab-body-value,
#edit-group-kiosk-page-tab-1-field-kiosk-page-tab-body-value,
#edit-group-kiosk-page-tab-2-field-kiosk-page-tab-body-value,
#edit-group-kiosk-page-tab-3-field-kiosk-page-tab-body-value {
  height: 130px;
}
.img_assist_button {
  margin: 3px 5px;
}

/* --------------------------- Nodes - Science House journals --------------------------- */
.sh-journal .date-box {
  float: left;
}
.sh-journal h1.title {
  float:left;
  font-size:2em;
  padding: 4px 10px;
}
.sh-journal .info {
  clear:both;
  margin-left:70px;
  position:relative;
  top:-28px;
}
#materials {
  background: none repeat scroll 0 0 #DBE5CC;
  float: left;
  margin-right: 10px;
  padding: 10px;
  width: 40%;
}
#materials li {
  line-height: 1.3em;
  list-style: square;
}
#activity {
  float: left;
  width: 30%;
}
#activity_image {
  float:right;
  margin-left: 30px;
  width: 280px;
}
#activity_image #caption {
  width: 250px;
  margin: 4px 2px;
}
/* Journal list page */
.view-sci-house-journals p#journal {
  float: left;
  width: 400px;
}
.view-sci-house-journals p#post_button a {
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  float: left;
  font-family: Verdana, Arial;
  font-size: 16px;
  left: 30px;
  line-height: 1.4em;
  padding: 1em 2em;
  position: relative;
  text-align: center;
  top: 8px;
  width: 120px;
  background: #F8982A;
  color: #FFFFFF;
}
.view-sci-house-journals p#post_button a:focus,
.view-sci-house-journals p#post_button a:active,
.view-sci-house-journals p#post_button a:hover {
  background: none repeat scroll 0 0 #FFEC55;
  color: #9B227A;
}
.view-sci-house-journals .view-header h3 {
  border-bottom: 1px dashed #CECECE;
  clear: both;
  color: #9B227A;
  font-size: 1.7em;
  line-height: 1.25;
  margin: 0 0 1em;
  padding: 0.5em 0 0.2em;
  width: 60%;
}
.view-sci-house-journals .views-row {
  padding:0 14px 1.5em 0;
  margin:1em 0;
  background:#eeeeee;
  clear:both;
  min-height: 130px;
}
.view-sci-house-journals .views-row-even {
  background: #DBE5CC;
}
.view-sci-house-journals .views-row {
  padding: 14px;
}
.view-sci-house-journals .views-row img {
  margin: 0 14px 14px 0;
  float: left;
  border: 1px solid #AAAAAA;
}
.view-sci-house-journals .views-field-comment-count {
  position: relative;
  left: -14px;
  top: -14px;
  margin-bottom: -28px;
  width: 110px;
  -moz-box-shadow: 1px 1px 1px #333;
  -webkit-box-shadow: 1px 1px 1px #333;
  box-shadow: 1px 1px 1px #333;
  color: #FFFFFF;
  background: #F8982A;
  font-weight: bold;
  height: 30px;
  padding: 0 0 0 6px;
}
.views-field-nothing a.read_more {
  font-weight: bold;
  float:right;
  margin-right:14px;
}

/* --------------------------- Admin - Science House journals --------------------------- */
img#sh_journal_form {
  float:right;
  margin-left:14px;
  padding: 4px;
  border:1px solid #cccccc;
  height: 150px;
  width: 200px;
}
table#field_sh_materials_values td {
  padding: 10px 10px 10px 5px;
}
table#field_sh_materials_values input.text {
  padding: 10px;
}
form#node-form .grades {
  float:left;
  margin-right:120px;
}
#edit-field-sh-students-0-value-wrapper {
  float: left;
  margin-right: 50px;
  width: 180px;
}
#edit-field-sh-time-0-value-wrapper {
  width: auto;
  float: left;
}
#conditional-field-sh-st-earth,
#conditional-field-sh-st-life,
#conditional-field-sh-st-phys,
#conditional-field-sh-st-hist {
  margin-left: 3em;
}
#conditional-field-sh-st-earth .form-checkboxes .form-item,
#conditional-field-sh-st-life .form-checkboxes .form-item,
#conditional-field-sh-st-phys .form-checkboxes .form-item,
#conditional-field-sh-st-hist .form-checkboxes .form-item {
  margin-left: .5em;
}
#edit-field-sh-description-0-value-wrapper,
fieldset.sh-journal {
  float: right;
  width: 525px;
}
#edit-field-sh-description-0-value {
  height: 150px;
}
#conditional-field-sh-standards,
#field-sh-images-items {
  clear: both;
}
#group-sh-images-items {
  border-top: 1px solid #CCCCCC;
  margin-top: 1.5em;
  padding-top: 1.5em;
}

/* --------------------------- Admin - Nodes --------------------------- */
form#node-form .description {
  margin: 8px 0;
  font-size: .85em;
}
.filefield-element .widget-edit {
  width: 400px;
}
.widget-edit .content-multiple-remove-button {
  top: 14px;
  position: relative;
  margin: 0 10px;
}

/* --------------------------- Content - SOTS Pages --------------------------- */
.sots-archive h4 img {
  margin: 0 4px;
}
.sots-left {
  border: 4px solid #b4cc95;
  float: left;
  padding: 10px;
  width: 400px;
}
.sots-right {
  border: 4px solid #F54A91;
  float: right;
  margin: 0;
  padding: 10px;
  width: 280px;
}
.node ul.subpage_navigation {
  padding: 1em 0;
}
.node ul.subpage_navigation li {
  border: none;
  float: left;
  list-style: none;
  margin: 12px;
  padding: 0;
  text-align: center;
  width: 170px;
  line-height: 1.5em;
}
.node ul.subpage_navigation li a {
  color: #D31145;
  font-size: 1.2em;
  font-weight: bold;
}
.content_scientist_on_the_spot_qu .box {
  background: none;
}
/* --------------------------- Content - Slideshows --------------------------- */

.slides div#slide-nav {
  float:right;
  margin-right:60px;
}

.slides div#slideshow {
  clear:both;
  min-height: 600px;
}

.slides div#title {
  float:left;
  width:70%;
  padding-bottom:20px;
}

/* 3. - CORE DRUPAL SPECIFIC ELEMENTS */

/* --------------------------- Forms --------------------------- */
input,
textarea {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 1em;
  border:1px solid #CCC;
  background: #FFF url(images/input_bg.gif) repeat-x center top;
  padding: .35em;
}
input.text, input.title, textarea, select {
  margin:0;
}
#views-bulk-operations-submit {
  padding:0;
}
.views-exposed-form .views-exposed-widget .form-submit {
  margin-top:1.2em;
}
input {
  color: #921e74;
  font-weight: bold;
}
select {
  background: #EEE;
  font-size:1em;
}
select option {
  padding: .1em 2em .1em 1em;
}
textarea {
  color: #000;
  line-height: 1.3em;
}
.form-item,
h3.form-title {
  text-align: left;
}
.form-submit,
.form-button {
  margin: 0 .5em .5em 0;
  padding: 5px;
  background: #BC2841;
  color: #FFF;
  border: 1px solid #FFF;
  float:right;
}
.form-radio,
.form-checkbox {
  background: transparent;
  border: 0;
}
.tag-widget .form-button {
  float:none;
}
/* --------------------------- Pager --------------------------- */
.item-list .pager {
  text-align: center;
  background: #DCE8CD;
  margin: 0 0 2em 0;
  padding: .5em 0;
  width: 100%;
}
.item-list .pager li {
  display: inline;
  margin: 0;
  padding: 0;
}
.item-list li.pager-current,
.item-list .pager a {
  padding: 0 6px;
  text-decoration: none;
  border: none;
  font-weight: bold;
  color: #D31145;
}
.item-list .pager a:hover,
.item-list .pager a:focus {
  color: #B51284;
}
.item-list .pager a:active {
  color: #606;
}
.item-list .pager .pager-current{
  padding: .2em;
  color: #B51284;
  font-size: 1.8em;
}
/* --------------------------- Collapsable fieldsets --------------------------- */
fieldset table {
  margin: 1px;
  padding: 0px;
}
fieldset legend {
  font-size: 1em;
}
/* --------------------------- Tables --------------------------- */
th {
  background: #FFF;
}
tr.even td {
  background: #E8F0DF;
}
tr.odd td {
  background: #F8FAF5;
}

/* --------------------------- Lists --------------------------- */
ul li {
  line-height: 1em;
  list-style:none;
}
.content_buzz_blog_post ul li,
.content_buzz_burst ul li,
.kiosk-page ul li {
  list-style: disc;
  line-height:1.2em;
  padding: 8px 0;
  font-size:1.1em;
  margin:0 10px;
}
.help ul li,
ul.messages li {
  border-bottom: 1px dashed #BBB;
  line-height: 1.5em;
  padding: .5em;
}
.messages li {
  line-height: 1.5em;
}
.help ul li:last-child, ul.messages li:last-child {
  border-bottom: none;
}
div.help {
  margin-bottom: 1em;
}
.messages {
  padding:16px 30px 16px 54px;
}
div.error {
  padding: 8px 12px;
}
#close-msg {
  cursor: pointer;
  float: right;
  line-height: normal;
  font-size: 26px;
  padding: 3px 8px;
}
#message ul {
  margin: 0;
  padding:0;
}
dl dt,
dl dd {
  line-height: 1.2em;
  margin: 0;
  padding: .5em;
  border-top: 3px solid #BFE3EE;
}
dl dt {
  float: left;
  clear: left;
  font-size: 1.2em;
  font-weight: bold;
  width: 28%;
}
dl dd {
  float: left;
  width: 65%;
}
dl dd p {
  font-size: 1.2em;
}
/* --------------------------- Misc HTML/Text Formating --------------------------- */
blockquote {
  border: 1px #E0EFF1 solid;
  margin: 10px 10px 10px 20px;
  padding: 10px;
  font-style: italic;
  font-family: "Times New Roman", Times, serif;
  font-size: 1.1em;
}
blockquote#sots {
  margin-left:0px;
  width:400px;
}
blockquote.special {
  float: left;
  clear: none;
  border: 3px #C50083 solid;
  margin: 10px 10px 10px 0;
  background: #F8E7F3;
  width: 42%;
  padding: 10px;
  font-style: italic;
}
.citation {
  font-style: italic;
  text-align: right;
}
br.clear {
  clear: both;
}
.node code {
  display: block;
  font-size: .8em;
  font-family: Profont, 'lucida console', 'Courier New', Monaco, monospace;
  margin: 5px auto;
  padding: 10px;
  background: #DFF1F6;
}
hr {
  clear: both;
  width: 100%;
  border: 1px dashed #F6E752;
}
hr.space {
  border: none;
}
img {border: 0;}
p,
.book {
  padding: 0 0 0.5em 0;
  margin: 0;
  font-size: 1.2em;
}
div.error {
  background: none repeat scroll 0 0 #FEF1EC;
  color: #CD0A0A;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.02em;
  border:1px solid #CD0A0A;
}
.error, .notice, .success {
  margin-bottom: 0px;
}
.status {
  border: 5px solid #b4cc95;
}
#message {
  background: #ECF7FA url(images/message_bg.gif) no-repeat 5px;
  font-size:20px;
  margin:0 0 1em;
  padding:0;
}
pre {
  background: #ddd;
  border: 1px solid #aaa;
  padding: 0.75em 1.5em;
  font-size: .8em;
}
.preview .node {
  background-color: #FFF;
}
.tabs li .active,
.tabs li .active:hover  {
  color: #ccc;
  background: #fff;
  font-size: 1.3em;
}
ol li,
ol li.first {
  margin-left: 20px;
}

/* 4. - COMMENTS STYLES */

/* --------------------------- Comments-form --------------------------- */
#comments {
  clear: both;
}
#comments .box {
  background: #FFF;
  padding: 0;
  margin: 0;
}
#comments-title,
#comments .box h2 {
  font-size: 1.2em;
  margin: 1.8em 0 0.2em .3em;
}
#comment-form input {
  float: left;
  width: 250px;
}
#comment-form .fieldset-wrapper input {
  width: auto;
}
#comment-form input.form-submit {
  float: right;
  width: auto;
}
#comment-form {
  background: #F0F5EA;
  float: left;
  width: 530px;
  margin-bottom:2em;
  padding: 10px;
  border-radius: 8px;
}
#comment-form textarea {
  height: 150px;
}
#comment-form .form-item {
  float: left;
  clear: both;
  width: 520px;
  margin: 10px 0;
}
#comment-form .form-item label {
  float: left;
  width: 150px;
  text-align: right;
  margin-right:10px;
}
#edit-comment-wrapper .form-item input,
#edit-comment-wrapper .form-textarea {
  width: 350px;
  margin: 0px;
}
html #comment-form .form-item .resizable-textarea {
  width: 250px;
  float: left;
}
#comment-form .description {
  margin: 5px 10px;
}
#comment-form #edit-mail-wrapper .description {
  position:relative;
  left: 150px;
  width: 240px;
  color: #444444;
  float: left;
}
#comment-form p {
  display:none;
}
#comment-form ul.tips {
  color: #444444;
  font-size: 1em;
  list-style: none;
  width: 350px;
  position:relative;
  left: 150px;
  margin: 12px;
  clear: both;
}
#comment-form ul.tips li {
  line-height: 1.5em;
  margin: 0.5em 0;
  padding: 0.5em 0;
  border-bottom: 1px dashed #BBB;
}
#comment-form ul.tips li:last-child {
  border-bottom: none;
}
#comment-form .collapsible ul.tips {
  left: 0px;
  width: 320px;
}
#img_assist-link-edit-comment {
  float:right;
  margin:8px;
  clear: both;
}
#comment-form fieldset {
  float: left;
  width: 350px;
  margin-left: 155px !important;
}
html.js #comment-form fieldset.collapsible .fieldset-wrapper {
  float: left;
  width: 355px;
  margin: 0;
}
#comment-form .fieldset-wrapper .form-item {
  width: 335px;
}
#comment-form #edit-submit-1 {
  margin-right:1em;
}
#comment-form .fieldset-wrapper .form-item  label {
  float: none;
  width: 375px;
  margin: 0;
  text-align: left;
}
.page-comment .box {
  margin:0;
  background:#FFF;
}
.page-comment #comment-form {
  width:auto;
}
.page-comment #edit-comment-wrapper .form-item input, .page-comments #edit-comment-wrapper .form-textarea {
  width:500px;
}
#comment-form #edit-mollom-captcha {
  position: relative;
  left: 160px;
  top: 10px;
}
#comment-form #edit-mollom-captcha-wrapper .description {
  float: none;
  margin: 10px;
  top: 10px;
  left: 150px;
  position: relative;
}

/* --------------------------- Comments --------------------------- */
.comment,
.preview .comment {
  border: solid 1px #eee;
  background: #F0F5EA;
  padding: 1em 1em 1.5em 1em;
  margin: 0.5em 0.4em 0.5em 0.7em;
  border-radius: 2px;
}
.comment .content {
  width: 75%;
  float: right;
}
.comment .date {
  padding-top:14px;
}
.comment .links, .comment .date {
  text-align: right;
  margin-top: 10px;
  clear: both;
}
.comment .links a {
  padding: 5px;
  background: #F7f7f7;
}
.comment .links ul li {
  margin: 0 0 0 5px;
  padding: 0;
}
.comment .picture {
  float: left;
  margin: 5px;
  text-align: center;
  width: 100px;
  border: none;
  line-height: 1.2em;
}
.comment blockquote {
  background: #FFFEEA;
}
.odd-new,
.even-new {
  background: #D2E1BF url(images/comment_new_even.gif) no-repeat top right;
}
.odd {
  background: #e9f2f7;
}

.view-comments-recent .views-row {
  clear: both;
  float: left;
  margin: 10px 20px;
  padding: 10px;
  border-bottom: 1px dashed #c1c1c1;
  line-height: 1.2em;
}
.view-comments-recent .views-row li {
  list-style: square;
}
/* --------------------------- Comments - Scientist on the Spot features --------------------------- */
.question {
  clear: both;
}
.question .content,
.question .content p {
  color: #333;
  font-size: 1.1em;
  font-weight: bold;
}
.answer {
  font-size: .9em;
  font-weight: normal;
  background: #bae2f8;
  padding-top: 25px;
}
.answer .content:before {
  content: "Answer";
  color: #f8972b;
  font-size: 2em;
  float: right;
  padding: 0 0 10px 10px;
}
.question .content {
  width: 82%;
  float: right;
}
a.sots_qu_scientist {
  display: block;
  float: left;
  margin: 0 24px 0 0;
  }
/* --------------------------- Comments - Custom Form --------------------------- */
.comment-half-page { /* Scientist on the Spot and Object of the Month */
  float: right;
  width: 350px;
  padding: 5px;
  margin: 0 0 0 10px;
}
.comment-half-page h2 {
  color: #F8982A;
  font-size: 1.5em;
  margin-bottom: 8px;
  text-align: left;
}
.comment-half-page #comment-form {
  width: 340px;
}
.comment-half-page #edit-comment-wrapper {
  position: relative;
  left: 25px;
  width: auto;
}
.comment-half-page #comment-form .form-item label {
  margin-top: 0;
  width: 95px;
  display: block;
}
.comment-half-page #edit-comment-wrapper label {
  position: relative;
  left: -20px;
}
.comment-half-page #comment-form .form-item input,
.comment-half-page #comment-form .form-item a {
  width: 220px;
  float: left;
}
.comment-half-page #comment-form .form-item a {
  padding: 5px;
}
.comment-half-page #edit-comment-wrapper .form-textarea,
.comment-half-page #comment-form .form-item .resizable-textarea {
  width: 300px;
}
.comment-half-page #comment-form  fieldset {
  display: none;
}
html.js .comment-half-page #comment-form  fieldset.collapsible .fieldset-wrapper {
  display: none;
}
.comment-half-page a {
  background: #FFF;
  padding: 2px;
}
div.node div.content .comment-half-page ul.tips,
div.node div.content .comment-half-page p,
.comment-half-page #comment-form .form-item .description {
  display: none;
}
.comment-half-page #comment-form #edit-preview {
  float: left;
  margin-left: 15px !important;
  margin-left: 30px;
}
.comment-half-page #comment-form .img_assist-button {
  float: left;
  width: 100%;
  padding: 3px 3px 2px 3px;
  margin: 0 0 10px 15px;
}
.comment-half-page #comment-form .form-submit {
  width: 45% !important;
  width: 43%;
}
/* --------------------------- Comments - Latest comments --------------------------- */
.view-comment-latest .views-view-grid td {
  background: none repeat scroll 0 0 #F7F7F7;
  border: 1px solid #CCCCCC;
  float: left;
  margin: 8px;
  padding: 10px;
  width: 335px !important;
}
.view-comment-latest .views-view-grid h3 {
  background: #b4cc95;
  padding: 7px;
  font-size: 1em;
}
.latest-comment-page-body {
  background: none repeat scroll 0 0 #F7f7f7;
  color: #333333;
  font-size: 1em;
  padding: 7px;
}
.latest-comment-page-by {
  text-align: right;
  font-size: .9em;
  color: #AAA;
}
.latest-comment-page-footer {
  background: none repeat scroll 0 0 #FFFFFF;
  padding: 7px;
  text-align: center;
}
.latest-comment-page-footer a {
  background: #FFF; padding: 3px;
}
.latest-comment-page-nav {
  text-align: center;
}
.latest-comment-page-nav ul li {
  display: inline;
  list-style-type: none;
  border: 1px solid #ccc;
  padding: 4px;
}
.latest-comment-page-nav ul li span {
  color: #ccc;
}

/* 5. - CORE DRUPAL MODULE STYLES
/* --------------------------- Aggregator --------------------------- */
#aggregator {
  clear: none;
  position: relative;
  margin: 0 auto 0 20px;
}
#aggregator .feed img {
  float: right;
}
#aggregator .feed-item {
  padding: 10px;
  margin: 10px 20px 10px 0px;
  background: #E8F0DC;
  line-height: 1.3em;
}
#aggregator h2 {
  margin: 8px 0 4px 0;
  width: 60%;
  border-bottom: 1px solid #333;
}
#aggregator h3 {
  margin: 5px;
}
#aggregator .feed-item h3.title {
  font-size: 1.2em;
  background: #CADCB1 url(images/aggregator_round_top.gif) no-repeat top left;
  float: none;
  border-bottom: 1px #FFF solid;
  padding: 8px;
  margin: 0;
}
#aggregator .feed-item .description {
  clear: none;
  padding: 8px;
}
#aggregator .feed-item-meta {
  text-align: center;
  font-style: italic;
  font-size: .7em;
  padding: 20px 0 3px 0;
  background: transparent url(images/aggregator_swirly.gif) no-repeat top center;
}

#aggregator .feed-item .feed-item-body .feed {
  font-size: 1em;
}
#aggregator td {
  vertical-align: bottom;
}
#aggregator td.categorize-item {
  white-space: nowrap;
}
#aggregator .feed-item .feed-item-body {
  margin-top: 0;
  padding: 10px;
}
#aggregator .categorize-item h3 {
  margin-bottom: 1em;
  margin-top: 0;
}

/* --------------------------- Poll --------------------------- */
.poll .form-item {
  background: #FFFDD7;
  border-right: 2px solid #B0AE95;
  border-bottom: 2px solid #DEDCBC;
  padding: 0;
  display: block;
  margin: 5px;
}
.poll .form-item .form-radio {
  margin: 10px;
}
.poll .form-item label {
  padding: 15px 10px 10px 40px;
  display: block;
  width: 90%;
  font-weight: bold;
  margin: -40px 0 0 -0px;
}
.poll .text {
  font-weight: bold;
  margin: 0px;
}
/* --------------------------- User Login/Registration --------------------------- */
.login_form,
.pass_form,
.registration_form {
  margin-bottom: 20px;
  padding: 0 0 0 20px;
  text-align: left;
}
.registration_form .form-submit,
.login_form .form-submit {
  float:none;
}
.pass_form .pass_form_items,
.login_form .forgotten_password,
.login_form .login_form_items,
.registration_form fieldset,
.registration_form .privacy,
div#edit-validateage-dob-wrapper {
  width: 300px !important;
  width: 260px;
  margin: 10px 20px 20px 0;
  padding: 15px;
  float: left;
  background: #ECF7FA;
  border: 5px solid #b4cc95;
}
div#edit-validateage-dob-wrapper {
  margin-top:20px;
}
.pass_form .forgotten_password,
.login_form .forgotten_password,
.registration_form .privacy {
  background: #FFF;
  border: 5px solid #FFF;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5em;
  padding: 0;
  text-align: left;
}
.pass_form .forgotten_password,
.login_form .forgotten_password {
  padding-top: 15px;
}
.pass_form .pass_form_items legend,
.pass_form .pass_form_items label,
.login_form .login_form_items legend,
.login_form .login_form_items label,
.registration_form fieldset legend,
.registration_form fieldset label,
div#edit-validateage-dob-wrapper label {
  font-size: 1.2em;
}
.login_form .description,
.registration_form .description{
  margin: 2px 20px 15px 0;
  font-size: 1em;
}
div#edit-validateage-dob-wrapper .description {
  font-size: 1.2em;
  display: block;
  font-weight:bold;
  margin: 10px 0 0 0;
}
.pass_form input.form-text,
.login_form input.form-text,
.registration_form input.form-text{
  width: 280px;
}
.pass_form .form-submit,
.login_form .form-submit,
.registration_form .form-submit {
  font-size: 1.8em;
  margin: 0 auto;
  padding: 0.25em 1.25em;
  border-left: 2px solid #DDD;
  border-top: 2px solid #DDD;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
}
.privacy {
  clear:both;
}
#edit-mollom-captcha-wrapper .description {
  width:45%;
  float:right;
  margin:10px 35px 10px 0;
}

/* --------------------------- Static content pages --------------------------- */
.node-type-content-static-content-page .node ul li {
  padding: 12px 0;
  border-bottom: 1px dotted #ccc;
  line-height:15px;
}
.node-type-content-static-content-page .view-display-id-block_5 .view-content li {
  line-height:18px;
}

/* --------------------------- User Profile --------------------------- */
#profile-sidebar {
  width:100px;
  min-height:600px;
  text-align: center;
}
#profile-body h1 {
  color: #BC2841;
  font-size: 39px;
  font-weight: bold;
  margin: 3px 0 0;
}
.profile-points {
  margin: 1em 0 0 0;
  padding: 1em;
  font-weight: bold;
  background: #E9EEE4;
}
.profile-create-link a {
  padding-left:6px;
}
.profile-points hr {
  margin:10px 0;
}
.profile-toolbar-sub-tabs ul {
  margin: 0.8em 0 0 0.5em;
  padding: 0;
  font-size:13px;
}
.profile-toolbar-sub-tabs li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding-right: .7em;
}
#biography_content fieldset {
  clear:both;
  margin: 0 8px 1.5em 8px;
}
#biography_content fieldset legend {
  color: #889B70;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0 6px 0 8px;
  margin-bottom:6px;
}
#biography_content fieldset .field {
  margin:0 0 12px 12px;
}
#edit-field-homepage-0-title,
#edit-field-homepage-0-url {
  width: 300px;
}
ul#user-content {
  margin: 1em 0 0 0;
  padding: 0;
}
ul#user-content h4 {
  font-size: 1em;
  font-weight: bold;
  margin: 0 0 1.2em 0;
  padding: 0;
  line-height: normal;
  height: auto;
}

/* --------------------------- User Points --------------------------- */
.view-content-user-points ol{
  font-size: 1.5em;
}
/* 6. - SPECIAL CONTENT LAYOUTS */

/* --------------------------- Special Content Layouts - Admin Dashboard ---------------------------*/
div.view-dashboard .content-title {
  display:none;
}
.page-dashboard h2, #block-quicktabs-1 h2 {
  color: #3D3D3D;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom:1em;
  clear:both;
}
h2#dash {
  color:#bb2941;
  font-size:30px;
  font-weight: bold;
  margin:0 0 10px 0;
  text-transform: none;
  letter-spacing: normal;
}
div#dashtools ul {
  margin: 18px 0 0 18px;
  border-left:10px solid #f8982a;
  padding: 0 0 0.25em 1em;
}
ul#row-1 {
  height:40px;
}
ul#row-2 {
  height:95px;
}
ul#row-3 {
  height:150px;
}
#quicktabs-1 ul.quicktabs_tabs li.qtab-1-4 {
  display:none;
}
#quicktabs-2 ul.quicktabs_tabs li.qtab-1-4 {
  display:inline;
}
#dashtools ul li {
  border: medium none;
  font-size: 16px;
  font-weight: bold;
  line-height: inherit;
  padding: 0;
  float:left;
}
#dashtools li a, #dashtools li a:visited {
  background: none repeat scroll 0 0 #B4CD95;
  color: #FFFFFF;
  height: 34px;
  margin: 0 10px 10px 0;
  padding: 10px 0 0 10px;
  width: 200px;
  display: block;
}
#dashtools li a:active {
  position: relative;
  top: 1px;
}
#admin-links {
  border-top: 1px solid #B8E2F8;
  margin-top: 2em;
  padding: 2em 0;
}
#block-quicktabs-1 {
  border-top: 1px solid #B8E2F8;
  margin-top: 2em;
  padding-top: 2em;
}
#quicktabs_container_1 {
  padding:0;
}
#block-quicktabs-1 ul.quicktabs_tabs {
  background: none repeat scroll 0 0 #EEEEEE;
  height: 30px;
  margin: 24px 0;
}
#block-quicktabs-1 ul.quicktabs_tabs li {
  padding: 10px;
  margin: 0 20px 0 0;
  position:relative;
  top:10px;
}
#block-quicktabs-1 ul.quicktabs_tabs li.active {
  top:0px;
}
.quicktabs_tabs li.active {
  border-radius: 10px;
  -moz-border-radius: 10px;
  background: none repeat scroll 0 0 #DBE5CC;
  text-align: right;
}
.quicktabs_tabs li a {
  color: #889B70;
  font-size: 14px;
  font-weight: bold;
  line-height: 15px;
}
div#block-quicktabs-1 div.view-header {
  margin: 1em 0;
}
.view-recent-blog-posts td {
  padding:10px;
}
.view-recent-blog-posts .view-empty {
  padding:.5em;
  width:690px;
}
.view-recent-blog-posts .highlight {
  margin-left:10px;
}
#admin-links ul {
  padding: 6px 30px;
  margin: 0;
}
#admin-links ul li {
  float: left;
  margin: 0 28px 10px 0;
  font-weight: bold;
  list-style: square;
}
/* --------------------------- Special Content Layouts - Scientist on the Spot ---------------------------*/
.column-ask-the-scientist {
  float: right;
  width: 300px;
  margin: 0 10px;
  background: transparent url(images/35_column_bottom.gif) no-repeat center bottom;
  padding: 0 0 20px 0;
  color: #FFF;
}
.column-ask-the-scientist h3 {
  background: transparent url(images/35_column_top.gif) no-repeat center top;
  text-align: center;
  padding: 13px 10px 10px 10px;
  margin: 0;
  color: #FFF;
}
.column-ask-the-scientist div.column-ask-the-scientist-content {
  margin: -2px 0 0 0;
  padding: 0 15px 20px 15px;
  text-align: center;
  background: transparent url(images/35_column_middle.gif) repeat-y center top;
}
.column-ask-the-scientist p img {
  margin: 0 0 7px 0;
}
.column-ask-the-scientist div.question-mark {
  font-size: 2em;
  text-align: center;
}
.column-ask-the-scientist p form {
  color: #000;
}
.scientist-buttons {
  text-align: center;
}
.column-ask-the-scientist-small {
  float: left;
  width: 220px;
  margin: 10px 20px 20px 20px;
  background: transparent url(images/10_column_bottom.gif) no-repeat center bottom;
  padding: 0 0 30px 0;
  color: #FFF;
}
.column-ask-the-scientist-small h3 {
  background: transparent url(images/10_column_top.gif) no-repeat center top;
  text-align: center;
  padding: 13px 10px 10px 10px;
  margin: 0;
}
.column-ask-the-scientist-small div.column-ask-the-scientist-content {
  margin: -2px 0 0 0;
  padding: 0 15px 20px 15px;
  text-align: center;
  background: transparent url(images/10_column_middle.gif) repeat-y center top;
}
.column-ask-the-scientist-small p img {
  margin: 0 0 7px 0;
}
.column-ask-the-scientist-small div.question-mark {
  font-size: 2em;
  text-align: center;
}
.column-ask-the-scientist-small p form {
  color: #000;
}
.column-ask-the-scientist a,
.column-ask-the-scientist a:hover,
.column-ask-the-scientist a:visited,
.column-ask-the-scientist-small a,
.column-ask-the-scientist-small a:hover,
.column-ask-the-scientist-small a:visited {
  color: #FFF;
}
ul.sots-archive {
  width: 70%;
}
ul.sots-archive li{
  height: 60px;
  line-height: 60px;
}
/* --------------------------- Special Content Layouts - Museum section ---------------------------*/
.museum-description {
  width: 718px;
  margin: 10px 0 10px 0;
  padding: 10px;
}
.museum-description p {
  background: #FFF;
  color: #000;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.3em;
  margin: 0;
  padding: 5px;
  overflow: auto;
  width: 708px;
}
.museum-description ol,
.museum-description ul {
  background: #FFF;
  margin: 0px;
  padding: 0 0 0 30px;
  font-size: 1.05em;
  font-weight: bold;
}
.museum-description-new {
  float: right;
  clear: right;
  width: 493px;
  margin: 10px 0 10px 0;
  background: #DA87C2 url(images/homepage_intro_bg.gif) center top;
  overflow: auto;
}
.museum-description-new p {
  background: #FFF;
  color: #000;
  font-size: 1.05em;
  font-weight: bold;
  line-height: 1.3em;
  margin: 10px;
  padding: 5px;
  overflow: auto;
  width: 463px;
}
.buzz-kiosks {
  float: left;
  clear: left;
  width: 236px;
}
.buzz-kiosk,
.buzz-kiosk-feature {
  padding: 0 0 20px 0;
  margin: 10px 0 10px 0;
}
.buzz-kiosk h3 {
  background: transparent url(images/museum_buzz_k_top2.gif) no-repeat center top;
  text-align: center;
  padding: 15px 15px 10px 15px;
  margin: 0;
}
.buzz-kiosk-feature h3 {
  background: transparent url(images/museum_buzz_t_top.gif) no-repeat center top;
  text-align: center;
  margin: 0;
  padding: 47px 15px 10px 15px;
  margin: 0;
}
.buzz-kiosk a,
.buzz-kiosk-feature a,
.headline-exhibit a {
  border: 0;
}
.buzz-kiosk h3 a,
.buzz-kiosk-feature h3 a,
.buzz-kiosk h4,
.buzz-kiosk-feature h4 {
  background: #FFF;
  padding: 3px;
  line-height: 1.4em;
}
.buzz-kiosk img,
.buzz-kiosk-feature img {
  margin: 0;
}
.buzz-kiosk div.buzz-kiosk-content,
.buzz-kiosk-feature div.buzz-kiosk-content {
  float: left;
  margin: 0 !important;
  margin: -8px 0 0 0;
  padding: 9px 15px 0 15px;
  text-align: left;
  background: transparent url(images/museum_buzz_k_middle.gif) repeat-y center top;
}
.buzz-kiosk div.buzz-kiosk-content p,
.buzz-kiosk-feature div.buzz-kiosk-content p {
  background: #FFF;
  padding: 4px;
  line-height: 1.1em;
}
.headline-exhibit {
  float: right;
  clear: none;
  width: 236px;
  padding: 0 0 20px 0;
  margin: 10px 0 10px 0;
  background: transparent url(images/museum_headline_bottom.gif) no-repeat center bottom;
}
.headline-exhibit h3 {
  background: transparent url(images/museum_headline_top.gif) no-repeat center top;
  text-align: center;
  padding: 45px 15px 10px 15px;
  margin: 0;
}
.headline-exhibit h3 a,
.headline-exhibit h4 {
  background: #FFF;
  padding: 3px;
  line-height: 1.4em;
}
.headline-exhibit img {
  margin: 0;
}
.headline-exhibit div.headline-exhibit-content {
  margin: 0 !important;
  margin: -8px 0 0 0;
  padding: 9px 15px 0 15px;
  text-align: left;
  background: transparent url(images/museum_headline_middle.gif) repeat-y center top;
}
.headline-exhibit div.headline-exhibit-content p {
  background: #FFF;
  padding: 4px;
}
.full-time-feature {
  float: right;
  margin: 0 46px 5px 0;
}
.scientist-on-the-spot,
.change-in-weather,
.makeit-team,
.sbtv,
.put-yourself,
.monthly-object {
  float: right;
  text-align: center;
  width: 236px;
  padding: 0 0 10px 0;
  margin: 10px 20px 0 0;
}
.scientist-on-the-spot a,
.change-in-weather a,
.sbtv a,
.put-yourself a,
.monthly-object a,
.exhibits-description a{
  border: none;
}
.exhibits-description {
  float: right;
  text-align: center;
  clear: none;
  width: 472px;
  padding: 0;
  margin: 10px 5px 0 0;
}
.exhibits-description p {
  background: #FFF;
  color: #000;
  font-size: 1.05em;
  line-height: 1.1em;
  margin: 10px;
  padding: 5px;
  overflow: auto;
  width: 442px;
  text-align: left;
}
.museum-image-gallery {
  float: right;
  text-align: center;
  clear: none;
  width: 472px;
  padding: 0 0 10px 0;
  margin: 10px 5px 0 0;
}
.ocean_drilling_table {
  margin: 0px;
  background: #DA87C2 url(images/homepage_intro_bg.gif) center top;
  padding: 0px;
  display: table;
  width: 400px;
  float: left;
}
.ocean_drilling_elements {
  padding: 3px;
  background: #FFF;
  margin: 8px;
}
/* --------------------------- Special Content Layouts - Object of the Month ---------------------------*/
.year {
  float: left;
  clear: left;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.year h3 {
  font-size: 1.5em;
}
.month {
  float: left;
  width: 125px;
  margin: 8px 18px 8px 18px;
  padding: 0 6px 5px 6px;
  border: 1px solid #CCC;
}
.green .month {
  background: #EBF6FA url(images/list_item_bg_blu.gif) repeat-x center bottom;
}
.blue .month {
  background: #F0F5EA url(images/list_item_bg_grn.gif) repeat-x center bottom;
}
.flexinode-image-12 {
  float: right;
  margin: 0 10px 10px 10px;
}
.object_information {
  float: left;
  border: 1px solid #000;
  margin: 0px 10px 10px 0px;
  width: 35%;
  background: #ECF7FA url(images/list_item_bg_blu.gif) repeat-x center bottom;
  padding: 10px;
  border: 1px solid #CCC;
}
.object_information p {
  display: inline;
  margin: 0;
}
.field-field-ootm-image-caption {
  line-height: 1.4em;
  margin-top: 12px;
  }
/* --------------------------- Special Content Layouts - Topics ---------------------------*/
#topic-header {
  float:left;
}
#topic-main-image {
  float:left;
}
#topic-main-text {
  float: left;
  background: #f8982a;
  color:#FFF;
  width:180px;
  height: 150px;
  padding:30px 10px 20px;
  margin-bottom: 10px;
}
#topic-main-text a {
  color:#FFF;
}
#topic-main-text h2 {
  font-size:30px;
  font-weight: bold;
  margin:8px 0 10px;
  line-height:30px;
  letter-spacing: -0.01em;
  color:#FFF;
}
#topic-main-text h3 {
  text-transform: uppercase;
  color:#FFF;
  opacity:.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */
  filter: alpha(opacity=70); /* IE5-7 */
  margin:0;
  line-height: normal;
  font-size: 12px;
}
#topic-main-text p {
  line-height: normal;
  padding: 0px;
  font-size: 15px;
}
#orangeBar {
  width:10px;
  background: #f8982a;
  opacity:.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
  filter: alpha(opacity=50); /* IE5-7 */
  margin-left:-10px;
  height:200px;
  float:left;
}
#topic-header-2 {
  margin-right:10px;
}
#topic-header-2,
#topic-header-3 {
  float:left;
  width:270px;
}
#topic-header-2 h2,
#topic-header-3 h2 {
  font-size: 20px;
  margin: 4px 0;
  padding: 0;
  line-height: normal;
}
#topic-header-2 p,
#topic-header-3 p {
  font-size:15px;
  line-height: 20px;
  margin: 0;
}
#topic-header-2 img,
#topic-header-3 img {
  height: 150px;
  width: 270px;
}
#block-block-20 {
  float:right;
  border-left:1px solid #B8E2F8;
  padding:0;
}
#block-block-20 h2,
h2.poll-related,
#popular-tags h2 {
  font-size:12px;
  font-weight: bold;
  text-transform: uppercase;
  color:#3d3d3d;
  letter-spacing: .15em;
}
#block-block-20 h2 {
  margin-left:16px;
}
#block-block-20 li#nano {
  padding: 6px 0 12px;
}
#block-block-20 li#future {
  border-bottom:1px solid #B8E2F8;
  border-top:1px solid #B8E2F8;
  padding:30px 10px;
}
#block-block-20 li#blog {
  padding:30px 14px 20px;
  border-bottom:none;
}
#popular-tags {
  border-bottom:1px solid #B8E2F8;
  border-top:1px solid #B8E2F8;
  padding: 10px 0;
  margin:20px 0;
  line-height:26px;
}
#popular-tags .tagadelic,
#popular-tags .more-link {
  font-weight: bold;
  color:#ba2e92;
  float:left;
}
#popular-tags .level6,
#popular-tags .level5,
#popular-tags .level4 {
  margin-right:20px;
}
#popular-tags .level3 {
  opacity:.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE8 */
  filter: alpha(opacity=75); /* IE5-7 */
  margin-right:16px;
}
#popular-tags .level2,
#popular-tags .level1,
#popular-tags .more-link {
  opacity:.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
  filter: alpha(opacity=50); /* IE5-7 */
  margin-right:8px;
}
#topic-archive h2 {
  font-size:25px;
  color:#f06c9a;
  line-height: normal;
  padding:10px 0 0;
  margin:0;
}
h1#buzz-tagadelic {
  padding: 1em 0;
}
.page-tagadelic .box {
  background: none;
}
.page-tagadelic .box h2 {
  font-size: 1.5em;
}
.page-tagadelic .tagadelic a:hover {
  background: none repeat scroll 0 0 #F06D9A;
  color: #FFFFFF;
}
#popular-tags a:hover {
  background: none repeat scroll 0 0 #F8982A;
  color: #FFFFFF;
}
.topic-button {
  float:left;
  margin: 0;
  padding: 0;
  background: #FFF;
  width: 190px;
}
.topic-button img {
  margin: 10px 0 5px;
}
.topic-button h3 {
  margin: 0;
  background: #FFF;
  text-align: left;
  font-size: 1.1em;
}
#topic-archive .span-4 p {
  font-size:15px;
  margin-top:8px;
  line-height: 20px;
}
.topic-button p {
  padding: 0;
  margin:0px 0 8px;
  font-size: 13px;
  line-height: 15px;
}

/* --------------------------- Special Content Layouts - Features ---------------------------*/
.features p.first {
  display:inline;
  float:left;
  line-height:1.2em;
  margin:10px 0 0 9px;
  padding:5px;
  width:160px !important;
}
.features p.first a {
  font-size:1.2em;
  font-weight:bold;
}
.features p.first img {
  margin-bottom:10px;
  float:left;
}
/* --------------------------- Special Content Layouts - Features > Phenology ----------------*/
.page-a-change-in-the-weather .view-taglist {
  text-align: left;
}
.page-a-change-in-the-weather .view-taglist ul li {
  padding: 12px 0;
  border-bottom: 1px dotted #ccc;
  line-height:15px;
}
#phenology-seasons {
  float: left;
  width: 31%;
  margin: 12px 0 0 0px;
  padding: 0px;
  text-align: center;
}
#phenology-taglist {
  float: left;
  width: 32%;
  margin: 12px 1% 20px;
  padding: 0px;
  text-align: center;
  border: 5px solid #DA87C2;
}
#phenology-taglist h3 {
  background: #BC3D8E;
  padding: 6px;
  text-align: center;
  color: #FFF535;
}
#phenology-taglist ul li {
  list-style: none;
  margin: 0 10px;
}
#phenology-taglist p {
  text-align: left;
  padding: 3px;
  margin-left: 4px;
}
#phenology-taglist img {
  float: right;
  margin: 5px;
}
#phenology-critters {
  float: left;
  width: 31%;
  margin: 12px 0 0 0px;
  padding: 0px;
  text-align: center;
}
.phenology-button {
  width: 208px;
  padding: 8px 8px 0 8px;
  float: right;
  margin: 0 8px 8px 8px;
  text-align: center;
}
.phenology-button img {
  margin-top: 8px;
}
.phenology-button a {
  font-size: 1.2em;
  line-height: 1em;
  font-weight: bold;
  border: 0;
}
/* --------------------------- River cams ---------------------------*/
.page-topics-mississippi-river-images #dateImage, #datepicker {
  float: left;
}
.page-topics-mississippi-river-images #datepicker {
  margin-right: 20px;
}
.page-topics-mississippi-river-images .datestamp {
  text-align: right;
}
#river-latest {
  padding-top:1em;
}
img.latest {
  width: 630px;
  height: 378px;
}
img.latest.thumb {
  width: 340px;
  height: 204px;
}
.latest-timestamp {
  text-align: right;
}
.latest-timestamp.thumb {
  font-size: 90%;
}

/* --------------------------- Kiosk buttons ---------------------------*/
.kiosk-button {
  text-align: center;
}
/*---------------------------- Scientists page -------------------------*/
.scientists-column {
  width: 27%;
  border: 5px solid #BC2841;
  margin: 5px;
  padding: 10px;
  color: #000;
  float: left;
}
/* --------------------------- Special Content Layouts - Misc.---------------------------*/
.poll-quote {
  float: right;
  width: 250px;
  padding: 8px 8px 0 8px;
  margin: 0 10px 10px 10px;
  background: #ECF7FA;
  border: 5px solid #D2E1BF;
}
.poll-quote ul.links{
  padding-left: 0;
  margin-left: 15px;
}
.poll-quote ul li{
  margin: 0;
  padding: 0.25em;
}
.medium-image {
  float: right;
  clear: none;
  width: 250px;
  margin: 10px;
  font-size: .9em;
  line-height: 1.2em;
}
.medium-image-center {
  float: left;
  clear: none;
  width: 250px;
  margin: 10px;
  font-size: .9em;
  line-height: 1.2em;
  text-align: center;
}
.medium-image-center a {
  border: 0;
}
p.center {
  text-align: center;
}
.big-movie {
  margin: 10px 10px 30px 10px;
  text-align: center;
}
img.drop-cap {
  float: left;
  margin: 0 3px 2px 0;
}
.exhibit-custom-intro {
  width: 214px;
  padding: 8px;
  float: left;
  margin: 0 8px 0 0;
  text-align: left;
  background: #DA87C2;
  color: #000;
  font-weight: bold;
  line-height: 1.2em;
}
.custom-intro {
  width: 214px;
  padding: 8px;
  float: left;
  margin: 20px 8px 0 8px;
  text-align: left;
  background: #DA87C2 url(images/homepage_feature_bg.gif) repeat-x top left;
  color: #FFF;
  font-weight: bold;
  line-height: 1.2em;
}
.custom-intro h3 {
  text-align: center;
  margin-bottom: 10px;
}
.custom-intro h3 a {
  color: #FFF535;
}
.custom-button {
  width: 214px;
  padding: 8px 8px 0 8px;
  float: left;
  margin: 6px;
  text-align: center;
}
.custom-button a {
  font-size: 1.6em;
  line-height: 1em;
  font-weight: bold;
  border: 0;
}
.forum-topic {
  float: left;
  width: 214px;
  padding: 8px 8px 0 8px;
  margin: 8px;
  text-align: left;
  border: 1px solid #CCC;
}
.custom-button-2 {
  width: 154px;
  padding: 6px;
  float: left;
  margin: 0 8px 0 8px;
  text-align: center;
}
.custom-button-2 a {
  font-size: 1.2em;
  line-height: 1em;
  font-weight: bold;
  border: 0;
}
.custom-button-3 {
  width: 214px;
  padding: 8px 8px 0 8px;
  float: right;
  clear: right;
  margin: 8px;
  text-align: center;
}
.custom-button-3 a {
  font-size: 1.6em;
  line-height: 1em;
  font-weight: bold;
  border: 0;
}
.custom-button-4 {
  width: 180px;
  float: right;
  clear: right;
  margin: 8px;
  text-align: left;
  background: #EAF1E1;
  border: 1px dotted #222;
  padding: 2px 5px 5px 5px;
  margin: 0 30px 10px 10px;
}
.custom-button-4 h3 {
  font-size: 1.6em;
  line-height: 1em;
  font-weight: bold;
  border: 0;
}
.custom-button-5 {
  width: 208px;
  padding: 8px 8px 0 8px;
  float: right;
  margin: 8px;
  text-align: center;
}
.custom-button-6 {
  width: 170px;
  padding: 8px 8px 0 8px;
  float: left;
  margin: 8px;
  text-align: center;
}
.custom-button-5 a, .custom-button-6 a {
  font-size: 1.2em;
  line-height: 1em;
  font-weight: bold;
  border: 0;
}
.column-50-left {
  float: left;
  width: 330px;
}
.column-50-right {
  float: right;
  width: 355px;
  margin: 0 10px;
}
.column-50-right img{
  padding: 0 0 15px;
}
#flashcontent h1 {
  margin: 0;
  text-align: center;
}
#flashcontent p {
  padding: 5px;
  line-height: 1.2em;
}
#flashcontent p a {
  color: #F6E752;
  text-decoration: underline;
  border: 0;
}
.center-banner{
  width: 160px;
  float: left;
}
.center-banner img{
  float: left;
  margin: 2px;
}
.museum-feature {
  width: 44%;
  float: left;
  border: 1px solid #FF850D;
  padding: 0 10px 10px 10px;
  margin: 0 10px 0 0;
  background: #F2F9FC url(images/ul_bg.gif);
}
table.credits th {
  background: #fff;
  border: 0;
  padding: 15px;
}
table.credits td {
  padding: 5px;
}
.next_button {
  clear: both;
  text-align: left;
  margin: 2px;
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 25px;
  display: block;
}
.dev-timer,
.dev-query {
  border-top: 5px solid #AAA;
  padding: 1.5em 1.5em .5em 1.5em;
}
.dev-query tr.even{
  background: #DDD;
}
.dev-memory-usage {
  padding: 0 1.5em 1.5em 1.5em;
}
.dev-timer,
.dev-memory-usage,
.dev-query {
  background: #DDD;
  text-align: left;
}
.marker {
  color: #B51284;
  background: #bae2f8;
}
.webform-client-form .form-submit, .webform-client-form .form-button {
  float:left;
}
.webform-description,
.webform-results-description  {
  margin: 0 1em 0 0;
  padding: .5em;
}
.webform-description img {
  margin-bottom: .5em;
}
.webform-results-description img {
  float: left;
  margin: 0 .5em .5em 0;
}
.webform-description {
  float: left;
}
#webform-client-form-5131,
#webform-client-form-5133,
#webform-client-form-5129 {
  font-size: 1.2em;
}
.webform-result-chart {
  width: 340px;
  float: left;
  margin: .5em .5em .5em 0;
  padding: 1em;
  text-align: center;
  background: #e1ebd7;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.webform-result-chart p {
  text-align: left;
}
.webform-result-chart img {
  border: 1px solid #b4cd94;
}
p.webform-chart-data {
  font-size: .8em;
  color: #333;
}
#forum-link {
  text-align: right;
  padding: 1em 0 0 0;
  font-size: 1.3em;
  font-weight: bold;
  clear: both;
}
#forum-link img {
  position:relative;
  top:4px;
  margin-left: 6px;
}
h3.webform-results {
  margin: 0 1em .5em 0;
  padding: .5em;
}
strong.question {
  padding: .5em 0;
  display: block;
}

.modalframe-page-wrapper,
.modalframe-page-container {
  margin: 0;
  padding: 0;
}
.modalframe-page-content {
  margin: 0;
  padding: 1em;
  background-color: #ffffff;
  background-image: none;
}

.buzz_menu_actions {
  width: 20px;
}

body .buzz_menu_actions a {
  color: #999 !important;
  text-align: center;
  padding: 0;
  margin: 0;
}

.buzz_menu_actions a:hover {
  color: #000 !important;
}

/* Hide subpage navigator tool in these locations. */
#navigation .buzz_menu_actions {
  display: none;
}

/* 7. - VIEWS */

div.node div.content .view-taglist-image ul {
  background: none;
}

div.node div.content .view-taglist-image ul li {
  background: none;
  display: block;
  float: left;
  border:1px solid #000;
  margin:5px;
  padding:3px;
  text-align:center;
  width:150px;
}

div.node div.content .view-taglist-image ul li {
  height: 200px;
}
div.node div.content .view-taglist-image ul li.clear {
  clear: both;
}

/* 8. - VIDEO */

body.lightbox-processed div.emvideo object, div.emvideo-modal {
  margin-bottom: 0px;
  margin-left: 7px;
}

div.emvideo object, div.emvideo-modal {
  margin-bottom: 1em;
  margin-left: 0px;
}

.emvideo-thumbnail-replacement span {
  left:97px;
  top:70px;
  background:url('images/emvideo-play.png') no-repeat scroll 0 0 transparent;
}

div.video-caption {
  color:#333;
  font-style: italic;
  font-size:95%;
  padding:4px 0;
}

div.playBtn {
  position: relative;
}
div.playBtn a {
  height: 93px;
  width: 127px;
  background: url('images/play.png') no-repeat 0 0;
  z-index: 999;
  display: block;
  position: absolute;
}
div.playBtn a:hover {
  background-position: 0 -93px;
}

/* 9. - WIDE LAYOUT  */

body.wide #page-wrapper {
  width: 920px;
}
body.wide #header {
  width: 1020px;
}
body.wide #navigation {
  margin-left: -140px;
}
body.wide #footer {
  width:920px;
}
body.wide #privacy {
  margin-left:160px;
}

/* 10. - EXPERIMONTH ACTIVITIES & SIGNUPS */
.node-form h2,
.page-experimonth-assignments #page-wrapper .span-14 h3,
.node-type-experimonth-signup #page-wrapper .span-14 h2 {
  color: #F8982A;
  font-size: 1.8em;
  font-weight: bold;
  margin-bottom: .3em;
}
.page-experimonth-assignments #page-wrapper .span-14 h3:after {
  content:" assignments";
}
.page-experimonth-assignments #page-wrapper .span-14 li h3 {
  font-size: 1.3em;
}
.page-experimonth-assignments #page-wrapper .span-14 li h3:after {
  content: "";
}
.page-experimonth-assignments .view-header {
  margin-bottom:1.3em;
}
.page-experimonth-assignments .item-list {
  margin-top:30px;
}
.page-experimonth-assignments .view-taglist .item-list {
  margin-top: 0px;
}
.node-type-experimonth-signup #page-wrapper h2#kiosk-blog-headline {
  border-top: 1px solid #C5E1F7;
  clear: both;
  margin: 10px 0 17px;
  padding-top: 20px;
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  text-align: left;
  text-transform: uppercase;
  color: #000000;
}
.page-experimonth .breadcrumb {
  left: 50px;
}
.node-type-experimonth-signup #message {
  display: none;
}
.node-type-experimonth-signup .help,
.page-experimonth-signup .help {
  margin: 0px;
  padding: 0px;
}
.node-type-experimonth-signup label,
.page-experimonth-signup label {
  cursor: pointer;
}
.node-type-experimonth-signup label p,
.page-experimonth-signup label p {
  padding: 0;
}
.node-type-experimonth-signup .form-checkboxes .form-item,
.page-experimonth-signup .form-checkboxes .form-item {
  border-bottom: 1px dashed #CECECE;
  padding-top: 1em;
  margin: 0;
}
.node-type-experimonth-signup .form-checkboxes .form-item:last-child,
.page-experimonth-signup .form-checkboxes .form-item:last-child {
  border-bottom: none;
}
.kiosk-blog-content .highlight a:hover {
  color: #BC2841;
}
.page-experimonth-assignments .view-experimonth-activity-list p {
  line-height: 1.5em;
  padding:0;
  margin-bottom: 10px;
}
.page-experimonth-assignments .view-experimonth-activity-list .views-row {
  border-bottom: 1px dashed #CECECE;
  margin: 0;
  padding: 1.2em 0 0em;
}
.page-experimonth-assignments .view-experimonth-activity-list .views-row-last {
  border-bottom: none;
}
.page-experimonth-assignments .view-experimonth-activity-list li.views-row {
  list-style: none;
}
.activity {
  margin:1em .5em;
  font-size: .9em;
  width: 510px;
}
.activity h4 {
  font-size: 1.3em;
}
.activity-desc p {
  margin: .6em 0;
}
#weekly h2,
#everyday h2,
#onetime h2 {
  margin-top: .5em;
  padding-top: 1em;
  border-top:1px dashed #dedede;
}
.page-experimonth-signup .button,
.node-type-experimonth-signup .button {
  cursor: pointer;
  color: #BC2841;
  font-weight: bold;
  font-size: 1.5em;
}
#back-step1.button,
#back.button {
  font-size: 1.2em;
  float: left;
}
#next-step2.button {
  float: right;
}
#block-experimonth-1 #countdown {
  background: #F9F9F9;
  color: #999999;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1em;
  text-align: right;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding: 1em;
  border: 1px solid #f5f5f5;
  clear: both;
}
.section-node-addexperimonth-signup #countdown {
  float: left;
  margin: 20px 0;
}
#block-experimonth-1 .days {
  color: #BA2E92;
  font-size: 2.6em;
  font-weight: bold;
  line-height: 0.8em;
}
#block-experimonth-2 {
  clear: both;
}
#block-experimonth-2 .kiosk-blog-content ul li.views-row-1 {
  margin: 0 12px 24px -12px;
}
.form-item .views-field-field-experimonth-description-value {
  font-size: 0.9em;
  left: 30px;
  top: -19px;
  position: relative;
  display: block;
  width: 720px;
}
.node-type-experimonth-signup ul.primary {
  display: none;
}
.node-type-experimonth-activity .node {
  margin-bottom: 1em;
}
.node-type-experimonth-activity .node .content {
  border-bottom: 1px dashed #CECECE;
  padding-bottom: 0.5em;
}
.node-type-experimonth-activity .content-title h1 {
  margin-bottom: 8px;
}
#discuss-header {
  padding-top: 30px;
  clear: both;
}
.node-type-experimonth-activity #comments {
  clear: both;
  position: relative;
  top: -10px;
}
.node-type-experimonth-activity #comments-title,
.node-type-experimonth-activity #comments .box h2 {
  text-align: left;
}
#block-block-26 ul,
.sidebar .view-experimonth-activity-list .item-list ul {
  margin: 0 0 0 8px;
  padding: 0;
}
#block-block-26 ul li,
.sidebar .view-experimonth-activity-list .item-list ul li {
  background: none;
  margin: 0;
  padding: 4px;
  line-height: 1.2em;
  border: none;
  font-weight: bold;
}
#block-block-26 a,
#block-block-26 a:visited,
#block-block-26 a:link,
.sidebar .view-experimonth-activity-list .view-content a,
.sidebar .view-experimonth-activity-list .view-content a:visited,
.sidebar .view-experimonth-activity-list .view-content a:link {
  color: #798CB4;
}
#block-block-26 a:hover,
.view-experimonth-activity-list a:hover,
.sidebar .view-experimonth-activity-list .view-content a:hover {
  color: #F06D9A;
}
.sidebar .view-experimonth-activity-list h3 {
  color: #111111;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.25;
  margin: 12px 4px 4px;
}
#join-discussion,
.view-experimonth-activity-users .view-header {
  letter-spacing: 0.02em;
  color: #F8982A;
  font-size: 1.3em;
  font-weight: bold;
  margin: 1em 0;
}
h2#join-discussion {
  font-size: 1.6em;
  margin: 0 0 6px 12px;
  float: left;
  width: 250px;
  color:#555555;
}
.comments-0 h2#join-discussion {
 margin: 0 0 6px;
}
.view-experimonth-activity-users .views-field-name {
  font-weight: bold;
  letter-spacing: 0.03em;
  margin: 5px 0;
  text-align: center;
}
.view-experimonth-activity-users .view-content li img {
  height: 100px;
  width: 100px;
}
#block-block-26 {
  margin: 1.5em 0;
}
#block-block-26,
.view-display-id-block_1.view-experimonth-activity-list {
  background: none repeat scroll 0 0 #F9F9F9;
  border: 1px solid #F5F5F5;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  float: left;
  padding: 0.5em;
  width: 175px;
}
.view-experimonth-activity-list .view-footer {
  float: right;
  font-size: 0.8em;
  font-weight: bold;
  padding: 3px 10px;
}
#block-block-26 h2,
.sidebar .view-experimonth-activity-list h2 {
  background: none;
  color: #BA2E92;
  font-weight: bold;
  font-size: 1.4em;
  margin-bottom: 0px;
  border: none;
}
.field-block {
  color: #444444;
  margin-bottom: 1em;
  clear: both;
  line-height: 1.5em;
}
.field-block ul {
  margin: 10px 0 0 22px;
  padding: 0 0 10px;
  width: 80%;
}
.field-block ul li {
  line-height: 1.2em;
  list-style-type: disc;
  margin-top: 12px;
  border: none;
}
.sidebar #date ul li,
.sidebar #related-links ul li {
  margin-top: 6px;
}
.field-block ul.li.item-0 {
  margin-top: 0px;
}
.view-experimonth-activity-users {
  clear: both;
}
.view-experimonth-activity-users .jcarousel-skin-default .jcarousel-container-horizontal,
.view-experimonth-activity-users .jcarousel-skin-default .jcarousel-item {
  height: 160px;
}
.view-experimonth-activity-users .jcarousel-skin-default .jcarousel-container-horizontal {
  padding: 0;
  width: 550px;
}
.view-experimonth-activity-users .jcarousel-skin-default .jcarousel-clip-horizontal {
  width: 500px;
  margin: 0 8px;
}
.view-experimonth-activity-users .jcarousel-skin-default .jcarousel-prev-horizontal {
  left: -18px;
  top: 35px;
}
.view-experimonth-activity-users .jcarousel-skin-default .jcarousel-next-horizontal {
  top: 35px;
}
.view-experimonth-activity-users .jcarousel-skin-default .jcarousel-item {
  border: none;
}
#block-views-comment_latest-block_6 .view-header,
#block-views-comment_latest-block_4 .view-header {
  color:#555555;
  font-weight:bold;
  margin:2em 0 0;
  background: none;
  font-size: 1.2em;
}
#block-views-comment_latest-block_6 p,
#block-views-comment_latest-block_4 p {
  margin-bottom: .5em;
}
#activity-type {
  color: #999999;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.exp-img {
  border: 1px solid #DEDEDE;
  margin: 10px 0 0;
  padding: 5px;
}
.sidebar .field-block .credit p {
  padding: 0;
  margin: 0 5px 10px;
}

#email-this {
  margin-top: 1.5em;
  font-size: 1.5em;
  font-weight: bold;
}
#email-this img {
 margin-right: 8px;
}
p.small {
  line-height: 1.3em;
}
.save-btn,
.btn a,
.btn a:link,
.btn a:visited {
  cursor: pointer;
  display: inline-block;
  background-color: #e6e6e6;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  padding: 5px 14px 6px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  transition: 0.1s linear all;
  float: right;
  margin: 0;
}
.save-btn:hover,
.btn a:hover {
  background-position: 0 -15px;
  text-decoration: none !important;
}
.save-btn:hover,
.btn a:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.save-btn.large,
.btn.large a {
  border-radius: 6px 6px 6px 6px;
  font-size: 15px;
  line-height: normal;
  padding: 9px 14px;
}
.save-btn.blue,
.btn.blue a {
  color: #fff;
  background-color: #0064cd;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  background-image: linear-gradient(top, #049cdb, #0064cd);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #0064cd #0064cd #003f81;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.save-btn.purple,
.btn.purple a {
  color: #fff;
  background-color: #ba2e92;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#d82a91), to(#ba2e92));
  background-image: -moz-linear-gradient(top, #d82a91, #ba2e92);
  background-image: -ms-linear-gradient(top, #d82a91, #ba2e92);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d82a91), color-stop(100%, #ba2e92));
  background-image: -webkit-linear-gradient(top, #d82a91, #ba2e92);
  background-image: -o-linear-gradient(top, #d82a91, #ba2e92);
  background-image: linear-gradient(top, #d82a91, #ba2e92);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d82a91', endColorstr='#ba2e92', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #ba2e92 #ba2e92 #7c1162;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.save-btn.disabled, .save-btn[disabled],
.btn.disabled, .btn[disabled] {
  cursor: default;
  background-image: none;
  background-color: #e6e6e6;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.sidebar .btn.large {
  float: left;
  margin: 0;
}
.page-experimonth-assignments .sidebar .btn.logout {
  margin-bottom: 20px;
  float: left;
}
.sidebar .btn.large a {
  width: 160px;
  text-align: center;
  margin: 2em 0 1.5em;
}
.sidebar .btn.large.logout a {
  margin: 0;
}
.small {
  font-size: 1em;
}
.dialogWithDropShadow {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.ui-dialog {
  text-align: left;
}
.ui-widget-overlay {
  background: #000000;
  opacity: 0.6;
}
.no-close .ui-dialog-titlebar-close {
  display: none
}
#post-comment {
  margin: 0 10px 0 0;
  position:relative;
  top:-5px;
}
#validator-msg {
  font-size: 0.9em;
  font-style: italic;
}

/* Wordtrain */
#wordtrain-input-form input#edit-word {
  width: 420px;
  font-size: 1.3em;
}
#upvote-notification {
  background: url('images/success_16px.png') no-repeat;
}
#wordtrain-input-form #edit-submit {
  margin-right: 36px;
}
#voteConfirmation #message {
  font-size: 1.2em;
  background: url('images/success.jpg') no-repeat;
  padding: 2px 0px 0 36px;
}
#voteConfirmation .messages {
  padding: 0;
  color: #444444;
  font-size: 13px;
  padding: 0px;
  width: 220px;
  min-height: 36px;
}
#voteConfirmation .status {
  border: none;
}
#form-wrap {
  height: 110px;
}
#top-10 ol {
  margin: 0 0 0 6px;
  color: #3D3D3D;
}
#full-list h2 {
  width: 320px;
  float: left;
}
#full-list li a span,
#upvote-notification.hidden {
  display: none;
}
#upvote-notification {
  padding-left: 20px;
  float: right;
  color: #444444;
  font-style:italic;
  margin: 0;
  position: relative;
  top: -12px;
  left: -40px;
}
#tag-list {
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  clear: both;
}
#tag-list ul {
  list-style-type: none;
  display: block;
  margin: 18px 0 0 0;
}
#tag-list ul li {
  margin: 0;
  list-style: none;
  line-height: 2.8em;
}
#tag-list a,
#popular-tags a,
.page-tagadelic .tagadelic a {
  padding: 4px;
  -moz-transition: none;
  -webkit-transition: none;
  -khtml-transition: none;
  transition: none;
}
#tag-list a:hover {
  text-decoration: none;
  color: #FFFFFF;
  background: #F8982A;
}
#tag-list a.level-1 {
  font-size: 9px;
}
#tag-list a.level-2 {
  font-size: 15px;
}
#tag-list a.level-3 {
  font-size: 22px;
}
#tag-list a.level-4 {
  font-size: 30px;
}
#tag-list a.level-5 {
  font-size: 36px;
}
#sort-options {
  padding-top: 1em;
}
#sort-options h2 {
  float: left;
  position: relative;
  top: 6px;
  width: 80px;
}
#sort-options .btn a {
  float: left;
  margin: 12px 0 0 6px;
}
form#wordtrain-input-form .counter {
  font-size:20px;
  font-weight:bold;
  color:#ccc;
  position: relative;
  text-align: right;
  top: 50px;
  right: 170px;
  float: right;
  width: 30px;
}
form#wordtrain-input-form .warning {
  color:#600;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

/* Wordtrain exhibit display */
/* Background color is set at admin/settings/wordtrain.
 * Font styles must be set in wordtrain.js (wordtrain module), not here.
 */
.exhibit-wordtrain {
  overflow: hidden;
}
.exhibit-wordtrain #header,
.exhibit-wordtrain #footer,
.exhibit-wordtrain .tabs,
.exhibit-wordtrain .breadcrumb {
  display: none;
}
.exhibit-wordtrain #page-wrapper {
  border: none;
  margin: 10px;
  width: auto;
  text-align: center;
  overflow: visible;
  padding: 0;
}
.exhibit-wordtrain .content-title h1 {
  font-size: 42px;
  margin-top: 0;
}
#tags a.level-1 {
  font-size: 18px;
}
#tags a.level-2 {
  font-size: 30px;
}
#tags a.level-3 {
  font-size: 45px;
}
#tags a.level-4 {
  font-size: 60px;
}
#tags a.level-5 {
  font-size: 75px;
}

/* Isotope jQuery plugin */
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* PICTURE POSTCARD INTERFACE */
#pp-header {
  text-align: center;
  margin-bottom: 1em;
}
#pp-header img {
  margin: 1em 0;
}
#pp-image, #tsp-description {
  float: left;
  width: 320px;
  margin: 20px 0px 0px 5px;
  padding: 10px;
  background: #BFE3EE;
  border: 5px solid #FFF535;
}
#pp-image img {
  margin: 0 auto 10px;
  display: block;
}
#pp-styles {
  width: 360px;
  float: right;
  margin: 20px 0px 0px 0px;
  padding: 5px;
  background: #B4CD95;
  border: 5px solid #B51284;
}
#pp-styles h3 {
  text-align: center;
  padding: 10px;
}
#pp-styles .styles {
  float: left;
  margin: 4px;
  text-align: center;
}
#pp-styles.styles-1 {
  height: 212px;
}
#pp-styles.styles-1 .styles {
  float: none;
}
#pp-preview {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 5px solid #B51284;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 30px 0 5px;
  padding: 10px;
  width: 330px;
}
#pp-preview p {
  margin-top: 10px;
  text-align: center;
}
#pp-form {
  float: left;
  margin: 10px 0px 0px 5px;
  padding: 10px;
  width: 320px;
  height 250px;
  background: #BFE3EE;
  border: 5px solid #FFF535;
}
#pp-error {
  padding: 1em 0;
}
#picture-postcard-enter-name-form {
  padding: 1em 0;
}
#edit-card-char-name-wrapper {
  margin-left: 30px;
}
input#edit-card-char-name {
  width: 280px;
}
#picture-postcard-enter-name-form #edit-submit {
  margin-right: 30px;
}
#pp-card-sent {
  padding: 10px;
}
#pp-card-sent h2 {
  margin: 3px;
  text-align: center;
}
#pp-promo, #pp-story {
  padding: 10px;
}
#pp-promo {
  background: #BFE3EE;
  border: 5px solid #FFF535;
  float: left;
  margin-top: 20px;
}
#pp-promo h3 {
  margin-bottom: 10px;
}
#pp-promo div {
  font-weight: bold;
  float: left;
  font-size: 1.2em;
}
#pp-story {
  background: #B51284;
  border: 5px solid #B4CD95;
  color: #FFF;
  margin: 40px 0px 20px;
}
#pp-story a {
  color: #FFF;
}
#pp-promo a:hover,
#pp-story a:hover {
  text-decoration: underline;
}
#postcard-image p {
  width: 450px;
}
#postcard-image h3 {
  text-align: center;
  margin-bottom: 1em;
}
h3#pp-says {
  margin: 1em 0 0 0;
  text-align: left;
}
#pp-send-another a {
  float: left;
  margin: 10px;
}
.page-kiosks-postcard-step-04 .messages.status,
.page-kiosks-postcard-card .messages.status {
  display: none;
}
/* Admin page */
.card {
  float: left;
  margin: 10px 5px;
  padding: 10px;
  width: 150px;
  overflow: hidden;
}
.unclaimed {
  background: #DBE5CC;
  border: 3px solid #889B70;
}
.claimed {
  background: #F7F7F7;
  border: 3px solid #AAA;
}
h3.card-date {
  clear: both;
  border-top: 1px solid #B8E2F8;
  margin-top: 1em;
  padding-top: 1em;
}
/* TSP Postcards */
#pp-wait {
  font-size: 14px;
  margin: 12px 0;
  text-decoration: italic;
}
#pp-styles #preloader {
  margin-bottom: 30px;
}
#kiosk-27 #pp-preview {
  width: auto;
  margin: 10px 10px 0 5px;
}
#kiosk-27 #pp-form {
  width: 220px;
}
#kiosk-27 #pp-form fieldset {
  width: 205px;
}
#kiosk-27 #pp-form .form-item input {
  width: 190px;
}
#tsp-compare {
  padding: 10px 5px 18px 5px;
  float: left;
}
#tsp-compare div {
  float: left;
}
#tsp-compare #original {
  margin: 0 8px 0 0;
}
#tsp-compare h3 {
  text-align: left;
  text-transform: uppercase;
  line-height: normal;
  font-size: 12px;
  width: 120px;
}
#tsp-description {
  float: right;
  width: 350px;
}

/* 50. - HACKS */

/* 51. - UNDER CONSTRUCTION */
.finduser-role{
  background: #FFF;
  font-size: 60%;
  clear:both;
}
table {
  border-collapse: separate;
}