/*
 This file was auto generated by Less (http://lesscss.org), using
 the less-for-rails plugin (http://github.com/augustl/less-for-rails).
 
 To change the contents of this file, edit /home/ben/public_html/natcon09/public/stylesheets/natcon09.less instead.
*/

body, html { background: #574032 url(../images/layout_images/NatCon09_Banner_v3c.jpg) no-repeat center 0; }
body { background-color: #574032; }
#header_button {
  width: 960px;
  margin: auto;
  height: 120px;
  margin-bottom: -120px;
}
#header_button A {
  display: block;
  width: 350px;
  height: 120px;
}
#hero {
  width: 100%;
  background: none;
  background: #574032;
  padding: 0px;
}
#hero .main-feature {
  margin: auto;
  width: 960px;
  padding: 3px 0px 0px;
  clear: both;
  background: #17110f;
}
#hero .main-feature .main-feature-img {
  padding: 0px;
  margin: 15px;
}
#hero .main-feature .main-feature-text {
  position: relative;
  width: 312px;
  margin: 15px 0px 0px;
  height: 337px;
  padding-right: 15px;
}
#hero .main-feature .main-feature-text .main-feature-speaker {
  margin-top: 22px;
  font-size: 32px;
  padding-bottom: 20px;
  color: #a3a3a3;
  border-bottom: 1px solid #222222;
}
#hero .main-feature .main-feature-text .main-feature-preview {
  margin: 15px 0px -15px;
  font-size: 14px;
  color: #cccccc;
}
#hero .main-feature .main-feature-text .main-feature-speaker.small { font-size: 30px; }
#hero .main-feature .main-feature-text .event-blurb .blurb-subtitle { font-size: 14px; }
#hero .main-feature .session-number { text-transform: capitalize; }
#hero .wrapper {
  width: 300px;
  float: left;
}
#hero div.main-feature .event-blurb { color: white; }
#hero div.main-feature .event-blurb .session_number {
  font-size: 10px;
  text-transform: uppercase;
}
#hero div.main-feature .event-blurb .session_title { font-size: 20px; }
#hero div.main-feature .event-blurb A { display: block; }
#hero div.main-feature .event-blurb A:hover { color: white; }
#hero div.main-feature .event-blurb A.future { color: #aaaaaa; }
#hero div.main-feature .event-blurb A.future:hover { color: white; }
#hero div.main-feature .event-blurb A.present { color: white; }
#hero div.main-feature .event-blurb A.present:hover { color: white; }
#hero div.main-feature .event-blurb A.past { color: #f1f2f3; }
#hero div.main-feature .event-blurb A.past:hover { color: white; }
#sessions_tab_bar {
  height: 50px;
  margin: 125px auto 0px;
  width: 960px;
}
#sessions_tab_bar A {
  position: relative;
  z-index: 5;
  color: #f1f2f3;
  float: left;
  height: 53px;
  width: 106px;
  padding: 3px 0px 5px 4px;
  margin-bottom: -11px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
}
#sessions_tab_bar A:first-child { padding-left: 7px; }
#sessions_tab_bar A:hover .time { color: white; }
#sessions_tab_bar A:hover .session { color: white; }
#sessions_tab_bar A:hover .speaker { color: white; }
#sessions_tab_bar A.present {
  position: relative;
  z-index: 8;
}
#sessions_tab_bar A[href="/session/1"] {
  padding-left: 10px;
  width: 100px;
}
#sessions_tab_bar A.past { color: white; }
#sessions_tab_bar A.past:hover { color: white; }
#sessions_tab_bar A.past:focus { color: white; }
#sessions_tab_bar A.present { color: white; }
#sessions_tab_bar A.present:hover { color: white; }
#sessions_tab_bar A.present:focus { color: white; }
#sessions_tab_bar A.present.selected .time { color: white; }
#sessions_tab_bar A.present.selected .session { color: white; }
#sessions_tab_bar A.future:hover { color: white; }
#sessions_tab_bar A.future:focus { color: white; }
#sessions_tab_bar A#summary {
  font-size: 14px;
  font-weight: bold;
}
#sessions_tab_bar A#summary:hover { color: white; }
#sessions_tab_bar A#summary.selected {
  color: white;
  text-decoration: none;
}
#sessions_tab_bar A#summary #summ_link { margin: 10px 0px 0px -5px; }
#sessions_tab_bar A#summary.present { text-decoration: none; }
#sessions_tab_bar .time {
  font-size: 12px;
  color: #cfcfcf;
  margin-top: 0px;
  width: 110px;
  margin-left: 1px;
}
#sessions_tab_bar .time:hover { color: white; }
#sessions_tab_bar .session {
  font-size: 37px;
  float: left;
  color: #999999;
  line-height: 32px;
  margin-top: -1px;
  height: 28px;
}
#sessions_tab_bar .speaker {
  color: #cccccc;
  font-size: 15px;
  line-height: 14px;
  font-weight: bold;
  margin-left: 22px;
  height: 28px;
}
#sessions_tab_bar .speaker:hover { color: white; }
#sessions_tab_bar .collision .speaker { letter-spacing: -0.7px; }
#sessions_tab_bar .past .time { color: white; }
#sessions_tab_bar .present .time {
  color: white;
  text-decoration: underline;
}
#sessions_tab_bar .present .session { color: white; }
#sessions_tab_bar .present .speaker { color: white; }
#sessions_tab_bar .future .time { color: #cccccc; }
#sessions_tab_bar .selected .time { color: white; }
#sessions_tab_bar .selected .session { color: white; }
#sessions_tab_bar .selected .speaker { color: white; }
#content {
  width: 930px;
  padding: 15px 0px 0px;
  margin: auto;
  overflow: hidden;
  background: white;
  border: 15px solid white;
  border-width: 0px 15px;
}
#content #nothing_there { height: 150px; }
#content H2 {
  margin: 0px;
  font-size: 22px;
  line-height: 1;
  font-weight: normal;
  color: #252525;
}
#content P {
  font-size: 16px;
  line-height: 20px;
}
#content #live-blog {
  width: 600px;
  overflow: hidden;
}
#content #live-blog #posts { overflow: hidden; }
#content #live-blog #posts .post {
  width: 599px;
  font-size: 13px;
  min-height: 30px;
}
#content #live-blog #posts .post UL {
  line-height: 20px;
  margin-top: 5px;
}
#content #live-blog #posts .post UL LI { margin-top: 3px; }
#content #live-blog #posts .post OL {
  line-height: 20px;
  margin-top: 5px;
}
#content #live-blog #posts .post OL LI { margin-top: 3px; }
#content #live-blog #posts .post .timestamp {
  font-weight: bold;
  font-size: 10px;
  padding-top: 0px;
  text-transform: uppercase;
  float: left;
  width: 60px;
  color: #888888;
}
#content #live-blog #posts .post .post-content {
  font-size: 16px;
  background: none none none;
  border: none;
  margin-left: 60px;
}
#content #live-blog #posts .post .post-content P {
  display: block;
  font-size: 16px;
  line-height: 20px;
}
#content #live-blog #posts .post .post-content A:hover { color: #ab1013; }
#content #live-blog #posts .post + .post { margin-top: 20px; }
#content #live-blog #posts .post:last-child { margin-bottom: 20px; }
#content #twitter {
  width: 312px;
  float: right;
  overflow: hidden;
}
#content #twitter #tweets { width: 312px; }
#content #twitter #tweets .tweet_name {
  font-size: 14px;
  line-height: 20px;
}
#content #twitter #tweets .tweet_name A {
  color: #ab1013;
  text-decoration: none;
}
#content #twitter #tweets .tweet_name A:hover { text-decoration: underline; }
#content #twitter #tweets .tweet_content {
  font-size: 14px;
  line-height: 20px;
}
#content #twitter #tweets .tweet_content A {
  color: #ab1013;
  text-decoration: none;
}
#content #twitter #tweets .tweet_content A:hover { text-decoration: underline; }
#content #twitter #tweets .time {
  color: #777777;
  font-size: 10px;
  display: inline;
  margin-left: 4px;
  font-weight: bold;
  text-transform: uppercase;
}
#content #twitter #tweets .RT {
  font-size: 10px;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}
