/* body and link elements ------------------ */
* {
    box-sizing: border-box;
}

body {
 color: #000;
 font-family: Trebuchet MS !important;
 font-size: 1.2em;
 padding: 0px;
 margin: 0px;
}

body {
 background-color: #003;
 background-attachment: fixed; 
 Xheight: 100%;  
 overflow-y: scroll; 

Xmin-height : 100%;
Xoverflow-y : scroll;
Xoverflow-x : scroll;
}

html {
 XSmin-height : 100%;
}

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

a:hover {
 color: #ACD;
}

#leader {
 margin: 10px 0px 4px 0px;
}

.row ul  {
 border: 1px solid #369;
 background-color: #FFF;
 border-radius: 5px;
 height: 135px;
 overflow: scroll;
 overflow-x: hidden;
 margin: 0px 0px 30px 0px; 
}

.row li {
 color: #369;
 list-style-type: square; 
 padding: 2px 5px;
 margin: 0px 0px 0px 0px;
}

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

.formfield, input  {
 box-sizing: border-box;
 border-radius: 3px;
 border: 1px solid #369;
 display: inline-block;
 height: 21px;
}

.column1 input {
 height: 30px;
 padding: 5px;
 width: 100%;
}
input[type=submit] {
 background-color: #369;
 color: #FFF;
}
/* font settings ----------- */

h1, h2, h3, h4 {
 color: #888;
 margin: 0px;
 padding: 0px;

} 
h1 {
 color: #555;
 font-size: 160%;
}
h2 {
 font-size:  calc(12px + .5vw) !important;
 margin: 0px 0px 0px 0px;
 text-transform: capitalize;
}
h3 {
 font-size: 120%;
 margin: 0px 0px 10px 0px; 
}
h4 {
 font-size: 110%;
 margin: 0px 0px 10px 0px; 
 text-transform: uppercase;
}

.ipsForum {
 background:#EEE;
 border-radius:0px 0px 8px 8px;
 color:#048;
 padding: 10px;
 margin:0px 0px 15px 0px;
}

.ipsQuote {
 background: #DDD;
 border: 2px solid #DDD;
 border-radius: 5px;
 font-size: 0.9em;
 padding: 5px 0px 0px 5px;
 margin: 0px;
}

.ipsQuote P {
 background: #EEE;
 padding: 10px;
 margin: 0px 0px 0px 5px;
}

.ipsQuote P:first-child {
 margin: 5px 0px 0px 5px;
}
/* global reponsive frame ------------------ */

* {
 box-sizing: border-box;
}

.column1 {
 background-color:#FFF;
 float: left;
 padding: 20px;
 width: 68%;
}

.column1A {
 background-color:#FFF;
 float: left;
 padding: 40px 0px 40px 50px;
 max-width: 800px;
}

.column2 {
 Xbackground-color:#DDD;
 float: right;
 padding: 20px 20px 20px 0px;
 width: 350px;
}
.column3 {
 Xbackground-color:#DDD;
 Xborder-right: 1px solid #CCC;
 float: right;
 padding: 20px 20px 20px 0px;
 width: 350px;
}


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

/* Clear floats after the columns */
.row:after {
 content: "";
 display: table;
 clear: both;
}

.row {
 Xwidth: 95%;
 max-width: 1250px;
 margin: 0px auto;
 background-color: #FFF;
}


@media screen and (max-width: 1100px) {
 #headr .ad728  {
  float: right;
  margin: 0px 0px 10px 20px;
 }
 .column1 {
  width: 100%;
 }
.column2, .column3 {
  Xfloat: right;
  width: 100%;
 }
}

@media screen and (max-width: 970px) {
 #headr .ad728  {
  float: left;
  margin: 30px 0 8px 0;
 }
 #headr .ad728  {
  float: left;
  margin: 30px 0px 5px 20px;
 }
 
 #headr {
  height: 60px !important;
	padding: 30px 0px 0px 0px !important;
  background-position: -110px -55px !important;	
 }
 
 .siteLogo img {
  width: 60px !important;
	padding: 1px 0px 0px 2px !important;
 }
 .siteLogo {
   padding: 0px !important;
 }
 .column1 {
  width: 100%;
 }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 850px) {
 #headr .ad728  {
  float: left;
  margin: 8px 0px 5px 0px;
 }
  #headr .ad728  {
  float: left;
  margin: 8px 40px 5px 0px;
	
 }
 
 #headr {
  height: 60px !important;
	padding: 30px 0px 0px 0px !important;
  background-position: -110px -55px !important;	
 }
 
 .siteLogo img {
  width: 60px !important;
	padding: 1px 0px 0px 2px !important;
 }
 .siteLogo {
   padding: 0px !important;
 }
  .column1, .column1A {
   width: 100%;
	 padding: 40px;
  }
	.column1 .ns {
   margin: 20px auto;
  }
  .column2, .column3 {
   width: 50%;
  }
	.column3 {
	 float: left; 
	} 
	
 .story-ads {
   height: 350px;
	 margin: 40px 0px 0px 0px;
 }
 
 .story-ads iframe {
   height: 280px;
	 margin: 0px auto;
 }
 
}

