/*
Theme Name: NNF Custom
Theme URI: http://pardcast.com
Description: Custom layout for Never Not Funny
Version: 1.0
Author: Stig Greve
Author URI: http://chromadile.com
*/

/* ------------------------- Basics and Structure ------------------------- */
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
}
body {
	background:#e4dfdc url(/National_Library/oe_/https://pardcast.com/blog/wp-content/themes/nnf-custom/images/page-bg.png);
	margin:0px;
}
a:link {
	color: #123b3f;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #123b3f;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}
form{border:0;margin:0;padding:0;}
img{border:0;}
.red{color:#123b3f;}
.red a{color:#d9af29;}
.blue{color:#d9af29;}
.clr{clear:both;}
#wrapper{
	margin:18px auto;
	width:820px;
}
#header{
	position:relative;
	width:820px;
	margin:0 0 10px;
	z-index:1;
}
#footer{
	position:relative;
	width:820px;
	color:#000;
	font-family: 'Coustard', serif;
	font-size:16px;
	line-height:17px;
	font-weight:normal;
	text-align:center;
	margin-top:30px;
}
#footer p{
	margin:0 0 14px;
}

/* ------------------------- Header ------------------------- */

#navigation{
	position:relative;
	padding:0 25px;
	width:770px;
	height:32px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background:#000;
	margin:0 0 15px;
}
#navigation ul{margin:0;padding:0;width:680px;list-style-type: none;}
#navigation li{
	display:inline;
	margin:0 25px 0 0;
	color:#FFF;
	font-family: 'Coustard', serif;
	font-size:18px;
	line-height:34px;
}
#navigation li a:link {color: #FFF;text-decoration: none;}
#navigation li a:visited {text-decoration: none;color: #FFF;}
#navigation li a:hover {text-decoration: none;color: #d9af29;}
#navigation li a:active {text-decoration: none;color: #d9af29;}
#navigation .fr{
	position:absolute;
	top:0;
	right:0;
	color:#FFF;
	font-family: 'Coustard', serif;
	font-size:18px;
	line-height:34px;
	padding-left:23px;
	background:url(/National_Library/oe_/https://pardcast.com/blog/wp-content/themes/nnf-custom/images/logout.png) no-repeat top left;
}
#navigation .fr:hover{
	float:right;
	color:#d9af29;
	font-family: 'Coustard', serif;
	font-size:18px;
	line-height:34px;
	padding-left:23px;
	background:url(/National_Library/oe_/https://pardcast.com/blog/wp-content/themes/nnf-custom/images/logout-h.png) no-repeat top left;
}
#navigation .fr2{
	position:absolute;
	top:0;
	right:0;
	color:#FFF;
	font-family: 'Coustard', serif;
	font-size:18px;
	line-height:34px;
	padding-left:28px;
	background:url(/National_Library/oe_/https://pardcast.com/blog/wp-content/themes/nnf-custom/images/signup.png) no-repeat top left;
}

#announce{
	margin:0 auto 10px;
	text-align:center;
}
#announce h1{
	font-family: 'Coustard', serif;
	font-size:40px;
	line-height:40px;
	font-weight:normal;
	margin:0;
}
.subannounce{
	margin:0 auto 15px;
	font-family: 'Coustard', serif;
	font-size:48px;
	line-height:48px;
	font-weight:normal;
	text-align:center;
	color:#123b3f;
}

