body {
 font-family: Arial !important;
 font-size: 1.05em;
 padding: 0px;
 margin: 0px;
 overflow-y: scroll; 
}

#catName {
 background-color: #E5E5E5;
 border-radius: 4px;
 float: right;
 margin: 0px 0px 0px 5px;
 padding: 4px 7px;
 text-transform: uppercase;
 max-width: 200px;
}

#admBar {
 background-color: #FF8F0078;
 border-radius: 4px;
 margin: -20px 0px 10px 0px;
 padding: 4px 7px;
 text-transform: uppercase;
 width: 100%;
}

#daTab {
 margin: 10px 0px 15px 0px; 
 line-height: 1.6em;
}

#daTab table {
 border-collapse: collapse; 
 width:100%;
}

/* header ---- */

#headr, #navBar {
 max-width: 1350px;
 margin: 0px auto;
}

#headr {
 height: 120px;
 margin: 20px auto 0px auto;
 padding: 10px 0px 0px 0px;
}

.siteLogo { 
 float:left;
 font-size: 1.3em;
 padding: 0px 0px 0px 10px;

}

.siteLogo img {
 border: 0px solid #AAA;
 padding: 0px 0px 0px 0px; 
 height: 37px;
 width: 220px;
}

.siteLogo a, .siteLogo a:visited { 
 color: #FFF;
 letter-spacing: 1px; 
}

.siteLogo a:hover { 
 color: #F00;
}
.siteLogo #dlnk:hover {
  color: #A0A;
}

#SCatsList {
 float: left; 
 width: 48%;
}

#moNews, .more {
 background-color: #E5E5E5;
 border-radius: 4px;
 clear: both;
 display: inline-block; 
 font-size: 20px;
 font-weight: bold;
 padding: 11px;
 margin: 10px 0px 10px 0px;
 text-transform: uppercase;
 width: 100%;
 
 #overflow: auto;
 #overflow-x: auto;
 #max-height: 300px;
 #overflow-x: hidden; 
 
}
#moNews a {
  padding: 0px 3px 0px 3px;
}

#moNews input, #moNews select {
 font-size: 20px;
}

#btnContainer {
 float: right;
}

table {
 width: 100%
}

/* colors ---- */

body {
 background-image: linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, .1) 25%, rgba(255, 255, 255, .1) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .1) 75%, rgba(255, 255, 255, .1) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, .1) 25%, rgba(255, 255, 255, .1) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .1) 75%, rgba(255, 255, 255, .1) 76%, transparent 77%, transparent);
 background-size : 30px 30px;
 background-color: #333;
 color: #222;
}

.row {
 background-color : #FFF;
 border-radius: 5px;
 max-width: 1350px;
 margin: 0px auto 0px auto;
 padding: 20px 15px 15px 15px;
}

.row:after {
 content: "";
 display: table;
 clear: both;
}

h1 {
 margin: 10px 0px 0px 10px;
 color: #555;
} 

h4 {
 background-color: #000;
 border-radius: 4px;
 color: #FFF;
}

h3 {
 background-color: #000;
 border-radius:4px;
 color: #FFF;
}

h3 a {
 color: #FFF !important;
}

#NavBarR {
 background-image: -webkit-linear-gradient(top, #FF1900 0%, #360000 100%);
}

.topnav {
/* background-image: -webkit-linear-gradient(top, #FF1900 0%, #360000 100%); */
 background-color: #A00;
}

.topnav a {
 border-left: 1px inset #AAA;
}

#snavLink {
 padding: 0px;
 margin: 8px 0px; 
 white-space: nowrap;
 width: 50%;
}

.nstol a {
 color: #FFF !important;
 font-weight: bold;
 font-size: 1em;
 letter-spacing: 0.5px;
}

.nstol {
 background: rgba(150, 0, 0, 0.8);
}

.ns {
 border: 1px solid #AAA;
}

.ns a, .column1 a {
 color: #A00;
 font-weight: bold;
}

a, a:visited {
 color: #A00;
 text-decoration: none; 
}

a:hover {
 color: #000;
}

