/*
Theme Name: The Paracast
Theme URI: http://www.theparacast.com
Description: The Paracast Site Theme
Version: 1.0
Author: Richard Gunn
Author URI: http://www.deckard.worldonline.co.uk

This theme was adapted from the existing Paracast style.

*/
/*
 * The Paracast main style sheet *
 *
*/


#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: 13px;
	margin-left: 12px;
	margin-right: 12px;
}

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;
}


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


.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;
}

.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;
}

.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;
}


/* #### Banner Box 1 #### */

.banner-box {
	border: 1px solid gray;
	margin: 0px auto 10px auto;
	width: 898px;
}

/* #### Banner Box 2 #### */

#banner-box-2-left {
	display: table-cell;
	height: 113px;
	vertical-align: middle;
	width: 395px;
}

#banner-2-left {
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	width: 360px;
}

#banner-box-2-right {
	display: table-cell;
	height: 113px;
	vertical-align: middle;
	width: 503px;
}

#banner-2-right {
	background-color: red;
	height: 93px;
	margin: 0px auto;
	width: 468px;
}


#banner-box-3 {
	border: 1px solid gray;
	height: 235px; width: 898px;
	margin: 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;
}

/* ### Tidy Up CSS ### */

.clearer {
	clear: both;
}

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


/* #### 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: 24px;
	margin: 0px 6px;
}

/* #### 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: 640px;
}

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

.page-container {
	border: 1px solid gray;
	margin: 0 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;
}


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

img.beacon {
	display: none; height: 0px; width: 0px;
}

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

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

#ads-300-250 {
	width: 640px;
	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%;
}

/* #### Revised Ad Box #### */

#middle-ad-box {
	border: solid 1px gray;
	height: 348px; width: 898px;
	margin: 0px auto 10px auto;
	position: relative;
}

#middle-ad-box-200-200 {
	border: none;
	position: absolute; top: 18px; left: 18px;
	width: 200px; height: 200px;
}

#middle-ad-box-125-200 {
	border: none;
	position: absolute; top: 18px; left: 253px;
	width: 125px; height: 200px;
}

#middle-ad-box-360-100 {
	border: none;
	position: absolute; top: 230px; left: 18px;
	width: 360px; height: 100px;
}

#middle-ad-box-468-60-1 {
	border: none;
	position: absolute; top: 18px; left: 413px;
	width: 468px; height: 60px;
}

#middle-ad-box-468-60-2 {
	border: none;
	position: absolute; top: 102px; left: 413px;
	width: 468px; height: 60px;
}

#middle-ad-box-468-60-3 {
	border: none;
	position: absolute; top: 186px; left: 413px;
	width: 468px; height: 60px;
}

#middle-ad-box-468-60-4 {
	border: none;
	position: absolute; top: 270px; left: 413px;
	width: 468px; height: 60px;
}

.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(/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;
}
@media (max-width: 930px)
{
	.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;	
	}
}
@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;	
	}
}
@media (max-width: 479px)

{
    #ads-300-250 {
      width: 300px;
    }
	.leftLogo {
		display: none;	
	}
	.archive-date {
		font-size: 10px;
	}
	.navbar {
		width: 306px;	
	}
	.content-box {
	    /* 286px*/
		width: 100%;
		display: flex;
        flex-direction: column-reverse;
	}
	#footer .content-box-2col-right {
		width: auto;	
	}
	 /* gysitedeveloper display: none; */
	.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;	
	}

}

@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: 320px;	
	}	
}

.paracastplus {
     background-color: lightblue;
     padding: 10px;
     font-size: 16px;
}