/*--------------------------------------*/
/* CSS Created by Penny Arcade - 2016 --*/
/* www.penny-arcade.com ----------------*/
/*--------------------------------------*/

/*---------------------*/
/* General ------------*/
/*---------------------*/
* {margin: 0; padding: 0;}
body {
/*  padding: 94px 0 0 0;*/
    padding: 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;
}
.deeplinkAnchor {
    display: block;
    position: relative;
    top: -104px;            /* 94px (fixed position header height) + 10px (padding) */
    visibility: hidden;
}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
/*---------------------*/
/* 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 .btnAI  {background: url(../img/bb_ai.png)  0 6px no-repeat; padding-left: 20px;}
#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 .btnTrenches {background: url(../img/bb_trenches.png) 0 7px no-repeat; padding-left: 27px;} */
/* #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;
    height: 249px;
    padding: 25px 0 0 40px;
    position: absolute;
    right: 0;
    top: 30px;
    width: 485px;
    z-index: 10;
}
#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;
    margin-top: 60px;
    left: 0;
    z-index: 10;
}
#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,
#header .navPatv .subMenu a:hover strong {
    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 !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;
}
#header .navPatv .subMenu li {background: url(../img/bg_zig_zag_nav_hor.png) left bottom no-repeat;}
#header .navPatv .subMenu.short li {background-image: none;}
#header .navPatv .subMenu li a {
    width: 225px;
    height: 73px;
    padding: 30px 22px 0 20px;
}
#header .navPatv .subMenu li.btm {background: 0;}
#header .navPatv .subMenu li.btm a {
    background: none;
    height: 70px;
    padding: 27px 22px 0 20px;
}
#header .navPatv .subMenu li.last a {padding-right: 0 !important;}
#header .navPatv .subMenu li:last-child {padding-right: 0;}
#header .navPatv .subMenu li p {
    background-color: #004da4;
    background-position: top left;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin: 0;
    float: left;
    display: inline;
}
#header .navPatv .subMenu li h4 {
    float: left;
    display: inline;
    font-size: 27px;
    width: 155px;
    line-height: 24px;
    text-align: left;
    padding: 9px 0 0 20px;
}
/* "New!" Show Text */
#header .navPatv .subMenu .newShow strong {
    color: #ff7600;
    float: left;
    display: inline;
    font-size: 12px;
    line-height: 12px;
    text-align: left;
    padding: 1px 0 0 20px;
}
#header .navPatv .subMenu .navPatvDlcPodcastShow,
#header .navPatv .subMenu .navPatvAcquisitionsIncorporatedTheSeries,
#header .navPatv .subMenu .navPatvWelcomeToPax {padding-top: 20px;height: 83px;}
#header .navPatv .subMenu .navPatvDlcPodcastShow h4,
#header .navPatv .subMenu .navPatvAcquisitionsIncorporatedTheSeries h4,
#header .navPatv .subMenu .navPatvWelcomeToPax h4 {padding-top: 7px;}
#header .navPatv .subMenu .navPatvDlcPodcastShow p,
#header .navPatv .subMenu .navPatvAcquisitionsIncorporatedTheSeries p,
#header .navPatv .subMenu .navPatvWelcomeToPax p {margin: 10px 0;}
/*---------------------*/
/* 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 .navPodcastAI              p {background-image: url(../img/nav/podcast_ai.png);        width: 53px;  height:  79px; margin-top:  13px; margin-bottom: 15px;}
#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 .navPatvFirst15            p {background-image: url(../img/nav/patv_first15.png);}
#header .subMenu .navPatvDlcPodcastShow     p {background-image: url(../img/nav/patv_dlc.png);}
#header .subMenu .navPatvAcquisitionsIncorporatedTheSeries     p {background-image: url(../img/nav/patv_ai.png);}
#header .subMenu .navPatvStreamlined        p {background-image: url(../img/nav/patv_streamlined.png);}
#header .subMenu .navPatvGabeArt            p {background-image: url(../img/nav/patv_gabe_art.png);}
#header .subMenu .navPatvPastShows          p {background-image: url(../img/nav/patv_pats.png);}
#header .subMenu .navPatvStripSearch        p {background-image: url(../img/nav/patv_strip_search.png);}
#header .subMenu .navPatvWelcomeToPax       p {background-image: url(../img/nav/patv_pax.png);}
/*---------------------*/
/* 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: #002966;
    overflow: hidden;
}
#hero .content {width: 1250px;}
#hero .patv {
    margin: 0 0 10px 0;
    width: 1250px;
    height: 410px;
}
#hero .patv > ul {
    background: #ff7600;
    float: left;
    display: inline;
    width: 540px;
    list-style: none;
    list-style-position: outside;
}
#hero .patv > ul > li,
#hero .patv > ul > li a {
    width: 270px;
    height: 205px;
}
#hero .patv > ul > li {
    float: left;
    display: inline;
    position: relative;
    overflow: hidden;
}
#hero li a {display: block;}
/*---------------------*/
/* PATV - Featured ----*/
/*---------------------*/
#hero .patv .featured {
    width: 710px;
    height: 410px;
    float: left;
    display: inline;
}
#hero .patv .featured .info {
    background: #ff7600;
    position: absolute;
    margin-top: 253px;
    height: 114px;
}
#hero .patv .featured .info h2 {
    font-family: "Rokkitt", serif;
    letter-spacing: -0.5px;
    font-size: 45px;
    line-height: 38px;
    color: #fff;
    margin: 26px 95px 5px 45px;
    font-weight: 700;
    transition:         margin .3s;
    -moz-transition:    margin .3s;
    -webkit-transition: margin .3s;
}
#hero .patv .featured .info p {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    color: #031f4d;
    font-size: 16px;
    line-height: 18px;
    margin: 0 95px 0 45px;
    transition:         margin .3s;
    -moz-transition:    margin .3s;
    -webkit-transition: margin .3s;
}
#hero .patv .featured a:hover .info h2,
#hero .patv .featured a:hover .info p {
    margin-right: 155px;
    transition:         margin .15s;
    -moz-transition:    margin .15s;
    -webkit-transition: margin .15s;
}
#hero .patv .featured .pullTab {
    background: url(../img/btn_hero_arrow_lrg.png) top left no-repeat;
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 27px;
    right: -30px;
}
/*---------------------*/
/* PATV Title ---------*/
/*---------------------*/
#hero .stripes {
    position: absolute;
    background: #ffbd2b;
    height: 205px;
    width: 15px;
    list-style: none;
    list-style-position: outside;
    line-height: 0;
}
#hero .stripes li:first-child {
    background: #f76205;
    height: 78px;
    transition:         height .3s;
    -moz-transition:    height .3s;
    -webkit-transition: height .3s;
}
#hero a:hover .stripes li:first-child {
    height: 18px;
    transition:         height .15s;
    -moz-transition:    height .15s;
    -webkit-transition: height .15s;
}
#hero .stripes li {
    background: #ff9900;
    height: 85px;
    transition:         height .4s;
    -moz-transition:    height .4s;
    -webkit-transition: height .4s;
}
#hero a:hover .stripes li {
    height: 50px;
    transition:         height .35s;
    -moz-transition:    height .35s;
    -webkit-transition: height .35s;
}
#hero .patv .title h2 {
    font-family: "Rokkitt", serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 60px;
    line-height: 54px;
    color: #fff;
    padding: 55px 0 0 43px;
    transition:         padding .3s;
    -moz-transition:    padding .3s;
    -webkit-transition: padding .3s;
    transition-timing-function:         ease;
    -webkit-transition-timing-function: ease;
}
#hero .patv .title a:hover h2 {
    padding-top: 23px;
    padding-bottom: 10px;
    transition:         padding .2s;
    -moz-transition:    padding .2s;
    -webkit-transition: padding .2s;
    transition-timing-function:         ease;
    -webkit-transition-timing-function: ease;
}
#hero .patv .title p {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    color: #031f4d;
    margin: 1px 0 0 43px;
    padding: 0;
    transition:         padding .4s;
    -moz-transition:    padding .4s;
    -webkit-transition: padding .4s;
    transition-timing-function:         ease;
    -webkit-transition-timing-function: ease;
    
}
#hero .patv .title a:hover p {
    margin-top: -10px;
    transition:         padding .2s;
    -moz-transition:    padding .2s;
    -webkit-transition: padding .2s;
    transition-timing-function:         ease;
    -webkit-transition-timing-function: ease;
    
}
#hero .patv .title a {
    height: 205px;
    background: url(../img/icon_hero_arrow_white.png) no-repeat;
    background-position: 47px 205px;
    transition:         background-position .15s;
    -moz-transition:    background-position .15s;
    -webkit-transition: background-position .15s;
    transition-timing-function:         ease-out;
    -webkit-transition-timing-function: ease-out;
}
#hero .patv .title a:hover {
    background-position: 47px 138px;
    transition:         background-position .1s;
    -moz-transition:    background-position .1s;
    -webkit-transition: background-position .1s;
    transition-timing-function:         ease;
    -webkit-transition-timing-function: ease;
}
/*------------------------*/
/* PATV Featured Stripes -*/
/*------------------------*/
#hero .featured .stripes {height: 114px;}
#hero .featured .stripes li:first-child {height: 51px;}
#hero .featured a:hover .stripes li:first-child {height: 21px;}
#hero .featured .stripes li {height: 48px;}
#hero .featured a:hover .stripes li {height: 28px;}
/*---------------------*/
/* PATV Pull tabs -----*/
/*---------------------*/
#hero .patv li .pullTab {
    background: url(../img/btn_hero_pull_tab.png) top left no-repeat;
    position: absolute;
    display: block;
    z-index: 1;
    width: 40px;
    height: 205px;
    left: 0;
    transition:         left .25s;
    -moz-transition:    left .25s;
    -webkit-transition: left .25s;
    transition-timing-function:         ease-out;
    -webkit-transition-timing-function: ease-out;
}
#hero .patv li a:hover .pullTab {
    left: 270px;
    transition:         left .1s;
    -moz-transition:    left .1s;
    -webkit-transition: left .1s;
    transition-timing-function:         ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
}
#hero .patv li .info,
#hero .patv li:last-child .info {
    z-index: 1;
    position: absolute;
    width: 220px;
    height: 179px;
    background: rgba(247,98,5,1);
    padding: 26px 20px 0 30px;
    left: -270px;
    transition:         left .25s, background .3s;
    -moz-transition:    left .25s, background .3s;
    -webkit-transition: left .25s, background .3s;
    transition-timing-function:         ease-out;
    -webkit-transition-timing-function: ease-out;
}
#hero .patv li a:hover .info,
#hero .patv li:last-child a:hover .info {
    left: 0px;
    background: rgba(247,98,5,.5);
    transition:         left .1s, background .6s;
    -moz-transition:    left .1s, background .6s;
    -webkit-transition: left .1s, background .6s;
    transition-timing-function:         ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
}
#hero .patv li:last-child .info {background: rgba(255,118,0,1);}
#hero .patv li:last-child a:hover .info {background: rgba(255,118,0,.35);}
#hero .patv li .info p,
#hero .comics li .info h3 {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    color: #031f4d;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 8px;
}
#hero .patv li .info h3,
#hero .comics li .info p {
    font-family: "Rokkitt", serif;
    letter-spacing: -0.5px;
    font-size: 27px;
    line-height: 27px;
    color: #fff;
    margin-bottom: 5px;
}
#hero .patv li .info p.date {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    color: #ffd478;
    font-size: 15px;
    line-height: 17px;
}
#hero .patv li img {
    height: 100%;
    display: inline;
    opacity: 1;
    -moz-opacity: 1;
    filter:alpha(opacity=100);
    transition:         opacity      .3s;
    -moz-transition:    -moz-opacity .3s;
    -webkit-transition: opacity      .3s;
    transition-timing-function:         ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
}
#hero .patv li a:hover img {
    opacity: 0.06;
    -moz-opacity: 0.06;
    filter:alpha(opacity=6);
    transition:         opacity      .15s;
    -moz-transition:    -moz-opacity .15s;
    -webkit-transition: opacity      .15s;
    transition-timing-function:         ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
}
/*---------------------*/
/* PATV All Animate ---*/
/*---------------------*/
#hero .patv .title:hover~li .info {
    left: 0px;
    background: rgba(247,98,5,.5);
    transition:         left .1s, background .6s;
    -moz-transition:    left .1s, background .6s;
    -webkit-transition: left .1s, background .6s;
    transition-timing-function:         ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
}
#hero .patv .title:hover~li:last-child .info {background: rgba(255,118,0,.35);}
#hero .patv .title:hover~li .pullTab {
    left: 270px;
    transition:         left .1s;
    -moz-transition:    left .1s;
    -webkit-transition: left .1s;
    transition-timing-function:         ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
}
#hero .patv .title:hover~li img {
    opacity: 0.06;
    -moz-opacity: 0.06;
    filter:alpha(opacity=6);
    transition:         opacity      .15s;
    -moz-transition:    -moz-opacity .15s;
    -webkit-transition: opacity      .15s;
    transition-timing-function:         ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
}
/*---------------------*/
/* Hero - Comics ------*/
/*---------------------*/
#hero .comics {
    width: 1250px;
    height: 175px;
    background: #04bbe4;
    border-bottom: 1px solid #031f4d;
    list-style: none;
    list-style-position: outside;
}
#hero .comics a {display: block;}
#hero .comics img {
    width: 309px;
    opacity: 1;
    -moz-opacity: 1;
    filter:alpha(opacity=100);
    transition:         opacity      .3s;
    -moz-transition:    -moz-opacity .3s;
    -webkit-transition: opacity      .3s;
}
#hero .comics a:hover img {
    opacity: 0.3;
    -moz-opacity: 0.3;
    filter:alpha(opacity=30);
    transition:         opacity      .2s;
    -moz-transition:    -moz-opacity .2s;
    -webkit-transition: opacity      .2s;
    transition-timing-function:         ease-in;
    -webkit-transition-timing-function: ease-in;
}
/*---------------------*/
/* Comics Title -------*/
/*---------------------*/
#hero .comics .stripes {background: #5eefff; height: 175px;}
#hero .comics .stripes li:first-child {background: #009ec9; height: 75px;}
#hero .comics a:hover .stripes li:first-child {height: 21px;}
#hero .comics .stripes li {background: #12d1fc; height: 76px;}
#hero .comics a:hover .stripes li {height: 48px;}
#hero .comics .title {width: 326px;}
#hero .comics .title a {
    height: 175px;
    background: url(../img/icon_hero_arrow_white.png) no-repeat;
    background-position: 47px 176px;
    transition:         background-position .15s;
    -moz-transition:    background-position .15s;
    -webkit-transition: background-position .15s;
    transition-timing-function:         ease-out;
    -webkit-transition-timing-function: ease-out;
}
#hero .comics .title a:hover {
    background-position: 47px 116px;
    transition:         background-position .1s;
    -moz-transition:    background-position .1s;
    -webkit-transition: background-position .1s;
    transition-timing-function:         ease;
    -webkit-transition-timing-function: ease;
}
#hero .comics .title h2 {
    font-family: "Rokkitt", serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 60px;
    line-height: 54px;
    color: #fff;
    padding: 55px 0 0 43px;
    transition:         padding .3s;
    -moz-transition:    padding .3s;
    -webkit-transition: padding .3s;
    transition-timing-function:         ease;
    -webkit-transition-timing-function: ease;
}
#hero .comics .title a:hover h2 {
    padding-top: 23px;
    padding-bottom: 10px;
    transition:         padding .2s;
    -moz-transition:    padding .2s;
    -webkit-transition: padding .2s;
    transition-timing-function:         ease;
    -webkit-transition-timing-function: ease;
}
#hero .comics .title p {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    color: #031f4d;
    margin: 1px 0 0 43px;
    transition:         padding .4s;
    -moz-transition:    padding .4s;
    -webkit-transition: padding .4s;
    transition-timing-function:         ease;
    -webkit-transition-timing-function: ease;
}
#hero .comics .title a:hover p {
    margin-top: -10px;
    transition:         padding .2s;
    -moz-transition:    padding .2s;
    -webkit-transition: padding .2s;
    transition-timing-function:         ease;
    -webkit-transition-timing-function: ease;
}
/*---------------------*/
/* Comic Info & Hover -*/
/*---------------------*/
#hero .comics > li {
    position: relative;
    float: left;
    display: inline;
    width: 308px;
    height: 175px;
    overflow: hidden;
}
#hero .comics li .info {
    z-index: 1;
    position: absolute;
    width: 248px;
    height: 149px;
    padding: 26px 20px 0 40px;
    left: -308px;   
    transition:         left .3s;
    -moz-transition:    left .3s;
    -webkit-transition: left .3s;
    transition-timing-function:         ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
}
#hero .comics li a:hover .info {
    left: 0;
    transition:         left .1s;
    -moz-transition:    left .1s;
    -webkit-transition: left .1s;
    transition-timing-function:         ease-in;
    -webkit-transition-timing-function: ease-in;
}
#hero .comics li .info p {
    font-size: 31px;
    line-height: 31px;
}
#hero .comics li .info h3,
#hero .comics li .info p {
    margin-left: -60px;
    transition:         margin .3s;
    -moz-transition:    margin .3s;
    -webkit-transition: margin .3s;
    transition-timing-function:         ease-in;
    -webkit-transition-timing-function: ease-in;
}
#hero .comics .title:hover~li .info h3,
#hero .comics li a:hover .info h3 {
    margin-left: 0;
    transition:         margin .4s;
    -moz-transition:    margin .4s;
    -webkit-transition: margin .4s;
    transition-timing-function:         ease;
    -webkit-transition-timing-function: ease;
}
#hero .comics .title:hover~li .info p,
#hero .comics li a:hover .info p {
    margin-left: 0;
    transition:         margin .3s;
    -moz-transition:    margin .3s;
    -webkit-transition: margin .3s;
    transition-timing-function:         ease-out;
    -webkit-transition-timing-function: ease-out;
}
#hero .comics li#heroPA .info       {background: rgba(3,154,202,0.9)  url(../img/icon_hero_pa.png) 218px 115px no-repeat;}
#hero .comics li#heroCamp .info     {background: rgba(2,125,178,0.88) url(../img/icon_hero_camp.png) 236px 83px no-repeat;}
#hero .comics li#heroTrenches .info {background: rgba(1,100,158,0.9)  url(../img/icon_hero_trenches.png) 225px 105px no-repeat;}
/*---------------------*/
/* Comics All Animate -*/
/*---------------------*/
#hero .comics .title:hover~li#heroPA .info {
    left: 0;
    transition:         left .07s;
    -moz-transition:    left .07s;
    -webkit-transition: left .07s;
    transition-timing-function:         ease-in;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
}
#hero .comics .title:hover~li#heroCamp .info {
    left: 0;
    transition:         left .07s;
    -moz-transition:    left .07s;
    -webkit-transition: left .07s;
    transition-timing-function:         ease-in;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}
