/*--------------------------------------*/
/* CSS Created by Penny Arcade - 2014 --*/
/* www.penny-arcade.com ----------------*/
/*--------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Rokkitt:400,700|Montserrat:400,700);
/*---------------------*/
/* Media Queries ------*/
/*---------------------*/
/* iPad Portrait or Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	body {padding: 0 !important;}
	#bb {position: relative !important;}
	#header, #clubPA .btnPriceA, #clubPA .btnPriceB {position: static !important;}
	#header .subMenu {top: 90px !important;}
	.btnJoinClubPA {display: none !important;}
	#clubPA .btnPriceA strong,
	#clubPA .btnPriceB strong {display: none !important;}
	#weeklyComics .metaHover {padding-top: 175px;}
	#patv .metaHover {padding-top: 176px;}
	#podcasts .metaHover {padding-top: 177px;}
	#sideStories .metaHover .metaDesc {background: rgba(0,63,140,.8);}
}
/* iPhone in Portrait or Landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	body {padding: 0 !important;}
	#bb {position: relative !important;}
	#header, #clubPA .btnPriceA, #clubPA .btnPriceB {position: static !important;}
	#header .subMenu {top: 90px !important;}
	.btnJoinClubPA {display: none !important;}
	#clubPA .btnPriceA strong,
	#clubPA .btnPriceB strong {display: none !important;}
	#weeklyComics .metaHover {padding-top: 175px;}
	#patv .metaHover {padding-top: 176px;}
	#podcasts .metaHover {padding-top: 177px;} 
	#sideStories .metaHover .metaDesc {background: rgba(0,63,140,.8);}
}
/*---------------------*/
/* General ------------*/
/*---------------------*/
* {margin: 0; padding: 0;}
body {
	padding: 94px 0 0 0;
	background: #000b22;
	font-family: Helvetica, Arial, Verdana, sans-serif;	
	font-size: 16px;
	color: #c5cfd9;
	min-width: 1050px;
/*	DO NOT UNCOMMENT THESE - BREAKS POSITION: FIXED IN FIREFOX */
/*	backface-visibility: hidden;*/
/*	-moz-backface-visibility: hidden;*/
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}
hr {display: none;}
img, fieldset {border: none;}
img {display: block;}
a:link, a:visited {
	color: #04bbe4;
	text-decoration: none;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-ms-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
}
a:hover {
	color: #aede31;
	text-decoration: none;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}
a:active  {color: #04bbe4;text-decoration: none;}
.content {
	width: 1050px;
	min-width: 1050px !important;
	max-width: 1500px !important;
	margin: 0 auto;
}
.btn,
.btn a {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	outline: none;
	cursor: pointer;
	border: 0;
	text-transform: uppercase;
}
/*---------------------*/
/* Brand Bar ----------*/
/*---------------------*/
#bb {
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	line-height: 12px;
	background: #010a1a;
	height: 30px;
	top: 0;
	text-transform: uppercase;
	width: 100%;
	position: fixed;
	z-index: 6;
}
#bb ul {height: 30px;}
#bb .brands {
	float: left;
	display: inline;
}
#bb .brands li {
	float: left;
	display: inline;
	list-style: none;
	list-style-position: outside;
}
#bb .brands a {
	margin-right: 30px;
	padding-top: 9px;
	color: #0063bf;
	display: block;
	height: 21px;
}
#bb .btnPA       {background: url(../img/bb_pa.png) 0 8px no-repeat; padding-left: 34px;}
#bb .btnTrenches {background: url(../img/bb_trenches.png) 0 7px no-repeat; padding-left: 27px;}
#bb .btnPAX      {background: url(../img/bb_pax.png) 0 8px no-repeat; padding-left: 23px;}
#bb .btnCP       {background: url(../img/bb_cp.png) 0 0 no-repeat; padding-left: 29px;}
#bb .btnPin      {background: url(../img/bb_pin.png) 0 8px no-repeat; padding-left: 22px;}
#bb .btnShop     {background: url(../img/bb_shop.png) 0 8px no-repeat; padding-left: 23px;}
#bb .join {
	float: right;
	display: inline;
}
#bb .join li {
	float: left;
	display: inline;
	list-style: none;
	list-style-position: outside;
}
#bb .join a {
	margin: 0 10px;
	padding-top: 9px;
	height: 21px;	
	display: block;
	color: #fff;
}
#bb .join .signIn {
	padding: 9px 15px 0 15px;	
	color: #fff;
}
#bb .join .signIn.active {
	padding: 9px 15px 0 15px;	
	background: #051b56;
	color: #aede31;
}
#bb .join .gold {
	margin: 0 0 0 10px;
	padding: 9px 0 0 0;
	color: #fdd215;
	font-weight: 700;
}
#bb .brands a:hover,
#bb .join a:hover {color: #ff7600;}
#bb .content {position: relative;}
#userAccount {
	background: url(../img/icon_account_settings.png) 0 9px no-repeat;
	padding-left: 15px;
	color: #fdd215;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-ms-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
}
#userAccount:hover {
	color: #ff7600;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}
/*---------------------*/
/* Club PA Sign In ----*/
/*---------------------*/
#cpaSignIn {
	background: #051b56 url(../img/bg_pixel_green.png) bottom left repeat-x;
	width: 485px;
	position: absolute;
	right: 0;
	top: 30px;
	height: 249px;
	padding: 25px 0 0 40px;
}
#cpaSignIn .cpaForm {
	width: 200px;
	float: left;
	display: inline;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}
.cpaForm .cpaSignInError p {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #fdd215;
	font-style: italic;
	margin: 0 0 20px 0;
	text-transform: none;
	font-weight: normal;
	text-align: center;
}
.cpaForm .cpaSignInError p strong {
	color: #e7f3ff;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
}
#cpaSignIn .cpaForm .inputLrg input {width: 175px;}
#cpaSignIn .cpaForm .btnSignIn {
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	color: #fff;
	margin: 8px 0 13px 0;
	font-size: 11px;
	line-height: 14px;
	font-weight: 700;
	width: 80px;
	height: 28px;
	border: 0;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #ff7500;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
#cpaSignIn .cpaForm .btnSignIn:hover {
	background-color: #aede31;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
#cpaSignIn .cpaForm p {
	font-weight: 400;
	font-size: 12px;
	text-transform: none;
}
#cpaSignIn .cpaBullets, #cpaSignIn .cpaSignInError {
	background: url(../img/bg_zig_zag_sign_in.png) left center no-repeat;
	width: 220px;
	height: 100%;
	float: right;
	display: inline;
	padding: 0 0 0 35px;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
}
/* #cpaSignIn .cpaSignInError {height: 100%;} */
#cpaSignIn .cpaSignInError p {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #fdd215;
	font-style: italic;
	margin: 80px 0 20px 0;
	text-transform: none;
	font-weight: normal;
	text-align: center;
	padding-right: 30px;
}
#cpaSignIn .cpaSignInError p strong {
	color: #e7f3ff;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
}
#cpaSignIn .cpaBullets ul {
	height: auto;
	margin: 25px 0 12px 0;
}
#cpaSignIn .cpaBullets h4.btn {
	background: url(../img/logo_clubpa_sml.png) top left no-repeat;
	width: 138px;
	height: 28px;
	margin: 5px 0 0 17px;
}
#cpaSignIn .cpaBullets li {
	background: url(../img/icon_bullet_orange.png) center left no-repeat;
	text-transform: none;
	list-style: none;
	list-style-position: outside;
	font-size: 12px;
	line-height: 14px;
	color: #d1dbe5;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
}
#cpaSignIn .btnLearnMore {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	color: #001f4c;
	display: block;
	font-size: 11px;
	line-height: 14px;
	padding: 8px 0 0 0;
	margin: 0 0 0 30px;
	font-weight: 700;
	text-align: center;
	width: 112px;
	height: 22px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fdd115;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
#cpaSignIn .btnLearnMore:hover {
	background-color: #ff7600;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
/*---------------------*/
/* Misc ---------------*/
/*---------------------*/
.txtDots {
	background: url(../img/bg_dots.png) center center no-repeat;
	font-family: "Rokkitt", serif;
	font-weight: 400;
	color: #aede31;
	font-size: 23px;
	line-height: 21px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin: 0 0 45px 0;
}
.btnJoinClubPA {
	background: url(../img/btn_join_club_pa.png) top left no-repeat;
	width: 40px;
	height: 156px;
	position: fixed;
	right: 0;
	bottom: 50px;
	z-index: 2;
}
.btnJoinClubPA strong {
	background: url(../img/btn_join_club_pa.png) bottom left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 156px;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
.btnJoinClubPA strong:hover {
	background: url(../img/btn_join_club_pa.png) bottom left no-repeat;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=1);
	-webkit-transition: opacity 400ms ease-in-out;
	-moz-transition: opacity 400ms ease-in-out;
	-ms-transition: opacity 400ms ease-in-out;
	-o-transition: opacity 400ms ease-in-out;
	transition: opacity 400ms ease-in-out;
}
/*---------------------*/
/* Header -------------*/
/*---------------------*/
#header {
	position: fixed;
	width: 100%;
	top: 30px;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	background: #003e80 url(../img/bg_pixel_wide.png) bottom center repeat-x;
	height: 64px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4);
	box-shadow: 0 1px 1px rgba(0,0,0,.4);
	z-index: 5;
}
#clubPAMember #header {
	background-image: none;
	height: 60px;
	border-bottom: 4px solid #fdd215;
}
#header h1 a {
	float: left;
	display: inline;
	text-indent: -999em;
	overflow: hidden;
	background: #ffffff url(../img/logo_pa.png) top left no-repeat;
	width: 66px;
	height: 60px;
	margin-right: 20px;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
#clubPAMember #header h1 a {
	background-color: #fdd215;
}
#clubPAMember #header h1 a:hover,
#header h1 a:hover {
	background-color: #ff7600;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
/*---------------------*/
/* Nav Drawer ---------*/
/*---------------------*/
#header #nav {
	float: left;
	display: inline;
}
#header #nav > li {
	list-style: none;
	list-style-position: outside;
	float: left;
	display: inline;
}
#header #nav > li > a {
	color: #fff;
	display: block;
	float: left;
	display: inline;
	height: 38px;
	padding: 22px 20px 0 20px;
	background: #003e80;
	-webkit-transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
}
#header #nav > li > a:hover {
	background: #051b56;
	color: #aede31;
	-webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
#header #nav li.navComic > a    {background: url(../img/nav_icon_arrow.png) 79px 27px no-repeat;}
#header #nav li.navShop > a     {background: url(../img/nav_icon_arrow.png) 64px 27px no-repeat;}
#header #nav li.navPodcasts > a {background: url(../img/nav_icon_arrow.png) 96px 27px no-repeat;}
#header #nav li.navPatv > a     {background: url(../img/nav_icon_arrow.png) 60px 27px no-repeat;}
#header #nav li.dropdown > a {padding-right: 30px;}
#header #nav li.dropdown.active > a {
	background-color: #051b56;
	background-image: url(../img/nav_icon_arrow_green.png);
	color: #aede31;
}
#header .subMenu {
	background: #051b56 url(../img/bg_pixel_wide_green.png) bottom left repeat-x;
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 0;
	top: 60px;
	left: 0;
}
#header .subMenu .content {position: relative;}
#header .subMenu ul {
	height: 200px;
	margin-bottom: 4px;
	overflow: hidden;
	position: absolute;
	top: -200px;
}
#header .subMenu li {
	background: url(../img/bg_zig_zag_nav.png) center right no-repeat;
	float: left;
	display: inline;
	list-style: none;
	list-style-position: outside;
}
#header .subMenu li.last {background: 0;} 
#header .subMenu li:last-child {background: 0;}
#header .subMenu li a {
	display: block;
	width: 205px;
	height: 174px;
	padding: 26px 5px 0 0;
}
#header .navShop li a {width: 145px;}
#header .subMenu li p {
	background-color: #004da4;
	background-position: top left;
	background-repeat: no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	margin: 0 auto;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
#header .subMenu li h4 {
	color: #e7f3ff;
	font-family: "Rokkitt", serif;
	font-weight: 400;
	font-size: 19px;
	line-height: 22px;
	text-transform: none;
	text-align: center;
	padding: 15px 0 0 0;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-ms-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
}
#header .subMenu a:hover h4 {
	color: #aede31;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}
#header .subMenu a:hover p {
	background-color: #aede31;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
