/*
Theme Name: JAL Dance
Description: The 2014 JAL Dance for WordPress is a fully responsive theme intended for the JAL Dance website that looks great on any device. Well okay.. technically not any device as I'm sure it wouldn't look good on a TI calculator for instance. Though I may be interpreting "any device" a litle broadly. Can TI calculators even browse the net? What was I talking about again...?
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jal_dance
*/
body, table {
	font-family:Arial, Helvetica, sans-serif;
	color:#310A86; /*changed to purple*/
	font-size:13px;
}
body {
	padding:0;
	margin:0;
	/* background-image:url(images/bg.gif); remove this pink so is white and more clean */
	/* background-repeat:repeat-x; */
	background-position:left top;
	background-color:#FFFFFF; /*was cerise #D81978, changed to white*/
}
table, td, th, .nav, .nav li {
	border:none;
	margin:0;
}
.logoutbind {
	width:200px;
	max-width:100%;
}
input, textarea {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	max-width:100%;
}
#bgmp_map-canvas {
	width:100% !important;
	max-width:100%;
}
.nav, .contentwrappera {
	width:100%;
}
.nav, .contentwrappera {
	display:table;
}
.contentwrappera {
	background-color:#FFF;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
.nav ul, .contentwrapperb {
	display:table-row;
}
.nav li, .contentleft, .contentright {
	display:table-cell;
}
.nav ul, .nav li {
	padding:0;
	margin:0;
	list-style-type:none;
}

.contentwrappera, table {
	border-collapse:collapse;
	border-spacing:0;
	table-layout:fixed;
}
td, th, .contentleft, .contentright {
	padding:0;
	text-align:left;
	vertical-align:top;
}
.nav li,
	padding:0;
	text-align:center;
	vertical-align:top;
}
.listpool td {
	padding:5px;
}
a {
	text-decoration:none;
}
.contentleft {
	background-repeat:repeat-x;
	background-position:left top;
	background-image:url(images/leftbg.gif);
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
}
.contentright {
	background-repeat:repeat-x;
	background-position:left top;
	background-image:url(images/rightbg.gif);
	width:260px;
	border-right:1px solid #FFF;
	text-align:left;
}
.nav li, .nav a {
	text-align:center;
}
.nav a {
	display:block;
	color:#310A86; /*was WHITE #FFF, changed to purple*/
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding:12px 2px;
}
h1, h2, h3, .nav a, .rph {
	font-family:"Century Gothic", "Trebuchet MS", Arial, "Liberation Sans", sans-serif;
}
h1, h2, h3, .nav a {
	color:#310A86; /* purple jody added nav*/

}
h1 {
	font-size:26px;
	font-weight:normal;
}
h2 {
	font-size:21px;
	font-weight:normal;
}
h3 {
	font-size:16px;
	font-weight:normal;
}
.himc {
	background-color:#FFF; 
	padding:1px 1px 0;
}
.header img, .himc img {
	vertical-align:bottom;
}
.himc img {
	width:100%;
}
h1.title, h2.title, h3.title {
	padding-top:0;
	margin-top:0;
}
.container {
	text-align:center;
}
.clr {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
	height:1px;
	overflow:hidden;
	width:1px;
	margin-top:-1px;
}
.mainwrapper, .header {
	width:980px;
	text-align:left;
	margin:0 auto;
}
.holderwrapper {
	width:100%;
	overflow:hidden;
}
.imageholder {
	width:32%;
	float:left;
}
.textholder {
	width:66%;
	float:right;
}
.listpool .imageholder {
	float:right;
	width:21%;
	text-align:right;
}
td {
	vertical-align:top;
}
.listpool .textholder {
	float:left;
	width:77%;
}
.listpool .holderwrapper {
	padding:8px 0;
	border-top:1px solid #310A86; /*was WHITE #FFF, changed to purple*/
}
.listpool {
	padding:16px 0 8px;
}
.rbtn {
	background-color:#FFF /* #460ECB pretty blue */;
	padding:1px;
	margin:4px 0 0;
}
.rbtn a {
	background-color:#FFF;
	color:#310A86; /* purple */
	border:1px solid #FFF;
	padding:3px;
	text-align:left;
	background-image:url(images/nav.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	display:block;
	/* font-weight:bold; */
	font-size:16px;
	text-decoration:none;
}
.rbtn a:hover {
	background-color:#9197F7; /* lightpurple */
	background-position:left top;
}
.rph {
	text-align:right;
	color:#fff; /*PHONE NUMBER*/

	font-size:45px;
}
.header {
	text-align:center;
	padding:8px 0;
	/* background-image:url(images/logobg.jpg); remove this half moon at top */
	/* background-position:center top; */
	/* background-repeat:no-repeat; */
}
.textbody {
	color:#290518; /* brown */
	background-repeat:no-repeat;
	background-position:right top;
	background-image:url(images/leftbg.jpg);
	height:auto !important;
	min-height:136px;
	height:136px;
}
.textbodyi, .contentrighti {  /* think this is the widgets on the right hand side */
	padding:8px;
	color:#290518; /* brown */
}
.contentright h3 {
	color:#310A86; /* purple */
	font-size:16px;
}
.footer {
	color:#310A86; /*was WHITE #FFF, changed to purple*/
	padding:8px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.footer a {
	color:#310A86F; /*FC6 yellow changed to purple */
}
.nav a:hover, .footer a:hover {
	color:#FC0; /*FC0 bright pink */
}
.fbentries {
	width:85%; /*jody changed from 100 */
	overflow:hidden;
}
.fbentry {
	padding:0 0 8px 58px;
}
.fbcont {
	position:relative;
	height:auto !important;
	min-height:50px;
	height:50px;
}
.fbheader {
	font-size:13px;
	padding:0;
	margin:0;
}
.fbdate {
	color:#999;
	font-size:11px;
}
.fbcont img {
	width:auto !important;
	max-width:300px;
	width:300px;
}
.fbim, .fbcont img.fbim {
	width:50px;
	width:50px !important;
	position:absolute;
	left:-58px;
	top:0;
}
.fbimlink {
	display:block;
	text-align:left;  /*jody changed from center */
	width:75%;  /*jody changed from 100 */

}
img.fbimwide {
	width:75%;  /*jody changed from 50 */
}
img.fbimwide[src] {
	width:auto;
	max-width:100%; 
}
img.fbimnarrow {
	max-width:100%;
}
.listpool h2 {
	font-weight:normal;
}
a img {
	border:none;
}
.imageholder img {
	width:100%;  }
.hmw img, .hmw .imageholder img, .textbodyi img {
	max-width:100%; 
}
.hmw img[src], .hmw .imageholder img[src], .textbodyi img[src] {
	width:auto;
	height:auto;
}
.hmw .fbcont img {
	max-width:100%; 
}
@media only screen and (min-width:0px) {
	img, .imageholder img {
		width:auto;
		height:auto;
		max-width:100%;
	}
	.fbcont img {
		max-width:100%;  
	}
}
@media only screen and (max-width:1050px) {
	.mainwrapper {
		max-width:95%;
	}
	.header {
		max-width:100%;
	}
}
@media only screen and (max-width:940px) {
	table.nav, .nav, .nav td, .nav li, .nav tr, .nav ul, .nav tbody {
		display:block;
		width:auto;
	}
	.nav tr, .nav ul {
		width:100%;
		overflow:hidden;
	}
	.nav td, .nav li {
		width:32%;
		float:left;
	}
	.nav {
		padding:0 0 12px;
	}
}
@media only screen and (max-width:750px) {
	.imageholder, .textholder, .listpool .imageholder, .listpool .textholder {
		float:none;
		width:auto;
		text-align:left;
	}
	.imageholder img {
		width:auto;
		max-width:100%;
	}
	h1 {
		font-size:22px;
	}
	h2 {
		font-size:18px;
	}
	h3 {
		font-size:14px;
	}
	.contentleft .easy-table th, .contentleft .easy-table td {
		padding:8px 4px;
		font-size:12px;
	}
}
@media only screen and (max-width:600px) {
	.contentwrappera, .contentwrappera>tbody, .contentwrapperb, .contentleft, .contentright {
		display:block;
		width:auto;
	}
	.contentright {
		border-top:1px solid #FFF;
		border-left:1px solid #FFF;
	}
	.frline {
		display:block;
	}
}
@media only screen and (max-width:500px) {
	.nav a {
		font-size:13px;
	}
	.truncate {
		display:none;
	}
	.contentleft .easy-table th, .contentleft .easy-table td {
		padding:8px 2px;
	}
	.contentleft .easy-table td {
		font-size:11px;
	}
}
@media only screen and (max-width:450px) {
	.nav td, .nav li {
		width: 49%;
	}
}
@media print {
	.header, .contentright, .nav {
		display:none;
	}
	.mainwrapper {
		width:auto;
	}
	body, table {
		font-size:13pt;
	}
	.himc {
		padding:0;
	}
	body {
		padding:0;
		margin:0;
		background:#FFF;
	}
	.contentleft {
		background:#FFF;
	}
	.contentwrappera {
		border:none;
	}
	.contentwrappera, .contentwrapperb, .contentleft {
		display:block;
	}
	.imageholder, .textholder, .listpool .imageholder, .listpool .textholder {
		float:none;
		width:auto;
		text-align:left;
	}
	.holderwrapper {
		overflow:visible;
	}
	.footer {
		color:#310A86; /*was WHITE #FFF, changed to purple*/

		font-size:12pt;
	}
	h1 {
		font-size:26pt;
	}
	h2 {
		font-size:21pt;
	}
	h3 {
		font-size:16pt;
	}
}