/* 
Theme Name: Legion of Dans v1
Theme URI: http://legionofdans.com
Version: 1
Description: Custom Wordpress theme for Legion of Dans.
Author: Peter Go
Author URI: http://www.petergo.org
*/
body {
	background-color: #abe1fa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 200%;
	color: #006891 !important;
	margin: 0;
	padding: 0;
	min-width: 320px;
	overflow-x: hidden !important;
}

body.plain {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 140%;
	margin: 0;
	padding: 0;
	min-width: 320px;
	overflow-x: hidden !important;
}

img { max-width: 100% !important; height: auto; }

h1,h2,h3,h4,h5,h6,p {font-family: 'Capriola', Arial, Helvetica, sans-serif;}

a, a:active, a:focus, a:visited {
	color: #000;
	text-decoration: none;
	outline: 0 !important;
}
a:hover {
	color: #4e4e4e;
	text-decoration: none;
}

.main-wrapper {
	margin: 0 auto;
	padding: 0;
	max-width: 1000px;
	position: relative;

}
.nopad {
	padding: 0 !important;
}
.the-header {
	margin-top: 10px;
	margin-bottom: 34px;
}
.social-buttons {
	padding-top: 80px;
	text-align: center;
	white-space: nowrap;
}
.social-buttons img {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
}
.home-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 170%;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 8px;
	max-width: 576px;
}
.faces { text-align: center; min-width: 212px; }
.faces img {
	padding-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}


.dans {

}


img.centered, .aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 0;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 0;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left;
    } 

.names {
	margin-left: 40px;
	margin-top: 54px;
}

.episodes-grid {
	max-width: 836px;
	padding: 0;
	margin: 0 auto !important;
	text-align: center;
}
.episodecell {
	position: relative;
	margin-right: 17px;
	margin-left: 17px;
	margin-bottom: 34px;
	
	max-width: 242px;
	max-height: 242px;

	padding: 0;

	overflow: hidden;
	cursor: pointer;
}
.episodetitle,
.episodetitle a:visited,
.episodetitle a:hover,
.episodetitle a:active,
.episodetitle a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background-color: #fff;
	font-family: 'regularregular' !important;
	font-size: 24px;
	color: #006891 !important;
	padding-top: 12px;
}
.episodetitle2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 120%;
/***
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 11%, rgba(0,0,0,0.35) 43%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,rgba(0,0,0,0)), color-stop(43%,rgba(0,0,0,0.35)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 11%,rgba(0,0,0,0.35) 43%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 11%,rgba(0,0,0,0.35) 43%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 11%,rgba(0,0,0,0.35) 43%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 11%,rgba(0,0,0,0.35) 43%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bd000000',GradientType=0 );
***/
}

.episodetitle2 a:visited,
.episodetitle2 a:hover,
.episodetitle2 a:active,
.episodetitle2 a {
	font-family: 'cubanoregular' !important;
	font-size: 18px;
	color: #fff !important;
	padding-top: 5px;
/***	text-shadow: 0 0 2px #5d5d5d, 0 0 2px #5d5d5d, 0 0 2px #5d5d5d, 0 0 2px #5d5d5d; ***/
}

.dansgrid {
	max-width: 810px;
	padding: 0;
	margin: 0 auto !important;
	text-align: center;
}

.danscell {
	position: relative;
	margin-right: 5px;
	margin-left: 5px;

	max-width: 190px;
	padding: 0;
}
.danname {
	background-color: #abe1fb;
	height: 25px;
	font-family: 'cubanoregular';
	font-size: 18px;
	text-align: center;
}
.daninfo {
	position:relative;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	text-align: left;
	margin-bottom: 16px;
	padding: 12px;
	max-height: 170px;
	overflow: hidden;
}
.danscell .fader { 
	position: absolute; 
	bottom: 16px; 
	left: 0;
	width: 100%; 
	margin: 0; 
	min-height: 50px; 
	z-index: 10;
	background: url('/images/fader.png') repeat-x;
}
.ps-scrollbar-y-rail, .ps-scrollbar-x-rail { z-index: 100 !important; }

.hideme {
	opacity:0;
}

.the-footer,
.the-footer a:visited,
.the-footer a:hover,
.the-footer a:active,
.the-footer a {
	color: #006891 !important;
	font-size: 10px;
	line-height: 120%;
}
.credits,
.credits a:visited,
.credits a:hover,
.credits a:active,
.credits a {
	color: #006891 !important;
	text-align: right;
}

.bxslider-slides {
	padding: 0;
	margin: 0 auto;

}

.audio-player {
	margin-top: 30px;
	margin-bottom: 20px;
}
audio {
	background-color: #006891;
}
.au-player {
	padding-bottom: 12px;
}

.single-logo {
	display: none;
	padding-top: 12px;
	margin: 0 auto;
	text-align: center;
}

.font-lblue { color: #abe1fb; }

.font-14 { font-size: 14px; }
.font-16 { font-size: 16px; }
.font-18 { font-size: 18px; }
.font-20 { font-size: 20px; }
.font-22 { font-size: 22px; }
.font-24 { font-size: 24px; }

.font-alwaysradio {font-family: 'regularregular' !important;}
.font-cubano {font-family: 'cubanoregular' !important;}

@font-face {
    font-family: 'regularregular';
    src: url('/fonts/AlwaysRadio-webfont.eot');
    src: url('/fonts/AlwaysRadio-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/AlwaysRadio-webfont.woff2') format('woff2'),
         url('/fonts/AlwaysRadio-webfont.woff') format('woff'),
         url('/fonts/AlwaysRadio-webfont.ttf') format('truetype'),
         url('/fonts/AlwaysRadio-webfont.svg#regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'cubanoregular';
    src: url('/fonts/Cubano-Regular-webfont.eot');
    src: url('/fonts/Cubano-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Cubano-Regular-webfont.woff2') format('woff2'),
         url('/fonts/Cubano-Regular-webfont.woff') format('woff'),
         url('/fonts/Cubano-Regular-webfont.ttf') format('truetype'),
         url('/fonts/Cubano-Regular-webfont.svg#cubanoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}





#myList div{ 
	/*** display:none; ***/
	/*** un-comment the above when episodes > 6 ***/
}
#loadMore {
	cursor: pointer;
	margin-bottom: 40px;
}


#ModalPrivacy .modal-dialog,
#ModalTerms .modal-dialog {
	width: 800px;
	max-width: 95%;
}


@media (max-width: 969px) { 
	.home-text { padding-top: 50px !important; max-width: 100%; }
}

@media (max-width: 940px) { 
	.lod-logo { padding-top: 20px !important; }
}


@media (max-width: 798px) { 
	.episodecell { 	max-width: 300px; max-height: 300px; }
}

@media (max-width: 768px) { 
	.home-text { padding-top: 10px !important; margin-left: 30px !important; margin-right: 30px !important; }
	.faces { padding-top: 1px !important; }
	.episodes-grid { margin-left: 14px !important; margin-right: 14px !important; }
	.episodecell { 	max-width: 400px; max-height: 400px; }
	.social-buttons {padding-top: 10px !important;}
	.names { margin-left: 0 !important; margin-top: 30px !important; text-align: center; }

	.danscell { max-width: 320px !important; }
	.dansgrid { margin-left: 24px !important; margin-right: 24px !important; }
	
	.the-footer, .credits { text-align: center !important; padding-bottom: 12px; padding-top: 12px; }

}
@media (max-width: 600px) { 
	.the-header { margin-left: 30px !important; margin-right: 30px !important; }
	
	.danscell { max-width: 400px !important; }
}