#candyblock{
	position:relative;
	top:0;
	left:0;
	width:820px;
	height:246px;
}
#candy{
	position:absolute;
	top:0;
	left:0;
	width:470px;
	height:246px;
	z-index:10;
}
#info-area{
	position:absolute;
	top:13px;
	right:0;
	width:380px;
	height:220px;
	z-index:2;
}
#login{
	width:352px;
	height:84px;
	background:#123b3f;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding:8px;
	overflow:hidden;
}
#login h2{
	display:block;
	font-family: 'Coustard', serif;
	font-size:24px;
	line-height:24px;
	color:#FFF;
	font-weight:normal;
	text-align:center;
	margin:0;
}
#wrapper #header #login h5{
	display:inline-block;
	font-family: 'Coustard', serif;
	font-size:24px;
	line-height:24px;
	color:#FFF;
	font-weight:normal;
	margin:0;
	padding:0;
}
#login .opts{
	float:left;
	margin:8px 2px 0 2px;
	background:#22a3ba;
	padding:4px 8px;
	font-family: 'Coustard', serif;
	font-size:16px;
	line-height:16px;
	color:#FFF;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#login .opts a:link {
	color: #FFF;
	text-decoration: none;
}
#login .opts a:visited {
	text-decoration: none;
	color: #FFF;
}
#login .opts a:hover {
	text-decoration: none;
	color: #FFF;
}
#login .opts a:active {
	text-decoration: none;
	color: #FFF;
}
#login ul{
	list-style-type:none;
	margin:5px 0 0;
	padding:0;
}
#login li.fopts{
	display:inline;
	margin:0;
	padding:0;
	color:#FFF;
	font-weight:bold;
}
#login li.fopts .tfld{
	font-size:11px;
	line-height:11px;
	padding:2px;
	width:85px;
	background:#FFF;
	border:2px solid #359ba8;
	font-weight:normal;
	color:#000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#login .stay{
	text-align:center;
	font-size:11px;
	line-height:11px;
	font-weight:bold;
	color:#FFF;
}
#login .forgot{
	margin-top:2px;
	text-align:center;
	font-size:11px;
	line-height:11px;
	font-weight:normal;
	color:#359ba8;
}
#login .forgot a{
	color:#359ba8;
	text-decoration:none;
}
.banner1{
	position:absolute;
	display:block;
	top:114px;
	left:4px;
}
.banner2{
	position:absolute;
	display:block;
	top:114px;
	right:0;
}
.banner3{
	position:absolute;
	display:block;
	top:114px;
	right:63px;
}
.freefeed{
	position:absolute;
	top:200px;
	right:0;
	height:20px;
	color:#123b3f;
	font-size:12px;
	line-height:22px;
}
.freefeed .fr{
	display:block;
	float:right;
	margin:0 0 0 5px;
}

/* ------------------------- Episode Entries ------------------------- */
.episodes{
	position:relative;
	width:820px;
	min-height:150px;
	margin:0 0 15px;
}
.episode-red{
	position:absolute;
	background:#123b3f;
	width:100px;
	height:141px;
	padding:9px 10px 0 40px;
	top:0;
	right:0;
	color:#FFF;
	font-family: 'Coustard', serif;
	font-size:16px;
	line-height:16px;
	font-weight:normal;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-bottomright: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	text-align:center;
	z-index:2;
}
.episode-red p{
	margin:0;
}
.episode-red a:link {
	color: #359ba8;
	text-decoration: none;
}
.episode-red a:visited {
	text-decoration: none;
	color: #359ba8;
}
.episode-red a:hover {
	text-decoration: none;
	color: #359ba8;
}
.episode-red a:active {
	text-decoration: none;
	color: #359ba8;
}
.episode-blk{
	position:relative;
	background:#000;
	width:680px;
	min-height:130px;
	padding:10px;
	color:#FFF;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	z-index:10;
}
.episode-blk a:link {
	color: #d9af29;
	text-decoration: none;
}
.episode-blk a:visited {
	text-decoration: none;
	color: #d9af29;
}
.episode-blk a:hover {
	text-decoration: none;
	color: #359ba8;
}
.episode-blk a:active {
	text-decoration: none;
	color: #359ba8;
}
.episode-blk h2{
	font-family: 'Coustard', serif;
	font-size:36px;
	line-height:36px;
	color:#FFF;
	font-weight:normal;
	margin:0 0 12px;
}
.episode-blk blockquote{
	margin:0 25px 0;
}
.episode-blk p{
	margin:0 0 14px;
}
.episode-blk .foot{
	position:relative;
	margin:45px 0 0;
}
.episode-blk .fl{
	float:left;
	color:#FFF;
	font-family: 'Coustard', serif;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
}
.episode-blk .fr{
	float:right;
	color:#FFF;
	font-family: 'Coustard', serif;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
}

/* ------------------------- Pagination ------------------------- */

#pagination{
	position:relative;
	width:275px;
	margin:0 auto;
}
#pagination .next{
	float:left;
	background:#123b3f;
	padding:5px 9px;
	color:#FFF;
	font-family: 'Coustard', serif;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#pagination .next:hover{
	float:left;
	background:#d9af29;
	padding:5px 9px;
	color:#FFF;
	font-family: 'Coustard', serif;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#pagination .prev{
	float:right;
	background:#d9af29;
	padding:5px 9px;
	color:#FFF;
	font-family: 'Coustard', serif;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#pagination .prev:hover{
	float:right;
	background:#123b3f;
	padding:5px 9px;
	color:#FFF;
	font-family: 'Coustard', serif;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#pagination a:link {
	color: #FFF;
	text-decoration: none;
}
#pagination a:visited {
	text-decoration: none;
	color: #FFF;
}
#pagination a:hover {
	text-decoration: none;
	color: #FFF;
}
#pagination a:active {
	text-decoration: none;
	color: #FFF;
}

