html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, img, em, img,
small, strong, b, i, ol, ul, li,
table, tr, th, td,
article, aside, canvas, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, footer, header, menu, nav, section, canvas {
  display: block;
}

blockquote, q { quotes: none; padding: 8px; margin:5px;}
blockquote:before, blockquote:after,
table { border-collapse: collapse; border-spacing: 0; }
hr { border: none 0;border-top: 1px solid #1692D2; width: 90%;height: 1px; text-align: center;}

body { font:12px/1.231 sans-serif; color: #000; } 

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
i { font-style: italic; }
b { font-weight: bold; }
p { line-height: 1.5em; padding: 5px 0px;}

h1 {color: #000;font-size: 16px;}
h2 {color: #000;font-size: 14px;}
h3 {color: #000;font-size: 12px;}
a, a:active, a:visited { color: #128997; }
a:hover { color: #036; }

@font-face {
    font-family: 'CarrickGroovyRegular';
    src: url('/fonts/carrickgroovy-webfont.eot?iefix') format('eot'),
         url('/fonts/carrickgroovy-webfont.woff') format('woff'),
         url('/fonts/carrickgroovy-webfont.ttf') format('truetype'),
         url('/fonts/carrickgroovy-webfont.svg#webfontQODJFqqj') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AlakoBoldRegular';
    src: url('/fonts/alakob-webfont.eot');
    src: url('/fonts/alakob-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/alakob-webfont.woff') format('woff'),
         url('/fonts/alakob-webfont.ttf') format('truetype'),
         url('/fonts/alakob-webfont.svg#AlakoBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {border-top: 5px solid #a0340f; background: #edc315 url(/img/tnjBG.jpg) bottom center no-repeat scroll; padding-bottom: 300px;}
#container { max-width: 1024px; margin: 0 auto; padding:0; }

nav { background: url(/img/navBG.png) bottom center no-repeat; font-family: 'AlakoBoldRegular'; font-size: 150%; color: #fff; max-width: 912px; margin:0 auto; padding:0; overflow:hidden; z-index: 100; }
nav .leftBot {width: 258px; float: left; background: url(/img/navRibbon.png) bottom left no-repeat; padding: 33px 0px; margin-top: 22px; z-index:100; position: relative;}
nav .leftTop { width: 123px; float: left; background: url(/img/navRibbon.png) -260px 0px no-repeat; padding: 33px 0px; margin-top: 31px; z-index:100; position: relative;}
nav .theLogo { width: 150px; float: left; z-index:100; position: relative;}
nav .rightTop { width: 123px; float: left; background: url(/img/navRibbon.png) -532px 0px no-repeat; padding: 33px 0px; margin-top: 31px; z-index:100; position: relative;}
nav .rightTop select {display:none;}
nav .rightBot { width: 258px; float: left; background: url(/img/navRibbon.png) bottom right no-repeat; padding: 33px 0px; margin-top: 22px; z-index:100; position: relative;}
nav .topPad { margin-top: -20px; margin-left: 30px;}
	
	ul#bot { position: relative; list-style: none; margin: 0; padding: 0px; z-index: 50;}
	ul#bot li {float:left; list-style:none;  margin: 0; padding: 0px 10px;}
	ul#bot li a, nav .topPad a {color: #FFF; text-decoration: none; }
	ul#bot li a:hover, nav .topPad a:hover {color: #d62027; }
	ul#bot .thePad {padding-left: 23.25% }
	ul#bot li.theMore a {color: #d62027; }
	ul#bot li.theMore a:hover {color: #f4e443; }

#dropContain {position: absolute;margin-top:45px; margin-left: 125px; z-index:1;}
.dropdown_mega {
	background: #1c9bb2 url(/img/dropBG.gif) bottom center no-repeat;
	position: relative;
	display:none;	font-family: arial;
	color: #FFF;
	float:left;
	text-align:left;
	padding:125px 5px;
	border:1px solid #038693;
	border-top:none;
	width: 755px;
	z-index: 10;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
.dropdown_mega h3 {font-family: 'CarrickGroovyRegular'; color: #f4e443; font-size: 15px;}
.dropdown_mega li a:link, .dropdown_mega li a:visited{color: #fff; outline: none; text-decoration: none; }
.dropdown_mega li a:hover {color: #d62027; }

.col {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col {width:175px;}

.dropSocial {display: block;position: absolute;bottom: 0;right: 170px;clear: both;width: 115px;}
.dropSocial img { padding-left: 5px; }

/* CONTENT */
section {
	margin: 0 auto;
	max-width: 980px;
	background: #e4edfd url(/img/asideBG.jpg) bottom right no-repeat;
	border: 2px solid #d62027;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	/*position:relative;*/
}	

article { margin-right: 327px; padding: 10px; background:#FFF url(/img/copyBG.jpg) top right repeat-y; padding-bottom: 10px;}
article { -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px;}
article h1 {font-family: 'CarrickGroovyRegular'; color: #d62027; font-size: 18px; line-height: 2em;}
article .footnote { font-size: 9px; color: #444; line-height: 1em; }
article .theCenter { margin: 0 auto; display: block; text-align:center; width:100%;}
article img { padding:2px; }
article .dvdvhs {display:block; position:relative; float:left; width: 175px; height: 220px; border: 1px solid #eee; word-wrap:break-word; margin:5px;}
aside {
	float:right;
	position:relative;
	width: 327px;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	padding-bottom: 40px;
}

aside h3 {font-family: 'CarrickGroovyRegular'; color: #d62027; font-size: 16px; line-height: 2em; padding-left: 10px;}
aside .theChase .padMinus { margin-left: -10px; }
aside .theChase { display: block;width: 95%; background: url(/img/tnjSocial.gif) right top no-repeat; margin:0 auto; height:95px; line-height: 1.5em; }
aside .at300b, .at300m { margin-bottom:-20px!important; padding-bottom:20px!important;}
aside .blurb { width: 85%; margin: 0 auto; display: block; }
aside a, aside a:visited {color: #0045f2; outline: none; text-decoration: none; }
aside a:hover {color: #d62027; }
aside img {padding: 2px; }

article:after{clear:both;content:"";display:block;visibility:hidden;}

.dateStamp1, .dateStamp2, .dateStamp3, .dateStamp4, .dateStamp5, .dateStamp6, .dateStamp7, .dateStamp8 { color: #036;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;padding: 35px 2px 8px 12px;width: 98%;}	
.dateStamp1 a, .dateStamp2 a, .dateStamp3 a, .dateStamp4 a, .dateStamp5 a, .dateStamp6 a, .dateStamp7 a, .dateStamp8 a { text-decoration: none; }

.dateStamp1 { background: url(/img/headlines.gif) 0 0 no-repeat; }
.dateStamp2 { background: url(/img/headlines.gif) 0px -70px no-repeat; }
.dateStamp3 { background: url(/img/headlines.gif) 0px -140px no-repeat; }
.dateStamp4 { background: url(/img/headlines.gif) 0px -210px no-repeat; }
.dateStamp5 { background: url(/img/headlines.gif) 0px -280px no-repeat; }
.dateStamp6 { background: url(/img/headlines.gif) 0px -350px no-repeat; }
.dateStamp7 { background: url(/img/headlines.gif) 0px -420px no-repeat; }
.dateStamp8 { background: url(/img/headlines.gif) 0px -490px no-repeat; }

.shop {  float: right;  width: 160px;  margin-top: 0px;  padding-left: 10px;}
#pagination { display: block;  position:relative; text-align:center;}
#pagination ul {padding: 20px 0px; }
#pagination li { display: inline; list-style:none;}
#pagination li a {padding: 10px; border: 1px solid #128997; background: #DDD; text-align:center;width: 20px; }
#pagination li a:hover { color: #d62027; background: #EDC315; }
#pagination li a.selected, #pagination li .selected a:hover {color:#000; background: #FFF; text-decoration:none; cursor:default;}

menu { margin-bottom: 10px; }
menu li { list-style: none; margin-left: 10px; }

/*THUMBNAILER*/
#thumbnail { width: 21%;text-align:center;display:inline-block; padding:10px;}
.imgBorder {border: 1px solid #EEE; }

/*FOOTER*/
#top-link { display:none; position:fixed; right:15px; bottom:0px; color:#333; font-weight:bold; font-size: 18px; text-decoration:none; border:1px solid #333; border-bottom: 0px; background:#DDD; padding:10px; }
footer { max-width: 860px; margin: 0 auto; color: #FFF; font-size: 11px; clear:both; }
footer .contentBot1 { width: 50%; float: left; background: url(/img/footerBG.png) left top no-repeat; padding: 13px 0px; }
footer .contentBot2 { width: 50%; float: left; background: url(/img/footerBG.png) right top no-repeat;  padding: 13px 0px;}
footer .finePrint { clear: both; text-align: center; padding: 10px 0px;}
footer .superFine { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 6px;}

/*CHARACTER GALLERY*/
.theChar {float: left;display: block;height:75px;margin: 0 15px 15px 0;padding: 5px;position:relative;text-align: center;width: 20%;z-index: 100;}

/*EPISODES*/
.subTitle {color: #000000;font-size: 10px;line-height:1em;}
.title {color: #1591CF;font-weight: bold;font-size: 13px; line-height:1.1em;}
.titleCards { float:left; display:block; padding:0px 10px 10px 0px; }

/*TABLES*/
.base-layer {  border: 0px solid #333333;  color: #000000;  margin: 0.5em 12px 0.5em 12px;  padding: 0;   text-align: center;   width: auto;}
.table-row {  border: 0px solid #000000;  color: #000000;  margin-top: 0;  margin-right: auto;   margin-bottom: 10px;   margin-left: auto;  padding: 0;   text-align: center;   width: 99%;}
.left-container1 {  border: none; float: left; margin: 0; padding: 0; width: 33%; text-align: center;}
.left-container2 {  border: none; float: left; margin: 0; padding: 0; width: 33%; text-align: center;}
.left-container3 {  border: none; float: left; margin: 0; padding: 0; width: 33%; text-align: left;}
.right-container1 {  border: none; float: right; margin: 0; padding: 0; width: 33%; text-align: center;}
.right-container2 {  border: none; float: right; margin: 0; padding: 0; width: 33%; text-align: left;}
.left-header1 {  border: none; float: left; margin: 0; padding: 0; width: 33%; text-align: center; color: #FFF; background-color: #8bb2f5;}
.right-header1 {  border: none; float: left; margin: 0; padding: 0; width: 33%; text-align: center; color: #FFF; background-color: #8bb2f5;}
.space-line {  clear: left; margin: 0; padding: 0; width: auto;}
.tdHeader {font-weight:bold;background-color: #A7C6DA; line-height: 1.5em;padding: 3px;}
.oddRow {background-color: #EEE;padding: 3px;}
.evenRow {background-color: #FFF;padding: 3px;}

/*MODEL SHEETS*/
.modelsheets{margin:0; padding:0;width:100%;list-style:none;}
.modelsheets li{ float:left;display:inline; padding:0;height:170px;position:relative;text-align: center;}
.modelsheets a, .modelsheets img{display:block;border:1px solid #E4EDFD;margin:10px;}
.modelsheets a:link, .modelsheets a:visited, .modelsheets a:focus, .modelsheets a:hover, .modelsheets a:active {padding:1px;background:none;width:150px; height:150px;border:0px solid #1692D2;}
.modelsheets img:hover{border: 1px solid #1692D2;}
a img{ border:none; } 

canvas { border: 1px solid #000;}
.menu { display: block; }
.color { text-indent: -9999px; }
.coloringOptions { display: inline-block; vertical-align:top; width: 128px;padding-right: 10px;}

@media screen and (max-width: 930px) {
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
  nav { font-size: 125%; margin:0 auto;}
  nav .rightTop, nav .leftTop { width: 14.13%; padding: 33px 0px;}
  nav .rightBot, nav .leftBot { width: 25.45%; padding: 35px 0px;}
.dateStamp1 { background-position: right top; }
.dateStamp2 { background-position: right -70px; }
.dateStamp3 { background-position: right -140px; }
.dateStamp4 { background-position: right -210px; }
.dateStamp5 { background-position: right -280px; }
.dateStamp6 { background-position: right -350px; }
.dateStamp7 { background-position: right -420px; }
.dateStamp8 { background-position: right -490px; }
}

@media all and (max-width: 768px) {
  nav {max-width:712px; font-size: 105%; margin:0 auto; background-position: center 100px;}
  nav .theLogo { width: 150px;}
  nav .leftBot {width: 200px;  background-position: bottom left; padding: 36px 0px; margin-top: 22px;}
  nav .leftTop { width: 83px; background-position: -260px 0px; padding: 34px 0px; margin-top: 31px;}
  nav .rightTop { width: 83px; background-position: -562px 0px; padding: 34px 0px; margin-top: 31px;}
  nav .rightBot { width: 195px; background-position: bottom right; padding: 36px 0px; margin-top: 22px;}
  ul#bot .thePad {padding-left: 22.25% }
  #dropContain {position: absolute;margin-top:45px; margin-left: 75px; z-index:1;}
  .dropdown_mega { background-position: -125px bottom; width:575px;}
  .col {width:130px;}
  article {margin-right:227px;  margin-bottom: 20px; }
  aside { width: 227px; }
  aside .theChase { background:none;}
  footer { max-width: 660px; } 
}

@media all and (max-width: 480px) {
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
  .titleCards {display:none; visibility:hidden;}
  nav .leftBot {display:none;}
  nav .leftTop {display:none;}
  nav .rightTop {display:block; width: 300px; background-position: right 0px;}
  nav .rightTop a {display:none;}
  nav .rightTop select {display:block;position:relative; font-size:10px; float:right;right: 100px;}
  nav .rightBot {display:none;}
  .dateStamp1, .dateStamp2, .dateStamp3, .dateStamp4, .dateStamp5, .dateStamp6, .dateStamp7, .dateStamp8 { background-position: center top; }
  aside { display: none; }
  article {margin-right: 0px;}
  footer {width: 320px; }
}

@media all and (max-width: 320px) {
  nav .leftBot {display:none;}
  nav .leftTop {display:none;}
  nav .rightTop {display:block; width: 100%;background-position: -462px 0px;}
  nav .rightTop a {display:none;}
  nav .rightTop select {display:block; font-size:10px; float:none;right:0px; }
  nav .rightBot {display:none;}
}

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}