/* Smokin Tunes Radio (c) 2024 */

body {
	color: #FFFFFF;
	background-color: #000000;
	background-image: url('../images/Wallpaper.png');
	background-posistion: center;
	background-size: 100% 100%; 
	background-repeat:no-repeat; 
	background-attachment:fixed; 
	font-size: 12pt }
	
link { color: #9002b4; }
a link { color: #FFFFFF; }
a:hover { color: #FF0000; }
a:visited { color: #808080; }
a:visited:hover { #FF0000; }
	
#container {
	border-collapse: collapse;
	border-size: 0px;
	width: 100%; 
	height: 100%; 
	background-image: url('../images/SmokeyBackground.png');
	background-attachment: scroll; }

#container td, .column { 
	text-align: center;
	vertical-align: top;
	padding: 10px; }
	
#header { 
	height: 200px; 
	vertical-align: center;
	background-image: url('../images/HeaderBG_2024.png');
	background-position:   center; 
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	font-size: 14px }
	
#banner { 
	height: 200px; 
	vertical-align: center;
	background-image: url('../images/logotrans.png');
	background-position: center; 
	background-size: 100% 200px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	font-size: 14px }

	
#colleft, #colright { width: 15%; }
#colcenter { width: 70%; }

.adspace { 
	height: 25px; 
	font-weight: bold;
	font-size: 12px; }

#footer {
	color: #9002b4; 
	height: 25px;
	font-size: 10px; }
	
.block { 
	width: 100%;
	border: 3px double #9002b4;
	border-radius: 25px;
	background-color: rgba(0, 0, 0, 0.5);
	border-collapse: separate; 
	margin-bottom: 20px; }
	
.block td { border: none;  }
	
.title {
	color: #9002b4;
	font-weight: bold;
	border-radius: 25px 25px 0px 0px;
	background-color: rgba(0, 0, 0, 0.75);
	font-size: 12px; 
	font-weight: bold; }
	
.content { 
	text-align: left !important; 
	text-indent: 5px; 
	font-size: 12px; }
	
.foot { 
	font-weight: bold; 
	border-radius: 0px 0px 25px 25px;
	background-color: rgba(0, 0, 0, 0.75); 
	font-size: 8px10px; }
	
.label { font-size: 12px; }
	
audio::-webkit-media-controls-panel { background-color: 9002b4; }
audio::-webkit-media-controls-play-button { background-color: a453ff; border-radius: 50%; }
audio::-webkit-media-controls-play-button:hover { background-color: c99dff; }
audio { height: 25px; width: 234px; }
	
	/* Images Sizes */

.thumb { width: 100px; height: 100px; }
.smthumb { width: 75px; height: 75px; }
.lgicon { width: 50px; height: 50px; }
.social, .media, .pay { width: 100px; height: 100px; }
.psmicon { width: 25px; height: 25px; }
.bullet { width: 15px; height: 15px; }

	
	/* Icon and Image Effects */
.icon { 
  -webkit-filter: grayscale(100%) opacity(50%);
  -khtml-filter: grayscale(100%) opacity(50%);
  -moz-filter: grayscale(100%) opacity(50%);
  -ms-filter: grayscale(100%) opacity(50%);
  -o-filter: grayscale(100%) opacity(50%);
  filter: grayscale(100%) opacity(50%); }

:hover.icon { 
  -webkit-filter: grayscale(100%) opacity(100%);
  -khtml-filter: grayscale(100%) opacity(100%);
  -moz-filter: grayscale(100%) opacity(100%);
  -ms-filter: grayscale(100%) opacity(100%);
  -o-filter: grayscale(100%) opacity(100%);
  filter: grayscale(100%) opacity(100%); }

a .icon { 
  -webkit-filter: grayscale(0%) opacity(50%);
  -khtml-filter: grayscale(0%) opacity(50%);
  -moz-filter: grayscale(0%) opacity(50%);
  -ms-filter: grayscale(0%) opacity(50%);
  -o-filter: grayscale(0%) opacity(50%);
  filter: grayscale(0%) opacity(50%); }

a :hover.icon { 
  -webkit-filter: grayscale(0%) opacity(100%);
  -khtml-filter: grayscale(0%) opacity(100%);
  -moz-filter: grayscale(0%) opacity(100%);
  -ms-filter: grayscale(0%) opacity(100%);
  -o-filter: grayscale(0%) opacity(100%);
  filter: grayscale(0%) opacity(100%); }
  
.stats {
	width: 90%;
	height: 25px;
	background-color: rgba(0,0,0,0.5);
	border: 3px double #9002b4;
	border-radius: 25px; }
	
#history {
	width: 90%;
	height: 1000px;
	background-color: rgba(0,0,0,0.5);
	border: 3px double #FF44FF;
	border-radius: 25px; }

	
/* RWD Update */
table, table table, table table table, #container, .social, .media, .icon, video, .rimage {
	max-width: 100%; height: auto; }
	
video { border: 1px solid gray; }
#grape { 
	background-position: center;
	background-image: url('../images/grapejuicebar.gif');
	background-repeat:no-repeat; 
	background-attachment:scroll; }