/* Mobile first queries */

UL {list-style: none;}
ol,ul {margin-left: 0px;}
* { margin: 0; padding: 0;  } 

.head  {font: 2.2em black; font-family: Lato; color: #000; line-height: 1.4em; font-weight: 900;}
.head-white  {font: 2em black; font-family: Lato; color: #fff;line-height: 1.4em; font-weight: 900;}

.body {font-family: Lato; color: #000; text-decoration: none; font-size: 1em;}
.body A:link {font-family: Lato; color: #000; text-decoration: none; font-size: 1em;}
.body A:visited {font-family: Lato; color: #000; text-decoration: none; font-size: 1em;}
.body A:active {font-family: Lato; color: #000; text-decoration: none; font-size: 1em;}
.body A:hover {font-family: Lato; color: #000; text-decoration: underline; font-size: 1em;}

.normal {color: #000000; font-size: 12px; font-family: Arial,Verdana, Helvetica, Geneva, sans-serif;}
.normal A {color: #000000; font-size: 12px; font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;}

.body-small {font-family: Lato; color: #000; text-decoration: none; font-size: .95em; line-height: 1.2em;}
.body-small A:link {font-family: Lato; color: #000; text-decoration: none; font-size: .95em; line-height: 1.2em;}
.body-small A:visited {font-family: Lato; color: #000; text-decoration: none; font-size: .95em; line-height: 1.2em;}
.body-small A:active {font-family: Lato; color: #000; text-decoration: none; font-size: .95em; line-height: 1.2em;}
.body-small A:hover {font-family: Lato; color: #000; text-decoration: underline; font-size: .95em; line-height: 1.2em;}

.micro {font-size: 90%;}

.bodylink A:link {text-decoration: underline;}
.bodylink A:visited {text-decoration: underline;}
.bodylink A:active {text-decoration: underline;}
.bodylink A:hover {text-decoration: underline;}

.body li { margin: 0 0 9px 20px; list-style: disc; line-height: 1.475em;}
.list li {margin: 0 0 5px 15px; list-style: disc; line-height: .9em; font-size: .95em;}

.front A:link {text-decoration: underline; font-weight: 700; }

.body-white {font-family: Lato; color: #fff; text-decoration: none; font-size: 1em;}
.body-white A:link {font-family: Lato; color: #fff; text-decoration: underline; font-size: 1em;}
.body-white A:visited {font-family: Lato; color: #fff; text-decoration: underline; font-size: 1em;}
.body-white A:active  {font-family: Lato; color: #fff; text-decoration: underline; font-size: 1em;}
.body-white A:hover {font-family: Lato; color: #fff; text-decoration: underline; font-size: 1em;}

.body-largewhite A:link {color: #fff; text-decoration: none; font-size: 1.2em;font-weight: 900;}
.body-largewhite A:visited {color: #fff; text-decoration: none; font-size: 1.2em;font-weight: 900;}
.body-largewhite A:active  {color: #fff; text-decoration: underline; font-size: 1.2em;font-weight: 900;}
.body-largewhite A:hover {color: #fff; text-decoration: underline; font-size: 1.2em;font-weight: 900;}

.body-largeblack A:link {color: #000; text-decoration: none; font-size: 1.2em;font-weight: 900;}
.body-largeblack A:visited {color: #000; text-decoration: none; font-size: 1.2em;font-weight: 900;}
.body-largeblack A:active  {color: #000; text-decoration: underline; font-size: 1.2em;font-weight: 900;}
.body-largeblack A:hover {color: #000; text-decoration: underline; font-size: 1.2em;font-weight: 900;}

.body-largegray A:link {color: #999; text-decoration: none; font-size: 1.1em;font-weight: 500;}
.body-largegray A:visited {color: #999; text-decoration: none; font-size: 1.1em;font-weight: 500;}
.body-largegray A:active  {color: #999; text-decoration: underline; font-size: 1.1em;font-weight: 500;}
.body-largegray A:hover {color: #999; text-decoration: underline; font-size: 1.1em;font-weight: 500;}

.newslink A:link {color: #005696; text-decoration: none; font-weight: 700;}
.newslink A:visited {color: #005696; text-decoration: none; font-weight: 700;}
.newslink A:active  {color: #005696; text-decoration: underline; font-weight: 700;}
.newslink A:hover {color: #005696; text-decoration: underline; font-weight: 700;}

.inline A:link {color: #ae2100; text-decoration: underline; font-weight: 400;}
.inline A:visited {color: #ae2100; text-decoration: underline; font-weight: 400;}
.inline A:active  {color: #ae2100; text-decoration: underline; font-weight: 400;}
.inline A:hover {color: #ae2100; text-decoration: underline; font-weight: 400;}

.label { position: relative; color: #000; margin-bottom: 4px;}
.label-text { font-family: Lato; position: relative; font-weight: 900; padding-right: 10px; letter-spacing: 1px; background: #ffffff; display: inline-block; z-index: 2; }
.label-text A:link { font-family: Lato; position: relative; font-weight: 900; padding-right: 10px; letter-spacing: 1px; background: #ffffff; display: inline-block; z-index: 2; text-decoration: none; }
.label-text A:visited { font-family: Lato; position: relative; font-weight: 900; padding-right: 10px; letter-spacing: 1px; background: #ffffff; display: inline-block; z-index: 2; text-decoration: none;}
.label-text A:active { font-family: Lato; position: relative; font-weight: 900; padding-right: 10px; letter-spacing: 1px; background: #ffffff; display: inline-block; z-index: 2;text-decoration: none; }
.label-text A:hover { color: #005696; font-family: Lato; position: relative; font-weight: 900; padding-right: 10px; letter-spacing: 1px; background: #ffffff; display: inline-block; z-index: 2; text-decoration: underline;}

.label::after { content: ''; border-bottom: 3px solid #999; position: absolute; top: 50%; left: 0; margin-top: -2px; width: 100%; z-index: 1;}

.midhead {font-family: 'Passion One'; color: #000; text-decoration: none; font-size: 2em; line-height: 1.1em;}
.midhead A:link {font-family: 'Passion One'; color: #000; text-decoration: none; font-size: 2em; line-height: 1.1em;}
.midhead A:visited {font-family: 'Passion One'; color: #000; text-decoration: none; font-size: 2em; line-height: 1.1em;}
.midhead A:active {font-family: 'Passion One'; color: #000; text-decoration: none; font-size: 2em; line-height: 1.1em;}
.midhead A:hover {font-family: 'Passion One';font-size: 2em;color: #ae2100; text-decoration: underline; line-height: 1.1em;}

.midhead2 {font-family: 'Passion One'; color: #000; text-decoration: none; font-size: 1.5em; line-height: 1.1em;}

.newscat { font-family: Lato; font-weight: 900; letter-spacing: 3px; text-transform: uppercase; color: #005696; font-size: .8em; }
.newscat2 { font-family: Lato; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; color: #005696; font-size: .7em; }
.smalldate { font-family: Lato; font-weight: 700; letter-spacing: 2px; color: #000; font-size: .7em; opacity: .3;}
.newsdate { font-family: Lato; font-weight: 700; color: #000; font-style: italic; padding: 3px; background-color: #ccc;margin-bottom: 5px;border-radius: 3px;}
.footerclass {width: 100%;text-align: left;padding-bottom: 10px;padding-left: 20px;border-bottom: 1px dotted #999;}

.photocaption { COLOR: #000000; font: normal 9px tahoma, arial, helvetica, geneva; border-top: 1px solid #cccccc; text-align: left; margin-top: 4px; padding:2px; }

.headlines23 P { margin-bottom: 1em; line-height: 1.475em;}

.results-block {float: left; margin-bottom: 15px;}
.port3 {display: none;}
.max {width: 100%;padding: 2px;}

.smallscreen {display: none;}

.gallery-block {
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
.gallery-block:hover img {
  opacity: .75;
}
.streamshallow:hover { opacity: .75; }

ul.adin {list-style: none !important;}
li.adin {margin: 2px 0px 4px 2px; list-style: none; line-height: 1.1em;}
li.adin:before {content: "- ";}
ul.adin > li { margin-left: 7px;  }
/* Prevent nested li's from getting messed up */
ul.adin > li:before { content: "- "; margin-left: -5px;}
ul.adin a {text-decoration: underline !important;}

body {margin-top: 5px; margin-bottom: 15px; padding: 0px; background-color: #f0f0f0;font-size: 90%;}

#wrapper {width: 95%;/*310px;*/height: auto; border: 1px solid #ccc;padding: 5px;background-color: #fff;position: relative;  display: flex;}

#topwrap {width: 100%; height: auto; margin-top: 3px;margin-bottom: 3px;}

#topbanner {text-align: center; width: 100%;max-height: 90px;overflow: hidden;}
#topbanner img {max-width:100%;height: auto; }
#r2klogo {display: none; }

.banner {text-align: left; width: 100%;max-height: 90px;overflow: hidden;}
.banner img {max-width:100%;height: auto; }

#corewrap {width: 100%;}
#sitenav {left: 0;margin-top: 5px;border-bottom: 2px solid #ffcc00;margin-bottom: 3px;clear: right; width: 100%;box-sizing: border-box;position: sticky; position: -webkit-sticky;position: -moz-sticky;position: -ms-sticky;position: -o-sticky; z-Index: 200;}
#rightwrap {float: left;width: 160px;margin-top: 3px; margin-left: 10px;font-size: .9em;display: none;text-align: left;}
#insiderightwrap {display: block; width: 100%;text-align: left;}
#news {width: 100%;text-align: left;}
#stream {width: 100%;text-align: left;}
#vids {width: 100%;text-align: left;}
#halfblock {width: 210px;}
/* conditional display skyscraper + adindex */
#skydiv {float: left; width: 53%;}
#skydiv IMG {max-width: 160px;}
#adindex {float: left; font-size: .85em;margin-left: 5px; width: 45%;}

#addiv {display: none;}
#snapshot img {width: 100%;}
#snapshot-wide img {width: 100%;}
.snapshot, .snapvert {position: relative;width: 100%;}
.snapshot img, .snapvert img {width: 100%;}
.snapvert > .img-credit {bottom: 30px;}

#potd-head
#potd-img img {width: 99%;}
#potd-desc

#news-body {width: 100%;margin-top: 10px;}
#ad-body {width: 100%; clear: both; margin: 0px 0px 0px -5px;text-align: center;}
.img-credit {bottom: 10px; right: 10px;}

#recent {display: block; width: 100%; text-align: left;}
#resultswrap {min-height: 500px;}
#full {width: /*290px*/ 95%;}
.results-block {width: /*290px*/ 95%; }

.pdf-frame {width: 290px;}
.resinclude TD {font-size: 65%;}
.port3 {display: none;}
.portgal img {max-width: 125px;}

.revstretch {width: 100%;text-align: center;}
.red {color: #ae2100;}
.bottomdate {position: absolute; left: 0; bottom: 0;}


#sitefooter {width: 100%;}

.teaser {display: none;}
.sideimg {display: none;}
.head  {font: 1em black; font-family: Lato; color: #000; line-height: 1em; font-weight: 900;}
.streamfull {overflow: hidden;position: relative;margin-bottom: 15px; width: 100%; height: 180px; }
.streamshallow {overflow: hidden;position: relative;margin-bottom: 10px; padding: 5px;border-top: 2px solid #005696;}
.headblock {width: 99%;height: auto;padding: 2px 4px 15px 0px;}
.gal {padding-bottom: 0px;}
.divhide {display: none;}

.fluidMedia {
  position: relative;
  padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.fluidMedia iframe {
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
}


/* Larger than mobile */
@media (min-width: 400px) {
body {margin-top: 5px; margin-bottom: 15px; padding: 0;}
#wrapper {width: /*380px;*/ 95%;}
#topwrap {-webkit-order: 2; /* Safari */ order: 2;}
#sitenav {width: 100%;-webkit-order: 1; /* Safari */ order: 1;}
#halfblock {width: 280px;}
#insiderightwrap {display: block; width: 100%;}
/* conditional display skyscraper + adindex */
#skydiv {float: left; width: 49%;}
#skydiv IMG {max-width: 160px;}
#adindex {float: right; font-size: .85em;margin-left: 5px; width: 49%;}

#addiv {display: none;}
#resultswrap {min-height: 500px;}
#full {width: /*360px*/ 95%;}
.results-block {width: /*360px*/ 95%; }
.resinclude TD {font-size: 70%;}
.port3 {display: none;}
.portgal img {max-width: 155px;}
.max {width: 100%;padding: 2px;}

.revstretch {width: 100%;text-align: center;}

.teaser {display: block;}
.sideimg {display: block;float: left;margin-right: 5px;width: 150px;overflow: hidden;}
.streamshallow {height: 100px;padding: 0px; border: 0;}
.headblock {float: left; width: 190px;}
.head  {font: 1.1em black; font-family: Lato; color: #000; line-height: 1.2em; font-weight: 900;}
.streamfull {height: 210px; }
.videobox {height: 240px;}
.footerclass {width: 45%; float: left;margin: 4px; padding: 2px;height: 80px;}

}

/* Larger than phablet */
@media (min-width: 550px) {
body {margin-top: 5px; margin-bottom: 15px; padding: 0;}
#wrapper {width: 530px;}
#halfblock {width: 330px;}
#vids {float: left; width: 340px;text-align: left;}
#vid-title {width: 160px;}
#recent {display: block; float: left; width: 200px; text-align: left;}
#insiderightwrap {display: block;float: right; width: 180px;}
#adindex {width: 160px;font-size: .85em;margin-right: 10px;}
#addiv {display: none;}
#resultswrap {min-height: 600px;}
#full {width: 510px;}

#ad-body {width: 98%; clear: both; margin: 0px;text-align: center;border-top: 1px dotted #999; border-bottom: 1px dotted #999;padding: 5px; }

.results-block {width: 245px; margin-right: 10px; min-height: 130px;}
.gallery-block {height: 240px;}
.resinclude TD {font-size: 75%;}
.port3 {display: block;}
.portgal {width: 150px;}
.max {width: 100%;padding: 2px;}

.snapvert {float: right;position: relative; margin: 0px 0px 8px 5px;width: 250px;}
.snapvert img {width: 100%;}
.snapvert > .img-credit {bottom: 30px;}


.revstretch {width: 49%;}

.teaser {display: block;}
.gallerypic {height: 50px; width: 75px;}
.head  {font: 1.4em black; font-family: Lato; color: #000; line-height: 1.2em; font-weight: 900;}
.streamfull {height: 240px; }
.videobox {height: 260px; }
.footerclass {width: 30%; float: left;margin: 4px; padding: 2px;height: 80px;}

.body-largeblack {font-size: 70%;}

.streamshallow {position: relative; width: 122px;float: left;}
.sideimg {display: block;width: 100%;overflow: hidden;max-height: 70px;}
.headblock {position: relative; width: 95%; padding: 4px 4px 20px 4px;}
.bottomdate {padding: 4px;}
.newsnarrow {height: 170px;}

.all {margin-left: 5px; }
.left {margin-left: 1px;}
.right {margin-left: 5px;}

.divhide {display: block;}


}

/* Larger than tablet */
@media (min-width: 750px) {
body {margin-top: 5px; margin-bottom: 15px; padding: 0;font-size: 95%;}
#wrapper {width: 730px;}
#upd {width: 460px; float: left;}
#news {width: 250px; float: right;}
#stream {width: 460px; float: left;}
#insiderightwrap {display: block; float: right; width: 355px;font-size: 90%;}
#recent {display: block; float: left; width: 355px; text-align: left;}
#halfblock {width: 360px;}
#adindex {width: 160px;margin-right: 10px; font-size: .95em;}
#rowsnap {width: 100%;float: left;overflow: hidden;}
#addiv {display: none;}
#resultswrap {min-height: 600px;}
#full {width: 710px;}
#snapshot img {width: auto; height: auto;max-width: 700px;}
#snapshot-wide img {width: auto; height: auto;max-width: 700px;}

#potd-head {float: left; width: 33%;}
#potd-img {float: right; width: 66%;}
#potd-img img {width: auto;}
#potd-desc {float: left; width: 33%;}

.smallscreen {display: inline;}

.photocaption { COLOR: #000000; font: normal 11px tahoma, arial, helvetica, geneva; border-top: 1px solid #cccccc; text-align: left; margin-top: 4px; padding:2px; }

#news-body {width: 580px;margin-top: 10px;margin-left: 65px;}
.snapshot img {position: relative; width: auto;max-width: 700px;margin-left: -65px;}
.snapvert {float: right;position: relative; margin: 0px -65px 8px 5px;width: 280px;}
.snapvert img {width: 100%;}
.snapvert > .img-credit {bottom: 30px;}


.results-block {width: 225px; margin-right: 10px; min-height: 160px; }
.gallery-block {height: 240px;}
.resinclude TD {font-size: 80%;}
.portgal {width: 215px;}
.portgal img {max-width: 215px;}
.port3 {display: block;}
.max {width: 18%;padding: 2px;float: left;display: inline-block;}
.max2 {width: 30%;padding: 2px;float: left;display: inline-block;}

.revstretch {width: 49%;}

.teaser {display: block;}
.gallerypic {height: 50px; width: 75px;}
.head  {font: 1.8em black; font-family: Lato; color: #000; line-height: 1.2em; font-weight: 900;}
.streamfull {height: 260px; }
.videobox {height: 280px; }
.footerclass {width: 18%; float: right;margin: 2px; padding: 2px; border: 0;font-size: 95%;}

.body-largeblack {font-size: 70%;}

.streamshallow {position: relative; width: 173px;float: left;}
.sideimg {display: block;width: 100%;overflow: hidden;max-height: 95px;}
.headblock {position: relative; width: 95%; padding: 4px 4px 20px 4px;}
.bottomdate {padding: 4px;}
.newsnarrow {height: 180px;}

}

/* Larger than desktop */
@media (min-width: 1000px) {
body {margin-top: 5px; margin-bottom: 15px; padding: 0;font-size: 100%;}
#wrapper {width: 900px;}
#corewrap {width: 900px;float: left;}
#topwrap {height: auto; }
#r2klogo {display: block; float: left;width: 150px;}
#topbanner {float: right; width: auto;}
#news {width: 340px; float: right;}

#stream {width: 530px; float: left;}
#insiderightwrap {display: block; float: right; width: 160px;text-align: center;background: #fff;margin-left: 10px;}
#recent {display: block; float: right; width: 170px; text-align: left;}
#halfblock {width: 430px;}
#adindex {width: 160px;font-size: .9em;margin-right: 5px;}
#snapshot img {width: auto; height: auto; }
#snapshot-wide img {width: auto; height: auto; }

#full {float: left; width: 730px;overflow: hidden;}
#recent {display: none;}
#addiv {display: block;}

#potd-head {float: left; width: 33%;}
#potd-img {float: right; width: 66%;}
#potd-img img {width: auto;}
#potd-desc {float: left; width: 33%;}
.img-credit {bottom: 10px; right: 20px;}

#news-body {width: 580px;margin-top: 10px;margin-left: 75px;}
.snapshot img {position: relative; width: auto;max-width: 725px;margin-left: -90px;}
.snapvert {float: right;position: relative; margin: 0px -65px 8px 5px;width: 380px;}
.snapvert img {width: 100%;}
.snapvert > .img-credit {position: relative; bottom: 30px;}
.snapshot > .img-credit {position: relative; bottom: 10px; bottom: 30px;}

.results-block {width: 230px;margin-right: 10px; min-height: 180px; }
.gallery-block {height: 250px;}
.resinclude TD {font-size: 90%;}
.portgal {width: 220px;}
.portgal img {width: auto;}
.port3 {display: block;}
/* .adsub {float: left; width: 236px;} */
.adsub {float: left; width: 355px;} 
.max {width: 18%;padding: 2px;float: left;display: inline-block;}
.max2 {width: 30%;padding: 2px;float: left;display: inline-block;}

.revstretch {width: 49%;}

.body-largeblack {font-size: 70%;}

.streamshallow {position: relative; width: 178px;float: left;}
.sideimg {display: block;width: 100%;overflow: hidden;max-height: 95px;}
.headblock {position: relative; width: 95%; padding: 4px 4px 20px 4px;}
.bottomdate {padding: 4px;}
.newsnarrow {height: 180px;}


.teaser {display: block;}
.gallerypic {height: 50px; width: 75px;}
.streamfull {height: 285px; }
.videobox {height: 315px; }
.footerclass {width: 19%; float: right;margin: 2px; padding: 2px; border: 0;}
}

/* Larger than Desktop HD */
@media (min-width: 1100px) {
body {margin-top: 5px; margin-bottom: 15px; padding: 0;font-size: 100%;}
#wrapper {width: 1070px;}
#corewrap {width: 900px;float: left;}
#r2klogo {float: left;width: 150px;}
#topwrap {height: 90px; }
#topbanner {float: right; width: auto;}
#insiderightwrap {display: none;}
#rightwrap {display: block;}
#news {width: 340px; float: right; }
#stream {width: 530px; float: left;}
#halfblock {width: 430px;}
#insiderightwrap {display: none;}
#full {width: 100%;}
#recent {display: none;}
#addiv {display: block;}
#snapshot img {width: auto; height: auto; max-width: 900px;}
#snapshot-wide img {width: auto; height: auto; max-width: 900px;margin-left: -65px;}

#potd-head {float: left; width: 33%;}
#potd-img {float: right; width: 66%;}
#potd-img img {width: auto;}
#potd-desc {float: left; width: 33%;}

.img-credit {bottom: 10px; right: 30px;}

#news-body {width: 580px;margin-top: 10px;margin-left: 75px;}
.snapshot img {position: relative; width: auto;max-width: 750px;margin-left: -90px;}
.snapvert {float: right;position: relative; margin: 0px -75px 8px 5px;width: 380px;}
.snapvert img {width: 100%;}
.snapvert > .img-credit {position: relative;bottom: 30px;}
.snapshot > .img-credit {position: relative;bottom: 10px; bottom: 30px;}

.revstretch {width: 49%;}


.adsub {float: left; width: 365px;}
.results-block {width: 240px; margin-right: 10px; min-height: 180px; }
.gallery-block {height: 250px;}
.resinclude TD {font-size: 100%;}
.portgal img {width: auto;}
.portgal {width: 230px;}
.port3 {display: block;}
.max {width: 18%;padding: 2px;float: left;display: inline-block;}
.max2 {width: 30%;padding: 2px;float: left;display: inline-block;}

.body-largeblack {font-size: 70%;}

.streamshallow {position: relative; width: 183px;float: left;}
.sideimg {display: block;width: 100%;overflow: hidden;max-height: 105px;}
.headblock {position: relative; width: 95%; padding: 4px 4px 20px 4px;}
.bottomdate {padding: 4px;}
.newsnarrow {height: 195px;}

.gallerypic {height: 50px; width: 75px;}
.streamfull {height: 285px; }
.videobox {height: 315px; }
.footerclass {width: 19%; float: right;margin: 2px; padding: 2px; border: 0;}
}