/*---------------------*/
/* Nav Drawer Icons ---*/
/*---------------------*/
#header .subMenu .navComicPA           p {background-image: url(../img/nav_comic_pa.png);          width: 106px; height:  61px; margin-top: 16px; margin-bottom: 32px;}
#header .subMenu .navComicTrenches     p {background-image: url(../img/nav_comic_trenches.png);    width:  85px; height:  67px; margin-top: 13px; margin-bottom: 29px;}
#header .subMenu .navComicCamp         p {background-image: url(../img/nav_comic_camp.png);        width:  65px; height:  89px; margin-top:  2px; margin-bottom: 18px;}
#header .subMenu .navComicSide         p {background-image: url(../img/nav_comic_sides.png);       width: 106px; height:  83px; margin-top: 10px; margin-bottom: 16px;}
#header .subMenu .navComicPresents     p {background-image: url(../img/nav_comic_presents.png);    width: 126px; height:  83px; margin-top: 10px; margin-bottom: 16px;}
#header .subMenu .navShopFirstParty    p {background-image: url(../img/nav_shop_first_party.png);  width:  72px; height:  55px; margin-top: 25px; margin-bottom: 29px;}
#header .subMenu .navShopPinny         p {background-image: url(../img/nav_shop_pinny.png);        width:  52px; height:  52px; margin-top: 27px; margin-bottom: 30px;}
#header .subMenu .navShopFeatured      p {background-image: url(../img/nav_shop_featured.png);     width:  43px; height:  58px; margin-top: 24px; margin-bottom: 27px;}
#header .subMenu .navShopApparel       p {background-image: url(../img/nav_shop_apparel.png);      width:  66px; height:  55px; margin-top: 25px; margin-bottom: 29px;}
#header .subMenu .navShopBooks         p {background-image: url(../img/nav_shop_books.png);        width:  46px; height:  60px; margin-top: 24px; margin-bottom: 25px;}
#header .subMenu .navShopPrints        p {background-image: url(../img/nav_shop_prints.png);       width:  59px; height:  63px; margin-top: 23px; margin-bottom: 23px;}
#header .subMenu .navShopMedia         p {background-image: url(../img/nav_shop_media.png);        width:  58px; height:  58px; margin-top: 24px; margin-bottom: 27px;}
#header .subMenu .navShopToys          p {background-image: url(../img/nav_shop_toys.png);         width:  57px; height:  54px; margin-top: 26px; margin-bottom: 29px;}
#header .subMenu .navPodcastDLC        p {background-image: url(../img/nav_podcast_dlc.png);       width: 106px; height:  83px; margin-top: 10px; margin-bottom: 16px;}
#header .subMenu .navPodcastStaff      p {background-image: url(../img/nav_podcast_staff.png);     width: 131px; height:  84px; margin-top:  9px; margin-bottom: 15px;}
#clubPAMember #header .navPodcastStaff p {background-image: url(../img/nav_podcast_staff_cpa.png); width: 106px; height:  84px; margin-top: 10px; margin-bottom: 15px;}
#header .subMenu .navPatvGabeArt       p {background-image: url(../img/nav_patv_gabe_art.png);     width: 100px; height:  88px; margin-top:  7px; margin-bottom: 14px;}
#header .subMenu .navPatvPATS          p {background-image: url(../img/nav_patv_pats.png);         width:  92px; height:  93px; margin-top:  0px; margin-bottom: 16px;}
#header .subMenu .navPatvStripSearch   p {background-image: url(../img/nav_patv_strip_search.png); width:  76px; height: 103px; margin-top:  6px; margin-bottom:  0px;}
/*---------------------*/
/* Search -------------*/
/*---------------------*/
#header .search {
	float: right;
	display: inline;
}
#header .search .btnSchedule {
	background: url(../img/icon_schedule.png) center no-repeat;
	width: 19px;
	width: 60px;
	height: 60px;
	float: left;
	display: inline;
	margin-right: 2px;
}
#header .search .btnSchedule:hover {
	background-color: #01366e;
}
#header .search form {
	height: 60px;
	float: right;
	display: inline;
}
#header .search input {
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	font-style: italic;
	background: #01366e url(../img/icon_search.png) 20px 23px no-repeat;
	border: none;
	width: 65px;
	height: 60px;
	color: #fff;
	padding: 0 30px 0 55px;
	transition: 		width .3s;
	-moz-transition: 	width .3s;
	-webkit-transition: width .3s;
}
#header .search input:focus {
	background-color: #051b56;
	outline: none;
	width: 160px;
}
/*---------------------*/
/* Hero ---------------*/
/*---------------------*/
#hero {
	background: #003e80;
	overflow: hidden;
}
#hero .content {
	width: 100%;
	width: auto;
    height: auto;
}
.hero {
	height: 370px;
	background: #003e80;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}
/*--------------------------*/
/* Default Hero State ------*/
/*--------------------------*/
.hero li {
	list-style: none;
	list-style-position: outside;
	height: 370px;
	background: #051b56 url(../img/bg_pixel_wide_orange.png) bottom right repeat-x;
	transition: 		background-color .3s;
	-moz-transition: 	background-color .3s;
	-webkit-transition: background-color .3s;
}
.hero > * {
	float: left;
	display: inline;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.hero.kwicks-processed > * {
	margin: 0;
	position: absolute;
}
.hero li a {
	height: 370px;
	display: block;
	position: relative;
}
.hero li a .info {
	background-position: center 45%;
	background-repeat: no-repeat;
	width: 100%;
	height: inherit;
	position: absolute;
	z-index: 1;
	text-align: center;
	overflow: hidden;
	transition: 		background-position .3s;
	-moz-transition: 	background-position .3s;
	-webkit-transition: background-position .3s;
}
.hero .title {
	background: #003e80;
	position: absolute;
	width: inherit;
	bottom: 0;
	z-index: 1;
	padding: 14px 0;
}
.hero .title h2 {
	font-family: "Rokkitt", serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 22px;
	color: #04bbe4;
	padding: 2px 10px 4px 10px;
	margin: 0;
}
#heroCamp .title h2 {
	letter-spacing: 0px;
}
.hero .title p {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-size: 11.5px;
	line-height: 15px;
	text-align: center;
	color: #d1dbe5;
	font-weight: 700;
}
.hero .info p span {
	padding: 0 8px 0 10px;
	color: #0064d8;
	font-weight: 400;
}
.hero li a img {
	display: block;
	width: 530px;
	height: 300px;
	position: absolute;
	left: 50%;
	margin-left: -265px;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
}
/*--------------------------*/
/* Hover Hero State --------*/
/*--------------------------*/
.hero li:hover {
	background-color: #ff7600;
	transition: 		background-color .3s;
	-moz-transition: 	background-color .3s;
	-webkit-transition: background-color .3s;
}
.hero #heroPA 		a:hover .info {background-image: url(../img/hero_icon_pa.png);}
.hero #heroTrenches a:hover .info {background-image: url(../img/hero_icon_trenches.png);}
.hero #heroCamp  	a:hover .info {background-image: url(../img/hero_icon_camp.png);}
.hero #heroSides 	a:hover .info {background-image: url(../img/hero_icon_sides.png);}
.hero #heroCP   	a:hover .info {background-image: url(../img/hero_icon_cp.png);}
.hero li a:hover img {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
	transition: 	 	opacity .5s;
	-moz-transition: 	-opacity .5s;
	-webkit-transition: opacity .5s;
}
.hero li a:hover .info {
	background-position: center 40%;
	transition-timing-function: 		ease-in;
	-webkit-transition-timing-function: ease-in;
	transition: 		background-position .3s;
	-moz-transition: 	background-position .3s;
	-webkit-transition: background-position .3s;
}
/*--------------------------*/
/* Active Hero State -------*/
/*--------------------------*/
.hero li.kwicks-expanded img,
.hero li.kwicks-selected img {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	transition: 	 	opacity .5s;
	-moz-transition: 	-opacity .5s;
	-webkit-transition: opacity .5s;
}
.hero li.kwicks-expanded .info,
.hero li.kwicks-selected .info {
	bottom: 4px;
	transition-timing-function: 		ease-in;
	-webkit-transition-timing-function: ease-in;
	transition: 		bottom .2s;
	-moz-transition: 	bottom .2s;
	-webkit-transition: bottom .2s;
}
.hero li.kwicks-expanded .title,
.hero li.kwicks-selected .title {
	background-color: #00468c;
	padding: 19px 0;
	transition-timing-function: 		ease-in;
	-webkit-transition-timing-function: ease-in;
	transition: 		background-color .5s, padding .4s;
	-moz-transition: 	background-color .5s, padding .4s;
	-webkit-transition: background-color .5s, padding .4s;
}
.hero li.kwicks-expanded h2,
.hero li.kwicks-selected h2 {
	color: #aede31;
	transition-timing-function: 		ease-in;
	-webkit-transition-timing-function: ease-in;
	transition: 		color .2s;
	-moz-transition: 	color .2s;
	-webkit-transition: color .2s;
}
.hero li.kwicks-expanded p,
.hero li.kwicks-selected p {
	color: #fff;
	transition-timing-function: 		ease-in;
	-webkit-transition-timing-function: ease-in;
	transition: 		color .2s;
	-moz-transition: 	color .2s;
	-webkit-transition: color .2s;
}
/*--------------------------*/
/* Inactive Hero State -----*/
/*--------------------------*/
.hero li.kwicks-collapsed img {
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter:alpha(opacity=60);
	transition: 	 	opacity .5s;
	-moz-transition: 	-opacity .5s;
	-webkit-transition: opacity .5s;
}
.hero li.kwicks-collapsed .info {
	bottom: 0;
	transition-timing-function: 		ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: 		bottom .2s;
	-moz-transition: 	bottom .2s;
	-webkit-transition: bottom .2s;
}
.hero li.kwicks-collapsed .title {
	background-color: #003e80;
	padding: 14px 0;
	transition-timing-function: 		ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: 		background-color .5s, padding .4s;
	-moz-transition: 	background-color .5s, padding .4s;
	-webkit-transition: background-color .5s, padding .4s;
}
.hero li.kwicks-collapsed h2 {
	color: #04bbe4;
	transition-timing-function: 		ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: 		color .2s;
	-moz-transition: 	color .2s;
	-webkit-transition: color .2s;
}
.hero li.kwicks-collapsed p {
	color: #d1dbe5;
	transition-timing-function: 		ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: 		color .2s;
	-moz-transition: 	color .2s;
	-webkit-transition: color .2s;
}
/*---------------------*/
/* Leaderboard --------*/
/*---------------------*/
#leaderboard {
	background: #031f4d;
	border-top: 1px solid #021533;
	border-bottom: 1px solid #022e6b;
	padding: 45px 0;	
}
#leaderboard .content {
	width: 970px;
}
#leaderboard .content * {
	margin: 0 auto;
}
#leaderboard img {
	margin: 0 auto;
}
/*---------------------*/
/* Main ---------------*/
/*---------------------*/
#main {
	background: #002966;
	padding: 55px 0 0 0;
}
#main .content {
	background: url(../img/bg_kemper.png) bottom left no-repeat;
	padding: 0 0 50px 0;
	overflow: hidden;
}
#body {
	float: left;
	display: inline;
	width: 710px;
}
#sidebar {
	float: right;
	display: inline;
	width: 300px;
}
/*---------------------*/
/* Latest Comics ------*/
/*---------------------*/
#latestComics {
	background: url(../img/bg_gabe_div01.png) bottom center no-repeat;
	overflow: hidden;
	padding: 0 5px 70px 5px;
	margin-bottom: 60px;
}
#latestComics h4 {
	margin-bottom: 55px;
}
#latestComics li {
	float: left;
	display: inline;
	list-style: none;
	list-style-position: outside;
	position: relative;
	width: 260px;
}
#latestComics li a h3 {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	color: #e7f3ff;
	text-align: center;	
	margin: 18px 0 0 0;
}
#latestComics li:last-child,
#latestComics li.last {margin-right: 0;}
#latestComics li a {
	display: block;
	float: left;
	display: inline;	
}
#latestComics li .imgCircle {
	background: url(../img/bg_comic_frame.png) top left no-repeat;
	width: 200px;
	height: 200px;
	position: absolute;
	z-index: 1;
	margin: 0 0 0 30px;
}
#latestComics li img {
	margin: 3px 0 0 2px;
	padding: 0 30px;
}
/*---------------------*/
/* Home Posts ---------*/
/*---------------------*/
.post {
	margin: 0 0 45px 0;
	overflow: hidden;
}
.post.last .postBody {background: none;}
.post:last-child .postBody {background: none;}
.post .avatar {
	width: 120px;
	float: left;
	display: inline;
	margin: 27px 0 0 0;
}
.post .avatar .mailAuthor {
	position: relative;
	display: block;
}
.post .avatar .mailAuthor span {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: opacity 400ms ease-in-out;
	-moz-transition: opacity 400ms ease-in-out;
	-ms-transition: opacity 400ms ease-in-out;
	-o-transition: opacity 400ms ease-in-out;
	transition: opacity 400ms ease-in-out;
}
.post .avatar .mailAuthor .hoverGabe {background: url(../img/bg_hover_gabe.png) top left no-repeat;}
.post .avatar .mailAuthor .hoverTycho {background: url(../img/bg_hover_tycho.png) top left no-repeat;}
.post .avatar .mailAuthor .hoverJamie {background: url(../img/bg_hover_jamie.png) top left no-repeat;}
.post .avatar .mailAuthor:hover span {
	opacity: 100;
	-moz-opacity: 100;
	filter:alpha(opacity=100);
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
.post .avatar .iconTwt {
	font-family: "Montserrat", serif;
	font-weight: 700;
	text-transform: uppercase;
	background: url(../img/icon_post_follow.png) top left no-repeat;
	height: 23px;
	margin: 10px 0 0 10px;
	padding: 7px 0 0 40px;
	display: block;
	font-size: 16px;
	line-height: 18px;
	color: #e7f3ff;
}
.post .avatar .iconTwt:hover {color: #a1cf2d;}
.post .postBody {
	background: url(../img/bg_zig_zag_news.png) bottom left no-repeat;
	padding: 0 0 30px 0;
	width: 550px;
	float: right;
	display: inline;	
}
.post .postBody .txtReadMore {
	padding: 20px 0;
	margin: -25px 0 0 0;
}
.meta, .tags {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 18px;
	color: #004ba6;
	margin: 0 0 10px 0;
	overflow: hidden;
}
.meta strong.Tycho {
	color: #04bbe4;
	font-weight: 700;
}
.meta strong.Gabe {
	color: #f8e72a;
	font-weight: 700;
}
.meta strong.Jamie,
.meta strong.anon {color: #aede31;}
.meta span {padding: 0 8px 0 10px;}
.postBody h2 {
	font-family: "Rokkitt", serif;
	color: #fff;
	font-weight: 700;	
	font-size: 50px;
	line-height: 54px;
	margin: 0 0 10px 0;
}
.postBody h2 a {color: #fff; display: block;}
.postBody h2 a:hover {color: #aede31;}
.comicPost {overflow: hidden;}
.comicPost .btnComic {
	background: #003078 url(../img/btn_news_comic.png) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
	width: 50px;
	height: 50px;
	float: left;
	display: inline;
	-webkit-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
	margin: 0 15px 0 0;
}
.comicPost .btnComic:hover {
	background-color: #ff7600;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
.copy p {
	font-size: 17px;
	line-height: 29px;
	color: #c5cfd9;
	margin: 0 0 20px 0;
}
.post .copy img {
	max-width: 550px;
	max-height: 800px;
	display: block;
	margin: 0 auto;
}
.post .copy object {
	width: 550px;
}
.post .copy .trk {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	background: #003078;
	margin: 15px auto 0 auto;
}
.txtReadMore {
	display: block;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 22px;
	text-transform: uppercase;
	color: #ff7600 !important;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-ms-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
}
.txtReadMore:hover {
	color: #aede31 !important;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;	
}
/*---------------------*/
/* News ---------------*/
/*---------------------*/
.meta p {
	float: left;
	display: inline;
	width: 460px;
	margin: 5px 0 0 0;
}
.meta ul {
	float: right;
	display: inline;
}
.meta li {
	list-style: none;
	list-style-position: outside;
	float: left;
	display: inline;
	margin-left: 10px;
}
.meta li a {
	float: left;
	display: inline;
	width: 25px;
	height: 25px;
}
.meta li .btnTwt {background: url(../img/btn_post_twt.png) top left no-repeat;}
.meta li .btnFb {background: url(../img/btn_post_fb.png) top left no-repeat;}
.tags {
	font-size: 14px;
	margin: 0 0 20px 0;
}
.tags span {padding: 0 5px 0 7px;}
.post p.music {margin-bottom: 10px;}
.post p.music a {
	background: url(../img/icon_post_music_note.png) top left no-repeat;
	display: inline-block;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	line-height: 14px;
	height: 23px;
	color: #fff;
	font-style: italic;
	padding: 7px 0 0 40px;
}
.post p.music a:hover {
	background-position: bottom left;
	color: #aede31;
}
.newsPosts {
	background: url(../img/bg_gabe_div03.png) bottom left no-repeat;
	margin-bottom: 20px;
	padding-bottom: 30px;
}
.newsNav {
	overflow: hidden;
	margin: 0 0 0 160px;
	margin-bottom: 55px;
}
.newsNav li {
	list-style: none;
	list-style-position: outside;
	float: left;
	display: inline;
	margin-right: 8px;	
}
.newsNav a,
.newsNav .rss {
	width: 50px;
	height: 50px;
	float: left;
	display: inline;
	-webkit-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
.newsNav a.disabled,
.newsNav a.disabled:hover {
	background-color: #001d48;
	cursor: default;
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter:alpha(opacity=40);
}
.newsNav a:hover,
.newsNav .rss:hover {
	background-color: #ff7600;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
.newsNav .rss {
	float: right;
	display: inline;
	margin: 0;
}
.newsNav .btnFirst  {background: #003078 url(../img/btn_comic_first.png) top left no-repeat;}
.newsNav .btnPrev   {background: #003078 url(../img/btn_comic_prev.png) top left no-repeat;}
.newsNav .btnNext   {background: #003078 url(../img/btn_comic_next.png) top left no-repeat;}
.newsNav .btnLatest {background: #003078 url(../img/btn_comic_latest.png) top left no-repeat;}
.newsNav .btnRSS    {background: #003078 url(../img/btn_comic_rss.png) top left no-repeat;}
#clubPAMember .newsNav .btnRSS {background: #fdd215 url(../img/cpa_icon_rss.png) top left no-repeat;}
#clubPAMember .newsNav .btnRSS:hover {background: #ff7600 url(../img/cpa_icon_rss.png) top left no-repeat;}

.newsNav .btnComic {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	text-transform: uppercase;
	width: auto;
	height: 32px;
	padding: 18px 20px 0 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #003078;
}
h3.category {
	background: url(../img/bg_zig_zag_news.png) bottom left no-repeat;
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 24px;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 45px 160px;
	padding: 0 0 30px 0;
}
/*---------------------*/
/* Sidebar ------------*/
/*---------------------*/
#sidebar #square {margin-bottom: 45px;}
.section {
	background: #003078;
	margin: 10px 0 45px 0;
}
.section h4 {
	background: url(../img/bg_pixel.png) top center no-repeat;
	font-family: "Montserrat", sans-serif;	
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	padding: 16px 0 0 0;
	line-height: 18px;
	color: #fff;
	height: 31px;
	border-bottom: 2px solid #002966;
}
/*---------------------*/
/* TychoTxt Callout ---*/
/*---------------------*/
#sidebar #tychoTxt h4 strong {
	color: #04bbe4;
	font-weight: normal;
}
#sidebar #tychoTxt a {
	background: #003078 url(../img/bg_pixel_wide_orange.png) 0 104% repeat-x;
	display: block;
	padding: 28px 20px 30px 30px;
	-webkit-transition: background-color 400ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out, background-position 300ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out, background-position 300ms ease-in-out;
	transition: background-color 400ms ease-in-out, background-position 300ms ease-in-out;
}
#sidebar #tychoTxt a:hover {
	background: #003f8c url(../img/bg_pixel_wide_orange.png) 0 101% repeat-x;
	-webkit-transition: background-color 200ms ease-in-out, background-position 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out, background-position 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out, background-position 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out, background-position 200ms ease-in-out;
	transition: background-color 200ms ease-in-out, background-position 200ms ease-in-out;
}
#sidebar #tychoTxt h2 {
	background: url(../img/icon_tycho_txt.png) 0 0 no-repeat;
	font-family: "Rokkitt", serif;
	color: #fff;
	font-weight: 400;	
	font-size: 32px !important;
	line-height: 28px;
	padding: 0 0 10px 50px;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-ms-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
}
#sidebar #tychoTxt a .txtReadMore {
	padding-left: 50px;
	margin-top: -4px;
}
#sidebar #tychoTxt a:hover h2,
#sidebar #tychoTxt a:hover .txtReadMore {
	color: #aede31 !important;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}
/*---------------------*/
/* Stay Connected -----*/
/*---------------------*/
#sidebar #stayConnected ul {
	overflow: hidden;
	padding: 20px 0 22px 30px;
}
#sidebar #stayConnected li {
	float: left;
	display: inline;
	margin-right: 15px;
}
#sidebar #stayConnected li a {
	float: left;
	display: inline;
	width: 50px;
	height: 50px;
}
#sidebar #stayConnected .btn {
	background-color: #004599;
	-webkit-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
#sidebar #stayConnected .btnTwt 	{background: #003f8c url(../img/btn_comic_twt.png) top left no-repeat;}
#sidebar #stayConnected .btnFb  	{background: #003f8c url(../img/btn_comic_fb.png) top left no-repeat;}
#sidebar #stayConnected .btnRss		{background: #003f8c url(../img/btn_comic_rss.png) top left no-repeat;}
#sidebar #stayConnected .btnTwitch	{background: #003f8c url(../img/btn_twitch.png) top left no-repeat;}
#clubPAMember #sidebar #stayConnected .btnRss {background: #fdd215 url(../img/cpa_icon_rss.png) top left no-repeat;}
#sidebar #stayConnected .btn:hover 	{
	-webkit-transition: background-color 200ms ease-in-out !important;
	-moz-transition: background-color 200ms ease-in-out !important;
	-ms-transition: background-color 200ms ease-in-out !important;
	-o-transition: background-color 200ms ease-in-out !important;
	transition: background-color 200ms ease-in-out !important;
}
#sidebar #stayConnected .btnTwt:hover 					{background-color: #41afec !important;}
#sidebar #stayConnected .btnFb:hover 					{background-color: #435697 !important;}
#sidebar #stayConnected .btnTwitch:hover				{background-color: #7229a7 !important;}
#sidebar #stayConnected .btnRss:hover 					{background-color: #ff7600 !important;}
#clubPAMember #sidebar #stayConnected .btnRss:hover 	{background-color: #ff7600 !important;}
.btnBtm {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	color: #e7f3ff !important;
	display: block;
	background: #003f8c;
	border-top: 1px solid #002966;
	padding: 10px 0;
	-webkit-transition: background-color 400ms ease-in-out !important;
	-moz-transition: background-color 400ms ease-in-out !important;
	-ms-transition: background-color 400ms ease-in-out !important;
	-o-transition: background-color 400ms ease-in-out !important;
	transition: background-color 400ms ease-in-out !important;
}
.btnBtm:hover {
	background: #ff7600;
	-webkit-transition: background-color 200ms ease-in-out !important;
	-moz-transition: background-color 200ms ease-in-out !important;
	-ms-transition: background-color 200ms ease-in-out !important;
	-o-transition: background-color 200ms ease-in-out !important;
	transition: background-color 200ms ease-in-out !important;
}
#sidebar .section p.copy {
	font-size: 15px;
	line-height: 24px;
	color: #d1dbe5;
	padding: 20px 30px;
}
#sidebar .section div.copy {
	font-size: 15px;
	line-height: 24px;
	color: #d1dbe5;	
}
#sidebar .section div.copy ul,
#sidebar .section div.copy p {
	padding: 20px 30px 10px 30px;
}
#sidebar .section div.copy li {
	margin: 0 0 10px 0;
}
#sidebar .section p.copy a,
#sidebar .section ul a {
	color: #aede31;	
}   
#sidebar .section .copy a:hover,
#sidebar .section ul a:hover {color: #ff7600;}
#sidebar .section ul {
	list-style: none;
	list-style-position: outside;
	padding: 20px 30px;
	font-size: 15px;
	line-height: 24px;
}
#sidebar #music li {
	background: url(../img/icon_music_note.png) 0 6px no-repeat;
	padding-left: 20px;
}
#sidebar #tags li {
	background: url(../img/icon_tag.png) 0 9px no-repeat;
	padding-left: 20px;
}
#sidebar #news li {
	background: url(../img/bg_zig_zag_section.png) bottom left no-repeat;	
	font-size: 15px;
	line-height: 20px;
	padding: 0 0 20px 0;
	margin: 0 0 15px 0;
}
#sidebar #news li:last-child {background: 0;margin: 0;padding-bottom: 5px;}
#sidebar #news li a {
	display: block;
	color: #d1dbe5;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-ms-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
}
#sidebar #news li a:hover * {
	color: #aede31 !important;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}
