/*
yellow- #F2DC06;red- #E11818;blue- #424B8F;green- #09880F;
*/
img{border:0}
.logo{position: absolute;
top:0;left:0;
height:54px;
width:261px;
background-image:url(/images/rbg9.gif);
z-index:997}
ul {margin:0;list-style-image:url(/images/bullet1.gif);color:#000}
li{padding:0 0 3px 3px;margin:0 0 0 13px}
.mI{z-index:490}
.top,.topu{position:absolute;
left:0;top:0;
width:100%;
height:54px;
background-color:#F2DC06; 
z-index:401}
.topu{position:fixed;
height:24px;
background-color:#F2DC06; 
background-image: url(/images/backLogo.gif);
background-position:left;
background-repeat: repeat-y;
filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;
z-index:400;
border-bottom:1px solid #E11818}
.mI a:link, .mI a:active, .mI a:visited, .onSlots, .onVP, .onPoker, .onBlackjack, .onCraps, .onGambling,.onRoulette,.onNews,.onOnl{
position:absolute;
display:block;
font:bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
height:22px;
background-color:#424B8F;
text-align:center; 
padding-top:3px;
border:1px solid #E11818;
border-left:0;border-top:0;
white-space:nowrap;
color:white;z-index:499}
.onSlots, .onVP, .onPoker, .onBlackjack, .onCraps, .onGambling,.onRoulette,.onNews,.onOnl{
background-color:white;
filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
height:27px;
color:black;
font-size:17px;
padding-top:7px;
z-index:502}
.onNews{left:627px;top:1px;width:162px}
.onSlots{left:599px;top:28px;width:76px}
.onVP{left:665px;top:28px;width:134px;border-color:#09880F}
.onPoker{left:442px;top:28px;width:82px;border-color:#424B8F}
.onBlackjack{left:275px;top:28px;width:112px}
.onCraps{left:376px;top:28px;width:76px;border-color:#424B8F}
.onGambling{left:299px;top:1px;width:176px;border-color:#09880F}
.onRoulette{left:511px;top:28px;width:100px;border-color:#09880F}
.onOnl{left:465px;top:1px;width:172px;border-color:#09880F}
.mI a:hover{font-weight:bold;filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;}
#men0{left:627px;top:4px;width:136px;background-color:#E11818;z-index:501;border-color:#F0F9FF}
#men1{left:327px;top:4px;width:144px;background-color:#09880F;border-color:#F6FFEE}
#men2{left:284px;top:32px;width:92px;background-color:#E11818;border-color:#F4E9E9}
#men4{left:672px;top:32px;width:112px;background-color:#09880F;border-color:#F6FFEE}
#men3{left:605px;top:32px;width:62px;background-color:#424B8F;border-color:#F4E9E9}
#men5{left:447px;top:32px;width:66px;background-color:#09880F;border-color:#F6FFEE}
#men6{left:381px;top:32px;width:61px;background-color:#424B8F;border-color:#F4E9E9}
#men7{left:518px;top:32px;width:82px;background-color:#E11818;border-color:#F0F9FF}
#men8{left:476px;top:4px;width:146px;border-color:#F0F9FF}
.b{border-left:117px solid #424B8F;
border-right:8px solid #09880F;
margin-top:0;
padding:54px 0 0 1px;
background-color:white}
.b a:link,.b a:active,.b a:visited{color:#CC0000}
.b a:hover{color:red}
.cnt{border:0;
border-top:1px solid #E11818;
border-left:1px dotted red;
background-color:White;
margin:0;
padding:0.8em 2.8em 1em 2.8em}
.art div, .art p{margin:10px 0 8px 0}
.art td{margin:0;padding:3px;border:1px solid gray}
.art table{border-collapse:collapse;margin-left:6px}
.cnt a:link, .cnt a:active, .cnt a:visited{color:#424B8F}
.cnt a:hover{color:red;}
.datef{
color:Gray;
font-size:11px;
font-weight:normal;
}
.dc{color:Gray;
font-size:11px;
font-weight:normal;
font-style:italic;
z-index:0}
.dc{float:right;margin:-24px 0 4px 0;padding:0 0 0 4px}
.datea{font-size:11px;letter-spacing:0;font-variant:normal}
div.datef a:link, div.datef a:active, div.datef a:visited, div.dc a:link, div.dc a:active, div.dc a:visited{
font-size:100%;
font-style:italic;
font-weight:normal;
text-decoration:underline;
color:gray}
.authLink{font-size:100%;font-style:italic;color:gray}
.blurb{color:black;font-size:13px;line-height:17px;margin:0 0 4px 12px}
.fB{float:left;
border-right:1px dotted #E11818;
padding:4px 2px 4px 0;margin:2px 8px 0 0}
.hea{clear:left;padding-top:3px}
.heb{padding:0;margin:0;font:normal 13px/18px Georgia, times, 'times new roman', serif}
.blnkH, .hea a:link, .hea a:active, .hea a:visited, .heb a:link, .heb a:active, .heb a:visited{
color:#424B8F;
font:bold 15px/19px Georgia, times, 'times new roman', serif}
.hea a:hover, .heb a:hover{color:red}
.rdBx, .grBx, .blBx{padding:2px 5px 5px 5px;margin-bottom:4px}
.rdBx{border-top:2px solid #E11818}
.grBx{border-top:2px solid #09880F}
.blBx{border-top:2px solid #424B8F}
.bookBlock,.nBlk,.gBlk{
position:relative;
width:290px;
color:#424B8F;
border-left:1px solid #E11818;
margin:0 -40px 8px 8px;
background-color:#F6FFF9;
font:normal 75%/135% sans-serif;
color:#666666;
padding:0 5px 6px 6px}
.gBlk{background-color:#EEF8F9}
.nBlk{border-left:1px solid #F2DC06;
background-color:#FFFBFD}
.blk p, .blk div{margin:9px 0 0 0}
.bookBlock{line-height:130%;background-color:#F6FFEE;border-left:1px solid #424B8F;z-index:290}
.bookBlock .T{margin:10px 4px 6px 10px}
.bookBlock p{margin:0 0 6px 0}
.z2, .bookBlock .h, .nBlk .h, .gBlk .h, div.h a:link, div.h a:active, div.h a:visited{
font:bold 16px/18px verdana,arial,helvetica,sans-serif;
letter-spacing:.6px;
font-variant:small-caps;
text-align:right;
padding:4px 0 4px 0;
color:#424B8F;
border-bottom:2px solid #424B8F}
div.gBlk .h{font-size:15px;}
.z2{margin:0 2px 0 0;
padding-left:125px;
background-image:url(/images/bestBet.gif);
background-repeat: no-repeat;
}
div.h a:link, div.h a:active, div.h a:visited{
border-bottom:0;
text-decoration: underline;}
div.nBlk .h{border-top:0;border-bottom:1px solid #E11818}
.buyIt{padding:8px 0 9px 0;font-size:120%;font-weight:bold}
.nBlk a:link, .nBlk a:active, .nBlk a:visited,.bookBlock a:link,.bookBlock a:active,.bookBlock a:visited,.gBlk a:link, .gBlk a:active, .gBlk a:visited{
display:block;
color:#424B8F;
padding:5px 0 3px 0;
text-align:left;
font:bold 13px/16px sans-serif;
letter-spacing:1px;
text-decoration:none}
.bookBlock a:hover,.gBlk a:hover,.nBlk a:hover{text-decoration:underline;color:#990033}
a:visited.thedns{color:#777777;text-decoration:none}
.bio{position:relative;
float:left;
width:186px;
border-right:1px dotted #E11818;
background-color:#F9FCFF;
color:#666666;
font-size:67%;
line-height:135%;
font-style:normal;
margin:.7em .8em .1em 0;
padding:4px 2px 0 0}
.inlineAd{position:relative;
float:right;
width:140px;
text-align:center}
.iL{display:inline;letter-spacing:0}
.bio2, .bio3{font-size:13px;
line-height:17px;
margin:4px 0px 0 25px;
padding:4px 4px 0 4px}
.bio3{margin:0 0 4px 0;padding:0}
.Question{font-style:italic;font-weight:bold;font-size:90%}
div.Answer:first-letter, div.Question:first-letter {float:left;
font-style:italic;
margin:4px 10px 4px 2px;
font-weight:normal;
font-size:140%}
div.Answer:first-letter {color:#09880F}
div.Question:first-letter {color:#E11818}
.f{clear:both;
border-top:2px dotted green;
border-left:116px solid #E11818;
padding:0 0 0 1px;
background-color:#424B8F}
.fCnt{border:0;
border-left:1px dotted red;
background-color:#F2DC06;
margin:0 8px 0 0;
padding:6pt 4pt 4pt 4pt;
text-align: left;
line-height:120%; 
font-style: italic;
color:gray; 
font-size:70%}
.fCnt a:link, .fCnt a:active, .fCnt a:visited{color:#E11818;font-size:115%}
body{margin:0;padding:0;
background-color:white;
font:normal 15px/20px Arial, Georgia, Times, serif}
H1,H2{margin:4px 0 4px 0;
font:normal 140% Georgia, Times, serif;
color:#CC0000}
H1{border-bottom:2px solid #F2DC06;margin:3px 270px 7px 0;padding:0 0 4px 0}
H3{border-bottom:2px solid #F2DC06;font:normal 125% Georgia, Times, serif;color:#CC0000;margin:2px 270px 4px 0;padding:0 0 4px 0}
.subHead,.cmpHd{font-weight:bold;color:#CC0000}
.cmpHd{position:relative;font-size:85%;width:200px;
left:25px;
padding:2px 4px 2px 6px;margin:0;
border-bottom:1px solid #CC0000;
background-color:#F2DC06;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
z-index:99}
.cmpBlk {font:normal 12px/17px sans-serif;color:#666666;padding:0;margin:0}
.cmpTxt{border-top:1px solid #424B8F;color:black;font:normal 11px/14px sans-serif;
	padding:12px 2px 4px 4px !important;margin:-16px 4px 4px 4px !important;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}
.cmpBx {margin:-7px 270px 0 0;background-color:#EEF8F9}
H2{font:bold 15px Georgia, Times, serif}
H2 a:link, H2 a:active, H2 a:visited{color:#E11818 !important;letter-spacing:1px}
H4{color:#424B8F;margin:6px 0 4px 0;padding:0;font:bold 16px/20px georgia, times, serif}
.h2C{padding:0;margin:4px 0 0 0;font:normal 140% Georgia, Times, serif;color:#CC0000}
.he{margin-right:62px;clear:left;padding:4px 4px 6px 0;border-bottom:2px dotted #EAF5FF}
.he a:link, .he a:active, .he a:visited{
color:#424B8F;
font:bold 16px/20px Georgia, Times, serif;}
.he a:hover{color:red}
#ls{position:absolute;top:66px;left:0;
font:normal 92% Arial, Helvetica, sans-serif;
color:white;
z-index:730}
#ls .leftnav, #ls .leftnav a{position:relative;display:block;width:10.5em;line-height:2.2em;}
#ls .leftnav a:link, #ls .leftnav a:active, #ls .leftnav a:visited{
color:white;
text-decoration:none;
border:1px solid #E11818;
border-left:0;
line-height:18px;
border-right:1px solid black;
border-bottom:1px solid black;
background-color:#E11818;
padding:3px 3px 3px 3px;
margin-bottom:2px;}
#ls .leftnav{filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;z-index:999;}
#ls .leftnav a:hover{
background-color:white;
color:#424B8F;
border:1px solid #424B8F;
border-left:0;
border-right:4px solid #424B8F}
#ls .leftnavon{
background-color:#F2DC06;
color:black;
width:10.5em;
line-height:18px;
border:1px solid #424B8F;
border-left:0;
padding:3px 3px 3px 3px;
margin-bottom:2px}
.tip,.factis{
clear:left;
background-image:url(/images/tip.gif);
background-repeat:no-repeat;
padding:10px 8px 10px 70px;
font-weight:bold;font-size:80%;font-style:italic;
background-color:#F6FFEE}
.factis{padding:10px 8px 10px 76px;background-image:url(/images/fact.gif)}
.sel{background-color:#F2DC06;color:#E11818;font-weight:bold;font-size:13px}
.clnk{font-size:12px;text-align:right}
.clnk a:link, .clnk a:active, .clnk a:visited{display:inline;font-size:10px;font-weight:normal;color:#E11818;letter-spacing:1px;text-decoration:none}
.clnk a:hover{text-decoration:underline}
.cl{clear:left}
img{margin:4px 8px 4px 0}
.bxSp{margin:0 2px 0 0;padding:0 65px 4px 0}
.glnk{font-size:80%}
.glnk a:link, .glnk a:active, .glnk a:visited{text-decoration:none}
.glnk a:hover{text-decoration:underline}
.tower {margin:60px 0 20px;background-color:none}

/* Clean, homepage-only CSS layout (desktop only, no mobile) */

body.home-page {
  background: #ffffff;
  font-family: Arial, sans-serif;
}

.home-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: .25%;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.home-left-column {
  flex: 0 0 0%;
  max-width: 0%;
  background-color: transparent;
  color: white;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.home-main-column {
  flex: 0 1 75%;
  max-width: 75%;
  box-sizing: border-box;
  padding:  0.65% 0 0.65% 0;
}

.home-right-column {
  flex: 0 0 23%;
  max-width: 23%;
  box-sizing: border-box;
  padding: 0 0 0 0;
  margin: 0;
  background-color: transparent; /* or use #f9f9f9 if needed */
}


/* Optional: reset legacy layout containers */
body.home-page .b {
  border-left: 7.5% solid #424B8F;
  border-right: none;
  padding: 0;
  margin: 0 auto;
  max-width: 100%;
  background: none;
}

.select-dropdown {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

.home-intro-text {
  background: none;
  border: none;
  padding: 0;
  margin: 0 0 10px 0;
}

.hea {
  clear: left;
  padding-top: 3px;
  margin-bottom: 1rem;
}

.blurb {
  font-size: 14px;
  line-height: 1.4;
  margin: 0 0 1rem 0;
}

.clnk {
  text-align: right;
  margin-top: 1rem;
  font-size: 0.9rem;
}

.rdBx, .grBx, .blBx {
  padding: 1rem;
  margin-bottom: 1.5rem;
  border-top: 2px solid #ccc;
}

.gBlk, .nBlk {
  background-color: #f9f9f9;
  padding: 1rem;
  margin-bottom: 1.5rem;
  border-left: 3px solid #e11818;
  box-sizing: border-box;
}
body.home-page .b {
  margin-top: 54px;
}
.home-right-column .gBlk,
.home-right-column .nBlk,
.home-right-column .bookBlock {
  width: 100% !important;
  box-sizing: border-box;
}
.cnt{border:0;
border-top:1px solid #E11818;
border-left:1px dotted red;
background-color:White;
margin:0;
}

/* Homepage-specific .cnt overrides */
body.home-page .cnt {
  padding: 0.5em 0 1em 2.8em;
}

/* Hide the clone by default (i.e., on desktop) */
.bio-image-clone {
  display: none;
}


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


  /* Reset margins and fix layout issues */
  body, html {
    margin: 0;
    padding: 0;
    background-color: white;
  }

/* Hide top nav and sidebar-only elements */

.top,
#inlineAdBlock,
.bookBlock,
.bio,
.inlineAd {
  display: none !important;
}


  /* === GLOBAL LAYOUT RESTRUCTURE === */
  .home-wrapper {
    flex-direction: column;
    gap: 1.5rem;
    padding: 0 1rem;
  }

  .home-left-column {
    display: none !important; /* hide sidebar entirely */
  }

  .home-main-column {
    order: 1;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .home-right-column {
    order: 2;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }


  /* === TOP NAVIGATION BUTTONS === */
  .mI a {
    position: static !important;
    display: inline-block !important;
    margin: 6px 5px !important;
    padding: 8px 7px !important;
    font-size: 14px !important;
    background-color: #E11818 !important;
    color: white !important;
    border: 1px solid #E11818 !important;
    white-space: nowrap;
    text-align: center;
  }

  .mI {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
    background: none;
    border: none;
    padding: 0;
  }

  /* === HIDE JACKPOTS === */
  .progressive-slots {
    display: none !important;
  }

  /* === HOMEPAGE CONTENT STACKING === */
  .home-intro-text {
    order: 1;
    background: none;
    border: none;
    padding: 1rem 0;
    font-size: 1rem;
  }

  .strategy-articles {
    order: 2;
  }

  .bio {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 1rem 0;
    border: none;
    background: none;
    font-size: 0.9rem;
    color: #333;
  }

  .strategy-articles img {
    display: block;
    margin: 1rem auto;
  }

  .grBx.online-casino-reviews {
    order: 3;
  }

  .rdBx.gambling-guides {
    order: 4;
  }

  .nBlk,
  .bookBlock,
  .gBlk {
    width: 100% !important;
    margin: 1rem 0;
    padding: 1rem;
    box-sizing: border-box;
  }

  /* Reset internal floated blocks */
  .hea,
  .clnk,
  .blurb {
    text-align: left;
    margin: 0 auto 1rem auto;
    padding: 0;
  }

  .hea img {
    display: block;
    margin: 0 auto 1rem auto;
    float: none !important;
  }

}

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

  /* Hide actual left nav container */
  #ls {
    display: none !important;
  }

  /* (rest of your mobile CSS goes here...) */

}

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

  /* Style nav bar container as its own section */
  .mI {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #F2DC06; /* yellow bar */
    padding: 10px 0;
    border: none;
    margin: 0 auto 10px auto;
    width: 100%;
    box-sizing: border-box;
  }

  .mI a {
    position: static !important;
    display: inline-block !important;
    margin: 6px 8px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    font-weight: bold;
    background-color: #E11818 !important;
    color: white !important;
    border: 1px solid #E11818 !important;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
  }

}

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

  /* Nav container without yellow background */
  .mI {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    background: none !important;
    padding: 10px 0;
    margin: 0 auto 10px auto;
    width: 100%;
    box-sizing: border-box;
  }

  /* Smaller nav boxes */
  .mI a {
    position: static !important;
    display: inline-block !important;
    margin: 4px 6px !important;
    padding: 6px 10px !important;
    font-size: 11px !important; /* reduced from 14px */
    background-color: #E11818 !important;
    color: white !important;
    border: 1px solid #E11818 !important;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
  }

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

  /* 1. Remove the blue left column overlay */
  .home-left-column {
    display: none !important;
  }

  body.home-page .b {
    border-left: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    background: none !important;
  }

  /* 2. Hide yellow bar at very top */
  .top,
  .topu {
    display: none !important;
  }
}

@media screen and (max-width: 800px) {
  .home-main-column {
    padding-left: 3px !important;
    padding-right: 12px !important;
  }
}
@media screen and (max-width: 800px) {
  .logo {
    display: block !important;
    margin: 10px auto;
    width: 252px;
    height: 75.6px;
    background-image: url(/images/rbg9.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    z-index: 1000;
  }
}
@media screen and (max-width: 800px) {
  .bookBlock {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin: 1rem 0 !important;
    padding: 1rem !important;
    box-sizing: border-box;
    border-left: none !important;
    background-color: #f6ffee;
  }
}
@media screen and (max-width: 800px) {
  /* Hide non-mobile elements */
  .bookBlock,
  .bio,
  .inlineAd,

  #inlineAdBlock {
    display: none !important;
  }

  /* Remove blue border column overlay */
  .b {
    border-left: none !important;
    border-right: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
    background: none !important;
  }

  /* Simplify logo */
  .logo {
    display: block !important;
    margin: 10px auto;
    width: 180px !important;
    height: 54px !important;
    background-image: url(/images/rbg9.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    z-index: 1000;
  }

  /* Expand content container */
  .cnt {
    margin: 0 auto !important;
    padding: 1em !important;
    border-left: none !important;
    border-top: none !important;
    background-color: white !important;
    font-size: 1.05em;
    line-height: 1.5em;
  }

  /* Article titles */
  h1, .title, .h2C {
    display: block;
    width: 100% !important;
    font-size: 1.5em !important;
    line-height: 1.3em;
    margin: 10px auto !important;
    text-align: center !important;
    border-bottom: none !important;
    padding: 0 10px;
    word-break: normal;
    hyphens: auto;
  }

  /* Author credit */
  .dc {
    display: block;
    margin-top: 10px !important;
    float: none !important;
    padding: 0 0 0 4px;
    font-size: 0.85em;
  }
}

.ad-desktop, .ad-mobile {
  display: none;
}

@media screen and (min-width: 801px) {
  .ad-desktop {
    display: block;
  }
}

@media screen and (max-width: 800px) {
  .ad-mobile {
    display: block;
  }
}
.sidebar-ad {
  float: left;
  margin: 300px 0 0 5px; /* top and left padding */
}

@media screen and (max-width: 800px) {
  /* Hide original .bio span content */
  .bio {
    display: none !important;
  }

  /* Specific: also hide author images globally */
  img[src*="/images/authors/"] {
    display: none !important;
  }

  /* Show cloned image block under title */
  .bio-image-clone {
    display: block !important;
    text-align: center;
    margin: 1rem auto;
    font-style: italic;
    font-size: 0.9rem;
    color: #444;
    line-height: 1.4;
  }

  .bio-image-clone img {
    display: block;
    margin: 0 auto 0.5rem auto;
    max-width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 800px) {
  .bio-image-clone {
    line-height: 1.2;
  }

  .bio-image-clone br {
    display: none; /* optional, if you rewrite the caption as block */
  }

  .bio-image-clone {
    font-size: 0.9rem;
    font-style: italic;
    margin-top: 0.25rem;
  }
}

.homepage-banner-ad img {
    width: 500px;
    max-width: 100%;
    height: auto;
}

.homepage-banner-ad {
    text-align:center;
    margin:15px 0;
    padding:10px;
    background:#e7ecff;
}