/* general */
.content {
	margin:0 auto;
	width: 960px;
}

.navigation ul {
	list-style: none;
	overflow: hidden;
	margin: 0;
}

/* header */
#header {
	background-color: #000;
	height: 5em;
  position: relative;
}

#sticky-header {
  position: absolute;
  z-index: 100;
  color: white;
  top: 0;
  right: 0;
}

/* buttons */
.buttons ul {
	margin-left: 0;
	padding-left: 0;
}

.buttons li {
	display: inline;
}

.buttons a {
	float: left;
	padding-left:1.25em;
	text-decoration:none;
}

.buttons span {
	float: left;
	display: block;
	padding:0.3em 3em 0.9em 1.25em;
	font-weight:bold;
	font-size: 0.65em;
	text-transform: uppercase;
	margin-right: 1em;
}

.buttons.pale_green a { background: url(/images/rounded_rects/palegreen_both_left.png) no-repeat left top; }
.buttons.pale_green span { color:#ffffff; background: url(/images/rounded_rects/palegreen_both_right.png) no-repeat right top; }
.buttons.pale_green .active a { background: url(/images/rounded_rects/palegreen_active_both_left.png) no-repeat left top; }
.buttons.pale_green .active a span { background: url(/images/rounded_rects/palegreen_active_both_right.png) no-repeat right top; }

.buttons.light_green a { background: url(/images/rounded_rects/lightgreen_both_left.png) no-repeat left top; }
.buttons.light_green span { color:#ffffff; background: url(/images/rounded_rects/lightgreen_both_right.png) no-repeat right top; }
.buttons.light_green .active a { background: url(/images/rounded_rects/darkgreen_both_left.png) no-repeat left top; }
.buttons.light_green .active a span { background: url(/images/rounded_rects/darkgreen_both_right.png) no-repeat right top; }

.buttons.light_grey a { background: url(/images/rounded_rects/lightgrey_both_left.png) no-repeat left top; }
.buttons.light_grey span { color:#444444; background: url(/images/rounded_rects/lightgrey_both_right.png) no-repeat right top; }

.buttons.dark_green a { background: url(/images/rounded_rects/darkgreen_both_left.png) no-repeat left top; }
.buttons.dark_green span { color:#ffffff; background: url(/images/rounded_rects/darkgreen_both_right.png) no-repeat right top; }

.buttons.dark_blue a { background: url(/images/rounded_rects/darkblue_both_left.png) no-repeat left top; }
.buttons.dark_blue span { color:#ffffff; background: url(/images/rounded_rects/darkblue_both_right.png) no-repeat right top; }

.buttons.dark_red a { background: url(/images/rounded_rects/darkred_both_left.png) no-repeat left top; }
.buttons.dark_red span { color:#ffffff; background: url(/images/rounded_rects/darkred_both_right.png) no-repeat right top; }

.buttons.bright_red a { background: url(/images/rounded_rects/brightred_both_left.png) no-repeat left top; }
.buttons.bright_red span { color:#ffffff; background: url(/images/rounded_rects/brightred_both_right.png) no-repeat right top; }

.buttons.light_blue a { background: url(/images/rounded_rects/lightblue_both_left.png) no-repeat left top; }
.buttons.light_blue span { color:#ffffff; background: url(/images/rounded_rects/lightblue_both_right.png) no-repeat right top; }

.buttons.black a { background: url(/images/rounded_rects/black_both_left.png) no-repeat left top; }
.buttons.black span { color:#ffffff; background: url(/images/rounded_rects/black_both_right.png) no-repeat right top; }

/* Remember to change the vertical change amount to be the height of the button. This has to be below the specific colored background styles above. */
.buttons a:hover {
	background-position:0% -35px;
}

.buttons a:hover span {
	background-position:100% -35px;
	color:#ffffff;
}

/* primary navigation */
#primary-navigation {
	background-color: #4e9471;
	height: 3em;
}

#primary-navigation ul {
	padding-top: 0.5em;
}

#quick-search input {
	border: 2px solid #60b57f;
	background-color: #60b57f;
	padding: 0.40em 1em;
	color: #304914;
	font-size: 0.75em;
	font-weight: bold;
	margin-left: 0.5em;
	-moz-border-radius: 1.5em;
	-webkit-border-radius: 1.5em;
}

/* login */
div#login {
	margin-top: 0.85em;
}

#login h2,
#login a,
#login label {
	text-transform: uppercase;
	font-weight: bold;
	font-size: .65em;
}

#login h2,
#login h2 a {
	color: #91ce9b;
	text-align: right;
	padding: 2.25em 1.20em;
}

#login label {
	color: #fff;
}

#login .field {
	width: 11.25em;
}

#login .field input {
	background:#444444 none repeat scroll 0 0;
	border:1px solid #444444;
	color:#D4D4D4;
	width:9.25em;
	margin: 0.1em 0;
	padding:0.20em;
}