#content #twitter #tweets .reply {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
#content #twitter #tweet_actions { margin: -19px 33px 50px 0px; }
#content #twitter #tweet_actions A {
  display: block;
  background: url(../images/layout_images/tweet_brown_xsmall.gif) no-repeat 0px 4px;
  color: #555555;
  float: right;
  font-size: 10px;
  font-weight: bold;
  height: auto;
  width: auto;
  margin-left: 8px;
  padding: 4px 0px 4px 17px;
  text-align: center;
  text-transform: uppercase;
}
#content #twitter #tweet_actions A:hover {
  text-decoration: none;
  color: #252525;
}
#content .footer {
  margin-bottom: 10px;
  width: 936px;
  clear: both;
}
#content .footer HR { margin-bottom: 0px; }
#content .footer P {
  color: #515151;
  float: left;
  text-transform: uppercase;
  font-size: 10px;
  margin-bottom: 20px;
}
#content .footer A {
  float: right;
  width: 105px;
  color: #515151;
}
#download_popup { background: url(../images/layout_images/home_feature_downloads_bottom_bg.gif) no-repeat center bottom; }
#download_popup a.listen {
  background: transparent url(../images/layout_images/icon-listen-grey.gif) no-repeat scroll 0 50%;
  padding: 2px 7px 2px 16px;
}
#share_popup { background: url(../images/layout_images/home_feature_downloads_bottom_bg.gif) no-repeat center bottom; }
.full_media {
  padding: 0px 0px 5px 5px;
  width: 312px;
}
.full_media UL LI { background: url(../images/layout_images/v-dash.png) no-repeat 0 8px; }
.full_media UL LI a { font-size: 40px; }
.full_media UL LI:first-child { background: none; }
div.main-feature div.main-feature-media-links ul li {
  background: transparent url(../images/layout_images/v-dash.png) no-repeat scroll 0 8px;
  display: inline;
  float: left;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 6px 0 0 1px;
}
div.main-feature div.main-feature-media-links ul li a:link { text-decoration: none; }
div.main-feature div.main-feature-media-links ul li a:visited { text-decoration: none; }
div.main-feature div.main-feature-media-links a.listen {
  background: transparent url(../images/layout_images/icon-listen-grey.gif) no-repeat scroll 6px 50%;
  padding: 2px 7px 2px 22px;
}
div.main-feature div.main-feature-media-links a.download {
  background: transparent url(../images/layout_images/icon-download-grey.gif) no-repeat scroll 5px 50%;
  padding: 2px 7px 2px 18px;
}
div.main-feature div.main-feature-media-links a.share {
  background: transparent url(../images/layout_images/icon-share-grey.gif) no-repeat scroll 5px 50%;
  padding: 2px 7px 2px 18px;
}
div.main-feature div.main-feature-media-links { font-size: 10px; }
#jesus-is-my-hero {
  width: 600px;
  height: 337px;
  background: url(../images/layout_images/calvin_hero_2.jpg);
}
#sessions_tab_bar A:hover { background: url(../images/layout_images/current_tab_bg_5.gif) no-repeat center 0; }
#sessions_tab_bar A:focus { background: url(../images/layout_images/current_tab_bg_5.gif) no-repeat center 0; }
#sessions_tab_bar A.selected { background: url(../images/layout_images/current_tab_bg_3.gif) no-repeat center 0; }
A#summary {
  width: 73px;
  font-size: 20px;
}
A#summary:focus #summ_link { color: white; }
A#summary.present #summ_link { text-decoration: none; }
#summary_links { display: block; }
#summary_links A {
  text-decoration: none;
  margin-bottom: 8px;
}
#summary_links A.present { text-decoration: underline; }
#hero_fb_link {
  position: absolute;
  bottom: 0px;
  right: 14px;
  color: #6a6a6a;
}
#hero_fb_link A.fb_share_link1 {
  display: block;
  height: 31px;
  background: transparent url(../images/layout_images/i-share-on-facebook.gif) no-repeat center 0px;
  width: 55px;
}
#hero_fb_link A.fb_share_link2 {
  color: #6a6a6a;
  display: block;
  text-transform: uppercase;
  font-size: 9px;
  text-decoration: none;
}
#hero_fb_link A.fb_share_link2:hover { color: white; }
#hero_fb_link:hover A.fb_share_link2 {
  color: white;
  text-decoration: underline;
}