#sidebar #news li a h5 {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	color: #ff7600;
	font-size: 12px;
	margin: 0 0 3px 0;
}
#sidebar #news li a h5.Gabe  {color: #f8e72a;}
#sidebar #news li a h5.Tycho {color: #04bbe4;}
#sidebar #news li a h5.Jamie,
#sidebar #news li a h5.anon {color: #aede31;}
#sidebar #news li a p {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #d1dbe5;
}
/*---------------------*/
/* Newsletter ---------*/
/*---------------------*/
#sidebar #gazelle {background: #003078 url(../img/bg_pixel.png) top center no-repeat;}
#sidebar #gazelle h4 {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 300px;
	height: 45px;
	background: url(../img/logo_gazelle.png) top center no-repeat;
	padding: 0 0 0 0;
}
#sidebar #gazelle ul {
	padding-top: 10px;
}
#sidebar #gazelle li {
	font-size: 14px;
	line-height: 22px;
	color: #fff;
	font-style: italic;
	margin: 0 0 0 10px;
	font-weight: bold;
	list-style: disc;
	list-style-position: inside;
}
#sidebar #gazelle p {
	font-family: "Rokkitt", serif;
	font-size: 20px;
	margin: 15px 0 0 0;
	color: #04bbe4;
	text-align: center;
}
#sidebar #gazelle p.success {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #aede31;
	font-style: italic;
	margin: 20px 0 20px 0;
}
#sidebar #gazelle p.success strong {
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
}
#sidebar #gazelle p.error {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #fdd215;
	font-style: italic;
	margin: 20px 0 20px 0;
}
#sidebar #gazelle p.error strong {
	color: #e7f3ff;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
}
#sidebar #gazelle form {
	padding: 0 20px 30px 20px;
}
#sidebar #gazelle #email {
	font-family: "Montserrat", sans-serif;
	color: #051b56;
	font-size: 13px;
	font-style: italic;
	background-color: #fff; /* layer fill content */
	-moz-box-shadow: 0 -1px 0 rgba(5,27,86,.45), inset 0 1px 2px rgba(0,41,102,.5); /* drop shadow and inner shadow */
	-webkit-box-shadow: 0 -1px 0 rgba(5,27,86,.45), inset 0 1px 2px rgba(0,41,102,.5); /* drop shadow and inner shadow */
	box-shadow: 0 -1px 0 rgba(5,27,86,.45), inset 0 1px 2px rgba(0,41,102,.5); /* drop shadow and inner shadow */
	width: 220px;
	display: block;
	margin: 0 auto 20px auto;
	padding: 10px;
}
#sidebar #gazelle .btnOrange {
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	line-height: 14px;
	padding: 10px 20px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	border: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #ff7500; /* layer fill content */
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
#sidebar #gazelle .btnOrange:hover {
	background-color: #a1cf2d;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
