a img {border:none}
	.blu {color:#00F}
	body, #nav, .nope, .norm, .listing, .footStuffs, .sideStuffs, #content, #pageWrap, .listing {
		width:100%;
		margin:20px auto;
	background-color:#F4FFFF;
	background-image: url('../images/DRC-bluBG.jpg');
	background-attachment: fixed;
	}
		#maincontent {width:100%; margin: 5px auto; position: relative; text-align:center;}
	.content {width:100%}
	#informal {max-width:500px; margin:50px auto 50px;}
	.globalThrasherDiv {max-width:600px; margin: 0 auto;}
	.nudge {margin:10px auto}
	h1 {text-align:center; font-family:"Comic Sans MS", cursive}
	h2 {text-align:center; font-family:Arial, Helvetica, sans-serif}
	h3 {text-align:center; color:#000; margin:0 auto; padding:3px 0; font-family:Arial, Helvetica, sans-serif}
	.h2poP {color:#FFF; padding:8px 0 0; margin:0; font-family:"Comic Sans MS", cursive}
	p {margin:0; padding:0; font-size:16px; font-family:Arial, Helvetica, sans-serif}
	.c {text-align:center; color:#FFF}
	p.c.b {font-weight:bold}
	.nav {width:200px; margin:20px auto}
	ul {margin:0; padding:0}
	.foo img:last-child{display:none}
	.foo:hover img:first-child{display:none}
	.foo:hover img:last-child{display:inline-block}
footer { left:0; bottom:0; position:fixed; padding:10px}
footer p {opacity: 0.3; filter: Alpha(opacity=30);}
.footStuffs {overflow:hidden}
	#map {max-width:600px; height:450px; margin:0 auto 20px}
.noPush {padding:0; margin:0}
.nil {
	color:#000; 
	font-weight:bold; 
	text-align:center;
	font-size:24px;
	margin-top:10px;
}
.nope {
	border:none;
	width:899px; 
	background:#F00; 
	height:75px; 
	border-style:dashed; 
	border-color:#FF0
}


		tr td {font-family:Arial, Helvetica, sans-serif; padding:2px}
		td.day {width:40px; text-align:center}
		td.years {width:40px; text-align:center}
		td.name {padding-left:20px}

	.notice {
		width:100%;
	}
	td { padding: 10px; }
.topbox {
    display: inline-block;
	width:100%;
    max-width: 260px;
    margin: 0 auto;
}
.box2 {
	display: inline-block;
	max-width: 550px;
	width:100%;
	margin: 10px;
	padding: 10px;
}
.box3 {
	display: inline-block;
	max-width: 400px;
	width:100%;
	margin: 10px;
	padding: 10px;
}
.box4 {
    display: inline-block;
    max-width: 350px;
	width:100%;
    margin: 10px;
	padding: 10px 0 20px;
}
.eventbox {
	display: inline-block;
	max-width: 400px;
	width:100%;
	margin: 10px;
	padding: 10px;
}
.right {text-align:right}
.left {text-align:left}
.top {vertical-align:top}
.grid {
  background: white;
  margin: 0 0 $pad 0;
  
  &:after {
    /* Or @extend clearfix */
    content: "";
    display: table;
    clear: both;
  }
}

[class*='col-'] {
	float: left;
  padding-right: $pad;
  .grid &:last-of-type {
  	padding-right: 0;
  }
}
.col-2-3 {
	width: 66.66%;
}
.col-1-3 {
	width: 33.33%;
}
.col-1-2 {
	width: 50%;
}
.col-1-4 {
	width: 25%;
}
.col-1-8 {
	width: 12.5%;
}


.wideNope {
	display:none;
}

@media 
only screen and (max-width: 910px),
(min-device-width: 768px) and (max-device-width: 910px)  {
	body {
		width:90%;
	}
	.mainContent {width:100%; margin:0 auto;}
.mobiInnerds {
	border:none;
}
.headerThrash {
    width:50px;
	height:50px;
    position:fixed;
    top:0px;
    z-index: 100;
}
.wideNope {
	display:block;
}
.right, .left {
	text-align:center
}
footer { left:0; padding:10px}
footer p {opacity: 0.2; filter: Alpha(opacity=80); font-size:14px}
/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	ul {
		list-style-type: none;
		margin:0;
	}
	.c {text-align:center; font-size:16px; margin:0; line-height:17px}
	.nav {width:80%; margin:20px auto}
	.butt {max-width:200px; margin:20px auto}
	tr {/* border: 1px solid #ccc; */}
	th {border-top:1px; border-top-color:#FFF}	
	td { 
		/* Behave  like a "row" */
		position: relative;
		border:none;
		text-align:center;
	}
/*	br {display:none}	*/
	p, li {font-size: 20px; line-height:26px; margin-top:10px}
	.thrasponse {width:100%; margin-top:10px}
.zaz {	/* for 2 stacked prices */
	line-height:18px;
	font-size:16px
}
	.saz {font-size:14px; padding:3px 0}
	.razz {text-align:center}
	.raz {text-align:center}
	.flier img {
		margin:-50px 0 20px 10px;
		border:solid 1px;
	}
	.flier {
		width: 53px;
	}
	.noflier {
		color:#333;
		margin:-50px -12px 20px 10px;
		padding:5px;
		border:solid 1px;
	}
	.noFB {
		color:#333;
		float:right;
		margin: -50px 10px 0 0;
		padding:5px;
		border:solid 1px;
	}
	.FB {
		margin:0 10px 20px 0; /* forever was... margin: 20px 10px 0 0; */
	}
	.FBalt {
		margin:10px;
	}
	.sidebar {
		width:180px;
		margin:0 auto;
	}
	.noSho {
		display:none
	}
	.pOp {
		width:100%;
		height:100%;
	}
	.breakIT {max-width:160px; margin:0 auto}	/* For when the thumbnail covers text at bottom on iPhones in calendar (rare) */

.box2 {
	display: inline-block;
	max-width: 550px;
	margin:0;
	padding:0;
}
.box3 {
	display: inline-block;
	max-width: 400px;
	margin:0;
	padding:0;
}
.eventbox {
	width:280px;
	padding:0;
	border: solid;
	border-color:#000;
}
.box4 {
    display: inline-block;
    max-width: 350px;
	margin:10 0 25px;
	padding:0;
}
	#map {width:95%; height:450px; margin:10px auto}

}