/* OLD TEMPLATE */
/*Square Squared Classes */
 @font-face {font-family: Enigmatic;src: url(../fonts/Enigmatic.eot);}
@font-face {font-family: "Enigmatic";src:local("Enigmatic"), url(../fonts/enigmatic.ttf) format("truetype");}
@font-face {
 font-family: FranklinCond;
 src: url("../fonts/Franklin_std_condensed.eot") /* EOT file for IE */
}
@font-face {
 font-family: FranklinCond;
 src: url("../fonts/Franklin_std_condensed.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: FranklinExCond;
 src: url("../fonts/Franklin_extra_condensed.eot") /* EOT file for IE */
}
@font-face {
 font-family: FranklinExCond;
 src: url("../fonts/Franklin_extra_condensed.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
    font-family: 'BernhardModBTBold';
    src: url('../fonts/bernhard_modern_bold_bt-webfont.eot');
    src: url('../fonts/bernhard_modern_bold_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bernhard_modern_bold_bt-webfont.woff') format('woff'),
         url('../fonts/bernhard_modern_bold_bt-webfont.ttf') format('truetype'),
         url('../fonts/bernhard_modern_bold_bt-webfont.svg#BernhardModBTBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
h1, h2 {  font-family: FranklinCond !important;} 
.image-left { float:left; margin:15px 15px 15px 0;}
.image-right { float:right; margin:15px 0 15px 15px ;}
.caps {text-transform:uppercase;}
.comic_history_thumb { float:left; width:27%; }


h2.title, h2, module-title h2.title {font-family: FranklinCond,Enigmatic,Helvetica,Arial,sans-serif; letter-spacing:1px !important; font-weight:normal;  text-transform:uppercase; }
h2 a {color:#FFFF00;}
h1.title, h1, .componentheading  {font-family: FranklinCond,Enigmatic,Helvetica,Arial,sans-serif; letter-spacing:1px !important; font-weight:normal;  text-transform:uppercase; color:#FFFF00;}
#rt-page-background .box8 .title, #rt-page-background .box11 .title, #rt-page-background .title3 .module-title .title {color:#FFFF00 !important;}

ul.latestnews li a, ul.mostread li a { line-height:1.5em; }

#rt-feature .title span { color: #FFFF00 !important;} 

p.heading {margin-bottom:0px; font-weight:bold;}
.aQuote {margin-bottom:15px;}
.sigName { color:#FFFFFF; text-align:right; line-height: 1.3em;}

.homeLinks {color:#FF0; font-family:FranklinCond,Enigmatic,Helvetica,Arial,sans-serif; font-size:13px; text-align:center; height:150px;  text-transform:uppercase; line-height:14px;}
.homeLinks, .homeLinks img {width:143px; }
.homeLinks img {margin-bottom:5px;max-width:inherit !important;}
.homeLinks+.homeLinks {margin-left:2px;}
.bottom-row-links {text-align:center;clear:both;}
.bottom-row-links .homeLinks {display:inline-block; float:none !important;}
.countFive+.countFive {margin-left:40px;}
.topSpot {float:right !important; margin-top:14px;}
.topSpot+.topSpot {margin-right:3px;}

.homeLinks2 { width:450px; float:right;}
.homeLinks2 td { padding:10px 0; vertical-align:central; text-align:left;} 
.homeLinks2 img {margin-right:20px;max-width:inherit !important;}

.tzQuote {font-family:"BernhardModBTBold","Courier New", Courier, monospace; text-align:center;background: #333 !important;border: 1px solid #353535;color: #BBB;}
.hidden { display:none;}




/* MODULE VARIANTS */
.scootUp100 {margin-top:-100px;}
.scootUp95 {margin-top:-95px;}
.scootUp90 {margin-top:-90px;}
.scootUp85 {margin-top:-85px;}
.scootUp80 {margin-top:-80px;}
.scootUp75 {margin-top:-75px;}
.scootUp70 {margin-top:-70px;}
.scootUp65 {margin-top:-65px;}
.scootUp60 {margin-top:-60px;}
.scootUp55 {margin-top:-55px;}
.scootUp50 {margin-top:-50px;}
.scootUp45 {margin-top:-45px;}
.scootUp40 {margin-top:-40px;}
.scootUp35 {margin-top:-35px;}
.scootUp30 {margin-top:-30px;}
.scootUp25 {margin-top:-25px;}
.scootUp20 {margin-top:-20px;}
.scootUp15 {margin-top:-15px;}
.scootUp10 {margin-top:-10px;}
.scootUp5 {margin-top:-5px;}

.scootDown100 {margin-top:100px;}
.scootDown95 {margin-top:95px;}
.scootDown90 {margin-top:90px;}
.scootDown85 {margin-top:85px;}
.scootDown80 {margin-top:80px;}
.scootDown75 {margin-top:75px;}
.scootDown70 {margin-top:70px;}
.scootDown65 {margin-top:65px;}
.scootDown60 {margin-top:60px;}
.scootDown55 {margin-top:55px;}
.scootDown50 {margin-top:50px;}
.scootDown45 {margin-top:45px;}
.scootDown40 {margin-top:40px;}
.scootDown35 {margin-top:35px;}
.scootDown30 {margin-top:30px;}
.scootDown25 {margin-top:25px;}
.scootDown20 {margin-top:20px;}
.scootDown15 {margin-top:15px;}
.scootDown10 {margin-top:10px;}
.scootDown5 {margin-top:5px;}

.shiftLeft100 {margin-left:-100px;}
.shiftLeft95 {margin-left:-95px;}
.shiftLeft90 {margin-left:-90px;}
.shiftLeft85 {margin-left:-85px;}
.shiftLeft80 {margin-left:-80px;}
.shiftLeft75 {margin-left:-75px;}
.shiftLeft70 {margin-left:-70px;}
.shiftLeft65 {margin-left:-65px;}
.shiftLeft60 {margin-left:-60px;}
.shiftLeft55 {margin-left:-55px;}
.shiftLeft50 {margin-left:-50px;}
.shiftLeft45 {margin-left:-45px;}
.shiftLeft40 {margin-left:-40px;}
.shiftLeft35 {margin-left:-35px;}
.shiftLeft30 {margin-left:-30px;}
.shiftLeft25 {margin-left:-25px;}
.shiftLeft20 {margin-left:-20px;}
.shiftLeft15 {margin-left:-15px;}
.shiftLeft10 {margin-left:-10px;}
.shiftLeft5 {margin-left:-5px;}

.shiftRight100 {margin-right:-100px;}
.shiftRight95 {margin-right:-95px;}
.shiftRight90 {margin-right:-90px;}
.shiftRight85 {margin-right:-85px;}
.shiftRight80 {margin-right:-80px;}
.shiftRight75 {margin-right:-75px;}
.shiftRight70 {margin-right:-70px;}
.shiftRight65 {margin-right:-65px;}
.shiftRight60 {margin-right:-60px;}
.shiftRight55 {margin-right:-55px;}
.shiftRight50 {margin-right:-50px;}
.shiftRight45 {margin-right:-45px;}
.shiftRight40 {margin-right:-40px;}
.shiftRight35 {margin-right:-35px;}
.shiftRight30 {margin-right:-30px;}
.shiftRight25 {margin-right:-25px;}
.shiftRight20 {margin-right:-20px;}
.shiftRight15 {margin-right:-15px;}
.shiftRight10 {margin-right:-10px;}
.shiftRight5 {margin-right:-5px;}

.centerMe {text-align:center;margin:0 auto;}
.flush {margin:0;padding:0;}
.stretch {margin:20px auto;padding:5px;}
.alignLeft {text-align:left;margin: auto auto auto 0}
.alignRight {text-align:right; margin: auto 0 auto auto;}

/* TITLE VARIANTS */
.uppercase h2.title {text-transform:uppercase;}
.lowercase h2.title {text-transform:lowercase;}
.smallcaps h2.title {font-variant:small-caps;}
.title11 h2.title {font-size:11px;}
.title12 h2.title {font-size:12px;}
.title14 h2.title {font-size:14px;}
.title16 h2.title {font-size:16px;}
.title20 h2.title {font-size:20px;}
.title24 h2.title {font-size:24px;}
.title30 h2.title {font-size:30px;}
.title36 h2.title {font-size:36px;}
.title45 h2.title {font-size:45px;}
.title64 h2.title {font-size:64px;}
.title75 h2.title {font-size:75px;}



/* TITLE VARIANTS */
.uppercase h2.title {text-transform:uppercase;}
.lowercase h2.title {text-transform:lowercase;}
.title150 h2.title {font-size:150%;}
.title200 h2.title {font-size:200%;}
.titleShift h2.title {margin-top:10px;padding-bottom:38px;}


/* COMMON PROBLEMS */
#yoo-zoo .items h1.pos-title {font-family:inherit;}
#userForm .componentheading {display:none;}
 


/* MENU */
.menu-simple ul{display:inline;text-align:right;}
.menu-simple li {float:left;list-style:none;margin:0 0 0 40px;font-size:11px;}
.menu-simple li.current {clear:none;border: 0;padding: 0px;}

.menu-icons {float:right;margin:0;}
.menu-icons ul {display:inline;text-align:right;}
.menu-icons li {float:left;list-style:none;margin:0 0 0 20px;}
.menu-icons img {height:30px;width:auto;}

.menu-list li {list-style:square;}
.menu-list li a {color:#ffffff;font-size:12px;} 
 
.menutop li.hideMe {display:none;}  /* MOD SUFFIX FOR HIDING SINGLE MENU ITEM */
.menutop li.hideSub li {display:none;}  /* MOD SUFFIX FOR HIDING SUB MENU ITEM */




/* YELLOWWEBMONKEY */
body {background-color:#000;}
#rt-page-surround {background: #000 url(../images/img-city.jpg) top center no-repeat;background-size:1400px 200px;}
#rt-header #rt-logo {
	width: 290px;
	height: 105px;
	margin: 20px auto auto 20px !important;
	background-size: contain !important;
}
#rt-header {min-height:105px;}
#rt-main-surround {background:#111;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
p {color:#aaa;}


/* MENU */
.menu-block {float:none;}
.menu-block .gf-menu .item {font-weight:normal;font-family: "FranklinCond", 'Open Sans Condensed', 'Helvetica', arial, serif;}
.menu-block .gf-menu.l1 li a.active {background-color:#2c6fa5;}
.gf-menu ul.l2 {background-color:#2c6fa5;margin-top:-25px;}
.menu-block .gf-menu.l1 > li.active > .item {color:#ff0;}
.menu-block .gf-menu.l1 > li > .item {height:35px;}



/* MENU IMAGES */
.menu-block .gf-menu li {height:96px;width: 13.5%;margin-right:.5%;margin-top:25px;margin-bottom:20px;}
.menu-block .gf-menu li li {width:auto;}
.menu-block .gf-menu li a {margin-top:15px;text-align:center;}
.mainmenuanimation-enabled-1 .menu-block .gf-menu.l1 > li > .item .menu-item-content {padding-top:100px !important;} 

/* HOVER FIX */
.mainmenuanimation-enabled-1 .menu-block .gf-menu.l1 > li:hover > .item .menu-item-content:before  {top:37px;background:none !important;}
.mainmenuanimation-enabled-1 .menu-block .gf-menu.l1 > li.parent:hover > .item .menu-item-content:before, .mainmenuanimation-enabled-1 .menu-block .gf-menu.l1 > li.active > .item .menu-item-content:before {display:none;background:none !important;}

.gf-menu li.parent > .item:after {content:none;width:0;}
.gf-menu li.parent > .item {padding-right:0 !important;}
.menu-block .gf-menu.l1 > li > .item {font-size:14px !important; line-height:100%; padding-top: 90px; padding-bottom:0px; width:170px;}
.menu-block .gf-menu li.item1671  {background:transparent url(../images/icons/menu-home.jpg)  50% 50% no-repeat;}
.menu-block .gf-menu li.item426  {background:transparent url(../images/icons/menu-artdirection.jpg)  50% 50% no-repeat;}
.menu-block .gf-menu li.item427  {background:transparent url(../images/icons/menu-comicbook.jpg)  50% 50% no-repeat;}
.menu-block .gf-menu li.item428  {background:transparent url(../images/icons/menu-illustration.jpg)  50% 50% no-repeat;}
.menu-block .gf-menu li.item429  {background:transparent url(../images/icons/menu-springsteen.jpg)  50% 50% no-repeat;}
.menu-block .gf-menu li.item430  {background:transparent url(../images/icons/menu-tz.jpg)  50% 50% no-repeat;}
.menu-block .gf-menu li.item437  {background:transparent url(../images/icons/menu-visualectures.jpg)  50% 50% no-repeat;}
.menu-block .gf-menu li.item1671,.menu-block .gf-menu li.item426,.menu-block .gf-menu li.item427,.menu-block .gf-menu li.item428,.menu-block .gf-menu li.item429,.menu-block .gf-menu li.item430,.menu-block .gf-menu li.item437  {border:0px solid #fff;background-size:100%;}


/* MENU RESET */
.menu-block .gf-menu li li {height:inherit;margin:0;}
.menu-block .gf-menu li li a {margin-top:0px;}

/* OFFLINE */
.rt-offline-body .rt-logo-block,#rt-subscription-form {display:none;}
.rt-offline-title {color:#ccc;}

/* FOOTER */
#rt-copyright {position:fixed;bottom:0;}
#rt-copyright .rt-block {margin:0;padding:0px;}

/* SOCIAL MEDIA */
ul.menu-icons {float:right;display:inline;text-align:right;margin:7px 0 0 0;background-color:transparent;}
ul.menu-icons li {float:left;list-style:none;margin:0 0 0 20px;}
ul.menu-icons a {color:#F4F4F4;visibility:hidden;}
ul.menu-icons li:hover, ul.menu-icons li a:hover {background-color:transparent !important;}

.menu-icons a.fa-phone:before, .menu-icons a.fa-envelope-o:before,.menu-icons a.fa-comment:before,
.menu-icons a.fa-facebook:before,.menu-icons a.fa-twitter:before,.menu-icons a.fa-rss:before,.menu-icons a.fa-google-plus:before,.menu-icons a.fa-linkedin:before, .menu-icons a.fa-pinterest:before, .menu-icons a.fa-youtube:before, .menu-icons a.fa-instagram:before 
{font-family: FontAwesome;font-size:18px;color:#4B4644;visibility:visible;}

.menu-icons a.fa-phone:before {content:"\f095";}
.menu-icons a.fa-envelope-o:before {content:"\f003";}
.menu-icons a.fa-comment:before {content:"\f075";}
.menu-icons a.fa-facebook:before {content:"\f09a";}
.menu-icons a.fa-google-plus:before {content:"\f0d5";}
.menu-icons a.fa-instagram:before {content:"\f16d";}
.menu-icons a.fa-linkedin:before {content:"\f0e1";}
.menu-icons a.fa-rss:before {content:"\f09e";}
.menu-icons a.fa-pinterest:before {content:"\f0d2";}
.menu-icons a.fa-twitter:before {content:"\f099";}
.menu-icons a.fa-youtube:before {content:"\f167";}

/* ALLVIDEOS */
.avPlayerWrapper.avAudio {clear:none;width:60% !important;float:right;padding:25px 15px;}

/* FORMS */
input[type="text"] {background-color:#fff;width:inherit;}



/*DESKTOP */
@media only screen and (min-width : 1224px) {
.menu-block .gf-menu li.item1671,.menu-block .gf-menu li.item426,.menu-block .gf-menu li.item427,.menu-block .gf-menu li.item428,.menu-block .gf-menu li.item429,.menu-block .gf-menu li.item430,.menu-block .gf-menu li.item437 {width:167px; margin-right:4px;}
.mainmenuanimation-enabled-1 .menu-block .gf-menu.l1 > li > .item .menu-item-content {width:140px;}
}


/* MOBILE */
@media only screen and (max-width: 767px) and (min-width: 481px) {
  #rt-copyright {position:relative;bottom:auto;} 
  .gf-menu-toggle {background-color:#ff0 !important;}
  .gf-menu-toggle .icon-bar {background-color:#000 !important;}
  #rt-logo {margin-left:100px;margin-top:10px !important;}
  h1 {line-height:110%;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  #rt-copyright {position:relative;bottom:auto;} 
  .gf-menu-toggle {background-color:#ff0 !important;}
  .gf-menu-toggle .icon-bar {background-color:#000 !important;}
  #rt-logo {margin-left:100px;margin-top:10px !important;}
    h1 {line-height:110%;}
}



/* TABLET */
@media only screen and (max-width: 959px) and (min-width: 768px) {
  #rt-copyright {position:relative;bottom:auto;} 
}