/*---------------------*/
/* Beta Code Giveaway -*/
/*---------------------*/
#codeGiveaway #description {
	background: url(../img/bg_gabe_div01.png) bottom center no-repeat;
	padding: 0 0 30px 0;
	margin-bottom: 50px;
}
#codeGiveaway h2.error {
	font-size: 42px;
	color: #fdd215;
	padding: 0 0 30px 0;
}
#codeGiveaway h2.success {
	font-size: 42px;
	color: #aede31;
	padding: 0 0 30px 0;
}
#codeGiveaway .btnGetCode {
	margin: 25px 0 0 0;
	width: 312px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0;
	border: 0;
	display: inline-block;
	color: #e7f3ff;
	padding: 16px 25px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #ff7500; /* layer fill content */
	-moz-box-shadow: 0 -1px 0 #ff9233; /* drop shadow */
	-webkit-box-shadow: 0 -1px 0 #ff9233; /* drop shadow */
	box-shadow: inset 0 1px 0 #ff9233; /* drop shadow */
	-webkit-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
}
#codeGiveaway .btnGetCode:hover {
	cursor: pointer;
	background-color: #a1cf2d;
	-moz-box-shadow: 0 -1px 0 #aede31; /* drop shadow */
	-webkit-box-shadow: 0 -1px 0 #aede31; /* drop shadow */
	box-shadow: inset 0 1px 0 #aede31; /* drop shadow */
	-webkit-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out
}
#codeGiveaway #description h2 {margin: 0;}
#codeGiveaway #description h4 {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	color: #004ba6;
	font-size: 17px;
	line-height: 18px;
	letter-spacing: 1px;	
	margin: 15px 0;
}
#codeGiveaway #latestNews {
	background: none;
	overflow: hidden;
	width: 860px;
	margin: 0 auto;
}
#codeGiveaway #latestNews > li {
	width: 400px;
	margin-right: 30px;
	list-style: none;
	list-style-position: outside;
	float: left;
	display: inline;
}
#codeGiveaway #latestNews .copy li {
	font-size: 16px;
	line-height: 28px;
	width: auto;
	margin: 0;
	list-style-type: decimal;
	float: none;
	display: block;
}
/*---------------------*/
/* Latest News --------*/
/*---------------------*/
#latestNews {
	background: url(../img/bg_gabe_div01.png) bottom center no-repeat;
	width: 1050px;
	overflow: hidden;
	padding: 0 0 75px 0;
}
#latestNews .copy p {
	font-size: 16px;
	line-height: 28px;
}
#latestNews li {
	width: 330px;
	margin-right: 30px;
	list-style: none;
	list-style-position: outside;
	float: left;
	display: inline;
}
#latestNews li:last-child {margin-right: 0;}
#latestNews li.last {margin-right: 0;}
#latestNews .meta {font-size: 14px;}
#latestNews h3 {
	font-family: "Rokkitt", serif;
	color: #fff;	
	font-weight: 400;	
	margin: 0 0 10px 0;
	font-size: 32px;
	line-height: 30px;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-ms-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
}
#latestNews li a {display: block;}
#latestNews a:hover h3, #latestNews a:hover .txtReadMore {
	color: #aede31 !important;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;	
}
/*---------------------*/
/* Comics Hub ---------*/
/*---------------------*/
#weeklyComics {overflow: hidden;}
#patv li,
#podcasts li,
#weeklyComics li,
#sideStories li,
#presentsProjects li {
	list-style: none;
	list-style-position: outside;
	float: left;
	display: inline;
	margin-right: 2px;
}
#patv li:last-child {margin-right: 0 !important;}
#patv li.last {margin-right: 0 !important;}
#podcasts li:last-child {margin-right: 0 !important;}
#podcasts li.last {margin-right: 0 !important;}
#weeklyComics li:last-child {margin-right: 0 !important;}
#weeklyComics li.last {margin-right: 0 !important;}
#presentsProjects li:last-child {margin-right: 0 !important;}
#presentsProjects li.last {margin-right: 0 !important;}
#weeklyComics li:last-child {margin-right: 0 !important;}
#weeklyComics li.last {margin-right: 0 !important;}
#sideStories li:last-child {margin-right: 0 !important;}
#sideStories li.last {margin-right: 0 !important;}
.boxList {overflow: hidden;}
.boxList li {position: relative;}
.boxList li a h2 {
	background: #003078 url(../img/bg_pixel.png) top left repeat-x;
	text-align: center;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 20px;
	line-height: 21px;
	color: #fff;
	padding: 18px 0 16px 0;
	-webkit-transition: background 400ms ease-in-out, color 400ms ease-in-out;
	-moz-transition: background 400ms ease-in-out, color 400ms ease-in-out;
	-ms-transition: background 400ms ease-in-out, color 400ms ease-in-out;
	-o-transition: background 400ms ease-in-out, color 400ms ease-in-out;
	transition: background 400ms ease-in-out, color 400ms ease-in-out;
}
.boxList li a h2 span {
	background: #003078 url(../img/bg_arrow_link.png) top right no-repeat;
	text-indent: -999em;
	overflow: hidden;
	width: 8px;
	height: 12px;
	display: inline-block;
	margin: 0 0 1px 6px;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
.boxList li a:hover h2 span {
	background: #003f8c url(../img/bg_arrow_link.png) bottom right no-repeat;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
.boxList li a:hover h2 {
	color: #ff7600;
	background: #003f8c url(../img/bg_pixel_orange.png) bottom left repeat-x;
	-webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out, color 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out, color 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out, color 200ms ease-in-out;
	transition: background 200ms ease-in-out, color 200ms ease-in-out;
}
.boxList li a .subHead,
#sidebar .subHead {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 15px;
	padding: 12px 0 13px 0;
	background: #051b56;
	text-align: center;
	color: #aede31;
	font-weight: 700;
}
.metaHover {position: absolute; left: 0;} /*meta hover genveral overlay*/
.metaHover .metaDesc {
	padding: 26px 30px;
	background: rgba(0,63,140,.95);
	border-bottom: 2px solid #002966;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px;
	color: #7ed0f6;
	width: 288px; /*348px - 60px*/
	padding: 26px 30px;
}
.metaHover .metaDesc h3 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 15px;
}
.metaHover .metaDesc h3 strong {
	display: block;
	font-family: "Rokkitt", serif;
	font-size: 28px;
	text-transform: none;
	line-height: 28px;
	color: #e7f3ff;
	margin-top: 15px;
	font-weight: normal;
}
#podcasts .metaHover .metaDesc 		{width: 464px; /*524px - 60px*/}
#patv .metaHover .metaDesc h3 strong,
#podcasts .metaHover .metaDesc h3 strong {margin-top: 0;}
#weeklyComics .metaHover 	{top: 95px;} 
#sideStories .metaHover 	{top: 86px;}
#patv .metaHover 			{top: 94px;}
#podcasts .metaHover 		{top: 93px;}
#weeklyComics .metaHover .metaDesc	{height: 121px; /*173px - 52px padding*/}
#sideStories .metaHover .metaDesc	{height: 138px; /*190px - 52px padding*/}
#patv .metaHover .metaDesc			{height: 122px; /*170px - 52px padding*/}
#podcasts .metaHover .metaDesc		{height: 123px; /*175px - 52px padding*/}
#sideStories .metaHover .metaDesc ul a {
	font-family: "Rokkitt", serif;
	font-size: 22px;
	text-transform: none;
	line-height: 28px;
	color: #e7f3ff;
	font-weight: normal;
	display: block;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-ms-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
}
#sideStories .metaHover .metaDesc ul a:hover {
	color: #aede31;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}
/*.metaHover .btnFirstMeta,*/
/*.metaHover .btnLatestMeta {position: relative;}*/
.metaHover .btnFirstMeta p,
.metaHover .btnLatestMeta p {
	display: block;
	overflow: hidden;
	height: 54px; /*70px - 16px*/
	padding-top: 16px;
	float: left;
	display: inline;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #003078;
	font-size: 15px;
	line-height: 19px;
	color: #e7f3ff;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-ms-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
}
#podcasts .metaHover .btnFirstMeta p,
#podcasts .metaHover .btnLatestMeta p {
	height: 45px; /*70px - 28px*/
	padding-top: 25px;
}
#podcasts #btnNonClubPAPodcast {
	background: #003078 url(../img/cpa_btn_non_member_podcast.png) top left no-repeat;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 524px;
	height: 70px;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
#podcasts #btnNonClubPAPodcast:hover {
	background-color: #ff7600;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
.metaHover .btnFirstMeta p 	{background: #003078 url(../img/btn_hover_first.png) 20px -40px no-repeat;}
.metaHover .btnLatestMeta p {background: #003078 url(../img/btn_hover_latest.png) 113px -40px no-repeat; border-left: 2px solid #002966;}
#podcasts .metaHover .btnLatestMeta p {background-position: 201px -40px;}
.metaHover .btnFirstMeta:hover p,
.metaHover .btnLatestMeta:hover p {
	color: #aede31;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}
.metaHover .btnFirstMeta em,
.metaHover .btnLatestMeta em {
	background: #003078 url(../img/btn_hover_first.png) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 190px;
	left: 20px;
	font-style: normal;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=1);
	-webkit-transition: opacity 400ms ease-in-out;
	-moz-transition: opacity 400ms ease-in-out;
	-ms-transition: opacity 400ms ease-in-out;
	-o-transition: opacity 400ms ease-in-out;
	transition: opacity 400ms ease-in-out;
}
.metaHover .btnLatestMeta em {
	background: #003078 url(../img/btn_hover_latest.png) top left no-repeat;
	top: 190px;
	left: 288px;
}
#patv .metaHover .btnFirstMeta em {top: 191px;}
#patv .metaHover .btnLatestMeta em {top: 191px;}
#podcasts .metaHover .btnFirstMeta em {top: 192px;}
#podcasts .metaHover .btnLatestMeta em {top: 192px; left: 464px;}
.metaHover .btnFirstMeta:hover em,
.metaHover .btnLatestMeta:hover em {
	cursor: pointer;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
#podcasts li .metaHover .btnFirstMeta p,
#patv li .metaHover .btnFirstMeta p,
#weeklyComics li .metaHover .btnFirstMeta p {
	width: 148px; /*173px - 52px*/
	padding-right: 25px;
	text-align: right;
}
#podcasts li .metaHover .btnLatestMeta p,
#patv li .metaHover .btnLatestMeta p,
#weeklyComics li .metaHover .btnLatestMeta p {
	width: 148px; /*173px - 52px*/ 
	padding-left: 25px;
	text-align: left;
}
#podcasts li .metaHover .btnFirstMeta p,
#podcasts li .metaHover .btnLatestMeta p {width: 236px; /*261px - 52px*/}
.boxList li a .subHead span,
#podcasts li a .subHead span,
#patv li a .subHead span,
#weeklyComics li a .subHead span,
#sidebar .subHead span {
	padding: 0 8px 0 10px;
	color: #004ba6;
	font-weight: 400;
}
#sideStories {
	background: url(../img/bg_gabe_div01.png) bottom center no-repeat;
	overflow: hidden;
	margin: 70px 0 30px 0;
	padding: 0 0 80px 0;
}
#sideStories li {width: 348px;}
#presentsProjects li {width: 261px;}
#presentsProjects li {margin-bottom: 50px;}
#sideStories a h2 {
	font-size: 18px;
	line-height: 18px;
	padding: 15px 0 13px 0;
}
#sideStories a .subHead,
#presentsProjects a .subHead {color: #aede31;}
/*---------------------*/
/* PA Presents --------*/
/*---------------------*/
#presents .content {
	overflow: hidden;
}
#presents img {
	float: left;
	display: inline;
}
#presents .meta {
	font-size: 14px;
	color: #04bbe4;
	margin-bottom: 5px;
}
#presents .meta span,
#presents .meta a {
	color: #0057c1;
}
#presents .meta a:hover {color: #aede31;}
#presents .copy {
	float: right;
	display: inline;
	width: 464px;
	height: 212px;
	padding: 40px 30px 0 30px;
	background: #003078 url(../img/bg_pixel.png) top left repeat-x;
}
#presents #btnViewProjects {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	padding: 12px 0;
	width: 210px;
	text-align: center;
	display: block;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #ff7500; /* layer fill content */
	-moz-box-shadow: 0 -1px 0 #ff9233; /* drop shadow */
	-webkit-box-shadow: 0 -1px 0 #ff9233; /* drop shadow */
	box-shadow: 0 -1px 0 #ff9233; /* drop shadow */
	-webkit-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
}
#presents img:hover #btnViewProjects,
#presents #btnViewProjects:hover {
	background-color: #a1cf2d;
	-moz-box-shadow: 0 -1px 0 #aede31; /* drop shadow */
	-webkit-box-shadow: 0 -1px 0 #aede31; /* drop shadow */
	box-shadow: 0 -1px 0 #aede31; /* drop shadow */
	-webkit-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
