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

body {
 color: #000;
 font-family: Verdana, Arial !important;
 font-size: 1.1em;
 padding: 0px;
 margin: 0px;
}

body {
 Xbackground: url(/i/bb1.jpg);
 background-color: #200;
 background-attachment: fixed; 
 overflow-y: scroll; 
}

html {
 XSmin-height : 100%;
}

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

a:hover {
 color: #A55;
}

.row ul  {
 background-color: #FFF;
 border-radius: 5px;
 height: 500px;
 overflow: scroll;
 overflow-x: hidden;
}

.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 #900;
 display: inline-block;
 height: 23px;
}

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

h1, h2, h3, h4 {
 color: #888;
 margin: 0px;
 padding: 0px;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); 
} 
h1 {
 color: #555;
 font-size: 160%;
}
h2 {
 font-size:  calc(12px + .4vw) !important;
 margin: 0px 0px 0px 0px;
 text-transform: capitalize;
}
h3 {
 color: #A33;
 font-size: 120%;
 font-style: italic;
 margin: 0px 0px 10px 0px; 
 text-transform: uppercase;
}
h4 {
 color: #A33;
 font-style: italic;
 margin: 0px 0px 10px 2px; 
 text-transform: uppercase;
}

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;
}

/* global reponsive frame ------------------ */

* {
 box-sizing: border-box;
}

.column1 {
 float: left;
 order: 1;
 padding: 15px;
 width: 70%;
}

.column1A {
 float: left;
 order: 1;
 padding: 20px;
 width: 70%;
}


.column3 {
 float: right;
 order: 2;
 padding: 0px 0px 0px 20px;
 width: 300px;
}

.column2 {
 float: right;
 order: 3;
 padding:  20px 0px 0px 20px;
 width: 300px;
}

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

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

.row {
 background-color: #FFF;
 margin: 0px auto;
 padding: 15px;
 max-width: 1250px;
 #display: flex;
 #flex-wrap: wrap;
}

#more {
 background:#EE8;
 border-radius: 8px;
 font-weight: bold;
 padding:20px;
 margin: 0px 0px 40px 0px;
}



@media screen and (max-width: 1100px) {
 #headr .ad728  {
  float: right;
  margin: 0px 10% 15px 0px;
 }
 .column1 {
  width: 65%;
 }
 .column3 {
  width: 350px;
 }
 .siteLogo {
  display: none;
 }
}

@media screen and (max-width: 970px) {
 #headr .ad728  {
  float: right;
  margin: 0px 10% 15px 0px;
 }
 .column1 {
  width: 60%;
 }
 
 .siteLogo {
  display: none;
 }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 850px) {
 div#headr .ad728  {
  float: left;
	margin: 0px 2% 15px auto;
 }


 .siteLogo IMG {
   height: 50px;
   width: 120px;
 }
 
 
 .ns IMG {
  height: 300px !important;
 }
	
 .column1 {
  width: 100%;
 }
 .column1 .ns {
  margin: 20px auto;
 }
 .column2, .column3 {
  width: 50%;
 }
 .column3 {
	float: left; 
 } 
 .story-ads {
   height: 350px;
 }
 .story-ads iframe {
   height: 150px;
	 margin: 0px auto;
 }
}

.moad {
 display: none;
 padding: 0px;
}

.adsbygoogle {
 	padding: 10px;
	max-width: 550px;
	max-width: 80% !important;
}


@media screen and (max-width: 660px) {
 body {
  font-size: 1.3em;
 }
 
 #headr  {
  height: 10px !important;
	padding: 0px !important;
 }

 .ns IMG {
  height: 200px !important;
 }		
 
 .moad {
  display: inline;
	padding: 20px;
	max-width: 80%;
	margin-bottom: 20px;
 }
	
 .column1, .column2, .column3    {
  float: left;
  width: 100%;
	padding: 20px 0px;
 }
 .story-ads {
   height: 350px;
	 min-width: 315px;
 }
 .story-ads iframe {
   height: 280px;
	 margin: 0px auto;
 }
 .siteLogo {
  display: none;
 }
}

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

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

.nstol {
 background: rgba(100, 0, 0, 0.8);
 border-radius:  0px 0px 8px 8px; 
 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;
}

IMG  {
 z-index: auto;
}

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

.nslb IMG {
 border-top: 1px solid #A00;
 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: #A00;
 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;
}

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

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

.sidebar {
 font-size: 0.9em;
}

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

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

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

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

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


.story-ads {
 background-color: #EEE;
 border: 2px dashed #A00;
 border-radius: 10px;
 color: #369;
 font-style: italic;
 padding: 5px;
 margin: 0px 0px 30px 0px;
}
/* header and nav elements ------------------ */

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

#headr {
 background: url(/i/bb2.jpg);
 background-color: rgba(255, 100, 000, 0.3);
 background-position-y: 20px; 
 border: 0px outset #AAA;
 height: 150px;
 padding: 44px 0px 0px 0px;
 margin-top: 0px;
}

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

.siteLogo img {
 height: 85px;
 width: 220px;
}

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

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

.rbox {
 border-radius: 8px;
 background: #A00;
 padding: 10px 0px 10px 0px;
 margin: 0px 0px 50px 0px;
 xheight: 320px;
 width: 100%;
 overflow-x: hidden;
 overflow-y: hidden;
}

.rbox img {
 margin: 0px 0px 10px 0px;
 height: 100px;
 width: 100%;
 object-fit: cover;
 object-position:  50% 0%;
}

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

#headr  {
 box-shadow: 0px 2px 4px #300;
}

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

.nsb iframe {
 background: #000;
 border-radius: 10px;
 padding: 10px 0px 10px 0px;
 margin: 20px 0px 10px 0px;
 Xheight: 380px;
   aspect-ratio: 16 / 9;
    height: auto;
    width: 100%;
}

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

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

.jitv h4 {
 color: #FFF;
 margin-left: 10px;
}

.jitv iframe {
   aspect-ratio: 16 / 9;
    height: auto;
    width: 100%;
}

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

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

#iv {
}

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

#fPic {
 width: 100%;
}

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

.fb-like-box {
 background: #000;
 border: 0px solid #000;
 border-radius: 8px; 
 margin-bottom: 40px;
 min-height: 233px;
 padding: 10px 0px 0px 0px;
 width: 100%;
}

#OPP-powered-by {
 color: #000 !important;
} 
/* -- DB stuff ----------- */
#img-gallery td {
 border: 0px solid #DDD !important;
 padding: 0px !important;
 magin: 0px !important;
}
#specBox {
 border-radius: 5px;
 background-color: #EEE;
 padding: 0px;
}
#specBox td {
 background-color: #FFF;
 border: 0px solid #DDD;
 border-radius: 5px;
 padding: 10px;
}
#specBox .dbImg {
 width: 10%;
 padding: 0px;
}
#specBox .dbImg img {
 width: 100%;
 object-fit: fit;
 object-position:  50% 0%;;
}

#specBox img, #img-gallery img, #imgBox img {
 border-radius: 5px;
}

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

.ipsQuote P:first-child {
 margin: 5px 0px 0px 0px;
}

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