/*
Theme Name: Tech Broadcasting 2021
Theme URI: https://www.technightowl/live/
Description: Tech Broadcasting site theme
Version: 1.0
Author: Richard Gunn
Author URI: http://www.deckard.worldonline.co.uk

This theme was adapted from the existing Tech Broadcasting style

*/

#please_link_to_me_title {
   font-size: 1.1em;
   font-weight: bold;
   margin-top:24px;
   margin-bottom:10px;
}

#please_link_to_area {
   margin-bottom:24px;
}

body {
	color: #000000;
	background-color:white;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 14px;
	margin-left: 12px;
	margin-right: 12px;
}

.header {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 24px;
	margin-top: 12px;
	width: 928px;
}

.banner-ads { width: 468px; height: 60px; }

.ad-placement { margin-left: -30px;  margin-bottom: 24px; }

P { color: #000000; }


a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}
a:hover {
	color: #147;
	text-decoration: underline;
	}

/* #### Remove border from images #### */

img {
	border-style: none;
	outline: none;
}

.menu-tpc { width: 700px; height: 25px; }


hr {
	color: gray;
	width: 25%;
}

.head {
	font-size: 14px;
	font-weight: bold;
	margin-top: 4px;
}

.mainhead {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
}

#main {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 910px;
}

.site-info {
	font-weight: bold;
}

.top {
	clear: none;
	border: 1px solid gray;
	padding-bottom: 12px;
}

.top .left {
	float: left;
	width: 210px;
	text-align: center;
	font-size: 9px;
	border: 1px solid white;
}

.top .right {
	clear: none;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	width: 462px;
	text-align: left;
	border: 1px solid white;
}

.archives {
	clear:both;
	border: 1px solid gray;
	padding: 10px;
}

.archives .left {
	float: left;
	font-size: 11px;
	border: 1px solid white;
	width: 560px;
	text-align: left;
}

.archives .right {
	clear: none;
	width: 120px;
	text-align: left;
	padding: 0;
	float: left;
	margin-left: 12px;
	font-size: 11px;
}

.archives .rg-left {
	float: left;
	font-size: 11px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	width: 120px;
}

.archives .rg-center {
	float: left;
	font-size: 11px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	width: 380px;
}

.archives .rg-right {
	float: left;
	font-size: 11px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	width: 120px;
}


.qc {
	padding-left: 6px;
	padding-right: 6px;
	text-align: left;
}

.qt {
	margin-top: 4px;
	margin-left: 4px;
	margin-bottom: 0;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
}

.small {
	font-size: 11px;
}

.large {
	font-weight: bold;
	font-size: 16px;
}

.hostpic {
	margin-right: 12px;
	margin-bottom: 6px;
}

.hostdesc {
	font-size: 14px;
}

.almosttiny {
	font-size: 10px;
}

.tiny {
	font-size: 11px;
	line-height: 16px;
}

.host {
	font-size: 16px;
	font-weight: bold;
}

td {
	vertical-align: top;
}

.archive-date {
	width: 6em;
}

td p {
	padding-top: 0;
	margin: 0;
	margin-top: 10px;
}

.rule {
	margin: 10px auto;
	text-align: center;
	width: 900px;
}

.klav-logo {
	width: 178px;
	height: 68px;
	}

p.klav-text {
	margin-left: 4px;
	margin-top: 2px;
	font-weight: bold;
	font-size: 12px;
	}


/* #### Navigation Menu Bar #### */

.navbar {
	background-color: black;
	background-repeat: no-repeat;
	color: white;
	font-weight: bold;
	height: 25px;
	line-height: 23px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	width: 900px;
}

.navbar span {
	margin: 0px auto;
}

.navbar img {
	border: none;
	height: 25px;
	margin: 0px 10px;
}


/* #### #### */

.adbox-a {
	float: left;
	padding: 5px;
}

.adbox-a.left {
	width: 135px;
}

.adbox-a.right {
	width: 480px;
}

.adbox-a.right img {
	margin: 0 auto 10px auto;
}


/* #### Page Container #### */

.page-container {
	border: 1px solid gray;
	margin: 0px auto 10px auto;
	padding: 19px;
	width: 860px;
}

.page-left {
	float: left;
	margin: 0;
	padding: 5px;
	width: 710px;
}

.page-right {
	float: left;
	margin: 0 0 0 10px;
	padding: 5px;
	width: 120px;
}

/* #### Content Box #### */

.content-box {
	border: 1px solid gray;
	margin: 0px auto 10px auto;
	padding: 9px;
	width: 880px;
}

.content-box-2col-left {
	float: left;
	margin: 0;
	padding: 5px;
	text-align: center;
	width: 210px;
}

.content-box-2col-right {
	float: left;
	margin: 0 0 0 10px;
	padding: 5px;
	width: 634px;
}

.subscribe-announce{
	background-color:#FFC;
	width: 620px;
}

#footer {
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}

.clearer {
	clear: both;
}

/* #### Latest Episodes Box #### */

#latest-box-left {
	float: left;
	margin: 0;
	padding: 5px;
	width: 120px;
}