#description {
	width: 780px;
	margin: 0 auto;
	padding: 0 0 50px 0;
	font-family: "Rokkitt", serif;
	text-align: center;
	font-size: 32px;
	line-height: 38px;
	color: #e7f3ff;
	letter-spacing: 1px;
}
#description.presents {
	padding: 0 0 65px 0;
	margin-bottom: 60px;
	background: url(../img/bg_gabe_div01.png) bottom center no-repeat;
}
#description h2 {
	font-family: "Montserrat", sans-serif;
	color: #ff7600;
	font-size: 39px;
	line-height: 38px;
	margin: 0 0 30px 0;
}
#description p {margin-bottom: 35px;}
#description .btnContact {
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	display: inline-block;
	color: #e7f3ff;
	padding: 13px 22px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #003781; /* layer fill content */
	-moz-box-shadow: 0 -1px 0 #004293; /* drop shadow */
	-webkit-box-shadow: 0 -1px 0 #004293; /* drop shadow */
	box-shadow: inset 0 1px 0 #004293; /* drop shadow */
	-webkit-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
}
#description .btnContact:hover {
	background-color: #a1cf2d;
	-moz-box-shadow: 0 -1px 0 #aede31; /* drop shadow */
	-webkit-box-shadow: 0 -1px 0 #aede31; /* drop shadow */
	box-shadow: inset 0 1px 0 #aede31; /* drop shadow */
	-webkit-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
#description .btnWatch {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 0;
	display: inline-block;
	color: #e7f3ff;
	padding: 16px 25px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #ff7500; /* layer fill content */
	-moz-box-shadow: 0 -1px 0 #ff9233; /* drop shadow */
	-webkit-box-shadow: 0 -1px 0 #ff9233; /* drop shadow */
	box-shadow: inset 0 1px 0 #ff9233; /* drop shadow */
	-webkit-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
}
#description .btnWatch:hover {
	background-color: #a1cf2d;
	-moz-box-shadow: 0 -1px 0 #aede31; /* drop shadow */
	-webkit-box-shadow: 0 -1px 0 #aede31; /* drop shadow */
	box-shadow: inset 0 1px 0 #aede31; /* drop shadow */
	-webkit-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out
}
#presentsProjects {
	background: url(../img/bg_gabe_div01.png) bottom center no-repeat;
	overflow: hidden;
	margin: 50px 0 30px 0;
	padding: 0 0 25px 0;
}
#presentsProjects .boxList h2 {
	background: #003078 url(../img/bg_pixel.png) top left repeat-x;
	font-size: 16px;
	line-height: 21px;
	padding: 15px 15px 0 15px;
	height: 55px;
	-webkit-transition: background-color 400ms ease-in-out, background 400ms ease-in-out, color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out, background 400ms ease-in-out, color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out, background 400ms ease-in-out, color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out, background 400ms ease-in-out, color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out, background 400ms ease-in-out, color 400ms ease-in-out;
}
#presentsProjects .boxList li a:hover h2 {
	color: #ff7600;
	background: #003f8c url(../img/bg_pixel_orange.png) bottom left repeat-x;
	-webkit-transition: background-color 200ms ease-in-out, background 200ms ease-in-out, color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out, background 200ms ease-in-out, color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out, background 200ms ease-in-out, color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out, background 200ms ease-in-out, color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out, background 200ms ease-in-out, color 200ms ease-in-out;
}
/*---------------------*/
/* Scholarship --------*/
/*---------------------*/
#scholarshipWinners {
	background: url(../img/bg_gabe_div01.png) bottom center no-repeat;
	overflow: hidden;
	margin: 50px 0 30px 0;
	padding: 0 0 25px 0;
}
#scholarshipWinners li {
	list-style: none;
	list-style-position: outside;
	float: left;
	display: inline;
	margin: 0 3px 50px 0;
	width: 348px;
}
#scholarshipWinners li.last {margin-right: 0;}
#scholarshipWinners li .year {
	background: #051b56 url(../img/bg_pixel.png) top left repeat-x;
	text-align: center;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	float: left;
	display: inline;
	width: 100px;
	height: 195px;
}
#scholarshipWinners li .year h3 {
	font-size: 20px;
	line-height: 21px;
	height: 33px;
	padding: 12px 0 0 0;
	color: #aede31;
}
#scholarshipWinners li .student {
	float: left;
	display: inline;
	background: #003f8c;
	font-family: "Rokkitt", serif;
	color: #e7f3ff;
	font-weight: 700;
	float: left;
	display: inline;
	width: 248px;
	height: 195px;
	font-size: 22px;
	line-height: 28px;
}
#scholarshipWinners li .student h2 {
	background: #003078 url(../img/bg_pixel.png) top left repeat-x;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	color: #fff;
	height: 33px;
	padding: 12px 0 0 30px;		
}
#scholarshipWinners li .student h3 {
	color: #7ed0f6;
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	margin: 20px 0 13px 30px;
	line-height: 14px;
}
#scholarshipWinners li .student p {padding: 0 20px 0 30px;}
#scholarshipWinners li .student em {color: #7ed0f6;font-style: normal;}
#scholarship h4 {
	float: left;
	display: inline;
}
#scholarship h4.right {
	float: right;
	display: inline;
}
#description p.due {
	font-family: "Montserrat", Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	color: #7ed0f6;
	margin: 30px 0 0 0;
	text-transform: uppercase;
}
.newsPosts.faq .title {margin: 15px 0 30px 0;}
.newsPosts.faq .post {margin-bottom: 30px;}
.newsPosts.faq .postBody {
	float: none;
	padding-bottom: 20px;
	display: block;
	width: 700px;
}
.newsPosts.faq .postBody h2 {
	font-size: 34px;
	line-height: 40px;
	margin: 0 0 10px 0;
}
.newsPosts.faq .postBody ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 0 0 0 20px;
	color: #aede31;
	font-weight: bold;
}
.newsPosts.faq .postBody ol p {font-weight: normal;}
/*---------------------*/
/* PATV Show ----------*/
/*---------------------*/
.showNav {
	background: url(../img/bg_gabe_div01.png) center no-repeat;
	overflow: hidden;
}
.seasons ul, .hubNav ul {overflow: hidden;}
.seasons li, .hubNav li {
	list-style: none;
	list-style-position: outside;
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}
.hubNav li {margin: 0 0 0 10px;}
.seasons a, .hubNav a {
	float: left;
	display: inline;
	width: 50px;
	height: 50px;
	background-color: #003078;	
	-webkit-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
.seasons a:hover, .hubNav a:hover {
	background-color: #ff7600;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
.seasons a.active {
	background-color: #aede31;
	cursor: default;
}
.showNav .seasons {
	float: left;
	display: inline;
}
.showNav .seasons a {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	color: #e7f3ff;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	padding: 14px 0 0 0;
	height: 36px;
}
.showNav .seasons a.activeSlide {
	font-weight: 700;
	color: #fff;
}
.hubNav {
	float: right;
	display: inline;
}
.hubNav .btn {
	-webkit-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
.hubNav .btn:hover {
	background-color: #ff7600 !important;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
.hubNav .btnSchedule {background: #003078 url(../img/btn_patv_schedule.png) top left no-repeat;}
.hubNav .btnYouTube {background: #003078 url(../img/btn_patv_youtube.png) top left no-repeat;}
.hubNav .btnYouTube:hover {background-color: #FF0000;}
.hubNav .btnRSS {background: #003078 url(../img/btn_patv_rss.png) top left no-repeat;}
#clubPAMember .hubNav .btnRSS {background: #fdd215 url(../img/cpa_icon_rss.png) top left no-repeat;}

#hub .hubNav .btn,
#comic .hubNav .btn {
	background-position: 5px 5px;
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px 30px 30px 30px;
	border-radius: 30px 30px 30px 30px;
}
.hubNav .btnBonus {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	background: #003078;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	width: auto;
	height: 32px;
	padding: 18px 20px 0 20px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
}
/*---------------------*/
/* Show Hubs ----------*/
/*---------------------*/
#hub {
	background: url(../img/bg_gabe_div01.png) bottom center no-repeat;
	margin: 0 0 50px 0;
	padding: 0 0 75px 0;
}
#hub .title {margin: 0 0 35px 0;}
#hub #patv li {
	width: 348px;
}
#hub #podcasts li {
	width: 524px;
}
/*---------------------*/
/* Podcasts -----------*/
/*---------------------*/
#podcastEpisodes {
	background: url(../img/bg_gabe_div01.png) bottom center no-repeat;
	padding: 0 0 80px 0;
}
.episodeList {
	font-family: "Montserrat", sans-serif;
	background: url(../img/bg_pixel.png) top left repeat-x;
	width: 1050px;
	margin: 50px 0 0 0;
	padding: 2px 0 0 0;
	list-style: none;
	list-style-position: outside;
}
.episodeList li {
	margin: 0 0 2px 0;
	background: #003078;
	height: 60px;
	-webkit-transition: background 400ms ease-in-out;
	-moz-transition: background 400ms ease-in-out;
	-ms-transition: background 400ms ease-in-out;
	-o-transition: background 400ms ease-in-out;
	transition: background 400ms ease-in-out;
}
.episodeList li:hover {
	background: #003f8c;
	-webkit-transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
}
.episodeList a {
	display: block;
	height: 60px;
	position: relative;
}
.episodeList .subHead {
	background: #051b56;	
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	color: #aede31;
	float: left;
	display: inline;
	width: 212px;
	padding: 22px 0 0 30px;
	height: 38px;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-ms-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
}
.episodeList .subHead span {
	font-weight: 400;
	padding: 0 8px 0 10px;
	color: #004ba6 !important;
}
.episodeList h2 {
	font-weight: 400;
	float: left;
	display: inline;
	font-size: 16px;
	line-height: 18px;
	color: #fff;
	padding: 21px 0 0 30px;
}
.episodeList h2 span {
	color: #051b56;
	padding: 0 8px 0 10px;
}
.episodeList h2 strong {
	color: #04bbe4;
	font-weight: 400;
}
.episodeList .btnListenNow {
	background: url(../img/btn_podcast_play.png) 164px -40px no-repeat;
	float: right;
	display: inline;
	border-left: 2px solid #002966;
	margin: 0 20px 0 0;
	width: 174px;
	height: 40px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 20px 0 0 30px;
}
.episodeList a:hover .subHead {
	color: #ff7600;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}
.episodeList .btnListenNow em {
	background: url(../img/btn_podcast_play.png) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 990px;
	font-style: normal;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=1);
	-webkit-transition: opacity 400ms ease-in-out;
	-moz-transition: opacity 400ms ease-in-out;
	-ms-transition: opacity 400ms ease-in-out;
	-o-transition: opacity 400ms ease-in-out;
	transition: opacity 400ms ease-in-out;
}
.episodeList a:hover .btnListenNow em {
	cursor: pointer;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
#bonusContent .content {
	background-image: none !important;
	padding-bottom: 20px;
}
/*#bonusContent .episodeList {background: none;}*/
/*#bonusContent .episodeList li {background: #002e66;}*/
#bonusContent .episodeList .subHead {background: #031a40;}
#bonusContent .episodeList .btnListenNow {border-left: 2px solid #031f4d;}
/*---------------------*/
/* Comic Single -------*/
/*---------------------*/
#body .btnCmntsShow,
#body .btnCmntsHide {
	background: #003078 url(../img/btn_cmnts_show.png) center no-repeat;
	display: block;
	width: 710px;
	height: 50px;
	margin: 0 0 20px 0;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
#body .btnCmntsShow:hover,
#body .btnCmntsHide:hover {
	background-color: #003f8c;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
#body .btnCmntsShow h5,
#body .btnCmntsHide h5 {
	background: url(../img/bg_pixel.png) top left repeat-x;
	height: 50px;
	-webkit-transition: background 400ms ease-in-out;
	-moz-transition: background 400ms ease-in-out;
	-ms-transition: background 400ms ease-in-out;
	-o-transition: background 400ms ease-in-out;
	transition: background 400ms ease-in-out;
}
#body .btnCmntsShow:hover h5,
#body .btnCmntsHide:hover h5 {
	background: url(../img/bg_pixel_orange.png) bottom left repeat-x;
	-webkit-transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
}
#body .btnCmntsHide {background: #003078 url(../img/btn_cmnts_hide.png) center no-repeat;}
#comic {
	background: url(../img/bg_gabe_div01.png) bottom center no-repeat;
	padding-bottom: 75px;
	margin: 0 0 50px 0;
}
#comicFrame {background: #031f4d;}
#videoFrame {background: #003078;}
#presentsFrame {background: #031f4d;}
#comicFrame img,
#presentsFrame img {
	margin: 0 auto;
}
.title {
	overflow: hidden;
	width: 1050px;
}
.title .copy {
	width: 790px;
	float: left;
	display: inline;	
}
.title .hubNav {
	float: right;
	display: inline;
/*	width: 180px;*/
	height: 50px;
}
.title .btnBuyPrint {
	float: right;
	display: inline;
	background: url(../img/btn_comic_buy.png) 15px 15px no-repeat;
	width: 220px;
	height: 60px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #ff7500; /* layer fill content */
	-moz-box-shadow: 0 -1px 0 #ff9233; /* drop shadow */
	-webkit-box-shadow: 0 -1px 0 #ff9233; /* drop shadow */
	box-shadow: inset 0 1px 0 #ff9233; /* drop shadow */
	-webkit-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
}
.title .btnBuyPrint:hover {
	background-color: #a1cf2d;
	-moz-box-shadow: 0 -1px 0 #aede31; /* drop shadow */
	-webkit-box-shadow: 0 -1px 0 #aede31; /* drop shadow */
	box-shadow: inset 0 1px 0 #aede31; /* drop shadow */
	-webkit-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
.title h2 {
	font-family: "Rokkitt", serif;
	font-weight: 400;
	font-size: 55px;
	line-height: 54px;
	color: #fff;
	margin: 0 0 2px 0;
}
.title h4 span {
	font-weight: 400;
	color: #004da4;
	padding: 0 8px 0 10px;
}
.title h4 a, .title h4 {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	color: #04bbe4;
	font-size: 17px;
	line-height: 18px;
	letter-spacing: 1px;	
}
.title h4 a:hover {color: #aede31;}
.navTop, .navBtm {
	background: #003078 url(../img/bg_pixel.png) top left no-repeat;
	margin: 38px 0 0 0;
	padding: 20px;
	height: 50px;
	width: 1010px;
}
.navTop h4, .navBtm h4 {
	font-family: "Montserrat", sans-serif;
	color: #fff;
	float: right;
	display: inline;
	text-align: right;
	font-weight: 400;
	font-size: 24px;
	margin: 10px 0 0 0;
}
.navTop h4.noResults {
	float: left;        		
	text-align: left;
}
.navTop h4 span, .navBtm h4 span {
	padding: 0 8px 0 10px;
	color: #051b56;
}
.navTop h4 strong, .navBtm h4 strong {
	color: #7ed0f6;
	font-weight: 400;
}
.navBtm {
	background-image: none;
	margin: 0;
}
.navTop li, .navBtm li {
	list-style: none;
	list-style-position: outside;
	float: left;
	display: inline;
	margin-left: 10px;
}
.navTop li a, .navBtm li a {
	float: left;
	display: inline;
	width: 50px;
	height: 50px;
}
.comicNav {
	float: left;
	display: inline;
}
.comicNav .btn {
	background-color: #003f8c;
	-webkit-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
.comicNav .btn:hover {
	background-color: #ff7600;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
.comicNav .btn.disabled,
.comicNav .btn.disabled:hover {
	background-color: #001f4c;
	cursor: default;
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter:alpha(opacity=40);
}
.comicNav li {margin: 0 10px 0 0;}
.btnFirst  {background: url(../img/btn_comic_first.png) top left no-repeat;}
.btnPrev   {background: url(../img/btn_comic_prev.png) top left no-repeat;}
.btnRand   {background: url(../img/btn_comic_rand.png) top left no-repeat;}
.btnNext   {background: url(../img/btn_comic_next.png) top left no-repeat;}
.btnLatest {background: url(../img/btn_comic_latest.png) top left no-repeat;}
#comic .title .comicTag .copy {margin-top: 8px;}
#comic .title .comicTag h4 {
	float: left;
	display: inline;
}
#comic .title .comicTag h4 a {
	background: #003078 url(../img/btn_comic_news.png) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
	display: block;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
	margin: 0 15px 0 0;
}
#comic .title .comicTag h4 a:hover {
	background-color: #ff7600;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
#comic .btnHighResDownload,
#comic .btnEpisodeDownload {
	float: left;
	display: inline;
	margin: 0 0 0 118px;
	width: 174px;
	height: 50px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
.sideStory .btnHighResDownload,
.sideStory .btnEpisodeDownload {margin: 0 0 0 178px !important;}
#comic .btnEpisodeDownload {background: #003f8c url(../img/btn_episode_download.png) center center no-repeat;}
#comic .btnHighResDownload {background: #003f8c url(../img/btn_comic_download.png) center center no-repeat;}
#comic .btnEpisodeDownload:hover,
#comic .btnHighResDownload:hover {background-color: #fdd215;}
#clubPAMember #comic .btnEpisodeDownload,
#clubPAMember #comic .btnHighResDownload {background: #fdd215 url(../img/btn_clubpa_comic_download.png) center no-repeat;}
#clubPAMember #comic .btnEpisodeDownload:hover,
#clubPAMember #comic .btnHighResDownload:hover {background-color: #ff7600;}
#comic .share {
	float: right;
	display: inline;
}
#comic .share .btn {
	-webkit-border-radius: 25px 25px 25px 25px;
	border-radius: 25px 25px 25px 25px;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
#comic .share .btn:hover {
	background-color: #ff7600;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
#comic .share .btnTwt {background: #003f8c url(../img/btn_comic_twt.png) top left no-repeat;}
#comic .share .btnFb  {background: #003f8c url(../img/btn_comic_fb.png) top left no-repeat;}
#comic .share .btnRSS {background: #003f8c url(../img/btn_comic_rss.png) top left no-repeat;}
#clubPAMember #comic .share .btnRSS {background: #fdd215 url(../img/cpa_icon_rss.png) top left no-repeat;}
#comic .share .btnTwt:hover {background-color: #41afec !important;}
#comic .share .btnFb:hover 	{background-color: #435697 !important;} 
#comic .share .btnRSS:hover {background-color: #ff7600 !important;}
#bodyFeat {
	overflow: hidden;
	margin: 0 0 100px 0;
}
#bodyFeat a {
	display: block;
	float: left;
	display: inline;
}
#bodyFeat a:last-child {float: right;display: inline;}
#bodyFeat a.last {float: right;display: inline;}
#sidebarFeat a {
	display: block;
	margin: 0 0 50px 0;	
}
#sidebarFeat img {width: 300px;}
#body.comic {
	background: url(../img/bg_gabe_div03.png) bottom left no-repeat;
	margin-bottom: 20px;
	padding-bottom: 60px;
}
.comic #square {
	background: url(../img/bg_zig_zag_sidebar.png) bottom center no-repeat;
	padding-bottom: 50px;
}
/*---------------------*/
/* Archive ------------*/
/*---------------------*/
#archiveSearch {
	background: #003078 url(../img/bg_pixel.png) top left repeat-x;
	width: 1050px;
	height: 88px;
	margin: 0 0 50px 0;
	padding: 2px 0 0 0;
}
#archiveSearch form {
	background: url(../img/icon_search_archive.png) top left no-repeat;
	height: 90px;
	padding: 0 0 0 90px;
}
#archiveSearch .txtSearch {
	font-family: "Rokkitt", serif;
	font-size: 55px;
	line-height: 54px;
	color: #fff;
	background: none;
	border: none;
	height: 88px;