#login .submit {
	width: 7.5em;
	margin-top: 1.05em;
}

#login a.forgot {
	padding-left: 4.5em;
	color: #ccc;
	font-size: 0.65em;
	text-transform: none;
}

/* page */
#page {
}

/* video */
#video,
#video-zoom {
	text-align: center;
	width: 100%;
	background-color: #000;
	height: 34.75em;
	position: relative;
}

#video-zoom {
	width: 960px;
	height: 540px;
}

#video .inner {
	padding: 0.5em 0;	
}

/* banner */
#banner {
	text-align: center;
	width: 100%;
	background-color: #000;
	height: 23.5em;
}

.guest #banner .content .inner {
  padding: 25px 0;
}

/* for iPad and iPhone */
#banner-background,
#banner-overlay {
  position: absolute;
  width: 100%;
}

#banner-background {
  z-index: 1000;
}

#banner-overlay {
  z-index: 1001;
}

#banner img.resize {
  width: 100%;
}

/* promo */
#promo {
	width: 1020px;
	height: 376px;
	position: relative;
}

#promo-image {
	position: absolute;
	top: 0;
	left: 0;
}

#promo-image img {
	width: 1020px;
	height: 376px;
	border: none;
}

#promo-navigation {
	position: absolute;
	top: 17em;
	right: 13.65em;
	z-index: 100;
}

.guest #promo-navigation {
	top: 16.15em;
	right: 14em;	
}

/* features */
#features-zoom {
	margin-bottom: 1.5em;
}

#features-zoom .row .body {
	width: 60em;
}

#features-zoom .feature h1 {
	font-size: 0.75em;
	padding-top: 0.25em;
}

#features-zoom .feature .body {
	width: auto;
	text-align: left;
	min-height: 0;
	padding-top: 1em;
	position: relative;
}

#features-zoom .feature .body .button {
  position: absolute;
}

#features-zoom .feature .body .button.zoom {
  position: absolute;
  right: 20px;
  top: 18px;
}

/* footer */
#footer {
	background-color: #000;
	color: #fff;
}

#footer .row .body .inner {
	border: none;
}

#footer .row .body {
	width: 60em;
	padding-top: 1.5em;
}

#footer .area h1 {
	color: #54892f;
}

#footer .area .body {
	width: auto;
	text-align: left;
	min-height: 0;
	padding-top: 1em;
}

#footer .area .body p {
	padding: 0 2em 0 0;
}

#footer .area .navigation {
	border-top: 1px solid #474747;
	padding: 0.75em 0;
	width: 13em;
}

#footer .navigation a {
	display: block;
	color: #e2f1cc;
	font-size: 0.85em;
	text-decoration: none;
}

#footer .area .navigation a:hover {
	text-decoration: underline;
}

#footer-extras {
	border-top: 1px solid #474747;
	padding: 2em 0;
	margin-top: 1em;
	text-align: right;
	color: #999999;
	text-transform: uppercase;
}

#footer-navigation a {
	color: #999999;
	font-size: 0.5em;
	font-weight: bold;
	text-decoration: none;
	margin-left: 1em;
}

#footer-navigation a:hover {
	text-decoration: underline;
}

#footer-navigation .legal,
#footer-navigation .legal a {
	font-weight: normal;
	margin: 0;
}

#footer-navigation .legal span {
	font-size: 0.5em;
}

/* yield */
#yield {}

/* rows */
.row .body {
	xmin-height: 17em;
}

.row .body .inner {
	padding: 0 0.5em 0 0;
}

.row .body .inner .border {
	border-top: 1px solid #ccc;
	width: 97%;
}

.row .body h1 {
	padding-top: 0.75em;
}

.row .body h2 {
	padding-bottom: 1.5em;
}

.row .body p {
	padding: 0 7em 0 0;
	font-size: 0.85em;
}

.row .body ul li {
	font-size: 0.85em;  
}

.row .navigation {
	padding: 1.0em 0 2.5em 0;
}

/* complement */
#complement {}