input[type=radio] {
 color: #A00;
 height: 25px !important;
 width: 25px !important;
 margin: 5px 10px 5px 0px;
}

input[type=submit] {
 background-color: #000;
 color: #FFF;
}
input[type=submit]:hover {
 background-color: #FFF;
}

.formfield, input  {
 border: 1px solid #AAA;
 margin: 0px 0px 0px 10px;
}
.formfield:hover, input:hover  {
 border: 1px solid #960;
}

.hilite {
 background-color: gold;
 border-radius: 5px;
 color: red;
 padding: 3px;
}

.quote, #quote {
 background-color: #DDD;
 background-image: url(/https/tformers.com/i/quotes.png);
 background-repeat: no-repeat;
 background-position: -10px -25px;
 border-radius: 10px;
 display: block;
 font-style: italic;
 padding: 20px;
 margin: 30px auto 40px auto; 
}

data, #data {
 background-color: #EEE;
 border-radius: 10px;
 display: block;
 margin: 30px 0px -10px 0px;
 padding: 20px;
}

bio, #bio {
 border: 3px dashed #AAA;
 background-color: #000;
 border-radius: 10px;
 color: #FFF;
 display: block;
 margin: 30px auto 40px auto; 
 padding: 20px;
}

#bio a {
 color: #0AF;
}

/* shadows --------------------------- */

.ns, .nslb, .nsb img, .jitv, #iv img, .rfc {
 Xbox-shadow: 2px 4px 6px rgba(20, 0, 0, .15);
}

/* headings ---- */

h2, h3, h4 {
 margin: 0px;
 padding: 0px;
} 

h1 {
 font-size: 170%;
}

h2 {
 font-size:  calc(8px + .4vw) !important;
 margin: 0px 0px 0px 0px;
}

h3 {
 font-size: 1.0em;
 margin: 0px 0px 0px 0px; 
 text-transform: uppercase;
 padding: 8px 8px 4px 8px;
}

h4 {
 margin: 0px 0px 0px 0px; 
}

h4, #sct {
 background-color: #A00;
 border-radius: 5px 5px 0px 0px;
 color: #FFF;
 font-weight: bold;
 min-height: 30px;
 padding: 5px 5px 0px 5px;
}

#sct {
 background-color: #000;
 margin: 0px 0px 0px 0px;
}

#sct img {
 margin: -10px 0px 0px 0px;
 padding: 0px;
}

hr {
 margin: 30px 0px;
 border-top: 1px solid #000;
 border-bottom: 0px;
}

#adt {
 background-color: #EEA;
 padding: 5px;
 margin: 30px 0px 0px 0px;
}

#adt img, #fsi, .fsi {
 margin: 0px 0px 3px 0px;
 height:20px;
 width: 18px;
}

#fsi {
 margin: 2px 4px 0px 0px;
 width:20px; 
}

.fsi {
 background-color: rgba(0, 0, 0, 0.0);
 border:0px; 
 width: 25px;
}


/* lists ---- */

.row ul  {
 padding: 5px;
 margin: 0px;
}

.row li {
 color: #000;
 list-style-type: square; 
 padding: 3px 0px;
 margin: 0px 0px 0px 10px;
}

/* forms ---- */

form {
 padding: 0px;
 margin: 0px;
}

.formfield, input  {
 box-sizing: border-box;
 border-radius: 3px;
 display: inline-block;
 height: 20px;
}

.column1 input {
 height: 30px;
 padding: 5px;
 width: 100%;
}

/* columns ---- */

.column1 {
 float: left;
 order: 1;
 padding: 0px 10px 20px 10px;
 width: calc(100% - 315px);
}

.column3 {
 float: right;
 order: 3;
 maring: 0px 30px 0px 0px;
 width: 300px;
}

.clearfix {
 clear: both;
}

.clearfix:after {
 clear: both; 
 content: "";
 display: table; 
}

/* news -------- */

.ns {
 border-radius: 4px; 
 float: left;
 margin: 1% 1%;
 width: 31.33%;
 position: relative;
}