/* ------------------------- Subpage Structure ------------------------- */
#wrapper h3 {
	float:left;
	display:block;
	margin:0 0 10px 60px;
	font-family: 'Coustard', serif;
	font-size:36px;
	line-height:36px;
	color:#FFF;
	background:#d9af29;
	font-weight:normal;
	padding:8px 18px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.subpage{
	position:relative;
	background:#000;
	width:680px;
	padding:10px;
	color:#FFF;
	margin:0 auto 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	z-index:10;
}
.subpage a:link {
	color: #d9af29;
	text-decoration: none;
}
.subpage a:visited {
	text-decoration: none;
	color: #d9af29;
}
.subpage a:hover {
	text-decoration: none;
	color: #FFF;
}
.subpage a:active {
	text-decoration: none;
	color: #FFF;
}
div.subpage table tbody tr td ul li a{color:#fff !important;}
.subpage h4{
	font-family: 'Coustard', serif;
	font-size:30px;
	line-height:30px;
	color:#FFF;
	font-weight:normal;
	margin:0 0 12px;
}
.subpage blockquote{
	margin:0 25px 0;
}
.subpage p{
	margin:0 0 14px;
}
table tr td{
	font-family: 'Coustard', serif;
	font-size:14px;
	line-height:16px;
	color:#FFF;
	padding-bottom:15px;
}
.subpage table tr td a:link {
	color: #FFF;
	text-decoration: none;
}
.subpage table tr td a:visited {
	text-decoration: none;
	color: #FFF;
}
.subpage table tr td a:hover {
	text-decoration: none;
	color: #d9af29;
}
.subpage table tr td a:active {
	text-decoration: none;
	color: #d9af29;
}
.subpage ul{margin:0 0 15px;padding:0;}
.subpage li{
	display:inline;
	font-family: 'Coustard', serif;
	font-size:16px;
	line-height:16px;
	padding:2px 8px;
	margin:0 4px 10px 0;
	color:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#d9af29;
}
.subpage li:hover{
	display:inline;
	font-family: 'Coustard', serif;
	font-size:16px;
	line-height:16px;
	padding:2px 8px;
	margin:0 4px 10px 0;
	color:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#359ba8;
}
.subpage li a:link {
	color: #FFF;
	text-decoration: none;
}
.subpage li a:visited {
	text-decoration: none;
	color: #FFF;
}
.subpage li a:hover {
	text-decoration: none;
	color: #FFF;
}
.subpage li a:active {
	text-decoration: none;
	color: #FFF;
}
.subpage .unifield{
	width:350px;
	background:#FFF;
	border:1px solid #359ba8;
	padding:4px 8px;
	color:#000;
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:3px 0 10px;
}
.subpage .unifield2{
	background:#359ba8;
	padding:4px 8px;
	color:#FFF;
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0;
	margin:3px 0 7px;
}
.subpage .unifield3{
	width:350px;
	height:175px;
	background:#FFF;
	border:1px solid #359ba8;
	padding:4px 8px;
	color:#000;
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:3px 0 7px;
}
.subpage .unisubmit{
	font-family: 'Coustard', serif;
	font-size:16px;
	line-height:16px;
	background:#d9af29;
	padding:6px 12px;
	color:#FFF;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0;
}
.subpage .unisubmit:hover{
	font-family: 'Coustard', serif;
	font-size:16px;
	line-height:16px;
	background:#359ba8;
	padding:6px 12px;
	color:#FFF;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0;
}
.subpage .formcontainer{
	width:366px;
	margin:0 auto;
	font-family: 'Coustard', serif;
	font-size:16px;
	line-height:16px;
}
.subpage .contactflt{
	float:left;
	width:200px;
	margin:10px 10px 25px;
}
.subpage .contactflt p{
	margin:0 0 16px 15px;
}
.subpage .storetitle{
	display:inline-block;
	font-family: 'Coustard', serif;
	font-size:24px;
	line-height:24px;
	color:#d9af29;
	font-weight:normal;
	margin:20px 0 15px 22px;
}
.subpage .indivtitle{
	font-family: 'Coustard', serif;
	font-size:18px;
	line-height:18px;
}
.subpage .indiv{
	background:#1f1f1f;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:6px;
}
.subpage .indiv a:link {
	color: #FFF;
	text-decoration: none;
}
.subpage .indiv a:visited {
	text-decoration: none;
	color: #FFF;
}
.subpage .indiv a:hover {
	text-decoration: none;
	color: #FFF;
}
.subpage .indiv a:active {
	text-decoration: none;
	color: #FFF;
}
.subpage .indiv table tr td{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:12px;
	padding:8px 4px;
}
.subpage .indiv .buy{
	margin:0 auto 5px;
	width:90px;
	font-family: 'Coustard', serif;
	font-size:14px;
	line-height:14px;
	background:#123b3f;
	padding:6px 12px;
	color:#FFF;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0;
	text-align:center;
}
.subpage .indiv .buy:hover{
	margin:0 auto 5px;
	width:90px;
	font-family: 'Coustard', serif;
	font-size:14px;
	line-height:14px;
	background:#d9af29;
	padding:6px 12px;
	color:#FFF;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0;
	text-align:center;
}
div.subpage table tbody tr td blockquote{
	margin:0 23px 50px;
}

/* ------------------------- Comments ------------------------- */
#commentwrap{
	position:relative;
	width:680px;
	padding:18px 0;
	margin:5px 10px 0 0;
	border-top:1px solid #FFF;
}
#commentwrap .name{
	float:left;
	/*width:125px;*/
	margin:0 0 12px;
	background:#123b3f;
	padding:5px 9px;
	color:#FFF;
	font-size:14px;
	line-height:15px;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#commentwrap .name a:link {
	color: #FFF;
	text-decoration: none;
}
#commentwrap .name a:visited {
	text-decoration: none;
	color: #FFF;
}
#commentwrap .name a:hover {
	text-decoration: none;
	color: #e4dfdc;
}
#commentwrap .name a:active {
	text-decoration: none;
	color: #e4dfdc;
}
#commentwrap p{
	display:block;
	position:relative;
	margin:0 25px 14px;
}
#commentwrap .q1{
	float:left;
	margin:3px 0 0 12px;
	font-size:24px;
	line-height:14px;
	color:#d9af29;
}
#commentwrap .q2{
	float:right;
	margin:-26px 14px 0 0;
	font-size:24px;
	line-height:14px;
	color:#d9af29;
}
#commentwrap .write{
	position:relative;
	width:568px;
	margin:10px auto;
}
#commentwrap .formwrap{
	margin:0;
	padding:0;
	border:0;
}
#commentwrap .unifield{
	width:250px;
	background:#FFF;
	border:1px solid #123b3f;
	padding:4px 8px;
	color:#000;
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0 0 7px;
}
#commentwrap .area{
	width:550px;
	height:150px;
	background:#FFF;
	border:1px solid #123b3f;
	padding:4px 8px;
	color:#000;
	font-size:14px;
	line-height:14px;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:0 0 10px;
}
#commentwrap .subbutton{
	background:#d9af29;
	padding:5px 24px;
	color:#FFF;
	font-family: 'Coustard', serif;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0;
}
#commentwrap .subbutton:hover{
	background:#123b3f;
	padding:5px 24px;
	color:#FFF;
	font-family: 'Coustard', serif;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0;
}

