/* CUSTOM FONT */
@font-face {
	font-family: 'EfonRegular';
	src: url('font/EFON-webfont.eot');
	src: local('EfonRegular'), url('font/EFON-webfont.woff') format('woff'), url('font/EFON-webfont.ttf') format('truetype'), url('font/EFON-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}  
     
	 
body {
	background-color: #000000 !important;
}
	 
.downloadBox {
  background: black;
  height: 340px;
  padding: 10px;
  color: white;
  width: 980px;
  /* BORDER RADIUS */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px; }
  
 
.romanceCopy {
  font-family: Arial, sans-serif;
  font-size: 16px;
  color: white;
  margin: 15px 0px 0px 0px; }
  
 .button {
  color: white;
  text-decoration: none;
  font-size: 16px;
  font-family: helvetica, arial;
  font-weight: bold;
  display: block;
  text-align: left;
 /* position: relative; */
  padding: 10px;
  height: 140px;

  /* BACKGROUND GRADIENTS */
  background-image: -o-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: -moz-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: -webkit-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: -ms-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: linear-gradient(#7E0000 0%, #141212 100%);

  /* BORDER RADIUS */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #7E0000;
  border-top: 1px solid #141212;
  /* TEXT SHADOW */
  text-shadow: 1px 1px 1px black;
  /* BOX SHADOW */
  -moz-box-shadow: 0 1px 3px black;
  -webkit-box-shadow: 0 1px 3px black;
  box-shadow: 0 1px 3px black; }
  
  
.button2 {
  color: white;
  text-decoration: none;
  font-size: 16px;
  font-family: helvetica, arial;
  font-weight: bold;
  display: block;
  text-align: left;
  position: relative;
  padding: 10px;
  min-height: 165px;
  width: 600px;
    /* BACKGROUND GRADIENTS  */
   background-image: -o-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: -moz-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: -webkit-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: -ms-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: linear-gradient(#7E0000 0%, #141212 100%);
  /* BORDER RADIUS */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #7E0000;
  border-top: 1px solid #141212;
  /* TEXT SHADOW */
  text-shadow: 1px 1px 1px black;
  /* BOX SHADOW */
  -moz-box-shadow: 0 1px 3px black;
  -webkit-box-shadow: 0 1px 3px black;
  box-shadow: 0 1px 3px black; }
  
  .button3 {
  color: white;
  text-decoration: none;
  font-size: 16px;
  font-family: helvetica, arial;
  font-weight: bold;
  display: block;
  text-align: left;
  position: relative;
  padding: 10px;
  min-height: 165px;
  width: 600px;
    /* BACKGROUND GRADIENTS  */
   background-image: -o-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: -moz-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: -webkit-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: -ms-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: linear-gradient(#7E0000 0%, #141212 100%);
  /* BORDER RADIUS */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #7E0000;
  border-top: 1px solid #141212;
  /* TEXT SHADOW */
  text-shadow: 1px 1px 1px black;
  /* BOX SHADOW */
  -moz-box-shadow: 0 1px 3px black;
  -webkit-box-shadow: 0 1px 3px black;
  box-shadow: 0 1px 3px black; }
  
  @media screen and (max-width: 650px) {
	.button3 {
		width: 215px;
		height: 500px;
	
	}
  
  }

.downloadHelp {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  color: #FFF; }

.fileDownload {
  float: left;
  margin: 5px;
  width: 182px;
  height: 130px;
  border: 3px solid white; }

.fileDownloadImage {
  margin-top: 20px;
  height: 90px; }

.watchNow {
  color: white;
  text-decoration: none;
  font-size: 16px;
  font-family: helvetica, arial;
  font-weight: bold;
  display: block;
  text-align: left;
  position: relative;
  padding: 10px;
  background-image: -o-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: -moz-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: -webkit-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: -ms-linear-gradient(#7E0000 0%, #141212 100%);
  background-image: linear-gradient(#7E0000 0%, #141212 100%);
  /* BORDER RADIUS */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #7E0000;
  border-top: 1px solid #141212;
  /* TEXT SHADOW */
  text-shadow: 1px 1px 1px black;
  /* BOX SHADOW */
  -moz-box-shadow: 0 1px 3px black;
  -webkit-box-shadow: 0 1px 3px black;
  box-shadow: 0 1px 3px black;
  height: 50px;
  width: 175px;
  text-align: center;
  font-size: 18px; }

.downloadNow {
  height: 40px;
  width: 300px;
  text-align: center;
  font-size: 18px; }

a.fileDownloadSimpleRichExperience {
  color: white; }

a.fileDownloadSimpleRichExperience:hover {
  color: red; }

.h2Style {
  color: #ccc;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin: 14px 6px 0px 0px; }

.h2Style2 {
  color: #ccc;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin: 14px 6px 10px 0px; }

/* #cboxOverlay { background-color: #000; opacity: 0.5 !important; } */

#cboxOverlay { background-color: #000; opacity: 0.85 !important; }
  
.vjs-big-play-button {
  display: none; }

  .compatIconBox {
  width: 280px;
  margin-left: 35px; }
  
  .compatIconContainer {
	padding: 0px;
	padding-top: 25px;
  }

  .compat-icon {
	padding: 5px;
	padding-right: 5px;
  }
  
  
.compatIconCell {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px; }

.downloadCell, .compatIconCell {
  width: 618px; }
  
@media screen and (min-width: 981px) {
  #watchNow1 {
    display: block; }

  #watchNow2 {
    display: none; } 
	
	.h2Episode {
		float: left;
	}
	
	}
	
/*  Max Width 700px   */	
	
@media screen and (max-width: 980px) {
  #watchNow1 {
    display: none; }

  #watchNow2 {
    display: block; } 
	
	.h2Episode {
		float: none;
	}
	
	.downloadCell, .compatIconCell {
  width: auto; }
	
	}
	
	


/* Preview Page */
#previewWrapper {
  background-color: black; }
  #previewWrapper p, #previewWrapper li {
    color: lightgray;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    margin: 0px; }
  #previewWrapper strong {
    color: white; }
  #previewWrapper td {
    padding-top: 40px;
    pading-bottom: 40px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top; }
  #previewWrapper table {
    width: 600px;
    margin: auto;
    font-color: white;
    margin-bottom: 30px;
    margin-top: 30px; }
  #previewWrapper .imageCell {
    width: 190px;
    padding-top: 40px;
    pading-bottom: 40px; }
  #previewWrapper .textCell {
    vertical-align: top;
    padding-top: 40px;
    pading-bottom: 40px; }
  #previewWrapper .joinLink {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto; }

