/***

   :: Theme Development: surprisehighway.com
   :: Last modified 01/13/07

	Font Palette
	***************************************
	

	Color Palette
	***************************************
	

***/

/* CSS reset courtesy of meyerweb.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Typography ----------------------------------------------------------------- */
body {font-size: 62.5%; line-height: 1.4em; font-family: Helvetica, Arial, sans-serif; color: #0C0B14; background: #0C0B14; padding-bottom: 40px;}

h1 {font-size: 1.3em; font-weight: bold;}
h2 {font-size: 15px; font-weight: normal; font-style: italic; font-family: Georgia, Times, serif; padding-bottom: 11px; margin-bottom: 18px; border-bottom: 2px solid #0C0B14;}
h3 {font-size: 12px; font-weight: normal; font-family: Georgia, Times, serif; color: #EE5F39; text-transform: uppercase; padding-bottom: 10px;}

p,
li {margin-bottom: 9px; font-size:11px; line-height: 1.5em;}
ul,
ol {margin-bottom: 18px;}
li {line-height: 11px; margin-left: 20px;}
a {text-decoration: none; color: #EE5F39;}
a:hover {text-decoration: underline;}

.itunes {padding-left: 10px;}

/* Layout ----------------------------------------------------------------- */

.container {width: 960px; margin: 45px auto;}
#alpha {width: 180px; float: left; padding: 0 25px 0 20px; color: #fff;}
#beta {width: 480px; float: left; padding: 20px 0 20px 0; background: #fff;}
#beta .wrapper {clear: both; padding-left: 30px; padding-right: 30px;}
#beta p,
#beta li {font-size: 12px;}
#beta a {text-decoration: none; color:rgb(255,72,37);}
#beta a:hover {text-decoration: underline;}

#gamma {width: 195px; float: left; padding: 0 30px; color: #fff;}

#logo {display: block; width: 181px; height: 96px; background: url(/images/logo.png); text-indent: -9999px;}
#nav {margin: 29px 0 0 0; padding-bottom: 15px; border-bottom: 2px solid #5F767F;}
#nav li {margin-left: 0; font-size: 12px; text-transform: uppercase; line-height: 14px;}
#nav li span {text-transform: capitalize; font-style:italic;}
#nav li a {color: #fff; padding-bottom: 2px;}
#nav li a:hover{color: #EE5F39;}
#nav li.active a {color: #EE5F39;}

.homepage #navhome a,
.currentpage #navcurrent a,
.listing #navpast a,
.subscribepage #navsubscribe a,
.aboutpage #navabout a,
.connectpage #navconnect a,
.friendspage #navfriends a {color: #EE5F39;}

.clear {clear: both;}
.subscribe {padding: 6px 0 5px 28px; background: url(/images/icon-ipod.png) left no-repeat;}
.call {padding: 6px 0 5px 28px; background: url(/images/icon-phone.png) left no-repeat;}
.tech {padding: 6px 0 5px 28px; background: url(/images/icon-tech.png) left no-repeat;}
.buy {padding: 6px 0 5px 28px; background: url(/images/icon-notes.png) left no-repeat;}
.commentlink {padding: 6px 0 5px 28px; background: url(/images/icon-comment-blk.png) left no-repeat;}
.surveylink {padding: 6px 0 5px 28px; background: url(/images/icon-survey.png) left no-repeat;}

.widget {padding: 15px 0 4px 0; border-bottom: 2px solid #5F767F;}
.widget form {padding-bottom: 9px;}

#licensed.widget {color: #808285;}
#community {position: relative; background: url(/images/top-right-quote.gif) 3px 10px no-repeat; height: 300px; overflow: hidden;}
#community.widget li {display: none; margin-left: 0;}
#community.widget hr {width: 108px; float: left; margin-bottom: 9px; border-bottom: 1px solid #5F767F; height: 0;}
#community p,
#community li {clear: both; font-family: Georgia, Times, serif; font-size: 12px; line-height: 1.4em; color: #A7A9AC; font-style: italic;}
#community .botquote {height: 65px; position: absolute; bottom: 0; background: url(/images/bottom-left-quote.gif) bottom right no-repeat; font-family: Helvetica, Arial, sans-serif;}
#community .botquote p {font-family: Helvetica, Arial, sans-serif; font-style: normal;}
#quicklinks p {margin-bottom: 21px;letter-spacing: .5px;font-size: 12px;}
#quicklinks p.ranked {font-size: 11px; line-height: 16px;}
#quicklinks a {color: #fff;}
#quicklinks a:hover {color: #EE5F39;}
#merchandise p {text-align: center;}

.col1 {float: left; width: 98px; margin-right: 18px;}
.col2 {float: left; width: 300px;}

.episode {position: relative;}
.episode .volume {font-family: Georgia, Times, serif;}
.episode h2 {width: 290px; color: #EE5F39; font-size: 19px; line-height: 23px; font-family: Helvetica, Arial, sans-serif; font-style: normal; border-bottom: 0; margin-bottom: 12px; padding-bottom: 0;}
.episode h3 {font-style: italic; text-transform: none;}
.episode .tools {position: absolute; top: 5px; right: 0;}
.episode .mainimage {margin-top: 20px;}
.episode .subscribe {padding: 5px 0 5px 23px; background: url(/images/icon-feed.png) left no-repeat;}
.episode .download {padding: 5px 0 5px 23px; background: url(/images/icon-download.png) left no-repeat;}
.episode .byline {font-size: 11px; color: #58595B;}
.episode .details {display: none; float: left; clear: both; margin-top: 15px;}
.episode .commentcount {margin:10px 0 0;
padding:0px 0 0 22px; background: transparent url(/images/icon-comment.png) no-repeat scroll left bottom;
font-size:10px !important;}


.episode .share {padding: 5px 0 5px 23px; background: url(/images/icon-email.png) left no-repeat;}

.episode.sm {margin: 22px 0 0 0; clear: both; border-bottom: 1px solid #0C0B14;}
.episode.sm.last {border-bottom: 0; padding-bottom: 0;}
.episode.sm .col1 p {padding-top: 5px;}
.episode.sm .volume {}
.episode.sm .toggle-details {position: absolute; bottom: 40px; right: 0; z-index: 99;}
.episode.sm .show-details {float: right; padding:0 0 0 15px; background: url(/images/plus.png) left no-repeat; margin: 5px 0px 20px 0px;}
.episode.sm .hide-details {position: relative; float: right; top: -35px; padding:0 0 0 17px; background: url(/images/minus.png) left no-repeat;  margin: 10px 0px 20px 0px;}

.episode.sm .hide-details.bottom {top: auto; bottom: 10px;}


.player {margin: 13px 0 10px 0;}

.comments {position: relative; margin-top: 28px; padding: 20px 0 40px 0; border-top: 1px solid #0C0B14;}
.comments .commentcount {display: block; margin-bottom: 20px; padding: 5px 0 5px 23px; background: url(/images/icon-comment.png) left no-repeat;}

.comments .share {position: absolute; top: 20px; left: 120px; padding: 5px 0 5px 23px; background: url(/images/icon-email.png) left no-repeat;}

.comments .col1 p {font-size: 12px;}
.comments .col1 p span {font-size: 11px; color: #58595B;}
.comment {clear: both;}
.comment .col1 {padding: 20px 0; border-top: 1px solid #0C0B14;}
.comment .col2 {padding: 20px 0; border-top: 1px solid #0C0B14;}

.commentform {border-top: 1px solid #0C0B14; clear: both;}
.commentform .col1 {padding-top: 20px; margin-right: 17px;}
.commentform .col2 {padding-top: 60px;}
.submitcommentform textarea {width: 288px; height: 69px; margin-bottom: 13px; padding: 7px 5px; font-family: Helvetica, Arial, sans-serif;line-height: 1.4em; font-size: 11px;}
.submitcommentform input.text {width: 288px; margin-bottom: 13px; padding: 7px 5px; font-family: Helvetica, Arial, sans-serif; line-height: 1.4em; font-size: 11px;}
.submitcommentform .button {padding: 7px 13px 5px 13px;}

#recent h2 {margin-bottom: 0;}

.system-msg {padding: 20px;}

.prevepisode,
.nextepisode {font-size: 12px;}
.nextepisode {float: right;}

/* List Page */
.listing .archive-links {margin-top: 10px; margin-bottom: 50px;}
.listing .archive-links li {float: left; border-right: 1px solid #000; margin: 0; padding: 0 0 0 10px;}
.listing .archive-links li a,
.listing .archive-links li span {padding: 10px 10px 0 0;}
.listing .archive-links li.first {padding-left: 0;}
.listing .archive-links li.last {border-right: 0;}
.listing ul.archive-links{margin-bottom:60px;}



/*
.listing .episode {position: relative; border-bottom: 1px solid #0C0B14;}
.listing .episode .list .volume {display: block; font-size: 12px; width: 115px; padding: 12px 0;}
.listing .episode .list h2 {position: absolute; display: inline; left: 120px; top: 12px; font-size: 14px;}
.listing .episode .list .commentcount {position: absolute; left: 263px; top: 8px; font-size: 11px;}
.listing .episode .list .toggle-details {position: absolute; right: 0; top: 12px; font-size: 11px;}
*/

#featured {border-bottom:10px solid #0C0B14;}
#featured .episode {border-bottom: 0 !important;}

/* Static Pages */
.page-content {font-size: 12px; line-height: 19px;}
.page-content #page-title {margin-bottom: 23px;}
.page-content h1 {font-size: 19px; line-height: 23px; font-family: Helvetica, Arial, sans-serif; font-style: normal; border-bottom: 0; margin-bottom: 12px; padding-bottom: 0; font-weight: normal;}

.connectpage .comments {border-top: none;}
.connectpage .page-content img { top: 3px; position: relative; margin-left: 2px; width: 17px;}

/* Forms */
input.text,
select,
textarea {border: 1px solid #0C0B14;}
label {color: #58595B; font-size: 12px; margin-bottom: 7px; line-height: 2em;}
input.button,
submit {background: #0C0B14; color: #fff; border: none; padding: 3px 5px;font-family: Helvetica, Arial, sans-serif; font-size: 9px; letter-spacing: 1px;}
input.button:hover {background: #ff4825; cursor: pointer;
}

#searchform #search {width: 137px; border: none; padding: 4px 10px; background: url(/images/bg-search.png) no-repeat;}
#searchform input.text {border-color: #B3E2EC; font-size: 10px;color: #58595B;}
#searchform input.button {
padding:0;
position:relative;
top:4px;
width:16px;
}
#searchform input.button:hover {background: inherit;}

.scribbletone {letter-spacing: 1px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: gray; margin-top: 20px; text-align: center;}
.scribbletone a {color: gray;}

.hidden {display: none;}