#latest-box-right {
	float: left;
	margin: 0 0 0 10px;
	padding: 5px;
	width: 710px;
}


/* #### Top Banner #### */

#banner-top {
	margin: 10px auto;
	text-align: center;
}

/* #### Sponsor Links #### */

#sponsor-links a {
	font-weight: bold;
	text-decoration: none;
}

/* #### Middle Banner Box #### */

#banner-box-3 {
	border: 1px solid gray;
	height: 235px; width: 898px;
	margin: 0px auto 10px auto;
}

#banner-box-3-left {
	float: left;
	text-align: center;
	width: 235px;
}

#banner-box-3-center {
	float: left;
	text-align: center;
	width: 160px;
}

#banner-box-3-right {
	float: left;
	padding: 7px 0px;
	text-align: center;
	width: 503px;
}

#banner-box-3-left-img {
	margin: 17px;
}

#banner-box-3-center-img {
	margin: 17px;
}

#banner-box-3-right-top-img {
	margin: 10px 17px;
}

#banner-box-3-right-middle-img {
	margin: 10px 17px;
}

#banner-box-3-right-bottom-img {
	margin: 10px 17px;
}

#ads-300-250 {
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 630px;
	margin: 10px auto 20px auto;
	text-align: center;
}

#ads-300-250-page {
	width: 700px;
	margin: 0 auto 20px auto;
	text-align: center;
}

#ads-300-250-single {
	width: 700px;
	margin: 10px auto 20px auto;
	text-align: center;
}

.ad1-300-250 {
	width: 30px;
	/*height: 250px;*/
	margin-right: 15px;
	float: left;
}

.ad2-300-250 {
	width: 300px;
	/*height: 250px;*/
	float: right;
}

hr.no-style {
	color: black;
	width: 100%;
}
.mobile {
	display: none;
	width: 100%;
	margin-left: -12px;
	height: 120px;
	clear: both;
	border-top: solid 3px #1e6d9e;
	padding-top: 5px;
	position: fixed;
	background-color:#FFFFFF;
	top: 0px;
	z-index: 99999;
}
.mobileLogo {
	background-size: cover;
	width: 100px;
	height: 100px;
	float: left;
	margin-left: 10px;
}
#navButton {
	width: 59px;
	height: 59px;
	display: block;
	float: right;
	background-image: url(/radio/images/mobileNav.png);
	margin-top: 19px;
	margin-right: 10px;
}
#closeNav {
	display: none;
	width: 59px;
	height: 59px;
	float: right;
	background-image: url(/radio/images/closeButton.png);
	margin-top: 19px;
	margin-right: 10px;
}
.mobileNavigation {
	display: none;
	position: fixed;
	top: 0px;
	width: 100%;
	margin: 0px;
	margin-top: 128px;
	font-size: 18px;
	z-index: 99999;
	margin-left: -12px;
	height: 60%;
	overflow-y:scroll;
}
.mobileNavigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #000000;
	padding-bottom: 10px;
	padding-top: 10px;
}
.mobileNavigation ul li {
	float: none;
}
.mobileNavigation ul li a {
	color: #FFFFFF;
	background-color: #1e6d9e;
	margin-left: 20px;
	margin-right: 20px;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}
@media (max-width: 930px)
{
	#banner-box-3 {
		width: 730px;
		height: auto;
	}
	#banner-box-3-left {
		float: none;
		width: 222px;
		margin-right: auto;
		margin-left: auto;
	}
	#banner-box-3-center {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#banner-box-3-right {
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	.content-box {
		width: 710px;	
	}
	#middle-ad-box {
		width: 728px;
		height: auto;	
	}
	#middle-ad-box-200-200 {
		position: static;
		float: left;
		margin-left: 170px;
		margin-right: 60px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#middle-ad-box-125-200 {
		position: static;
		float: left;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#middle-ad-box-360-100 {
		position: static;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		
	}
	#middle-ad-box-468-60-1 {
		position: static;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		
	}
	#middle-ad-box-468-60-2 {
		position: static;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		
	}
	#middle-ad-box-468-60-3 {
		position: static;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		
	}
	#middle-ad-box-468-60-4 {
		position: static;
		clear: both;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		
	}
	.content-box-2col-right {
		width: 470px;	
	}
	.ad1-300-250 {
		float: none;
		height: 250px;	
		margin-bottom: 20px;
	}
	.ad2-300-250 {
		float: none;
		height: 250px;	
	}
	#latest-box-right {
		width: 560px;	
	}
	.navbar {
		width: 730px;
		background-size: 100% 25px;	
	}
	.navbar img {
		height: 20px;
		margin: 3px 4px;	
	}
	.page-container {
		width: 690px;	
	}
	.page-container .ad1-300-250  { 
		float: left;
	}
	.page-container .ad2-300-250  { 
		float: right;
	}
	.page-left {
		width: 540px;	
	}
	.page-right {
		margin-top: 190px;	
	}
	#ads-300-250 {
		border: none;	
	}
}
@media (max-width: 767px)
{
	.mobile {
		display: block;	
	}
	body {
		margin-top: 130px;	
	}
	#banner-top {
		display: none;	
	}
	.content-box {
		width: 428px;	
	}
	.content-box-2col-left {
		width: 147px;	
	}
	.content-box-2col-left .qt img {
		max-width: 147px;
		max-height: 152px;	
	}
	.content-box-2col-right {
		width: 245px;	
	}
	#ads-300-250 {
		margin-left: -22px;
	}
	.content-box-2col-left, #latest-box-left, .page-right {
		display: none;	
	}
	hr.no-style {
		display: none;	
	}
	#latest-box-right {
		width: 272px;	
	}
	.navbar {
		display: none;
		width: 448px;
		height: auto;
		background-color: #333333;	
	}
	#footer .content-box-2col-left{
		width: 183px;
	}
	#footer .content-box-2col-right {
		width: 215px;	
	}
	.page-container {
		width: 408px;	
	}
	.page-container #ads-300-250-page {
		width: 410px;
	}
	.page-container .ad1-300-250  { 
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 300px;
	}
	.page-container .ad2-300-250  { 
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#sponsor-links {
		width: 230px;	
	}
	.post {
		margin-top: 40px;	
	}
	.page-left {
		width: 258px;	
	}
	.page-right {
		height: 215px;	
	}
	#banner-box-3 {
		width: 447px;
	}
	#banner-box-3-right {
		display: block;	
	
	}
}
@media (max-width: 479px)