.complement {
	border-top: 1px solid #ccc;
	text-align: left;
	margin-bottom: 3em;
}

#complement > .complement:first-child {
	border: none;
}

.subscriber #complement > .complement:first-child .icon {
	margin-top: 1.5em;
}

.subscriber #complement > .complement:first-child h2 {
	padding-bottom: 1.5em;
}

.complement .header {
	position: relative;
}

.complement .icon {
	position: absolute;
	top: -1em;
	left: 0em;
	width: 6em;
	height: 6em;
}

.complement h2 {
	text-align: right;
	padding-top: 1.25em;
}

.complement .body {
	width: 15em;
}

.complement .body p {
	padding: 0;
	font-size: 0.85em;
}

.complement .navigation {
	padding-top: 0.5em;
}

.complement .navigation span {
	margin: 0;
}

.complement.links h3 {
	color: #333;
}

.complement.links a {
	display: block;
	font-size: 0.9em;
	padding-bottom: 0.85em;
	white-space: normal;
	text-decoration: none;
}

.complement.links a .title {
  text-decoration: underline;  
}

.complement.links a .interviewee {
  color: #666;
  line-height: 14px;
}

/* search results */
.results {
	padding: 2em 2em 2em 0;
}

.results h1 {
	margin-bottom: 1em;
}

.results .tags {
	margin-bottom: 0.75em;	
}

.results .prefix {
	color: #ccc;
}

.results ul li {
	list-style-type: none;
	margin-bottom: 2em;
}

.results h2 {
	margin: 0;
	font-size: 1em;
	color: #333;
}

.results .rank,
.results .type {
	font-size: 0.75em;
	color: #ccc;
}

.results .highlight {
	background-color: #ffcb33;
	font-weight: bold;
	padding: 1px;
}

.results .excerpt {
	font-size: 0.75em;
	margin-bottom: 0.5em;
}

/* tour */
.row.tour h1 {
	padding: 1.25em 0 0.75em 0;
}

.complement.tour {
	height: 20em;
	margin-bottom: 0;
}

.complement.tour .icon {
	background: url(/images/complements/tour.png) no-repeat left top;
	width: 373px;
	height: 331px;
	top: 0;
	left: -6em;
}

#tour.subscriber .complement.facebook .icon {
	margin-top: 1em;
}

#tour #banner,
#tour #banner #promo-image img {
	height: 16.125em;
}

#tour #banner #promo-navigation {
	position: absolute;
	top: 12em;
	left: 2em;
}

/* testimonials */
.row.testimonials h1 {
	padding-bottom: 1.80em;
}

.row.testimonials .source {
	color: #333333;
}

.row.testimonials .quote {
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-size: 1em;
}

.row.testimonials .source .name {
	font-weight: bold;
}

.testimonial .body_container {
	min-height: 6.5em;
}

/* facebook */
.complement.facebook .icon {
	background: url(/images/complements/facebook_icon.png) no-repeat left top;
}

.complement.facebook .body {
	padding-top: 3.05em;
}

/* twitter */
.complement.twitter .icon {
	background: url(/images/complements/twitter_icon.png) no-repeat left top;
}

.complement.twitter .body {
	padding-top: 3.05em;
}

/* tags */
.tags {
	xdisplay: inline;
	font-size: 0.85em;
}

/* episodes */
.episode.show .inner,
.episode.preview .inner {
	padding-top: 1.25em;
}

.episode.preview .interviewee {
  font-size: 20px;
  line-height: 18px;
  color: #666;
  padding-bottom: 15px;
}

.complement.episodes .icon {
	background: url(/images/complements/episodes_icon.png) no-repeat left top;
}

.complement.episodes .body {
	padding-top: 0.5em;
}

/* courses */
.course.preview .inner,
.course.full .inner {
	padding-top: 1.25em;
}

.complement.courses .icon {
	background: url(/images/complements/courses_icon.png) no-repeat left top;
}

.row.courses h1 {
	padding-top: 1.25em;
	margin: 0;
	font-size: 0.875em;
	color: #333;
}

.row.courses .previews {
	padding-top: 3.05em;
}

.row.courses .course h2 {
	color: #000;
	padding: 0;
}

.row.courses .course h3 {
	color: #444444;
	padding: 0;
}

.row.courses .course .body {
	padding-top: 1em;
}

.row.courses .course .body p {
	padding: 0 2em 0 0;
}

.course.full ul li {
	padding: 0 5em 0 0;
	font-size: 0.85em;	
}

