/* ====================================================================
		
		Created by: Minisite Mojo
		Original Author: Brian Johnson
		website: www.minisitemojo.com
		
==================================================================== */


/* ------------------------------------------------------------
	=Reset and Base
------------------------------------------------------------ */

/* Reset */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, table, tbody, tr, th, td, a, img, dl, dt, dd, ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* Base */

body {
	background: #c0c0c0;
	font: 14px/1.3em Verdana, Geneva, sans-serif;
	color: #313131;
}
p {
	margin: 0 0 1.3em;
	padding: 0;
}

ul, ol { margin: 0 1.5em 1.3em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
li { list-style-position: outside; margin: 0 0 1.3em 1.5em; }

dl { margin: 0 0 1.3em; }
dt { font-weight: bold; }
dd { margin: 0 0 1.5em 1em !important; }

blockquote { margin: 1.3em; }
cite { margin: 0 0 1.3em; display: block; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
ins { text-decoration: underline; }
del { text-decoration: line-through; }

/* Links (Does not effect Nanacast-generated links.) */
.main-content a:link, .main-content a:active, .main-content a:visited {
	color: #0077dd;
	text-decoration: underline;
}
.main-content a:hover, .main-content a:focus { color: #0077dd; }

/* ------------------------------------------------------------
	=Structure
	
	Note about width when using default Nanacast structure:
	Do not exceed 680px for fixed width containers.
	
	Actual width is 810px on membership pages. However, when pages
	are accessed via the Affiliate Center, the left nav sidebar
	reduced page content width.
------------------------------------------------------------ */

/* Nanacast override - Can't get rid of 20px bottom padding, so change bg color. */
#td1 { background: #f4f2ec !important; }

#wrap-top-login { }
#wrap-bottom-login {
	border-top: 1px solid #d9d9d9;
	margin: 30px 0 0;
	padding: 20px 0;
}
#wrap-top-purchases-subscriptions { margin-bottom: 30px; }
#wrap-bottom-purchases-subscriptions { padding: 20px 0; }

#wrap-top-episode-menu { margin: 0 -20px 25px !important; }
#wrap-bottom-episode-menu { border-top: 1px solid #dad7d0; margin: 30px 0; padding: 20px 0; }
#wrap-episode { background: #f4f2ec; }

#header-custom {
	background: url(https://nanacast-rawedge.s3.amazonaws.com/membership-veganpalooza/images-m-veganpalooza/header_bg.jpg) no-repeat 0 0;
	width: 800px;
	height: 237px; /* Reduced height by 1px to hide light line at bottom of graphic. */
}
.main-content {
	clear: both; /* Clears #nav-custom float */
	padding-left: 40px;
	padding-right: 40px;
}

.purchases-subscriptions-top, .episode-menu-top, .episode {
	background: url(http://nanacast-rawedge.s3.amazonaws.com/membership-veganpalooza/images-m-veganpalooza/page-top-gradient.png) no-repeat 0 0;
}

.login-top { padding-top: 0; padding-bottom: 20px; }
.login-bottom { }

.login-custom, .purchases-subscriptions-top, .episode-menu-top, .episode {
	padding-top: 20px;
	padding-bottom: 20px;
}
.purchases-subscriptions-top { }
.purchases-subscriptions-bottom { }
.episode-menu-top { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
.episode-menu-top-container { border-bottom: 1px solid #dad7d0; margin: 0 40px; padding-bottom: 30px; }
.episode-menu-bottom { }
.episode { }

/* ------------------------------------------------------------
	=Navigation
------------------------------------------------------------ */

#nav-custom {
	background-color: #6a6454;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #6a6454), color-stop(100%, #524c3e));
	background-image: -webkit-linear-gradient(top, #6a6454, #524c3e);
	background-image: -moz-linear-gradient(top, #6a6454, #524c3e);
	background-image: -o-linear-gradient(top, #6a6454, #524c3e);
	background-image: -ms-linear-gradient(top, #6a6454, #524c3e);
	background-image: linear-gradient(top, #6a6454, #524c3e);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6a6454', endColorstr='#524c3e')";
	width: 100%;
	height: 42px;
	border-top: 1px solid #8c806c;
	border-bottom: 1px solid #5e5b50;
	overflow: hidden;
}
#nav-list {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav-list li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 10px 0;
}
#nav-list li a {
	font-size: 12px;
	color: #fff;
	line-height: 42px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	padding: 0 10px 0;
}
#nav-list li a:hover, #nav-list li a:focus {
	color: #fff;
	text-decoration: underline;
}

/* ------------------------------------------------------------
	=Headings
------------------------------------------------------------ */

#wrap-episode h1 {
	font: bold 22px Verdana, Geneva, sans-serif;
	line-height: 1.1em;
	color: #2e2b22;
	margin: 0;
	padding: 0 0 20px;
}
#wrap-top-login h1, #wrap-login-custom h1, #wrap-top-purchases-subscriptions h1, #wrap-top-episode-menu h1 {
	font: bold 22px Verdana, Geneva, sans-serif;
	line-height: 1.3em;
	color: #1d1d1d;
	text-align: center;
	padding-bottom: 25px;
}
.main-content h2 {
	font: bold 20px Verdana, Geneva, sans-serif;
	color: #222;
	margin: 0 0 20px;
	padding: 0;
}
.main-content h2.transcript {
	font: bold 18px Verdana, Geneva, sans-serif;
	color: #272727;
	margin: 35px 0 20px;
	padding: 0;
}
.main-content h3 {
	font: bold 22px Verdana, Geneva, sans-serif;
	color: #2e2b22;
	text-align: center;
	margin: 0 0 16px;
	padding: 0;
}
.main-content h4 {
	font: bold 16px Verdana, Geneva, sans-serif;
	color: #222;
	text-align: center;
	margin: 0 0 16px;
	padding: 0;
}

/* ------------------------------------------------------------
	=General
------------------------------------------------------------ */

img.center { margin: 0 auto; display: block; }
img.left { float: left; padding: 8px 10px 8px 0; }
img.right { float: right; padding: 8px 0 8px 10px; }
.center { text-align: center; }
hr.div1 {
	border: none;
	border-top: 1px dashed #dad7d0;
	width: 100%;
	margin: 20px auto 30px;
}

.bold { font-weight: bold }
.red { color: #bd2a00; }

.countdown {
	background-color: #f0f0f0;
	width: 273px;
	text-align: center;
	border: 1px solid #b9b9b9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 30px;
	padding: 10px 12px;
}
.countdown-h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px;
}

/* Speakers - Available width 720px */
.speaker { }
.speaker-photo {
	width: 162px;
	float: left;
	padding: 0 12px 0 0;
}
.speaker-photo-thomasLodi {
	width: 121px;
	float: left;
	padding: 0 12px 0 0;
}
.speaker-photo-haroldBrown {
	width: 134px;
	float: left;
	padding: 0 12px 0 0;
}
.speaker-photo-raeSikora {
	width: 127px;
	float: left;
	padding: 0 12px 0 0;
}
.speaker-photo img, .speaker-photo-thomasLodi img, .speaker-photo-haroldBrown img, .speaker-photo-rae-Sikora img {
	background: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4);
	-o-box-shadow: 0 0 2px rgba(0,0,0,0.4);
	padding: 5px;
}
.speaker-bio {
	width: 546px;
	float: left;
}
.speaker-bio-thomasLodi {
	width: 587px;
	float: left;
}
.speaker-bio-haroldBrown {
	width: 574px;
	float: left;
}
.speaker-bio-raeSikora {
	width: 581px;
	float: left;
}

/* Session access section */
.instructions {
	width: 570px;
	margin: 0 auto;
}
.access {
	background: #fff;
	width: 526px;
	border: 1px solid #a9a9a9;
	margin: 0 auto 50px;
	padding: 25px 20px 30px;
}
.access-phone, .access-internet { text-align: center; }
.access-phone { margin: 0 0 25px; }

/* Special Offers section */
.special-offer {
	background: #fff;
	border: 1px solid #dad7d0;
	margin: 0 auto 20px;
	padding: 20px;
}
.btn-special-offer {
	background: url(http://nanacast-rawedge.s3.amazonaws.com/membership-veganpalooza/images-m-veganpalooza/btn-show-special-offer.png) no-repeat 0 0;
	display: block;
	margin: 30px auto 10px;
}

/* ------------------------------------------------------------
	=Containers and Text Boxes
------------------------------------------------------------ */

.clock {
	text-align: center;
	margin: 0 0 30px;
	padding: 0;
}
	.clock span {
		font: 12px Verdana, Geneva, sans-serif;
		color: #333;
		font-weight: bold;
		display: block;
		margin: 0;
		padding: 0 0 10px;
	}

.message-box {
	background: #fff url(http://nanacast-rawedge.s3.amazonaws.com/global-rawedge/images-rawedge/icon-info.png) no-repeat 14px 11px;
	width: 460px;
	font-size: 14px;
	color: #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	min-height: 36px;
	border: 1px solid #d6d4cf;
	margin: 20px auto 20px;
	padding: 17px 12px 20px 57px;
}
.message-box p:last-child { margin-bottom: 0px; }

/* ------------------------------------------------------------
	=Lists
------------------------------------------------------------ */

ul.pdf-download {
	margin: 0 0 0 20px;
	padding: 0;
}
	ul.pdf-download li {
		background: url(http://nanacast-rawedge.s3.amazonaws.com/global-rawedge/images-rawedge/icon-pdf-24.png) no-repeat 0 0;
		list-style: none;
		line-height: 24px;
		margin: 0;
		padding: 3px 0 10px 29px;
	}
	ul.pdf-download li a { text-decoration: none !important; }
	ul.pdf-download li a:hover, ul.pdf-download li a:focus { text-decoration: underline !important; }

/* ------------------------------------------------------------
	=Buttons
------------------------------------------------------------ */

.nav-top { margin: 10px 0 35px; }
.nav-bottom { margin: 50px 0 0 0; }
.btn-back-center { margin-left: 348px; }

/* Back to Menu button */
.btn-back-menu {
	background-color: #f7d04d;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fce8a7), color-stop(100%, #f7d04d));
	background-image: -webkit-linear-gradient(top, #fce8a7, #f7d04d);
	background-image: -moz-linear-gradient(top, #fce8a7, #f7d04d);
	background-image: -o-linear-gradient(top, #fce8a7, #f7d04d);
	background-image: -ms-linear-gradient(top, #fce8a7, #f7d04d);
	background-image: linear-gradient(top, #fce8a7, #f7d04d);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fce8a7', endColorstr='#f7d04d')";
	font-size: 11px;
	line-height: 1em;
	color: #524c39 !important;
	font-weight: normal;
	text-decoration: none !important;
	display: inline-block;
	cursor: pointer;
	border: 1px solid #f2ce57;
	border-bottom-color: #d6b23b;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.1);
	-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.1);
	padding: 6px 12px 6px 8px;
}
.btn-back-menu:hover {
	background-color: #f5c53b;
	background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #fbe393), color-stop(100%, #f5c53b));
	background-image: -webkit-linear-gradient(top, #fbe393, #f5c53b);
	background-image: -moz-linear-gradient(top, #fbe393, #f5c53b);
	background-image: -o-linear-gradient(top, #fbe393, #f5c53b);
	background-image: -ms-linear-gradient(top, #fbe393, #f5c53b);
	background-image: linear-gradient(top, #fbe393, #f5c53b);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fbe393', endColorstr='#f5c53b')";
}
.btn-back-menu:active {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}
.btn-back-menu-arrow {
	background: url(https://nanacast-rawedge.s3.amazonaws.com/global-rawedge/images-rawedge/btn-arrow-left.png) no-repeat;
	width: 5px;
	height: 9px;
	display: inline-block;
	vertical-align: middle;
	_line-height: 1em;
	margin: -2px 5px 0 0;
	padding: 0;
}

/* ------------------------------------------------------------
	=Footer
------------------------------------------------------------ */

#footer {
	width: 800px;
	font-size: 11px;
	text-align: center;
	margin: 0 auto;
	padding: 20px 0 0;
}
#footer p { color: #545454; }
ul.navFooter {
	text-align: center;
	color: #5f5f5f;
}
ul.navFooter li {
	list-style: none;
	display: inline;
	padding-right: 1px;
	padding-left: 1px;
}
#footer a { color: #666; }
#footer a:hover { color: #333; }

/* ------------------------------------------------------------
	=Clearing
------------------------------------------------------------ */

.clearfloat {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* Clear Fix */
.clear { zoom: 1 }
.clear:before, .clear:after { content: ""; display: table }
.clear:after { clear: both }