.nstol {
 border-radius: 0px 0px 4px 4px; 
 border: 0px outset #F00;
 padding: 6px 6px 0px 6px;
 position: absolute;
 bottom: 0px;
 left: 0px; 
 width: 100%;
 text-shadow: 2px 2px 3px #000;
 /* box-shadow: 0px 2px 3px #000; */
 height: 100px;
 font-size: 0.95em;
 overflow: hidden;
 text-overflow: clip; 
 line-height: 1.1em;
}

.nstolf {
 background: #A00;
 border-radius: 5px; 
 color: #FFF;
 font-size: 0.9em;
 padding: 3px 5px;
 position: absolute;
 top: 10px;
 left: 10px; 
 min-width: 50px;
}

.nsb {
 border: 0px solid #ABC;
 font-size: 1em;
 line-height: 1.4; 
 margin: 0px 0px 0px 0px;  
 padding: 0px 20px;
 width: 100%;
}

.column1 h3 {
 border-radius: 4px 4px 0px 0px;
 background-color: #000; 
 margin: 20px 0px;
}

.nsb img { 
 border-radius: 5px; 
 margin: 20px auto;   
 max-width: 600px; 
 max-width: 100%; 
 display: inline; 
 height: auto;
}

IMG  {
 z-index: auto;
}

.ns IMG {
 border-radius: 4px; 
 margin: 0px auto !important;   

 object-fit: cover;
 object-position: 50% 0;

 height: 250px;
 width: 100%;
}

.nsd {
 font-size: 90%; 
 margin: 10px 0px 40px 0px;
 padding: 0px 0px;
}

.nslb, .nslb2 {
 border: 0px solid #000;
 border-radius: 4px;  
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 20px;
 overflow: hidden;
 -moz-border-radius: 0px 0px 8px 8px;
 -webkit-border-radius:0px 0px 8px 8px;
 -o-border-radius: 0px 0px 8px 8px;
 width: 22%;
 float: left;
}

.nslb .nst {
 border-radius: 0px 0px 4px 4px;
 padding: 8px 10px 10px 10px;
}

.nslb .nst {
 display:none;
}

.nsi img {
 border: 1px solid #AAA;
 border-radius: 4px 4px 0px 0px;
 margin: 20px 0px 0px 0px;
}

.nst a {
 text-shadow: 1px 1px 2px #000;
}

.nslb {
 background-color: #FFF;
}

.nst2 {
 background-color: #A00;
}

.nslb IMG {
 object-fit: cover;
 object-position:  50% 0;;
 height: 125px;
 width: 100%;
}

.BIGtitleLink {
 font-weight: bold;
 font-size: 0.9em;
}

.BIGtitleLink img {
 border-radius: 5px; 
 padding: 0px 10px 0px 0px;
}

#LO {
 font-weight: bold;
}

.catImg  {
 float: left;
 height: 40px;
 width: auto;
# object-fit: none !important;
# object-position:  50% 0; 
}

#score {
 box-shadow: none;
 border-radius:0px;
 padding: 0px 0px 0px 0px;
 height: 17px;
 width :80px;
}

/* ADs -------- */


.moad {
 max-height: 150px;
 display: none;
}

#x2300 iframe {
 width: 300px !important;
}

.ad728 {
 float: right;
 Xmax-width: 800px;
}

.ad300M {
 display: none;
 margin: 5px 5px 0px 0px;	
}

.ad728 img {
 border: 1px solid #AAA;
 min-height: 100px;
 width: 100% !important;  
}

.ad468 {
 margin: 50px 0px;
}

.story-ads, .story-ads-A {
 background-color: #FFF;
 border-radius: 4px;
 margin: 0px 0px 0px 0px; 
 padding: 0px 0px 0px 0px;
 min-width: 300px;
}

.story-ads-A {
 margin: 0px 0px 50px 0px; 
 border: 1px solid #A00;
}

.story-ads-A h4 {
 border-radius: 0px;
}

.story-ads img, .story-ads-A img {
 margin: 0px;
 padding:  0px 8px 20px 7px;
}

.adhl {
 background-color: #FFF;
 border-radius: 8px;
 font-size: 0.9em;
 margin: 0px;
 padding: 5px;
 width: 100%;
}