.moad {
 display: none;
}

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

 .ad728, .ad300M  {
	display: none;
 }

.moad {
 display: inline;
}

 .siteLogo, .siteLogo img {
	 display: none;
 }
 
 .column1, .column1A, .column2, .column3    {
  float: left;
  width: 100%;
	padding: 10px;
 }

 .story-ads {
   height: 350px;
	 min-width: 315px;
 }
 .story-ads iframe {
   height: 280px;
	 margin: 0px auto;
 }
}

/* news story elements ------------------ */

.ns {
 border: 1px solid #AAA;
 border-radius: 8px; 
 margin: 20px 0px 50px 0px;
 position: relative;
 Xmax-width: 600px;
}

.columne1A .ns {
 border: 1px solid #AAA;
 border-radius: 8px;
 margin: 0px 0px 30px 30px;
 position: relative;
 max-width: 43%;
 float: left;
}

.nstol {
 background: rgba(80, 90, 120, 0.9);
 border-radius: 0px 0px 8px 8px; 
 border-bottom: 0px solid #ABC;
 padding: 20px;
 position: absolute;
 bottom: 0px;
 left: 0px; 
 width: 100%;
}

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

.nsi IMG {
 border-radius: 0px 0px 8px 8px; 
}
.ns IMG, .nsb IMG, .nslb IMG {
 border-radius: 8px; 
 width: 100%;
 height: auto;
}

.ns IMG {
 height: 400px;
 object-fit: cover;
 object-position:  50% 0;
}

.nslb IMG {
 border: 0px solid #369;
 height: 125px;
 object-fit: cover;
 object-position:  50% 0;;
}

.nsd {
 color: #468;
 font-size: 80%; 
 margin: 10px 0px 40px 0px;
 padding: 0px 0px;
}

.ns a {
 color: #FFF;
 font-size: 1.3em !important;
}

.nslb {
 background-color: #369;
 border-radius: 8px; 
 font-size: 90%;
 padding: 10px 0px 0px 0px;
 margin: 0px 0px 40px 0px;
}
.nslb a {
 color: #FFF;
}
.nslb .nst {
 padding: 0px 10px 10px 10px;
}

.nslb .nsi img {
 border-radius: 0px; 
 margin: 0px; 
 padding: 0px 0px 10px 0px; 
}

#more {
 background-color: #FFA;
 border-radius: 8px;
 margin: 20px 0px 40px 0px;
 padding: 20px;
}

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

.ad728 {
 Xbackground-color: #AAA;
 float: right;
 margin: 0px 0px 0px 0px;
 max-width: 728px;
 height: 90px;
}

.ad300M {
  display: none;
}

@media screen and (max-width: 600px) { 
 .ad728 { 
  display: none;
 }		
 .ad300M {
  display: block;
 }
}

.story-ads {
 background-color: #DDD;
 border-radius: 10px;
 color: #369;
 font-style: italic;
 padding: 10px;
 margin: 40px 0px 0px 0px;
}
/* header and nav elements ------------------ */

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

#headr {
 Xbackground: url(/i/bg/solo2.jpg);
 background-position: -110px -0px;
 background-color: #235;
 border: 0px solid #00A;
 height: 170px;
 padding: 50px 0px 0px 0px;
}

.siteLogo { 
 float:left;
 padding: 10px 0px 10px 20px;
}

.siteLogo img {
 width: 180px;
}

/* random box --------------------------- */

.rr a {
 float: left;
 padding: 5px 0px 5px 0px;
 height: 105px;
 width: 105px;
 white-space: nowrap;
} 

.rbox {
 margin: -10px 0px 0px 0px;
 height: 320px;
 width: 220px;
 overflow-x: hidden;
 overflow-y: hidden;
}

.rbox img {
 border-radius: 4px;
 height: 100px;
 width: 100px;
}

.nsb iframe, .nsb img, .jitv, .ns, .nslb, #iv img, #specBox td, .poll {
 box-shadow: 3px 4px 6px rgba(20, 0, 0, .15);
}

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

.nsb iframe {
 background: #000;
 border-radius: 10px;
 padding: 10px 0px 10px 0px;
 margin: 20px 0px 10px 0px;
 Xheight: 380px;
 width: 100%;
}

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

.jitv {
 background: #000;
 border-radius: 10px;
 margin: 40px 0px 50px 0px;
 padding: 10px 0px;
 width: 100%;
}

.jitv h4 {
 color: #FFF;
}

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

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

#iv {
}

#iv img {
 border: 1px solid #CCC;
 border-radius: 8px;
}

.poll {
 background: #369;
 border: 1px solid #CBB;
 border-radius: 8px; 
 margin-bottom: 40px;
 min-height: 150px;
 object-fit: cover;
 object-position:  50% 0%;
}

quote, #quote {
 background-color: #EEE;
 background-image: url(/i/quotes.png);
 background-repeat: no-repeat;
 background-position: 10px 0px;
 border-radius: 10px;
 display: block;
 font-style: italic;
 padding: 20px;
}