a img { border: none }
section, footer, header, nav { display: block }

body { background: #000; color: #fff; font-family: georgia; font-size: 12px; line-height: 1.8em; margin: 0 0 40px 0; padding: 0 }
#login-button { position: absolute; top: 18px; right: 65px }

#body-outer { background: #3b4c44 url(/info/images/background-gradient.png) top left repeat-x }
#body-inner { width: 1150px; margin: 0px auto; padding: 59px 0 40px 0; position: relative }
#main {
  position: relative;
  background: #000;
  border: 1px solid #5aa398;
  padding: 15px;
  width: 992px; /* 1022 - 15 * 2 */
  margin: 0px auto
}

.quote { font-weight: bold; text-align: right }
.quote q { font-size: 1.75em; display: block; margin-bottom: .3em }
h1#logo span { display: none }
h1#logo a { display: block; width: 294px; height: 228px; position: absolute; top: 0; left: -12px; background: url(/info/images/logo.png); z-index: 30 }
h2 { font-size: 1.8em }
a { color: #eadc67 }

footer { width: 1022px; margin: 10px auto 0px auto; position: relative; padding-top: 1px; font-size: 1.2em }
footer nav > ul > li { display: inline-block; vertical-align: top; margin-left: 30px; min-width: 180px }
footer nav li ul { margin-left: 10px }
footer ul { list-style: none; margin: 0; padding: 0 }
footer li { padding: 0; margin: 0 }
#footer-logo { display: block; position: absolute; right: 0; top: -32px }
#copyright { display: block; position: absolute; right: 0; top: 45px }
#copyright a { text-decoration: none; color: #fff }
#copyright a:hover { text-decoration: underline }
#policies { display: block; position: absolute; right: 0; top: 70px }
#policies a { color: #999 }

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clear-block { display: inline-block }
.clear-block { display: block }

#request-free-access-link, #join-mailing-list-link { display: block; width: 291px; height: 70px; margin: 0 auto }
#request-free-access-link { background: url(/info/images/request-free-access-button.png) no-repeat }
#join-mailing-list-link { background: url(/info/images/join-mailing-list-button.png) no-repeat }
#request-free-access-link span, #join-mailing-list-link span { display: none }

nav { display: block }
#main-content { font-size: 1.4em }
#main-content > header { margin: 30px 0 80px 245px; height: 60px }
#main-content > header h2 { display: table-cell; border-bottom: 1px solid #5aa398; padding-bottom: 12px }
#main-content p { line-height: 1.5em }
#video { width: 640px }
#player { width: 640px; height: 360px; margin-bottom: 20px }
#sidebar { margin: 0 20px 30px 730px; padding-top: 1.7em }

.quote q { font-size: 1em }

#authentication { text-align: center }
#signup-link { margin-left: 10px }

#coda-slider-1-wrapper { width: 700px; float: left }
#coda-slider-1 { width: 700px }
#coda-slider-1 .panel { width: 700px }
#coda-slider-1 #video { margin: 0 -20px }
#coda-slider-1 .panel-wrapper { padding: 10px 50px; width: 600px }
#coda-slider-1 .panel.bordered .panel-wrapper { border: 5px solid #5aa398; background: white; color: black; width: 590px }
#coda-slider-1 .panel.bordered .panel-wrapper a { color: #ee392b }

footer nav { display: inline-block; vertical-align: top }

#news { margin-left: 20px; width: 300px; display: inline-block }
#news ul { margin: 0; padding: 0 }
#news li { margin: 0; padding: 0; list-style: none }
#news h2 { font-size: 1em; margin: 0; font-weight: normal }
#news .date { font-size: 0.75em; text-align: right; color: #999 }

.content-box { background: white; color: black; padding: 19px; border: 5px solid #5ba299; width: 662px; float: left }
.content-box a { color: #ee392b }

#lesson-landing-page #lesson-quote { float: right; max-width: 300px; padding: 0px 0px 50px 50px }
#lesson-landing-page #lesson-quote blockquote { font-weight: bold; font-style: italic }
#profile-biography a.active { color: #eadc67 }
#lesson-landing-page #node-details header { font-weight: bold }
#lesson-landing-page #node-details header h1 { font-weight: normal; font-size: 28px }
#lesson-landing-page { font-size: 17.5px; line-height: 1.5em }
#lesson-landing-page .basic { margin-bottom: 5px }
#lesson-landing-page .basic h2 { margin-top: 0 }
#profile-biography-content { margin: 5px 0 35px 0 }
#profile-quote { font-style: italic; display: inline; color: #ee392b; margin: 1em 0 }
#profile-quote-author { display: inline }
#profile-quote-author:before { content: " — " }
#profile-logo-url { text-align: right }
#profile-biography .basic h3 { margin-top: 0 }

#profile-biography { font-size: 14px; line-height: 1.5em }
#lesson-landing-page h2 { margin-top: 0 }
#lesson-landing-page h1, #profile-biography h2, #profile-biography h3 { 
  font-family: Times, serif;
  font-weight: normal;
  color: #5ba299;
  font-size: 24px;
  padding-bottom: 5px;
  border-bottom: 1px solid #3b6862;
  margin-bottom: 10px;
}
#lesson-landing-page h1 { font-size: 30.5px }
#lesson-landing-page li, #profile-biography li { margin: 0; padding: 0 }
#lesson-landing-page ul, #profile-biography ul { margin-left: 0; padding-left: 2em }
#lesson-landing-page button { border: none; background: none }
#lesson-landing-page button > span { 
  border: 1px solid #d1d1d1;
  border-radius: 0.9em;
  -moz-border-radius: 0.9em;
  -webkit-border-radius: 0.9em;
  -khtml-border-radius: 0.9em;
  display: inline-block;
  border-top: none;
  padding: 0;
  margin: 0;
}
#lesson-landing-page button > span > span { 
  background: #5ba299 url(/sites/all/themes/franklearning/images/blue-button-background.png) top left repeat-x;
  border-color: #11786b;
  border-radius: 0.7em;
  -moz-border-radius: 0.7em;
  -webkit-border-radius: 0.7em;
  -khtml-border-radius: 0.7em;
  display: block;
  display: inline-block;
  border-width: 2px;
  border-style: solid;
  color: white;
  text-shadow: 0.05em -0.05em #555555;
  font-family: arial, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  min-height: 22px;
  padding: 3px 10px;
  margin: 0;
}
#lesson-landing-page button > span > span:first-letter { text-transform: capitalize }
#lesson-landing-page blockquote { margin: 1em 0 }

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

.coda-slider .panel h2.title { display: none }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
.coda-nav ul li { display: inline }
.coda-nav ul li a { display: block; float: left; margin-right: 1px; padding: 3px 6px }
.coda-nav ul li a.current { color: white; text-decoration: none }
.coda-nav ul li:before { content: ' > '; display: block; float: left }
.coda-nav ul li:first-child:before { display: none }

/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: auto }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }

#members-videos h1 { font-size: 1em }

#fancybox-outer { color: black; font-family: georgia; font-size: 12px; line-height: 1.8em }
#fancybox-inner { font-size: 1.4em }