/* posts */
.post.preview .inner,
.post.full .inner {
	padding: 1.25em 0 1.5em;
}

.complement.posts .icon {
	background: url(/images/complements/posts_icon.png) no-repeat left top;
}

.complement.posts .body {
	padding-top: 3.05em;
}

.row.posts h1 {
	padding-top: 1.25em;
	margin: 0;
	font-size: 0.875em;
	color: #333;
}

.row.posts .previews {
	padding-top: 2em;
}

.row.posts .previews .post .body-html {
	min-height: 6.25em;
}

.row.posts .post h2 {
	color: #000;
	padding: 0;
}

.row.posts .post h3 {
	color: #444444;
	padding: 0;
}

.row.posts .post .body {
	padding-top: 1em;
}

.row.posts .post .body p {
	padding: 0 2em 0 0;
}

/* .row.posts .previews .post .body-html ul li, */
.post.preview ul li,
.post.full ul li {
	padding: 0 5em 0 0;
	font-size: 0.85em;	
}

/* Flash video player */
#video .inner.noflash,
#video-zoom .inner.noflash {
	color: #fff;
	padding: 14em 0;
}

/* about */
.row.about h1 {
	padding: 1.25em 0 0.75em 0;
}

.row.about .body {
	height: 20em;
}

.row.meet h1 {
	padding-bottom: 0.75em;
}

.person {
	width: 22.5em;
	padding-bottom: 0.75em;
}

.person .thumb {
	width: 3em;
	padding: 0.35em 1em 0 0;
}

.row.meet .body h2 {
	padding-bottom: 0.5em;
}

.person h2 .title {
	font-weight: normal;
}

.row.meet .body p {
	padding: 0;
	width: 18em;
}

.complement.map {
	margin-top: 2em;
}

.complement.map .icon {
	background: url(/images/complements/contact_icon.png) no-repeat left top;
	margin-top: -0.5em;
}

.complement.map .body {
	padding-top: 1.35em;
}

.complement.map img {
	padding-bottom: 1em;
}

/* clips */
.complement.clips h2 {
	padding-top: 2em;
}

.complement.clips .icon {
	background: url(/images/complements/clips_icon.png) no-repeat left top;
}

.complement.clips .body {
	padding-top: 1.25em;
}

/* signup */
.complement.signup h2 {
	color: #cc0000;
	font-size: 1em;
	padding-top: 0.8em;
}

.complement.signup .icon {
	background: url(/images/complements/signup.png) no-repeat left top;
	width: 202px;
	height: 236px;
	top: 3em;
	left: 1em;
}

.complement.signup .body {
	height: 15em;
}

.complement.signup .body .navigation {
	position: absolute;
	margin-top: 10em;
}

/* BETA subscriber */
.beta.subscribe {
	text-align: left;
	color: #333300;
}

.beta.subscribe .inner {
	padding: 2em 15em;
}

.beta.subscribe h1 {
	font-size: 1.5em;
	color: #fff;
}

.beta.subscribe .form {
}

.beta.subscribe input {
	background:#444444 none repeat scroll 0 0;
	border:1px solid #444444;
	color:#D4D4D4;
	width:15em;
	margin: 0.1em 0;
	padding:0.20em;
}

.beta.subscribe .submit {
	padding-top: 0.5em;
}

.beta.subscribe .flash {
	padding-top: 1em;
}

/* help */
.help-body {
	padding: 2em 2em 2em 0;
}

.help-body h1 {
	font-size: 1.5em;
}

.help-body h2 {
	color: #4e9471;
	font-size: 1.25em;
	padding-top: 0.5em;
}

.help-body li,
.help-body p {
	font-size: 0.85em;
}

.help-body li {
	margin-bottom: 0.5em;
}

/* form */
.form {
	margin-bottom: 1em;
}

.form fieldset {
	margin-bottom: 1.5em;
}

.form h1 {
  margin-bottom: 1em;
}

.form h2 {
	margin-bottom: 0.5em;
}

.form .field {
	text-align: right;
	padding-right: 2em;
	padding-bottom: 0.5em;
}

.form .field.terms {
  text-align: center;
  font-size: 0.75em;
}

.form .note {
	font-size: 0.75em;	
	text-align: center;
	color: #ccc;
}

.form .note .inner {
  padding: 0 3em;
}

.cvv.note {
	text-align: left;
	padding-right: 2em;
}

