/* =============================================================================

1. type selectors
2. layout
	2.1 videos
	2.2 podcast promo
	2.3 big buttons
	2.4 stitcher promo
	2.5 footer
3. universal elements
4. pop-ups
	4.1 newsletter
	4.2 email
	4.3 call me
5. stand up
6. archives
7. podcast
8. store temp
9. error 404

================================================================================ */

/* ==== toolbox ================= */
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }
.inline { display: inline; }
.block { display: block; }


/* ================================================================================================================================== */
/*																											1. type selectors
/* ================================================================================================================================== */
body {
	background: #000 url(http://www.harlandwilliams.com/img/bg.jpg) center top no-repeat fixed;
	color: #fff;
	font: 15px/18px Arial, Helvetica, sans-serif;
	}
a, a:link {
	color: #80daff;
	text-decoration: none;
	}
	a:visited {
		color: #619cb4;
		}
	a:hover, a:active {
		color: #00b4ff;
		}
h1 {
	float: left;
	margin: 53px 0 0 133px;
	}
	h1 a {
		display: block;
		width: 567px;
		height: 76px;
		text-indent: -9999px;
		background: url(http://www.harlandwilliams.com/img/logo.png);
		}
h2 {
	font-weight: normal;
	}
p {
	padding: 0;
	}


/* ================================================================================================================================== */
/*																											2. layout
/* ================================================================================================================================== */
#container {
	width: 1000px;
	margin: 0 auto;
	background: url(http://www.harlandwilliams.com/img/skull.png) 3px 29px no-repeat;
	}

#nav {
	float: left;
	width: 604px;
	height: 44px;
	margin: 8px 0 0 99px;
	}
	#nav li {
		float: left;
		}
	#nav li a {
		display: block;
		height: 44px;
		text-indent: -9999px;
		background-image: url(http://www.harlandwilliams.com/img/nav.png);
		}

#n-home a {
	width: 43px;
	background-position: 0 0;}
	#n-home a:hover {
		background-position: 0 -44px;}
#n-podcast a {
	width: 76px;
	background-position: -43px 0;}
	#n-podcast a:hover {
		background-position: -43px -44px;}
	#podcast-page #n-podcast a {
		background-position: -43px -88px;}
#n-standup a {
	width: 80px;
	background-position: -119px 0;}
	#n-standup a:hover {
		background-position: -119px -44px !important;}
	#standup-page #n-standup a {
		background-position: -119px -88px;}
#n-archives a {
	width: 80px;
	background-position: -199px 0;}
	#n-archives a:hover {
		background-position: -199px -44px !important;}
	#archives-page #n-archives a {
		background-position: -199px -88px;}
#n-email a {
	width: 55px;
	background-position: -279px 0;}
	#n-email a:hover {
		background-position: -279px -44px;}
#n-callme a {
	width: 72px;
	background-position: -334px 0;}
	#n-callme a:hover {
		background-position: -334px -44px;}
#n-store a {
	width: 57px;
	background-position: -406px 0;}
	#n-store a:hover {
		background-position: -406px -44px;}
#n-twitter a {
	width: 33px;
	background-position: -463px 0;}
	#n-twitter a:hover {
		background-position: -463px -44px;}
#n-facebook a {
	width: 33px;
	background-position: -496px 0;}
	#n-facebook a:hover {
		background-position: -496px -44px;}
#n-myspace a {
	width: 33px;
	background-position: -529px 0;}
	#n-myspace a:hover {
		background-position: -529px -44px;}
#n-rss a {
	width: 42px;
	background-position: -562px 0;}
	#n-rss a:hover {
		background-position: -562px -44px;}


/* ============================================================================================= */
/*																		2.1 videos
/* ============================================================================================= */
#intro-vid {
	float: right;
	width: 259px;
	height: 145px;
	padding: 6px 0 0 21px;
	margin-top: 42px;
	background: url(http://www.harlandwilliams.com/img/bg-intro-vid.png);
	}
	#intro-vid #small_player a img {
		margin: 51px 0 0 64px;
		}

#video-content {
	clear: both;
	overflow: hidden;
	padding-top: 30px;
	}

#main-vid {
	float: left;
	width: 682px;
	height: 391px;
	margin-top: 3px;
	padding: 7px 0 0 42px;
	background: url(http://www.harlandwilliams.com/img/bg-main-vid.png);
	}
	#main-vid #bg_player_location a img {
		margin: 173px 0 0 264px;
		}
