/***** PAGE DEFAULTS *****/
html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background: #AFAE96;
	}

body, div, p, td, input[type="text"], input[type="password"], input[type="email"], textarea, a, button span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #4C4C3D;
	}

img { border: 0px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: 0px; }
div { position: relative; }
ul { list-style: none; padding: 0px; margin: 0px; }
li { float: left; }
form { display: inline; padding: 0px; margin: 0px; }
input[type="text"], input[type="password"], input[type="email"], textarea, select {
	/*height: 16px;*/
	width: 340px;
	padding: 2px 4px;
	background: #F4F1E8;
	border: 1px solid #5D5C48;
	font-size: 11px;
	}
textarea { height: 150px; }
select { height: auto; padding-right: 2px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { background: #FFFFFF; }

button {
	padding: 0px;
	margin: 0px;
	background: transparent;
	border: 0px;
	text-align: left;
	}
button:hover { cursor: pointer; }
button:hover span { text-decoration: underline; }
button::-moz-focus-inner { border: 0px; padding: 0px; }

h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: normal;
	}

h2 {
	color: #A57238;
	font-size: 20px;
	margin: 5px 0px 20px;
	}

h3 { font-size: 14px; }
h4 { font-size: 12px; color: #2C2C24; }

table { border-collapse: collapse; border-spacing: 0px; }
td { vertical-align: top; }

/***** LAYOUT *****/
#wrapper {
	min-height: 100%;
	width: 1000px;
	margin: auto;
	background: #DFD2B7;
	}

#header {
	width: 100%;
	height: 180px;
	background: #EDE7D8;
	}

#logo {
	float: left;
	margin: 18px 0px 0px 18px;
	}

#topNav {
	float: right;
	margin: 12px;
	text-align: right;
	}

#transition-text {
	position: absolute;
	top: 85px;
	left: 529px;
	width: 450px;
	color: #714D26;
	}

/*
#topNav li {
	padding: 3px 9px;
	border-right: 1px solid #5D5C48;
	}

#search input[type="text"] {
	width: 230px;
	margin-left: 5px;
	}
*/
#topNav li {
	height: 20px;
	padding: 0px 9px;
	line-height: 20px;
	}
#topNav li + li { border-left: 1px solid #5D5C48; }

#topNav li a {

	}
#search {
	/*
	display: block;
	padding: 1px 0px 0px 9px;
	*/
	}

#search input[type="text"] {
	width: 230px;
	margin: 0px 0px 0px 5px;
	}

#mainNav {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #4D4C3D;
	}

#mainNav li { border-right: 1px solid #AFAE96; }
#mainNav li a {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px 20px;
	background: transparent;
	display: block;
	}
#mainNav li a:hover { color: #4D4C3D; background: #AFAE96; text-decoration: none; }

#mainNav .pagination { float: left; width: 418px; margin: 11px 0px 0px 20px; }
#mainNav .paginationResults, #mainNav .paginationNumbers { color: #FFFFFF; font-size: 11px; }
#mainNav .pagination a { font-size: 11px; color: #FFFFFF; }

.content { padding-bottom: 100px; overflow: auto; }
#columns {
	overflow: auto;
	background: url('/img/columns.png') 540px 0px repeat-y;
	padding: 0px 0px 15px 0px;
	margin: 40px 0px 0px 0px;
	}
#left {	float: left; width: 485px; margin: 0px 50px 0px 18px; }
#right { float: left; width: 320px; margin: 0px 0px 0px 40px; }

#footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #767354;
	color: #FFFFFF;
	font-size: 11px;
	width: 100%;
	padding: 17px 0px;
	}

.legal {
	float: left;
	margin: 0 0 0 18px;

	color: inherit;
}

.legal > a {
	color: inherit;
}

.legal > a:hover {
	text-decoration: none;
}

.legal + .schedule {
	float: left;
	margin-left: 20px;
}

.u {
	text-decoration: underline;
}

.top { position: absolute; top: 0px; left: 0px; height: 8px; width: 100%; }
.topLeft { position: absolute; top: 0px; left: 0px; background: url('/img/topLeft.png') 0px 0px no-repeat; width: 8px; height: 8px; }
.topRight { position: absolute; top: 0px; right: 0px; background: url('/img/topRight.png') 0px 0px no-repeat; width: 8px; height: 8px; }

.bottom { position: absolute; bottom: 0px; left: 0px; height: 8px; width: 100%; }
.bottomLeft { position: absolute; bottom: 0px; left: 0px; background: url('/img/bottomLeft.png') 0px 0px no-repeat; width: 8px; height: 8px; }
.bottomRight { position: absolute; bottom: 0px; right: 0px; background: url('/img/bottomRight.png') 0px 0px no-repeat; width: 8px; height: 8px; }

/***** GENERIC STYLES *****/
a.raquo, a.raquo-brown {
	font-size: 11px;
	font-weight: bold;
	padding-left: 10px;
	background: url('/img/raquo-green.png') 0px 4px no-repeat;
	}