/* ------------------------- I hate DL and DD tags ------------------------- */
dl,dd{display:inline;margin:0;padding:0;}


/* ------------------------- October 2016 Addition: Tour Page ------------------------- */

ul.tourdate{
	position: relative;
	width: 632px;
	height: 74px;
	border: none;
	margin: 0 auto 26px;
	padding: 0;
}
ul.tourdate li{
	font-family: 'Coustard', serif;
	padding: 0;
	margin: 0;
	background: none;
}
ul.tourdate li:hover{
	padding: 0;
	margin: 0;
	background: none;
}
ul.tourdate li.date{
	position: relative;
	float: left;
	width: 74px;
	height: 74px;
	margin: 0 15px 0 0;
	padding: 0;
	-webkit-border-radius: 37px;
	-moz-border-radius: 37px;
	border-radius: 37px;
	background: #359ba8;
	color: #fff;
	font-size: 18px;
	line-height: 74px;
}
ul.tourdate li.date span.sock{
	display: table-cell;
	width: 74px;
	height: 74px;
	text-align: center;
	vertical-align: middle;
}
ul.tourdate li.venue_and_city{
	position: relative;
	float: left;
	width: 430px;
	height: 74px;
	overflow: hidden;
	margin: 0 10px 0 0;
	text-align:left;
}
ul.tourdate li.venue_and_city span.venue{
	display: block;
	width: 430px;
	font-size: 24px;
	line-height: 24px;
	margin: 11px 0 6px;
}
ul.tourdate li.venue_and_city span.city{
	display: block;
	width: 430px;
	font-size: 18px;
	line-height: 18px;
}
ul.tourdate li.get_tickets{
	position: relative;
	float: left;
	width: 100px;
	height: 74px;
	font-size: 18px;
	line-height: 18px;
}
ul.tourdate li.get_tickets span.hitbox{
	display: block;
	position: relative;
	height: 18px;
	margin: 24px 0 0;
	border-bottom: 2px solid #d4a525;
}
ul.tourdate li.get_tickets span.hitbox a{
	color: inherit;
	text-decoration: none;
}