#main-vid-new {
	float: left;
	width: 682px;
	height: 381px;
	margin-top: 3px;
	padding: 17px 0 0 42px;
	background: url(http://www.harlandwilliams.com/img/bg-main-vid-new.png);
	}

#thumbs {
	clear: none;
	float: right;
	width: 274px;
	margin-right: 2px;
	}
.tn {
	display: block;
	width: 248px;
	height: 100px;
	padding: 9px 0 0 26px;
	background: url(http://www.harlandwilliams.com/img/bg-thumb.png);
	}
	a.tn:hover, 
	#thumbs a.selected {
		background-position: 0 109px;
		}
	.tn img {
		float: left;
		width: 120px;
		height: 90px;
		}
	.tn span {
		float: left;
		color: #fff;
		width: 95px;
		height: 80px;
		margin: 8px 0 0 10px;
		overflow: hidden;
		}


/* ============================================================================================= */
/*																		2.2 podcast promo
/* ============================================================================================= */
#promo {
	float: left;
	margin: 34px 0 0 22px;
	width: 680px;
	height: 125px;
	background: url(http://www.harlandwilliams.com/img/bg-podcast-promo.png) no-repeat;
	}
	#promo .graphic {
		float: left;
		margin: -6px 12px 0 23px;
		}
	#promo .text {
		float: left;
		width: 375px;
		margin-top: 15px;
		}
		#promo .text p {
			overflow: hidden;
			padding-top: 3px;
			height: 57px;
			color: #b2c6cb;
			font-size: 14px;
			font-style: italic;
			}
	#promo .buttons {
		float: right;
		margin: 14px 20px 0 0;
		width: 106px;
		text-align: center;
		}
		#promo .buttons p {
			padding-bottom: 5px;
			color: #849da3;
			font-size: 10px;
			line-height: 12px;
			}
		#podcast-rss,
		#podcast-itunes {
			display: block;
			float: left;
			width: 106px;
			height: 33px;
			background: url(http://www.harlandwilliams.com/img/btns-podcast.png);
			text-indent: -9999px;
			}
			#podcast-rss:hover {
				background-position: -106px 0;
				}
		#podcast-itunes {
			height: 37px;
			background-position: 0 -33px;
			}
			#podcast-itunes:hover {
				background-position: -106px -33px;
				}


/* ============================================================================================= */
/*																		2.3 big buttons
/* ============================================================================================= */
#bb-archives {
	display: block;
	float: right;
	width: 250px;
	height: 70px;
	margin: 21px 15px 0 0;
	text-indent: -9999px;
	background-image: url(http://www.harlandwilliams.com/img/big-btns.png);
	background-position: -250px 0;
	}
	#bb-archives:hover {
		background-position: -250px -70px;}


/* ============================================================================================= */
/*																		2.4 stitcher promo
/* ============================================================================================= */
#stitcher {
	width: 744px;
	height: 91px;
	margin: 34px auto 0 auto;
	background-image: url(http://www.harlandwilliams.com/img/stitcher-bg.png);
	}
	#stitcher-btn {
		display: block;
		width: 744px;
		height: 91px;
		background: url(http://www.harlandwilliams.com/img/stitcher-btn.png) 15px 13px no-repeat;
		text-indent: -9999px;
		}
		#stitcher-btn:hover {
			background-position: 15px -78px;
			}


/* ============================================================================================= */
/*																		2.5 footer
/* ============================================================================================= */
#footer {
	padding: 100px 0 80px 0;
	width: 910px;
	margin: 0 auto;
	text-align: center;
	font-size: 13px;
	line-height: 16px;
	color: #57768c;
	}
#twoPitch {
	display: -moz-inline-box;
	display: inline-block;
	text-indent: -9999px;
	font-size: 0;
	vertical-align: bottom;
	width: 47px;
	height: 15px;
	padding-top: 1px;
	background: url(http://www.harlandwilliams.com/img/bg-2pitch.png) no-repeat;
	}
	#twoPitch:hover {
		background-position: left bottom;
		}
#bitgravity {
	display: -moz-inline-box;
	display: inline-block;
	text-indent: -9999px;
	font-size: 0;
	vertical-align: bottom;
	width: 122px;
	height: 16px;
	background: url(http://www.harlandwilliams.com/img/bg-bitgravity.png) no-repeat;
	}
	#bitgravity:hover {
		background-position: left bottom;
		}
#vimeo {
	display: -moz-inline-box;
	display: inline-block;
	text-indent: -9999px;
	font-size: 0;
	vertical-align: bottom;
	width: 44px;
	height: 16px;
	background: url(http://www.harlandwilliams.com/img/bg-vimeo.png) no-repeat;
	}
	#vimeo:hover {
		background-position: left bottom;
		}