/* media elements ------------------ */

.byline {
 background: #FFF;
 border-radius: 10px;
 font-size: 0.95em;
 padding: 5px;
 margin: 20px 0px 40px 0px;	 
}

.byline img {
 border-radius: 3px;
 margin: 0px 5px 0px 0px;	 
 max-width: 130px;
}

.head-img {
 margin: 0px 0px 20px 0px;	
}

.head-img img {
 border-radius: 5px;
 height: auto;
 width: 100%;
}


.w3-content img {
 border: 10px solid #8AC;
 border-radius: 10px;
 padding: 0px;
}


.ns iframe {
 border-radius: 0px;
 margin: 0px 0px;
 
}

p iframe {
 background: #FFF;
 width: 100%;

   aspect-ratio: 16 / 9;
    height: auto;
    width: 100%;

}

.nsb p iframe {
  border-radius: 10px;
	margin: 20px 0px; 
}

.nsb iframe #ifb {
 margin: 0px auto;
}


.jitv {
 background-color: #A00;
 margin-top: -20px;
}

.jitv iframe {
 border-radius:0px;
 border: 1px solid #CCC;
 margin: 0px 0px 20px 0px;
 
    aspect-ratio: 16 / 9;
    height: auto;
    width: 100%;
 
}

.jitv, .artStuffV {
 border-radius: 0px 0px 10px 10px;
 margin: 10px 0px 30px 0px;
 padding: 0px 0px 0px 0px;
 width: 100%;
}

.jitv h4 {
 color: #FFF;
 margin: 0px 0px 0px 0px;
}

.jitv h3 {
 background-color: #A00;
 margin: 0px 0px 0px 0px; 
}

.feature {
 background-color: #F00;
 border-radius: 10px;
 padding: 10px;
 margin: 0px 0px;
}

.feature .ns {
  margin: 0px 0px 0px 0px;
}

#sticky {
 border: 10px solid #A00;
 border-radius: 10px; 
}

.twitter-tweet {
 margin: 0px auto;
}

.comments {
 background: #CDE;
 border-radius: 10px;
 padding: 10px;
 margin: 0px 0px 50px 0px; 
} 

#iv, #mySlides {
 max-width: 600px;
 margin: 10px auto 40px auto;
}

#iv img {
 border: 1px solid #CBB;
 border-radius: 4px;
 Xmax-width: 600px;
 margin: 0px auto;
}

#fPic {
 width: 100%;
}

#related, #DATA, .data2 {
 border: 1px solid #DDD;
 border-radius: 0px 0px 8px 8px; 
 background-image: linear-gradient(0deg, transparent 24%, rgba(50, 50, 50, .1) 25%, rgba(50, 50, 50, .1) 26%, transparent 27%, transparent 74%, rgba(50, 50, 50, .1) 75%, rgba(50, 50, 50, .1) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(50, 50, 50, .1) 25%, rgba(50, 50, 50, .1) 26%, transparent 27%, transparent 74%, rgba(50, 50, 50, .1) 75%, rgba(50, 50, 50, .1) 76%, transparent 77%, transparent);
 background-size : 30px 30px;
 background-color: #F8f8f8;
 color: #000;
 padding: 10px;
 width: 100%;
}
#DATA, .data2 {
 background-image: linear-gradient(0deg, transparent 24%, rgba(100, 100, 100, .1) 25%, rgba(100, 100, 100, .1) 26%, transparent 27%, transparent 74%, rgba(100, 100, 100, .1) 75%, rgba(100, 100, 100, .1) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(100, 100, 100, .1) 25%, rgba(100, 100, 100, .1) 26%, transparent 27%, transparent 74%, rgba(100, 100, 100, .1) 75%, rgba(100, 100, 100, .1) 76%, transparent 77%, transparent); 
 background-color: #f2f2f2;
 background-position: 7px 8px;
 border-radius: 4px; 
 color: #000;
 padding: 20px; 
 margin: 0px auto 50px auto;
}

.data2 {
 padding: 0px 20px; 
}