a:hover.raquo, a:hover.raquo-brown { background-position: 0px -26px; color: #714D26; /*text-decoration: none;*/ }
a.raquo-brown { color: #714D26; background-position: 0px -26px; }
a:hover.raquo-brown { color: #4C4C3D; background-position: 0px 4px; }

.headerLink { margin: 0px 0px 15px 0px; }
.headerLink h1, .headerLink h2, .headerLink h3 { display: inline; margin-right: 15px; }

.content .paginationResults, .content .paginationNumbers, .content .paginationNumbers a { color: #2D2C24; }
.paginationResults { float: left; }
.content .paginationResults { font-weight: bold; }
.paginationNumbers { float: right; }
.paginationNumbers a { margin-left: 4px; }
.paginationNumbers a:hover { font-weight: bold; }
.paginationNumbers a.active { font-weight: bold; }

/***** HOME *****/
#home #columns { margin-top: 80px; }

.schedule-home > .schedule {
	color: #714C26;
	margin: 10px 0 20px 18px;
}

.schedule li + li {
	margin-left: 60px;
}

.episodeThumb {
	overflow: auto;
	font-family: Georgia, "Times New Roman", serif;
	padding-bottom: 30px;
	margin-bottom: 30px;
	}
.episodeThumb img {
	float: left;
	padding-right: 18px;
	padding-bottom: 20px;
	}
.episodeThumb div:first-child { float: left; width: 163px; margin-right: 18px; }

#nextEpisode {
	background: #EDE7D8;
	padding: 15px 20px 25px 20px;
	}
#nextEpisode .episodeThumb { padding-bottom: 0px; margin-bottom: 5px; }
#nextEpisode .episodeBlurb { color: #3D2713; }

#home #right .episodeThumb { border-bottom: 1px solid #A67339; }

#homeBio {
	color: #714D26;
	margin: 40px 0px;
	line-height: 16px;
	}
#homeBio img {
	float: left;
	padding: 0px 20px 30px 0px;
}

/***** EPISODES LIST *****/
#episodes #columns { background-position: 570px 0px; }
#episodes #columns #left { width: 523px; margin-right: 10px; }

.episode { margin-bottom: 80px; overflow: auto; }
.episode h3 { font-weight: bold; margin: 0px 0px 3px; }
.episode .episodeBlurb { margin-top: 10px; }
.episodeBlurb { position: static; }
.episodeBlurb a.thumb { display: block; width: 200px; margin-left: 25px; float: right; }
.episodeBlurb img { display: block; margin: 0px auto; }
.episodeBlurb a.raquo { display: block; margin-top: 5px; }

/***** EPISODE DETAIL *****/
#episode #columns { background-position: 660px; margin-top: 32px; }
#episode #left { width: 624px; margin-right: 35px; }
#episode #right { margin-left: 0px; width: 300px; }

#episode .episodeHeading {
	overflow: auto;
	margin: 0px 0px 16px;
	}
#episode .episodeHeading h2 {
	float: left;
	margin: 13px 0px 0px 0px;
	max-width: 430px;

	line-height: 25px;
}
#episode .episodeHeading h4 { float: right; margin: 15px 0px 0px 0px; }

#episodePlayer { width: 624px; height: 357px; }

#episode .episodeBlurb {
	width: 550px;
	margin: 20px 0px 0px 0px;
	}

#episode #guestList { color: #4C4C3D; }
#episode #guestList h3 { margin-bottom: 3px; }

/***** GUEST LIST *****/
#guests #right { width: 365px; }
.guest .episodeThumb div:first-child { width: 200px; }
.guest .episodeThumb div:first-child a { display: block; }
.guest .episodeThumb img { display: block; }
.guest .episodeBlurb { margin-top: 10px; float: none; width: auto; }

/***** ABOUT PAGE *****/
#about .episodeThumb p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	}
#about .episodeThumb h3 { margin-bottom: 4px; }
#about .episodeBlurb { margin-top: 15px; }
#about .episodeBlurb p { margin-bottom: 15px; }

/***** LINKS *****/
#links #columns { background-position: 378px 0px; }
#links #left { width: 292px; }
#links #right { margin-top: 25px; }
#links li {
	float: none;
	margin: 0px 0px 20px 0px;
	}

/***** CONTACT *****/
#contactInfo { margin-bottom: 40px; }
#contactInfo td { padding: 0px 12px 5px 0px; color: #714C26; }
#contactInfo td a { color: #714C29; } #contactInfo td a:hover { color: #4D4C3D; }
#contactForm td { padding: 0px 12px 10px 0px; }

#contactForm button.text span {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	}

#contact #error, #contact #confirmation {
	margin: 10px 0px 10px 75px;
	font-size: 14px;
	font-weight: bold;
	}
#error #message { color: #FF0000; }

/***** ADVANCED SEARCH *****/
#advancedSearch h3, #guestList, #episode #right h3 { color: #A57239; }
#advancedSearch td { padding: 0px 4px 3px 0px; }
#advancedSearch input[type="text"] { width: 210px; padding: 5px 2px; font-size: 12px; }
#advancedSearch select { width: 216px; padding: 5px 2px; }
#advancedSearch select.month { width: 93px; }
#advancedSearch select.day { width: 56px; }
#advancedSearch select.year { width: 61px; }
#advancedSearch button.text { margin-top: 8px; font-size: 14px; }
#advancedSearch button.text span { font-size: 15px; }
#advancedSearch label { display: block; margin-top: 6px; }