#vimeo {
	display: -moz-inline-box;
	display: inline-block;
	text-indent: -9999px;
	font-size: 0;
	vertical-align: bottom;
	width: 44px;
	height: 16px;
	background: url(http://www.harlandwilliams.com/img/bg-vimeo.png) no-repeat;
	}
	#vimeo:hover {
		background-position: left bottom;
		}
#buzzsprout {
	display: -moz-inline-box;
	display: inline-block;
	text-indent: -9999px;
	font-size: 0;
	vertical-align: bottom;
	width: 72px;
	height: 16px;
	background: url(http://www.harlandwilliams.com/img/bg-buzzsprout.png) no-repeat;
	}
	#buzzsprout:hover {
		background-position: left bottom;
		}


/* ================================================================================================================================== */
/*																											3. universal elements
/* ================================================================================================================================== */
#bg-darken {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 499;
	opacity: .80;
	display: none;
	}

#back-to-top a {
	display: block;
	width: 250px;
	height: 70px;
	margin: 50px auto 0 auto;
	text-indent: -9999px;
	background: url(http://www.harlandwilliams.com/img/big-btns.png) -500px 0;
	}
	#back-to-top a:hover {
		background-position: -500px -70px;
		}


/* ================================================================================================================================== */
/*																											4. pop-ups
/* ================================================================================================================================== */
#btn-close, 
#mail-btn-close, 
#callme-btn-close {
	display: block;
	float: left;
	margin: 14px 0 0 76px;
	width: 33px;
	height: 26px;
	text-indent: -9999px;
	background-image: url(http://www.harlandwilliams.com/img/popup-btns.png);
	cursor: pointer;
	}
	#btn-close:hover, 
	#mail-btn-close:hover, 
	#callme-btn-close:hover {
		background-position: 0 -26px;
		}
#newsletter form, 
#email-popup form {
	width: 300px;
	margin: 0 auto;
	}
#newsletter label, 
#email-popup label {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	padding: 5px 0 2px 0;
	}
#newsletter input, 
#email-popup input, 
#email-popup textarea {
	clear: both;
	display: block;
	float: left;
	width: 290px;
	height: 20px;
	padding: 2px 4px;
	font: 16px/20px Arial, Helvetica, sans-serif;
	margin-bottom: 6px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #999;
	background: #fff;
	}
#newsletter #question-label, 
#email-popup #mail-question-label {
	width: 140px;
	margin-right: 5px;
	text-align: right;
	}
#newsletter #question, 
#email-popup #mail-question {
	clear: none;
	width: 50px;
	margin-bottom: 16px;
	}
#firstname-error, 
#lastname-error, 
#email-error, 
#question-error, 
#mail-name-error, 
#mail-email-error, 
#mail-subject-error, 
#mail-comments-error, 
#mail-question-error {
	color: #00d2ff;
	font-weight: bold;
	visibility: hidden;
	}
#question-error, 
#mail-question-error {
	display: block;
	float: left;
	margin-left: 5px;
	padding: 5px 0 2px 0;
	}
#btn-signup, 
#mail-btn-submit, 
#in-progress, 
#mail-in-progress {
	clear: both;
	display: block;
	margin: 0 auto;
	width: 230px;
	height: 70px;
	text-indent: -9999px;
	background-image: url(http://www.harlandwilliams.com/img/big-btns.png);
	}


/* ============================================================================================= */
/*																		4.1 newsletter
/* ============================================================================================= */
#newsletter {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 522px;
	height: 472px;
	margin: -236px 0 0 -261px;
	background: url(http://www.harlandwilliams.com/img/bg-newsletter.png);
	z-index: 600;
	display: none;
	}
#newsletterform {
	clear: both;
	}
#sign-up {
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 2px 0 8px 0;
	}
#newsletter #email {
	margin-bottom: 20px;
	}
#btn-signup {
	background-position: -750px 0;
	}
	#btn-signup:hover {
		background-position: -750px -70px;
		}
	#in-progress {
		background-position: -520px 0;
		display: none;
		}
#thank-you {
	width: 300px;
	margin: 5px auto 0 auto;
	text-align: center;
	font-size: 20px;
	line-height: 23px;
	display: none;
	}
	#thank-you p {
		padding-bottom: 5px;
		}


/* ============================================================================================= */
/*																		4.2 email
/* ============================================================================================= */
#email-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 522px;
	height: 512px;
	margin: -256px 0 0 -261px;
	background: url(http://www.harlandwilliams.com/img/bg-email.png);
	z-index: 601;
	display: none;
	}