#DEAL, .deal {
 background-color: #FFF;
 border: 5px dashed #391;
 background-position: 7px 8px;
 border-radius: 18px; 
 color: #000;
 padding: 0px 0px 0px 0px; 
 margin: 40px auto;
 text-align: center;
 text-transform: uppercase;
}

#DEAL IMG {
 padding: 0px; 
 margin: 0px 0px 0px 0px;
}

#DEAL A {
 color: #391;
}

#related a {
 color: #A00;
 font-weight: bold;
}

.pollBox, #related, #talkBox, .nsb, .slideshow-container {
 margin: 0px auto 60px auto; 
}

.poll {
  #background-image: linear-gradient(0deg, transparent 24%, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .1) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .1) 75%, rgba(0, 0, 0, .1) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(0, 0, 0, .1) 25%, rgba(0, 0, 0, .1) 26%, transparent 27%, transparent 74%, rgba(0, 0, 0, .1) 75%, rgba(0, 0, 0, .1) 76%, transparent 77%, transparent);

background: rgb(233,252,255);
background: linear-gradient(180deg, rgba(233,252,255,1) 0%, rgba(255,255,255,1) 100%);

 background-size : 200% 200%;
 background-color: #EFD;
 color: #A00;
 
 border: 1px solid #A00;
 border-width: 0px 1px 1px 1px; 
 border-radius: 0px 0px 8px 8px; 
 min-height: 150px;
 padding: 10px;
}
.poll input {
  background: #A00;
}
.poll input:hover {
  background: #0A0;
}

.forums {
 background: #FFF;
 padding: 0px 0px 10px 0px;
 border-radius: 0px 0px 8px 8px;
 
 background:#EEE;
 border:0px solid #DDD;
 border-radius: 0px 0px 8px 8px;
 padding: 10px 10px 10px 10px;
 margin-bottom:15px;'
}

.forumsComms {
 background:#EEE;
 border: 0px solid #F00;
 border-radius:0px 0px 8px 8px;
 color:#000;
 padding: 0px;
 margin:0px 0px 15px 0px;
}

blockquote {
 background-color : #DDD;
 border: 1px solid #FFF;
 border-width: 1px;
 font-size: 14px;
 border-radius: 8px;	
 margin: 0px 0px 20px 0px;
 padding: 8px 0px 8px 8px;
}

blockquote p:first-of-type {
 border-top: 1px solid #AAA;
 padding: 10px;
 font-size: 1.2em;
 background-color: #DDD;
 margin: 6px 0px 0px -8px;
}

.fmpost {
 background:#EEE;
 border:0px solid #EEE;
 border-radius: 0px 0px 8px 8px;
 padding: 10px;
 margin-bottom:25px;
}

#OPP-powered-by {
 color: #54BDF8 !important;
}

#starRevs {
 margin: -30px 0px 40px 0px; 
}


/* ALL cats ---- */

#amCats, #jpCats, #allCats, #dbCats {
position : relative;
overflow : hidden;
Xmax-width : 700px;
padding : 0 0 0 0px;
margin : 0 0 0 0px;
font-family : arial;
font-size : 12px;
font-weight : bold;
}
#catr, #cata, #catad {
background : #EEE;
border-radius: 5px;
height : 70px;
width : 24%;
float : left;
padding : 5px 0;
margin : 0 1% 1% 0;
vertical-align : bottom;
}

#cata {
 height : 25px;
 padding: 5px;
}
#cata a {
font-size : 16px;
font-weight : bold;
}

#catad {
 height : 95px;
}
#catad img {
max-height: 65px;
max-width: 125px;
width: 100%;
}

#catri img {
margin : 0;
max-height: 40px;
max-width: 125px;
width: 100%;
}
#catri {
margin : 3px 0 0 0;
height : 30px;
}

#nct {
 width: 100%;
}

#nct #tdp {
 padding: 0px 20px 0px 0px;
}

#nct .ns {
 min-width: 300px;
 width: 100%;
}

#nct .nslb, #nct h3 {
 min-width: 200px;
}



table #noz {
  border: 1px solid #fff;
}

#noz td {
 padding: 10px;
}