#hero .comics .title:hover~li#heroTrenches .info {
    left: 0;
    transition:         left .07s;
    -moz-transition:    left .07s;
    -webkit-transition: left .07s;
    transition-timing-function:         ease-in;
    -webkit-transition-timing-function: ease-in;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
}
#hero .comics .title:hover~li img {
    opacity: 0.3;
    -moz-opacity: 0.3;
    filter:alpha(opacity=30);
    transition:         opacity      .2s;
    -moz-transition:    -moz-opacity .2s;
    -webkit-transition: opacity      .2s;
    transition-timing-function:         ease-in;
    -webkit-transition-timing-function: ease-in;
}
/*---------------------*/
/* Leaderboard --------*/
/*---------------------*/
#leaderboard {
    background: #031f4d;
    padding: 20px 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;
}
/*---------------------*/
/* 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;
}
/*---------------------*/
/* G&T News Convos ----*/
/*---------------------*/
.post .avatar .convo {
    background: url(../img/bg_dots_col.png) top center no-repeat;
    margin-top: 25px;
    padding-top: 30px;
}
.post .avatar .btnConvo {
    background: url(../img/btn_convo_gt.png) top left no-repeat;
    width: 95px;
    height: 47px;
    margin: 0 auto;
}
.postConvo {margin-bottom: 50px;}
.postConvo .post {margin: 0;}
.postConvo .avatar {margin-top: 0;}
.postConvo .avatar img {float: right;}
.postConvo .postBody {background: 0;}
.postConvo .post:last-child .postBody {
    background: url(../img/bg_zig_zag_news.png) bottom left no-repeat;
    padding-bottom: 65px;
}
.postConvo .postBody .meta {
    background: #051b56 url(../img/bg_convo_box.png) top left no-repeat;
    padding: 20px 20px 12px 20px;
    margin-bottom: 2px;
}
.postConvo .postBody .copy {
    background-color: #051b56;
    padding: 18px 20px;
}
.postConvo .postBody .copy p:last-child {margin-bottom: 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;
    overflow: hidden;
    padding: 0 0 10px 50px;
    text-overflow: ellipsis;
    -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,
.boxList {
    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,
#patv li.last,
#podcasts li:last-child,
#podcasts li.last,
#weeklyComics li:last-child,
#weeklyComics li.last,
#presentsProjects li:last-child,
#presentsProjects li.last,
#weeklyComics li:last-child,
#weeklyComics li.last,
#sideStories li:last-child,
#sideStories li.last,
#feedCP {
    margin-right: 0 !important;
}
.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;
    padding: 26px 30px;
}
.normalItem .metaHover .metaDesc {
    width: 288px; /*348px - 60px*/
}
.wideItem .metaHover .metaDesc {
    width: 464px; /*524px - 60px*/
}
.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;
}
#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: 248px; /*300px - 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 .metaDesc li {
    clear: both;
    display: block;
}
#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;
    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;
}
.normalItem .metaHover .btnFirstMeta p,
.normalItem .metaHover .btnLatestMeta p {
    height: 54px; /*70px - 16px*/
    padding-top: 16px;
}
.wideItem .metaHover .btnFirstMeta p,
.wideItem .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-color: #003078;
    background-image: url(../img/btn_hover_latest.png);
    background-repeat: no-repeat;
    border-left: 2px solid #002966;
}
.normalItem .metaHover .btnLatestMeta p {background-position: 113px -40px;}
.wideItem .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 ,
#patv .metaHover .btnLatestMeta em {
    top: 191px;
}
#podcasts .metaHover .btnFirstMeta em,
#podcasts .metaHover .btnLatestMeta em {
    top: 192px;
}
.normalItem .metaHover .btnLatestMeta em {
    left: 288px;
}
.wideItem .metaHover .btnLatestMeta em {
    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;
}
.metaHover .btnFirstMeta p {
    padding-right: 25px;
    text-align: right;
}
.metaHover .btnLatestMeta p {
    padding-left: 25px;
    text-align: left;
}
.normalItem .metaHover .btnFirstMeta p,
.normalItem .metaHover .btnLatestMeta p {
    width: 148px; /*173px - 25px*/ 
}
.wideItem .metaHover .btnFirstMeta p,
.wideItem .metaHover .btnLatestMeta p {
    width: 236px; /*261px - 25px*/
}
.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;
}
#presentsProjects li {
    margin-bottom: 50px;
    overflow: hidden;
    width: 261px;
}
#sideStories a h2 {
    font-size: 18px;
    line-height: 18px;
    padding: 15px 0 13px 0;
}
#sideStories a .subHead,
#presentsProjects a .subHead {color: #aede31;}
#sideStories li.wideItem {
    overflow: hidden;
}
/*---------------------*/
/* 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,
#sidebar #stayConnected .btnYouTube {
    background: url(../img/btn_patv_youtube.png) top left no-repeat;
}
#sidebar #stayConnected .btnYouTube { background-color: #003f8c; }
.hubNav .btnYouTube { background-color: #003078; }
.hubNav .btnYouTube:hover, 
#sidebar #stayConnected .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 {
    margin-top: 50px;
}
#hub #patv .txtDots {
    margin-top: 70px;
}
li.normalItem {
    width: 348px;
}
li.wideItem {
    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 {
    border-top: 6px solid black;
    border-bottom: 6px solid black;
    background: #471b0d url(../img/cpa_website_banner.png) top center no-repeat;
    background-position: fixed !important;
    height: 240px;
}
#clubPAFeature a {
    display: block;
    overflow: hidden;
    height: 240px;
}
#clubPAFeature h2 {
	margin: 51px 0 0 0;
	width: 200px;
	height: 139px;
    float: left;
    display: inline;
}
#clubPAFeature ul {
    float: left;
    display: inline;
    margin: 45px 0 0 153px;
    width: 508px;
    height: 160px;
}
#clubPAFeature li {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    list-style: none;
    list-style-position: outside;
    font-size: 21px;
    line-height: 27px;
    color: white;
    width: 220px;
    margin: 0 30px 44px 0;
    float: left;
}
#clubPAFeature #cpaPin, #clubPAFeature #cpaArt {margin-right: 0;float: right;width: 200px;}
#clubPAFeature .btnLearnAboutClubPA {
	background: url(../img/btn_cpa_join.png) bottom left no-repeat;
    width: 140px;
    height: 68px;
    float: right;
    display: inline;
    margin: 137px 0 0 0;
}
#clubPAFeature a:hover .btnLearnAboutClubPA {background-position: top;}
/*---------------------*/
/* Club PA ------------*/
/*---------------------*/
body.cpa {padding: 0 !important;}
body.cpa #bb,
body.cpa #header {position: static !important;}
#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;
    height: 74px;
    overflow: hidden;
    position: absolute;
    text-indent: -999em;
    top: 90px;
    width: 100%;
    z-index: 2;
}
/*---------------------*/
/* 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: 249px;
    margin: 0 18px 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;
    margin-right: 25px; /* Prevents button from moving onto preceding line */
    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;  
}
#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;
    }
}
/*---------------------*/
/* Media Queries ------*/
/*---------------------*/
/* iPad and iPhone */
@media only screen and (max-device-width : 1024px)  {
    #hero .patv .featured {width: 550px;}
    #hero .comics .title {width: 286px;}
    #hero .comics > li {width: 268px;}
}
/* 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);}
}