#emailform {
	clear: both;
	padding-top: 10px;
	}
#email-popup #mail-comments {
	height: 80px;
	margin-bottom: 20px;
	}
#mail-btn-submit {
	background-position: -980px 0;
	}
	#mail-btn-submit:hover {
		background-position: -980px -70px;
		}
	#mail-in-progress {
		background-position: -520px 0;
		display: none;
		}
#mail-thank-you {
	clear: both;
	width: 300px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
	font-size: 20px;
	line-height: 23px;
	display: none;
	}
	#mail-thank-you p {
		padding: 10px 0;
		}


/* ============================================================================================= */
/*																		4.3 call me
/* ============================================================================================= */
#callme {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 522px;
	height: 432px;
	margin: -216px 0 0 -261px;
	background: url(http://www.harlandwilliams.com/img/bg-callme.png);
	z-index: 602;
	display: none;
	}
	#callme img {
		clear: both;
		display: block;
		margin: 0 auto;
		}
	#callme #call-me-text {
		padding: 4px 0 12px 0;
		}


/* ================================================================================================================================== */
/*																											5. stand up
/* ================================================================================================================================== */
#standup-page #container {
	background-position: 130px 29px;
	}
#standup-page h1 {
	margin-left: 260px;
	}
#standup-page #nav {
	margin-left: 226px;
	}
#standup-page #content {
	clear: both;
	overflow: hidden;
	}

#schedule {
	padding-top: 8px;
	}
#schedule h2 {
	width: 1000px;
	height: 125px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(http://www.harlandwilliams.com/img/comedy-schedule.png);
	}
#schedule table {
	width: 910px;
	margin: 0 auto;
	}
	#schedule th {
		font-size: 18px;
		font-weight: bold;
		}
	#schedule th, 
	#schedule td {
		padding: 5px 8px;
		vertical-align: middle;
		}
	#schedule .odd {
		background: #011022 url(http://www.harlandwilliams.com/img/bg-tr-odd.gif) left top repeat-x;
		border-bottom: 1px solid #101c2c;
		}

.improv {
	display: block;
	text-indent: -9999px;
	width: 105px;
	height: 18px;
	background: url(http://www.harlandwilliams.com/img/bg-venues.png) 0 0 no-repeat;
	}
	a .improv:hover {
		background-position: 0 -18px;
		}
.funnybone {
	display: block;
	text-indent: -9999px;
	width: 110px;
	height: 18px;
	background: url(http://www.harlandwilliams.com/img/bg-venues.png) -105px 0 no-repeat;
	}
	a .funnybone:hover {
		background-position: -105px -18px;
		}
.laugh-factory {
	display: block;
	text-indent: -9999px;
	width: 53px;
	height: 18px;
	background: url(http://www.harlandwilliams.com/img/bg-venues.png) -215px 0 no-repeat;
	}
	a .laugh-factory:hover {
		background-position: -215px -18px;
		}


/* ================================================================================================================================== */
/*																											6. archives
/* ================================================================================================================================== */
#archives-page #container {
	background-position: 130px 29px;
	}
#archives-page h1 {
	margin-left: 260px;
	}
#archives-page #nav {
	margin-left: 226px;
	}
#archives-page #content {
	clear: both;
	overflow: hidden;
	padding-top: 40px;
	}

#subnav {
	width: 982px;
	height: 36px;
	margin: 0 auto;
	background: url(http://www.harlandwilliams.com/img/bg-subnav.png);
	}
	#subnav ul {
		float: left;
		}
	#subnav li {
		float: left;
		line-height: 32px;
		height: 36px;
		}
		#subnav li a {
			color: #fff;
			display: block;
			padding: 0 10px;
			height: 36px;
			background: url(http://www.harlandwilliams.com/img/bg-subnav.png) right bottom;
			}
			#subnav li a:hover {
				color: #031731;
				}
	#subnav .subnav-section {
		margin-left: 20px;
		padding-right: 20px;
		background: url(http://www.harlandwilliams.com/img/bg-subnav.png) right top;
		}
	#subnav .selected a {
		color: #031731;
		}
	#subnav .inner-section {
		margin-left: 20px;
		background: url(http://www.harlandwilliams.com/img/bg-subnav.png) left bottom;
		}
	#subnav .sort-by a {
		padding-right: 24px;
		}
	#subnav .ascending {
		background: url(http://www.harlandwilliams.com/img/bg-sort-arrows.png) right top no-repeat;
		}
	#subnav .descending {
		background: url(http://www.harlandwilliams.com/img/bg-sort-arrows.png) right bottom no-repeat;
		}