.form label {
	text-transform: uppercase;
	font-size: .65em;
	font-weight: bold;
	padding-right: 1em;
}

.form input {
	width: 12.5em;
}

.form input[type="radio"],
.form input[type="checkbox"] {
	width: auto;
}

input.short {
	width: 3em;
}

input.extended {
	width: 35.5em;
}

.form select {
	width: 19em;
}

.form select.short {
	width: 9.25em;
}

.field img {
	vertical-align: top;
}

.field.creditcard_type {
	text-align: left;
	padding-right: 3.25em;
}

.creditcard_type img {
	vertical-align: middle;
	padding-right: 1em;
}

.errorExplanation {
	background: #ffd1d1 url(/images/admin/flash/error.gif) no-repeat top left;
	background-position: 1.25em 0.15em;
	border-bottom: 1px solid #F8ACAC;
	border-top: 1px solid #F8ACAC;
	margin-bottom: 1em;
	width: 43em;
}

.errorExplanation h3 {
	color: #8D3F3F;
	padding-left: 3.5em;
}

.errors {
	background-color:#fff1f1;
	border-bottom:1px solid #fddcdc;
	color:#664b4b;
	font-size: 0.85em;
}

.errors ol,
.errors ul {
	margin: 0;
	line-height: 1em;	
	padding: 0.5em 2.75em;
}

.errors li {
	list-style: decimal;
	padding: 0.5em 0;
}

.form .fieldWithErrors {
	display: inline;
}

.form .fieldWithErrors input {
	background-color: #ffd1d1;
}

/* new-account-summary */
.complement.new-account-summary h2 {
  text-align: left;
}

.complement.new-account-summary .body {
	padding-top: 1em;
}

/* new-account-trial-explanation */
.complement.new-account-trial-explanation h2 {
  text-align: left;
}

.complement.new-account-trial-explanation .body {
	padding-top: 1em;
}

/* currency-converter */
.complement.currency-converter .icon {
	background: url(/images/complements/currency_converter_icon.png) no-repeat left top;
}

.complement.currency-converter .body {
	padding-top: 1em;
}

/* pagination */
#pagination .inner {
	padding: 1em 0 4em;
}

#pagination .disabled {
	display: none;
}

#pagination a {
	padding-right: 1em;
}

/* gallery */
.complement.gallery {
	margin-top: 2em;
}

.complement.gallery .icon {
	background: url(/images/complements/gallery_icon.png) no-repeat left top;
}

.complement.gallery .body {
	padding-top: 1.5em;
}

.gallery-thumb .inner {
	padding: 0 1em 1em 0;
}

/* thanks */
.thanks h1 {
	font-size: 2.25em;
	color: #304812;	
}

.thanks h2 {
	color: #304812;
	font-weight: normal;
	font-size: 2em;
	line-height: 1.25em;
}

.thanks .navigation {
	padding-top: 0em;
}

.complement.thanks .icon {
	background: url(/images/complements/thanks.png) no-repeat left top;
	width: 373px;
	height: 475px;
	top: .5em;
	left: -2em;
}

/* accounts and users */
.users #yield h1,
.accounts #yield h1 {
	padding-top: 1.25em;
}

.accounts .links a {
	display: block;
	padding-bottom: 0.85em;
	white-space: normal;
}

.accounts .history th,
.accounts .history td {
	padding: 0.5em;
}

.accounts .history th {
	text-decoration: underline;
	padding-right: 5em;
}

/* flash notice/error */
.notice {
	background-color: #60b57f;
	width: 90%;
	margin: 1em 0;
}

.notice .inner {
	padding: 0.5em;
}

/* sessions form */
.session {
	text-align: left;
	color: #333300;
}

.session .inner {
	padding: 2em 15em;
}

.session h1 {
	font-size: 1.5em;
	color: #fff;
}

.session a {
	color: #333300;
}

.session input[type="text"],
.session input[type="password"] {
	background:#444444 none repeat scroll 0 0;
	border:1px solid #444444;
	color:#D4D4D4;
	width:15em;
	margin: 0.1em 0;
	padding:0.20em;
}

.session input[type="submit"] {
	width: auto;
}

.session .submit {
	padding-top: 0.5em;
}

.session .flash {
	padding-top: 1em;
}

/* interested-signup */
.complement.interested-signup .body {
	padding-top: 1em;
}

.complement.interested-signup .icon {
	background: url(/images/complements/interested_signup_icon.png) no-repeat left top;
}

/* exit survey */
.survey-option {
  text-align: left;
}