html { background-color: #000000; } 
body { font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;font-size:0.6rem;
       margin:0px; overflow-x:hidden;
       color:lavender; -webkit-font-smoothing: subpixel-antialiased;
       font-smoothing: subpixel-antialiased;       
}
#logo { position:fixed;top:45px;left:0px; width:100%; background:black; }
#logo-img { max-width:90%;background:black; }
#logo hr  { width:80%; border: 6px dashed steelblue; }

@-moz-document url-prefix() {
  button { border:1px outset black; border-radius:4px; padding: 1px 7px 2px; }} 

button { background:#EAD3A8; font-size:1.03rem;  font-weight:bold;
         margin:0px 0px 6px 0px;   line-height:100%;  border-radius:6px; 
} 
#linx { z-index:9999; width:99%; text-align:center; line-height:350%;  }

#rightbox { z-index:10000; width:550px; border:4px solid gray;  background: black; }        
#rightbox button { font-size:0.95rem; background: royalblue ; }
#rightbox

#linxbox { width:100%; margin:0px; }        
#linxbox button { font-size:1.1rem; background: lightslategray ;  }
#linxbox button a { color:black ; } 
#linxbox hr { border-color:gray ; overflow:hidden; }
    
a { color:black; text-decoration:none; }	
a:hover { /* color:crimson; */ backround-color:palegreen !important; }
div { overflow-x:hidden; } 


#bottom-line { position:fixed;bottom:10px;left:10px;background:black;width:100%; overflow:hidden; }

#clock  { display:inline; color:wheat; font-family:'Open Sans',Georgia,'Helvetica Neue',Arial,sans-serif;
	      font-size:1rem; text-align:center; width:130px; padding:5px 0px 5px 5px; }

#google button, #socmed button { background-color: royalblue; }
#google button a, #socmed button a { color:black; }
#google, #socmed { background-image: url('curve-colors-black.jpg'); background-size:contain; }
#google button { margin:0px 2px 5px 2px !important; }

#plus { display:inline; margin-left:20px; } #plus button { background:moccasin !important; }
#bottom-line button,#cbcmsnbc button{ background:limegreen; } #cbcmsnbc a { color:black !important; }
#bottom-line button {  margin:0px !important; }


@media screen and (orientation: landscape) {
  html { background: black url("https://1-dot.com/img/black-abstract-2.png") ; }
  #bottom-line,#logo,#logo-img { background:transparent; }
}

@media screen and (orientation: portrait) {
  #ticker, #logo-img { float:right !important; }
}

@media screen and (orientation: portrait) and ((max-width : 350px) or (max-height : 520px))
{  
  button { line-height:80%; } 
  #linxbox button { font-size:0.95rem; }
}
@media screen and (orientation: portrait) and (min-width : 390px)
{  
  button { line-height:110%; } 
  #linxbox button { font-size:1.2rem; }
}
@media screen and (orientation: portrait) and (min-height : 640px) { 
  #linxbox button { margin:6px 0px 6px 0px !important; }
}
@media screen and (orientation: portrait) and (min-height : 800px) { 
  #linxbox button { margin:12px 0px 12px 0px !important; line-height:105%; }
}
@media screen and (orientation: portrait) and (((device-height : 1024px) and (device-width : 768px)) 
              or ((device-height : 1180px) and (device-width : 820px)))   /* iPad Mini */
{  #linxbox button, #bottom-line button { font-size: 2rem; margin:8px 0px 8px 0px !important; }
   #linxbox { margin-top:20px !important; }
}


@media screen and (orientation: portrait) and (max-width : 299px)
{  
  button { line-height:150%; } 
  #linxbox button { font-size:0.75rem; }
}