/*	width: 723px;*/
	width: 718px;
	padding: 0 30px 0 30px;
	float: left;
	display: inline;
}
#archiveSearch .txtSearch:focus {outline: 0;}
#archiveSearch .btnSearch {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	padding: 0 40px;
	font-size: 22px;
	line-height: 20px;
	color: #e7f3ff;
	float: right;
	display: inline;
	border: 0;
	display: block;
	overflow: hidden;
	height: 88px;
	border-left: 2px solid #002966;
	background: none;
	cursor: pointer;
	-webkit-transition: background 400ms ease-in-out;
	-moz-transition: background 400ms ease-in-out;
	-ms-transition: background 400ms ease-in-out;
	-o-transition: background 400ms ease-in-out;
	transition: background 400ms ease-in-out;
}
#archiveSearch .btnSearch:hover {
	background: #ff7600;
	color: #fff;
	-webkit-transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
}
#tagCloud {margin: 0 0 90px 0;}
#tagCloud ul {
	font-family: "Montserrat", sans-serif;
	padding: 25px 30px;
	text-align: justify;
}
#tagCloud li {
	display: inline;
	list-style: none;
	line-height: 35px;
	list-style-position: outside;
	margin: 0 0 15px 0;
}
#tagCloud li a {
	text-decoration: none;
	padding: 5px;
	color: #d1dbe5;
	background: none;
	-webkit-transition: background 400ms ease-in-out;
	-moz-transition: background 400ms ease-in-out;
	-ms-transition: background 400ms ease-in-out;
	-o-transition: background 400ms ease-in-out;
	transition: background 400ms ease-in-out;
}
#tagCloud li a:hover {
	color: #fff;
	background: #ff7600;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: background 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out;
	transition: background 200ms ease-in-out;
}
#tagCloud .tag1 {font-size: 10px;}
#tagCloud .tag2 {font-size: 12px;}
#tagCloud .tag3 {font-size: 14px;}
#tagCloud .tag4 {font-size: 18px;}
#tagCloud .tag5 {font-size: 20px;}
#tagCloud .tag6 {font-size: 24px;}
#tagCloud .tag7 {font-size: 30px;}
/*---------------------*/
/* Search Results -----*/
/*---------------------*/
#results {
	background: #051b56;
	overflow: hidden;
	list-style: none;
	list-style-position: outside;
	margin-top: 2px;
}
#results li {
	font-family: "Montserrat", sans-serif;		
	float: left;
	display: inline;
	width: 524px;
	/*margin: 0 2px 2px 0;*/
	height: 130px;
	border-bottom: 2px solid #002966;
	border-right: 2px solid #002966;
}
#results li a {
	display: block;
	color: #d1dbe5;
	overflow: hidden;
}
#results li.right {border-right: 0;}
#results li .img {
	width: 250px;
	height: 130px;
	background: #fff;
	float: left;
	display: inline;
}
#results li .img img {
	margin: 5px auto 0 auto;
	width: 241px;
}
#results li .copy {
	float: right;
	display: inline;
	width: 229px;
	padding: 18px 20px 0 25px;
}
#results li .copy p {
	margin: 0 0 5px 0;
	color: #7ed0f6;
	font-size: 16px;
	line-height: 18px;
}
#results li .copy h3 {
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
}
#results li:hover {background: #031a40;}
#results li a:hover p {color: #aede31;}
#results li a:hover h3 {color: #fff;}
/*---------------------*/
/* Club PA Feature ----*/
/*---------------------*/
#clubPAFeature {
	background: #000 url(../img/bg_clubpa_banner.png) top center no-repeat;
	background-position: fixed !important;
	height: 240px;
	border-top: 1px solid #031f4d;
}
#clubPAFeature a {
	display: block;
	overflow: hidden;
	padding: 55px 0 0 0;
	height: 185px;
}
#clubPAFeature h2 {
	background: url(../img/logo_clubpa_offer.png) top left no-repeat;
	width: 347px;
	height: 109px;
	float: left;
	display: inline;
}
#clubPAFeature ul {
	float: left;
	display: inline;
	margin: 8px 0 0 75px;
}
#clubPAFeature li {
	background: url(../img/icon_bullet.png) center left no-repeat;
	font-family: "Montserrat", sans-serif;
	list-style: none;
	list-style-position: outside;
	font-size: 15px;
	line-height: 28px;
	color: #e7f3ff;
	padding: 0 0 0 31px;
}
#clubPAFeature .btnLearnAboutClubPA {
	background: #a1cf2d url(../img/btn_learn_about_clubpa.png) top left no-repeat;
	width: 250px;
	height: 51px;
	float: right;
	display: inline;
	margin: 42px 15px 0 0;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}
#clubPAFeature a:hover .btnLearnAboutClubPA {
	background-color: #fdd215 !important;
	-webkit-transition: background-color 200ms ease-in-out !important;
	-moz-transition: background-color 200ms ease-in-out !important;
	-ms-transition: background-color 200ms ease-in-out !important;
	-o-transition: background-color 200ms ease-in-out !important;
	transition: background-color 200ms ease-in-out !important;
}
/*---------------------*/
/* Club PA ------------*/
/*---------------------*/
body.cpa {padding: 0 !important;}
body.cpa #bb,
body.cpa #header {position: static !important;}
body.cpa #header .subMenu {top: 90px;}
#clubPAHero {
	background: #000 url(../img/bg_clubpa_hero.png) top center no-repeat;
	background-position: fixed !important;
	height: 219px;
}
#clubPAHero h2 {
	background: url(../img/logo_clubpa.png) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
	width: 525px;
	height: 219px;
	margin: 0 auto;
}
#clubPA {
	background: url(../img/bg_clubpa_pixel_tile.png) top left repeat-y;
	margin: 0 0 100px 0;
	color: #575757;
}
#txtClubPAOfferings {
	background: url(../img/txt_clubpa_offerings.png) top left no-repeat;
	height: 57px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
}
#clubPABtm {
	background: url(../img/bg_clubpa_pixel_btm.png) bottom left no-repeat;
	padding: 20px 0 40px 0;
	overflow: hidden;
}
#clubPA .btnPriceA,
#clubPA .btnPriceB {
	background: url(../img/bg_clubpa_price_a.png) top left no-repeat;
	position: absolute;
	width: 292px;
	height: 345px;
	margin-left: 68px;
	z-index: 2;
}
#clubPA .btnPriceB {background: url(../img/bg_clubpa_price_b.png) top left no-repeat;}
#clubPA .btnPriceA strong,
#clubPA .btnPriceB strong {
	background: url(../img/bg_clubpa_price_b.png) bottom left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 292px;
	height: 345px;
	z-index: 3;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