#archives-page #thumbs {
	float: none;
	width: 996px;
	padding-top: 15px;
	margin: 0 auto;
	}
#archives-page .tn {
	display: block;
	float: left;
	width: 307px;
	height: 100px;
	margin: 6px 0;
	padding: 9px 0 0 25px;
	background: url(http://www.harlandwilliams.com/img/bg-thumb-archives.png);
	}
	#archives-page a.tn:hover {
		background-position: 0 109px;
		}
	#archives-page .tn span {
		width: 154px;
		height: 84px;
		margin: 6px 0 0 12px;
		}
		#archives-page .tn span strong {
			display: block;
			font-weight: normal;
			font-size: 13px;
			padding-top: 6px;
			color: #82bdd5;
			}

#archives-vid {
	position: fixed;
	width: 762px;
	height: 499px;
	top: 50%;
	left: 50%;
	margin: -260px 0 0 -381px;
	z-index: 500;
	background: url(http://www.harlandwilliams.com/img/bg-archives-vid-new.png) left bottom no-repeat;
	display: none;
	}

#share-tab {
	float: left;
	width: 584px;
	height: 41px;
	margin-left: 119px;
	background: url(http://www.harlandwilliams.com/img/bg-share.png);
	visibility: hidden;
	}
	#share-tab form {
		margin: 11px 0 0 7px;
		}
	#share-tab label {
		display: block;
		float: left;
		width: 68px;
		height: 22px;
		line-height: 22px;
		padding: 0 5px;
		text-align: right;
		}
	#share-tab input {
		display: block;
		float: left;
		width: 180px;
		height: 16px;
		padding: 2px 4px;
		font: 14px/16px Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-top: 1px solid #999;
		background: #fff;
		}

#archives-vid #btn-close {
	clear: both;
	margin: 0 0 0 77px;
	}
#btn-share {
	display: block;
	float: left;
	margin: 0 0 0 415px;
	width: 160px;
	height: 26px;
	text-indent: -9999px;
	background: url(http://www.harlandwilliams.com/img/popup-btns.png) -33px 0;
	cursor: pointer;
	}
	#btn-share:hover {
		background-position: -33px -26px;
		}
#archives-vid #video {
	clear: both;
	float: left;
	width: 640px;
	margin: 11px 0 0 61px;
	}
#archives-vid #bg_player_location a img {
	margin: 175px 0 0 304px;
	}
#archives-vid #flash_player_location a img {
	margin: 175px 0 0 304px;
	}


/* ================================================================================================================================== */
/*																											7. podcast
/* ================================================================================================================================== */
#podcast-page #container {
	background-position: 130px 29px;
	}
#podcast-page h1 {
	margin-left: 260px;
	}
#podcast-page #nav {
	margin-left: 226px;
	}
#podcast-page #content {
	clear: both;
	overflow: hidden;
	padding-top: 8px;
	}

#podcast-page h2 {
	width: 1000px;
	height: 125px;
	margin-bottom: 10px;
	text-indent: -9999px;
	background: url(http://www.harlandwilliams.com/img/h2-harland-highway.png);
	}
.episode {
	width: 600px;
	margin: 50px auto;
	}


/* ================================================================================================================================== */
/*																											8. store temp
/* ================================================================================================================================== */
#store-page #container {
	background: url(http://www.harlandwilliams.com/img/skull.png) 143px 29px no-repeat;
	}
#store-page h1 {
	margin: 52px 0 0 274px;
	}
#store-renos {
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 32px 0 50px 0;
	}
#btn-return {
	clear: both;
	display: block;
	margin: 0 auto;
	width: 300px;
	height: 70px;
	text-indent: -9999px;
	background-image: url(http://www.harlandwilliams.com/img/btn-return.png);
	}
	#btn-return:hover {
		background-position: 0 -70px;
		}


/* ================================================================================================================================== */
/*																											9. error 404
/* ================================================================================================================================== */
#error404-page #container {
	background: url(http://www.harlandwilliams.com/img/skull.png) 143px 29px no-repeat;
	}
#error404-page h1 {
	margin: 52px 0 0 274px;
	}
#page-not-found {
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 32px 0 50px 0;
	}
#btn-return {
	clear: both;
	display: block;
	margin: 0 auto;
	width: 300px;
	height: 70px;
	text-indent: -9999px;
	background-image: url(http://www.harlandwilliams.com/img/btn-return.png);
	}
	#btn-return:hover {
		background-position: 0 -70px;
		}