.shpl { 
 border: 0px solid red;
 float: left;
 padding: 10px 0px 0px 10px;
 width: 48%;
}

/* responsive -------------------- */

* {
 box-sizing: border-box;
}

@media screen and (max-width: 1350px) {

 .row { border-radius: 0px; }

 .column2 {
   float: right;
   order: 2;
   margin: 0px 0px 0px 10px;
  Xwidth: 300px;
 }
 .ns {
   float: left;
 }
}

@media screen and (max-width: 1250px) {

 .row { border-radius: 0px; }

 .column2 {
  float: right;
  order: 2;
  margin: 0px 10px 0px 10px; 
 }

 .ns {
   float: left;
  }
}

@media screen and (max-width: 1050px) {
 #headr .ad728  {
  float: right;
 }

 .topnav {
  Xbackground-image: none;
 }

 .column2, .column3 {
  width: 300px;
	margin: 0px 0px 0px 0px
 }
 #snavLink {
   float: left;
 }

 .siteLogo {
  display: none;
 }
 
}

@media screen and (max-width: 980px) {

 #headr .ad728  {
  float: left;
	width: 100%;
 }
 
 #headr  {
  float: none;
  height: 0px;
  margin: 8px auto 0px auto;
 }
 
 .column1 {
  padding: 0px 20px;
  width: 100%;
 }
 .siteLogo {
  display: none;
 }

 .column3 {
  width: 100%;
	margin: 0px 0px 0px 0px
  text-align: center;
 }
 
 #sADs {
   width: 350px;
   margin: 0px auto;
 }
 #sADs .story-ads {
   margin: 0px 0px 0px 20px;
 }
 
 #catr, #cata, #catad {
  width : 32%;
 }
 
 #sCatsList {
  float: none;
  width: 100%;
 }
}

@media screen and (max-width: 850px) {

  body {
   font-size: 1.3em;
  }

 .shpl { 
   padding: 0px 0px 0px 10px;
   width: 100%;
 }

 #headr  {
  float: none;
  height: 0px;
  margin: 8px auto 0px auto;
 }

 .ns {
  width: 48%;
  float: left;
 }
  
 h4 {
  font-size: 0.8em;
 }
  	
 .ns IMG {
  height: 300px !important;
 }
 
 .feature {
  margin: 40px 0px !important;
	clear: both;
 }
 
 .feature .ns {
  margin: 0px  auto !important;
 } 
 
 .column1 {
  width: 100%;
	margin-bottom: 40px;
 }

 .column3, .nslb {
  width: 100%;
	margin: 0px 0px 0px 0px
 }

 #sct img {
  display: none;
 }

 #tdate {
  font-size: 0.6em;
	padding: 6px;
 }

 #sCatsList {
  float: none;
  width: 100%;
 }
}

@media screen and (max-width: 660px) {

 #headr  {
  float: none;
  height: 0px;
  margin: 8px auto 0px auto;
 }
 .row { 
  padding: 10px 0px 5px 0px;
 }		 
 
 h1 {
  font-size: 130%;
 } 

 
 #tdate {
  font-size: 0.7em;
	padding: 4px;
 }
 
 .moad {
  max-height: 150px;
  display: inline;
 }

 .ns {
   width: 100%;
   float: none;
	 margin: 10px 0px 20px 0px
 }

 .ns IMG {
  height: 200px !important;
 }		
 
 .column1  {
  float: left;
	padding: 0px;
  width: 100%;
 }
 
 #eBox {
  max-width: 500px;
#  height:230px;
 }
 
 #sct img, #btnContainer {
  display: none;
 }
 
 #catLnx, #catLnxTop {
  width: 45%;
 } 
 #sCatsList {
  float: none;
  width: 100%;
 }
}

@media screen and (max-width: 450px) {
 #progBox {
	background-image: none !important;
  height: 50px !important;
	width: 250px !important;;
 }
 #tnow, #waveRI, #Links {
  float: left !important;
	width: 100% !important;
	margin: 0 0 10px 0;
 }
 #sCatsList {
  float: none;
  width: 100%;
 }
}