#clubPA .btnPriceA strong {background: url(../img/bg_clubpa_price_a.png) bottom left no-repeat;}
#clubPA .btnPriceA:hover strong,
#clubPA .btnPriceB:hover strong {
	background: url(../img/bg_clubpa_price_b.png) bottom left no-repeat;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=1);
	-webkit-transition: opacity 400ms ease-in-out;
	-moz-transition: opacity 400ms ease-in-out;
	-ms-transition: opacity 400ms ease-in-out;
	-o-transition: opacity 400ms ease-in-out;
	transition: opacity 400ms ease-in-out;
}
#clubPA .btnPriceA:hover strong {background: url(../img/bg_clubpa_price_a.png) bottom left no-repeat;}
#clubPALeft {
	background: url(../img/bg_gabe_dots.png) top right repeat-y;
	float: left;
	display: inline;
	width: 485px;
	padding-left: 50px;
}
#clubPA .unavailable h4 {
	text-decoration: line-through;
	color: #949494 !important;
}
#clubPARight {
	float: right;
	display: inline;
	width: 475px;
	padding-left: 40px;
}
#clubPA .features {
	width: 421px;
	overflow: hidden;
	margin: -18px 0 50px 0;
}
#clubPA .features h3,
#clubPA .features h3.unavailable {
	position: relative;
	background: url(../img/bg_clubpa_item_closed.png) top left no-repeat;
	width: 355px;
	padding: 10px 0 0 66px;
	height: 41px;
	margin: 50px 0 0 0;
	font-family: "Rokkitt", serif;
	color: #001f4c;
	font-size: 24px;
	line-height: 32px;
	font-weight: 400;
	-webkit-transition: color 200ms ease-in-out;
	-moz-transition: color 200ms ease-in-out;
	-ms-transition: color 200ms ease-in-out;
	-o-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}
#clubPA .features h3.unavailable {
	background: url(../img/bg_clubpa_item_closed_x.png) top left no-repeat;
	text-decoration: line-through;
	color: #949494;
}
#clubPA .features h3 span,
#clubPA .features h3.unavailable span {
	background: url(../img/bg_clubpa_item_closed_x.png) bottom left no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 421px;
	height: 51px;
	z-index: 1;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-ms-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
#clubPA .features h3 span {background: url(../img/bg_clubpa_item_closed.png) bottom left no-repeat;}
#clubPA .features h3:hover span,
#clubPA .features h3.unavailable:hover span {
	background: url(../img/bg_clubpa_item_closed_x.png) bottom left no-repeat;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=1);
	-webkit-transition: opacity 400ms ease-in-out;
	-moz-transition: opacity 400ms ease-in-out;
	-ms-transition: opacity 400ms ease-in-out;
	-o-transition: opacity 400ms ease-in-out;
	transition: opacity 400ms ease-in-out;
}
#clubPA .features h3:hover span {background: url(../img/bg_clubpa_item_closed.png) bottom left no-repeat;}
#clubPA .features h3:hover,
#clubPA .features h3.unavailable:hover {
	color: #a3d12e;
	-webkit-transition: color 400ms ease-in-out;
	-moz-transition: color 400ms ease-in-out;
	-ms-transition: color 400ms ease-in-out;
	-o-transition: color 400ms ease-in-out;
	transition: color 400ms ease-in-out;
}
#clubPA .features h3.ui-state-active {
	background: url(../img/bg_clubpa_item_open.png) top left no-repeat;
}
#clubPA .features h3.unavailable.ui-state-active {
	background: url(../img/bg_clubpa_item_open_x.png) top left no-repeat;
}
#clubPA .features h3:hover {cursor: pointer;}
#clubPA .features h3:focus {outline: 0;}
#clubPA .features div {
	background: #fff;
	width: 283px;
	margin: 0 0 0 52px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-moz-box-shadow: 0 1px 0 rgba(214,214,214,1);
	-webkit-box-shadow: 0 1px 0 rgba(214,214,214,1);
	box-shadow: inset 0 -1px 0 rgba(214,214,214,1);
	padding: 0 15px 1px 15px;
}
#clubPA .features div p {
	color: #575757;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 15px;
}
/*---------------------*/
/* Club PA Sign Up ----*/
/*---------------------*/
#overlay {
	background: rgba(0,0,0,.8);
	position: fixed;
	z-index: 200;
	width: 100%;
	height: 100%;
}
#cpaContent {
	position: absolute;
	margin: 40px auto 0 auto;
	width: 100%;
	height: auto;
	z-index: 300;
}
#cpaJoin {
	width: 660px;
	margin: 0 auto;
}
#cpaJoin .cpaTitle {
	background: #003078 url(../img/cpa_bg_title.png) left center no-repeat;
	border-top: 2px solid #fdd215;
	height: 70px;
	overflow: hidden;
}
#cpaJoin .cpaAttention {
	background-color: #003078;
	background-image: none;
}
.cpaTitle h3 {
	background: url(../img/cpa_logo_sml.png) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
	width: 147px;
	height: 32px;
	margin: 20px 60px 0 42px;
	float: left;
	display: inline;
}
.cpaTitle p strong {
	font-family: "Montserrat", sans-serif;
	color: #e7f3ff;
	font-weight: 700;
	text-transform: uppercase;
	font-style: normal;
}
.cpaTitle p {
	float: left;
	display: inline;
	margin: 15px 0 0 0;
	width: 355px;
	font-weight: bold;
	color: #fdd215;
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
}
.cpaAttention p {
	float: left;
	display: inline;
	margin: 15px 0 0 90px;
	width: 480px;
	text-align: center;
	font-weight: bold;
	color: #fdd215;
	font-size: 14px;
	line-height: 20px;
	font-style: italic;
}
.cpaTitle .btnClose {
	background: url(../img/cpa_icon_close.png) center no-repeat;
	width: 13px;
	height: 14px;
	float: right;
	display: inline;
	padding: 5px;
	margin: 5px 3px 0 0;
}
.cpaTitle .btnClose:hover {background-color: #051b56;}
.cpaBody {
	background: #003078;
	margin: 2px 0 0 0;
	width: 660px;
}
.cpaTinypass {
	border-top: 2px solid #fdd215;
	overflow: hidden;
	height: 430px;
}
.cpaTinypass h2 {
	background: url(../img/cpa_clubpa_tinypass.png) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 526px;
	height: 47px;
	margin: 66px 60px 0 60px;
}
.cpaTinypass p {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #fdd215;
	font-style: italic;
	margin: 40px auto 20px auto;
	text-align: center;
	width: 450px;
}
#cpaThankYou {
	background: #fdd215 url(../img/bg_clubpa_thank_you.png) center center no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	height: 74px;
}
/*---------------------*/
/* Club PA Step 01 ----*/
/*---------------------*/
.cpaBody .btnDoHave {
	background: url(../img/cpa_btn_do.png) top left no-repeat;
	width: 660px;
	height: 306px;
}
.cpaBody .btnDoHave:hover {
	background: url(../img/cpa_btn_do_hover.png) top left no-repeat;
}
.cpaBody .btnDoNotHave:hover {
	background: url(../img/cpa_btn_do_not_hover.png) top left no-repeat;
}
.cpaBody .btnDoNotHave {
	background: url(../img/cpa_btn_do_not.png) top left no-repeat;
	width: 660px;
	height: 306px;
	margin-top: -11px;
}
/*---------------------*/
/* Club PA Stop 02 ----*/
/*---------------------*/
.cpaBody .cpaForm {
	padding: 40px 70px;
	overflow: hidden;	
}
.cpaForm input {
	font-size: 14px;
	line-height: 14px;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	color: #051b56;
}
.cpaForm label {
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	font-family: "Montserrat", sans-serif;
	color: #e7f3ff;
	text-transform: uppercase;
	display: block;
}
.cpaForm .inputLrg input,
.cpaForm .inputSml input {
	height: 35px;
	margin: 10px 0 10px 0;
	display: block;
	padding: 0 10px;
}
.cpaForm .inputCheck {
	font-weight: normal; 
	text-transform: none;
	margin-top: -3px;
	margin-bottom: 6px;
}
.cpaForm .inputLrg a {margin-left: 10px;}
.cpaForm .inputSml {
	float: left;
	display: inline;
}
.cpaForm .check {
	background: url(../img/cpa_bg_check.png) top left no-repeat;
	float: left;
	display: inline;
	width: 230px;
	height: 26px;
	padding: 10px 0 0 12px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #e7f3ff;
	font-size: 13px;
	line-height: 14px;
	text-transform: none;
	margin: 0 0 18px 0;
}
.cpaForm .captcha {
	clear: both;
	margin: 0 0 15px 0;
}
.cpaForm .check.last {margin-left: 8px;}
.cpaForm .check input {margin-right: 14px;}
.cpaForm .inputSml.last {margin-left: 20px;}
.cpaForm .inputLrg input {width: 484px;}
.cpaForm .inputSml input {width: 220px;}
.txtRegisterPA,
.txtSignUpPA {
	background: url(../img/cpa_txt_register_pa.png) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
	width: 351px;
	height: 35px;
	float: left;
	display: inline;
	margin: 18px 0 0 0;
}
.txtSignUpPA {
	background: url(../img/cpa_txt_sign_up_pa.png) top left no-repeat;
	width: 380px;
	margin-left: -5px;
}
.cpaSignUp {
	background: url(../img/cpa_bg_zig_zag.png) top left no-repeat;
	margin: 22px 0 0 0;
	padding: 32px 0 0 0;
	overflow: hidden;
	clear: left;
}
.cpaSignUp p {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px;
	color: #e7f3ff;
	float: left;
	display: inline;
	width: 55px;
	text-align: center;
	margin: 9px 0 0 0;
}
.btnSignUp10,
.btnSignUp30 {
	background: #fdd115 url(../img/cpa_btn_sign_up_10.png) top left no-repeat;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	width: 163px;
	height: 31px;
	float: left;
	display: inline;
}
.btnSignUp30 {background: #fdd115 url(../img/cpa_btn_sign_up_30.png) top left no-repeat;margin-right: 20px;}
.paRegistration .cpaTitle {
	background: #003078 url(../img/bg_pixel.png) top center repeat-x !important;
	border: none !important;
}
.paRegistration .txtRegisterPA {margin-left: 170px;} 
.paRegistration .btnRegister {
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	border: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	background-color: #ff7600;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	width: 163px;
	height: 31px;
	float: left;
	display: inline;
	margin-right: 20px;
	-webkit-transition: background-color 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
.cpaContent #loading {
	width: 32px;
	height: 32px;
	float: left;
	display: inline;
}
.paRegistration .btnRegister:hover {
	background-color: #aede31;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
.btnSignUp10:hover,
.btnSignUp30:hover {
	background-color: #ff7600;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}
/*---------------------*/
/* Club PA Confirm ----*/
/*---------------------*/
#cpaJoin.cpaConfirm .cpaTitle {background-image: none;}
.txtThankYou {
	background: url(../img/cpa_txt_thank_you.png) top left no-repeat;
	float: left;
	display: inline;
	text-indent: -999em;
	overflow: hidden;
	width: 430px;
	height: 35px;
	margin: 18px 0 0 105px;
}
.cpaConfirm .cpaBody {
	padding: 100px 0 130px 0;
}
.txtWelcome {
	background: url(../img/cpa_txt_welcome.png) top left no-repeat;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	width: 284px;
	height: 90px;
	margin: 0 auto;
}
/*---------------------*/
/* Club PA Renew ------*/
/*---------------------*/
.join li.renew {background: url(../img/cpa_icon_renew_alert_sml.png) 0 9px no-repeat;}
.join li.renew #userAccount {
	background: url(../img/icon_account_settings.png) 15px 9px no-repeat;
	padding-left: 15px;
	margin-left: 0;
	padding-left: 30px;
}
#clubPAHero.renew h2 {background-image: url(../img/logo_clubpa_renew.png);}
#clubPA.renew .btnPriceA,
#clubPA.renew .btnPriceA strong,
#clubPA.renew .btnPriceA:hover strong {background-image: url(../img/bg_clubpa_price_a_renew.png);}
#clubPA.renew .btnPriceB,
#clubPA.renew .btnPriceB strong,
#clubPA.renew .btnPriceB:hover strong {background-image: url(../img/bg_clubpa_price_b_renew.png);}
.cpaRenew {
	background: #fdd215 url(../img/cpa_bg_renew_zig_zag.png) bottom left no-repeat;
	margin: 2px 0 -2px 0;
	width: 613px; /*660px*/
	padding: 17px 25px 25px 22px;
	overflow: hidden;
}
.cpaRenew h2 {
	background: url(../img/cpa_icon_renew_alert_lrg.png) top left no-repeat;
	font-family: "Rokkitt", serif !important;
	font-size: 22px;
	line-height: 17px;	
	color: #001f4c;
	font-weight: 700;
	min-height: 36px;
	padding: 3px 0 0 48px;
	float: left;
	display: inline;
}
.cpaRenew h2 a {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	color: #a18b35;
	font-size: 13px;
}
.cpaRenew h2 a:hover {color: #ff7500;}
.cpaRenew .btnRenewClubPA {
	float: right;
	display: inline;
	-webkit-appearance: none;
	-moz-appearance: none;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #fdd215;
	cursor: pointer;
	font-size: 14px;
	line-height: 14px;
	padding: 10px 20px;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	border: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #001f4b;
	-webkit-transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
	   -moz-transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
		-ms-transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
		 -o-transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
		 	transition: background-color 400ms ease-in-out, color 400ms ease-in-out;
}
.cpaRenew .btnRenewClubPA:hover {
	background-color: #ff7500;
	color: #fff;
	-webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
	   -moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
		-ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
		 -o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
			transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
}
/*---------------------*/
/* PA Account ---------*/
/*---------------------*/
#clubPAMember .cpaAccount .cpaTitle {
	background: #003078 url(../img/logo_clubpa_account.png) center center no-repeat !important;
	border-top: 2px solid #fdd215;
	display: block;
	text-indent: -999em;
	overflow: hidden;
}
.cpaAccount .cpaBody {
	width: 580px; /*660px - 40px*/
	padding: 40px 40px 40px 40px;
}
.cpaAccount .cpaBody ul {
	float: left;
	display: inline;
	width: 280px;
}
.cpaAccount .cpaBody li {
	color: #fff;
	list-style: none;
	list-style-position: outside;
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	margin-bottom: 13px;
}
.cpaAccount .cpaBody li strong {
	color: #d1dbe5;
	text-transform: uppercase;
	font-size: 11px;
	margin-right: 5px;
}
#clubPAMember .cpaAccount .cpaBody li h3 {
	font-family: "Rokkitt", serif;
	font-size: 18px;
	color: #fdd215;
}
.cpaAccount .paEditProfile {
	overflow: hidden;
}
.cpaAccount .paEditProfile h3 {
	float: left;
	display: inline;
}
.cpaAccount .paEditProfile a {
	font-family: "Montserrat", sans-serif;
	font-size: 16px;
		float: left;
	display: inline;
	font-size: 10px;
	padding: 5px 0 0 0;
	margin-left: 10px;
	text-transform: uppercase;
}
.cpaAccount .paAccountFooter {
	width: 100%;
	overflow: hidden;
	padding-top: 15px;
}
.cpaAccount .paAccountFooter p {
	font-size: 13px;
	margin-bottom: 5px;
	clear: both;
}
.paAccount .cpaAccount .cpaTitle {
	background: #003078 url(../img/logo_pa_account.png) center center no-repeat !important;
	border-top: 2px solid #0867bb !important;
	display: block;
	text-indent: -999em;
	overflow: hidden;
}
.paAccount .cpaAccount .cpaBody li h3 {
	font-family: "Rokkitt", serif;
	font-size: 18px;
	color: #aede31;
}
/*---------------------*/
/* Terms of Service ---*/
/*---------------------*/
.paTOS {
	list-style: zero;
	list-style-position: outside;
	font-size: 15px;
	padding: 0 0 50px 100px;
	margin: 0 0 0 0 !important;
}
.paTOS h2 {
	color: #fdd215;
	font-family: "Rokkitt", serif;
	font-size: 40px;
	margin: 0 0 25px 0;
}
.paTOS p {
	color: #e7f3ff;
	font-weight: bold;
	margin: 0 0 20px 0; 
	color: #fff;
}
.paTOS ol {
	color: #e7f3ff;
	padding-left: 18px;
	margin-bottom: 25px;
	font-size: 14px;
}
.paTOS li{
	margin: 0 0 10px 0;
	padding-left: 10px;
	line-height: 21px;
}
.paTOS p a {
	font-size: 15px;
	font-weight: bold;
}
/*---------------------*/
/* Follow PA ----------*/
/*---------------------*/
#followPA {
	background: #003e80 url(../img/bg_pixel_wide.png) top center repeat-x;
	padding-top: 62px;
	overflow: hidden;
}
#followPA ul {
	overflow: hidden;
}
#followPA li {
	float: left;
	display: inline;
	width: 240px;
	margin: 0 30px 50px 0;
	overflow: hidden;
}
#followPA li:last-child {margin-right: 0;}
#followPA li.last {margin-right: 0;}
#followPA img {
	float: left;
	display: inline;
	margin-right: 20px;
}
#followPA li a {
	display: block;
	overflow: hidden;
}
#followPA h5 {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 18px;
	color: #e7f3ff;
	float: left;
	display: inline;
	margin: 20px 0 7px 0;
}
#followPA .btnFollow {
	background: url(../img/icon_twt_sml.png) 8px 5px no-repeat;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	border: 1px solid #41afeb;
	font-size: 11px;
	color: #e7f3ff;
	text-transform: uppercase;
	padding: 6px 0 0 30px;
	width: 58px;
	height: 17px;
	float: left;
	display: inline;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #41afeb; /* layer fill content */
	-moz-box-shadow: 0 -1px 0 #4cc0ff; /* drop shadow */
	-webkit-box-shadow: 0 -1px 0 #4cc0ff; /* drop shadow */
	box-shadow: 0 -1px 0 #4cc0ff; /* drop shadow */
	-webkit-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
	transition: background-color 400ms ease-in-out, border 400ms ease-in-out, box-shadow 400ms ease-in-out;
}
#followPA li a:hover .btnFollow {
	background-color: #ff7600;
	border: 1px solid #ff7600;
	-moz-box-shadow: 0 -1px 0 #ff9233; /* drop shadow */
	-webkit-box-shadow: 0 -1px 0 #ff9233; /* drop shadow */
	box-shadow: 0 -1px 0 #ff9233; /* drop shadow */
	-webkit-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
	transition: background-color 200ms ease-in-out, border 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