/* Help Page */
.help-section p {
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding-bottom: 0px; }

#helpWrapper h1 {
  color: #c30b0b;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 24px;
  font-weight: bold;
  margin: 40px; }

#helpWrapper li {
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px; }

#helpWrapper ul {
  margin-bottom: 10px;
  margin-top: 10px; }

.help-subsection {
  padding-bottom: 20px; }

#helpWrapper ol li {
  margin-bottom: 10px; }

/*# sourceMappingURL=styles.css.map */


/***************************/
/*# I-Device Media Qheries */
/***************************/


/*  iPad in portrait & landscape  */
/*
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
 
 .downloadCell, .compatIconCell { display: none; }
 
 }
 */
 /*   iPad 3 & 4 Media Queries  */
 
 @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) { .downloadCell, .compatIconCell { display: none; }}

/*  iPad 1 & 2 Media Queries*/
/*
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){ .downloadCell, .compatIconCell { display: none; }}
*/
 /*   iPhone 6 in portrait & landscape  */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) { .downloadCell, .compatIconCell { display: none; }}


 /*   iPhone 6 Plus Media Queries */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { .downloadCell, .compatIconCell { display: none; }}


 /*   iPhone 5 & 5S Media Queries */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { .downloadCell, .compatIconCell { display: none; }}