{
    #ads-300-250 {
      width: 300px;
    }
	.downloadTable {
		font-size: 11px;	
	}
	.leftLogo {
		display: none;	
	}
	#banner-box-3 {
		width: 304px;
	}
	.archive-date {
		font-size: 10px;
	}
	.navbar {
		width: 306px;	
	}
	.content-box {
        width: 90%;
		display: flex;
        flex-direction: column-reverse;
	}
	#footer .content-box-2col-right {
		width: auto;	
	}
	.content-box-2col-left, #latest-box-left, .page-right {
		display: block;	
	}
	#middle-ad-box {
		width: 303px;	
	}
	#middle-ad-box-200-200 {
		float: none;
		margin-left: 50px;
		margin-right: 0px;	
	}
	#middle-ad-box-125-200 {
		float: none;
		margin-left: 90px;
	}
	#middle-ad-box-360-100 {
		width: 290px	
	}
	#middle-ad-box-360-100 img {
		max-width: 290px	
	}
	#middle-ad-box-468-60-1 img, #middle-ad-box-468-60-2 img, #middle-ad-box-468-60-3 img, #middle-ad-box-468-60-4 img {
		width: 290px	
	}
	#middle-ad-box-468-60-1, #middle-ad-box-468-60-2, #middle-ad-box-468-60-3, #middle-ad-box-468-60-4 {
		max-width: 290px
	}
	.page-container {
		width: 266px;	
	}
	.page-container #ads-300-250-page {
		width: 300px;
		margin: 0;
		margin-left: -17px;	
	}
	
	
	/*gysitedeveloper*/
	#banner-box-3-right {
		display: block;
			width:auto;
	}
    	.mobile {
	display: block;
	width: 100%;
	margin-left: -12px;
	height: 120px;
	clear: both;
	border-top: solid 3px #1e6d9e;
	padding-top: 5px;
	position: fixed;
	background-color:#FFFFFF;
	top: 0px;
	z-index: 99999;
}
.mobileLogo {
    background-image: url("images/radio_logos/MacRadio3.png");
	background-size: cover;
	width: 100px;
	height: 100px;
	float: left;
	margin-left: 10px;
}
#navButton {
	width: 59px;
	height: 59px;
	display: block;
	float: right;
	background-image: url(images/mobileNav.png);
	margin-top: 19px;
	margin-right: 10px;
}
#closeNav {
	display: none;
	width: 59px;
	height: 59px;
	float: right;
	background-image: url(images/closeButton.png);
	margin-top: 19px;
	margin-right: 10px;
}
.mobileNavigation {
	display: none;
	position: fixed;
	top: 0px;
	width: 100%;
	margin: 0px;
	margin-top: 128px;
	font-size: 18px;
	z-index: 99999;
	margin-left: -12px;
	height: 60%;
	overflow-y:scroll;
}
.mobileNavigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #000000;
	padding-bottom: 10px;
	padding-top: 10px;
}
.mobileNavigation ul li {
	float: none;
}
.mobileNavigation ul li a {
	color: #FFFFFF;
	background-color: #1e6d9e;
	margin-left: 20px;
	margin-right: 20px;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
}
	/*gysitedeveloper*/

}

@media (max-width: 767px)
{
	.mobile, .mobileNavigation {
		max-width: 760px;	
	}	
}
@media (max-width: 759px)
{
	.mobile, .mobileNavigation {
		max-width: 480px;	
	}	
}
@media (max-width: 479px)
{
	.mobile, .mobileNavigation {
		max-width: 100%;	
	}	
}
.paracastplus {
     background-color: lightblue;
     padding: 10px;
     font-size: 16px;
}