#followPA .btnShowAll:hover {
	background-color: #ff7600;
	-moz-box-shadow: 0 -1px 0 #ff9233; /* drop shadow */
	-webkit-box-shadow: 0 -1px 0 #ff9233; /* drop shadow */
	box-shadow: 0 -1px 0 #ff9233; /* drop shadow */
	-webkit-transition: background-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
	transition: background-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
#followPA .btnShowAll {
	font-family: "Montserrat", sans-serif;
	text-align: center;
	color: #fff;
	width: 230px;
	height: 30px;
	letter-spacing: 1px;
	padding: 12px 0 0 0;
	margin: 0 auto 40px auto;
	display: block;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #002d66; /* layer fill content */
	-moz-box-shadow: 0 -1px 0 #004293; /* drop shadow */
	-webkit-box-shadow: 0 -1px 0 #004293; /* drop shadow */
	box-shadow: 0 -1px 0 #004293; /* drop shadow */
	-webkit-transition: background-color 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-moz-transition: background-color 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-ms-transition: background-color 400ms ease-in-out, box-shadow 400ms ease-in-out;
	-o-transition: background-color 400ms ease-in-out, box-shadow 400ms ease-in-out;
	transition: background-color 400ms ease-in-out, box-shadow 400ms ease-in-out;
}
/*---------------------*/
/* Store Feature ------*/
/*---------------------*/
.darkBlue {
	background: #031f4d;
	border-top: 1px solid #021533;
	border-bottom: 1px solid #02275c;
	padding: 55px 0 40px 0;
}
.darkBlue .content {
	background: url(../img/bg_gabe_div02.png) bottom center no-repeat;
	padding: 0 0 70px 0;
}
#storeFeature ul {
	overflow: hidden;
}
#storeFeature li {
	list-style: none;
	list-style-position: outside;
	float: left;
	display: inline;
	margin-right: 2px;
}
#storeFeature li:last-child  {margin-right: 0;}
#storeFeature li.last {margin-right: 0;}
#storeFeature li a {
	float: left;
	display: inline;
	width: 261px;
}
#storeFeature li a p {
	background: #002e66 url(../img/bg_pixel.png) top center no-repeat;
	font-family: "Montserrat", sans-serif;
	font-size: 15px;
	line-height: 21px;
	color: #e7f3ff;
	height: 60px;
	padding: 15px 20px 0 20px;
	text-align: center;
	-webkit-transition: background 400ms ease-in-out, color 400ms ease-in-out;
	-moz-transition: background 400ms ease-in-out, color 400ms ease-in-out;
	-ms-transition: background 400ms ease-in-out, color 400ms ease-in-out;
	-o-transition: background 400ms ease-in-out, color 400ms ease-in-out;
	transition: background 400ms ease-in-out, color 400ms ease-in-out;
}
#storeFeature li a:hover p {
	color: #ff7600;
	background: #003e80 url(../img/bg_pixel_orange.png) bottom center no-repeat;
	-webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out;
	-moz-transition: background 200ms ease-in-out, color 200ms ease-in-out;
	-ms-transition: background 200ms ease-in-out, color 200ms ease-in-out;
	-o-transition: background 200ms ease-in-out, color 200ms ease-in-out;
	transition: background 200ms ease-in-out, color 200ms ease-in-out;
}
/*---------------------*/
/* Feed ---------------*/
/*---------------------*/
#feed {
	padding: 60px 0 65px 0;
	overflow: hidden;
}
#feed .content div {
	width: 198px;
	float: left;
	display: inline;
	margin-right: 15px;
}
#feed h5 {
	font-family: "Rokkitt", serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 20px;
}
#feed h5 a {display: block;}
#feed #feedPA h5 {
	background: url(../img/icon_pa.png) center left no-repeat;
	padding: 3px 0 0 37px;	
}
#feed #feedTrenches h5 {
	background: url(../img/icon_trenches.png) center left no-repeat;
	padding: 3px 0 0 30px;	
}
#feed #feedPAX h5 {
	background: url(../img/icon_pax.png) center left no-repeat;
	padding: 3px 0 0 25px;	
}
#feed #feedPinny h5 {
	background: url(../img/icon_pinny.png) center left no-repeat;
	padding: 3px 0 0 25px;	
}
#feed #feedCP h5 {
	background: url(../img/icon_cp.png) top left no-repeat;
	padding: 3px 0 0 31px;	
}
#feedCP {margin-right: 0 !important;}
#feed li {
	list-style: none;
	list-style-position: outside;
}
#feed li a {
	background: url(../img/bg_zig_zag_footer.png) bottom left no-repeat;
	padding: 15px 0 20px 0;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	line-height: 20px;	
	display: block;
	color: #c5cfd9;
}
#feed li:last-child a {background: none !important;}
#feed a:hover {color: #04bbe4 !important;}
#feed li a strong {
	color: #004ba6;
	font-weight: 400;
	text-transform: uppercase;
}
/*---------------------*/
/* Footer -------------*/
/*---------------------*/
#footer .content {
	background: url(../img/bg_pixel_footer.png) top center no-repeat;
	padding: 30px 0;
	font-family: "Montserrat", sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	color: #004ba6;
	overflow: hidden;
}
#footer a {color: #004ba6;}
#footer a:hover {color: #04bbe4;}
#footer .links {
	background: url(../img/logo_pa_footer.png) top left no-repeat;
	float: left;
	display: inline;
	min-height: 18px;
	padding: 2px 0 0 45px;
}
#footer .links span {
	padding: 0 6px 0 8px;
}
#footer .copyright {
	float: right;
	display: inline;
	text-align: right;
	padding: 2px 0 0 0;
}
/*---------------------*/
/* 404 ----------------*/
/*---------------------*/
#errorPage {
	background: url(../img/bg_gabe_404.png) 550px 0 no-repeat;
	padding: 40px 555px 0 0;
	height: 363px;
	margin-bottom: -98px;
}
#errorPage h2 {
	font-family: "Rokkitt", serif;
	font-size: 160px;
	font-weight: 400px;
	line-height:110px;
	text-align: right;
	color: #ff7600;
	padding-top: 25px;
}
#errorPage p {
	text-align: right;
	font-family: "Montserrat", sans-serif;
	font-weight: 400px;
	font-size: 20px;
	line-height: 28px;
}
/*---------------------*/
/* Font Face ----------*/
/*---------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
/*	Windows Chrome Montersrrat Font Fix*/
	.cpaForm .cpaSignInError p strong,
	#cpaSignIn .btnLearnMore,
	#cpaSignIn .cpaSignInError p strong,
	#cpaSignIn .btnLearnMore,
	.hero .title p,
	.post .avatar .iconTwt,
	.txtReadMore,
	#sidebar #gazelle p.success strong,
	#sidebar #gazelle p.error strong,
	.boxList li a .subHead,
	#sidebar .subHead,
	#presents #btnViewProjects,
	.cpaForm input,
	.cpaForm label,
	#followPA h5,
	#followPA .btnFollow {font-family: "MontserratBold", sans-serif;}
/*	Windows Chrome Rokkitt Font Fix*/
	.hero .title h2,
	.postBody h2 {font-family: "Rokkitt", sans-serif;}
	
	@font-face {
		font-family: 'MontserratBold';
		src: url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'Montserrat';
		src: url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'Rokkitt';
		src: url('fonts/Rokkitt-Regular.svg') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'RokkittBold';
		src: url('fonts/Rokkitt-Bold.svg') format('svg');
		font-weight: normal;
		font-style: normal;
	}
}