/*   iPhone 2G, 3G, 4, 4S Media Queries */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { .downloadCell, .compatIconCell { display: none; }}


/*    iPad mini in portrait & landscape  */
/*
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1)  { .downloadCell, .compatIconCell { display: none; }}
*/
/***************************/
/* striping out inline css */
/***************************/


.episode-thumbnail-image {
	float:left;
	padding:4px;
}
.nowInTheDungeonTitle {
	padding-top: 8px;
}

.view-download {
	margin-top: 20px; 
	margin-bottom: 20px; 
	margin-right: 15px;

	height: 35px;
	float: left;
}

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

	.view-download { 
		margin-right: auto;
		margin-left: auto;	
		float: none;
	}

}

.view-download-container {
	padding: 0px; 
	margin-left: 0px;
	width: 100%;
}

.affiliateTextarea {
	color: black;
}

#webmasters-create-submit {
	height: 40px;
	width: 200px;
	margin: 30px;
	text-align: center;

}

.episode-main-container {
	max-width: 1000px;
	margin-top:50px;
}

.episode-thumbnail-container {
	width: 100%; 
	max-width: 1000px; 
	min-height: 50px;
	margin-top: 50px;
}

.episode-thumbnails {
	
}

.episode-main {
	text-align: left;
}

.episode-actor{
	font-family:Verdana, Geneva, sans-serif; 
	font-size:22px; 
	color:#F33; 
	font-weight:bold; 
	margin:10px 0px 0px 0px;
}

.episode-title {
	font-family:Verdana, Geneva, sans-serif; 
	font-size:22px; 
	color:#F33; 
	font-weight:bold; 
	font-style:italic; 
	margin:4px 0px 0px 0px;
}

.episode-time {
	font-family:Verdana, Geneva, sans-serif; 
	font-size:14px; 
	color:#999; 
	font-weight:bold; 
	margin:4px 0px 0px 0px;
}

.episode-romance-copy {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px; 
	color:#999; 
	font-weight:bold; 
	margin:15px 0px 0px 0px; 
	text-align: left;
}

.episode-spacer {
	height: 5px; 
	width: 100%
}

.episode-joinnow-container {
	margin:50px 0px 0px 0px;
}

.episode-joinnow-image {
	 width:329px;
	 height: 56px;
	 border: none; 
}

.episode-main-image {
	padding-right:12px; 
	max-width: 380px;
}

.view-download-block {
	min-height: 300px;
	
}

.episodeActor2 {
	font-family:Verdana, Geneva, sans-serif; 
	font-size:22px; 
	color:#F33; 
	font-weight:bold; 	
	margin:50px 0px 0px 10px;
	text-align: left;
}

.episodeTitle2 {	
	font-family:Verdana, Geneva, sans-serif; 
	font-size:20px; 
	color:#F33; 
	font-weight:bold; 
	margin:0px 0px 0px 10px; 
	font-style:italic;
	text-align: left;
}
.episodeTitleWrapper {
	text-align: left;
}

.seriesPostWrapper {
	margin-top: 20px;
} 




.row {
	clear: both;
}

.seriesWrapper {
	max-width: 980px;
	width: 100%;
	margin-top: 40px;
}

.seriesHeaderActor{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #FFF;
	font-weight: bold;
}

/*   Mobile Views*/

@media only screen 
and (max-width : 880px) { 
.episode-joinnow-image  {margin-right: auto; margin-left: auto; text-align: center;}
.episode-joinnow-container {margin-right: auto; margin-left: auto; text-align: center; margin-top: 0px;}
 .episode-actor, .episode-title, .episode-time { margin-left: 15px;}

}


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

	.episode-thumbnail-image { 
		margin-right: auto;
		margin-left: auto;	
		float: none;
	}
	
	.episode-romance-copy {
		padding: 15px;
	}

}