@charset "UTF-8";
/* CSS Document */
 html { height: 100%; }
 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
	* { outline: none; }
	
body { font-family: "HelveticaNeue", Helvetica, Arial, sans-serif; color: #6d6e70; height: 100%; background:url(images/bkgd_tile.jpg) center center; background-size:cover; }
div#wrapper { width: 100%; max-width: 760px; margin: 0 auto; height: 100%; min-height: 770px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; }
div#container {  margin: 2em auto; 
	position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);  
  -webkit-transform-style: preserve-3d;
      -ms-transform: translateY(-50%);
  	transform: translateY(-50%);
  
	border: 8px solid #c1b49a; 
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #FFF; 
	padding: 28px 30px 16px;
}

#left { width: 44.5%; float: left; margin-top: 2.3em; padding-right: 0.8em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
#right { width: 55.5%; float: right; margin-top: 2.3em; }
#left.bottom, #right.bottom { margin-top: 0; }

#left img, #right img { width: 100%; height: auto; }

button { display: block; background: #6d6e70; border: 1px solid #a89f88; border-radius: 6px; padding: 6px 18px; letter-spacing: 0.167em;   }
a.event, a.event button { clear:both; text-decoration: none; color: #FFF; cursor: pointer; }
a.external { display: block; margin: 6.1em 0; }

span.intro { font-size: 0.75em; letter-spacing: 0em; display: block; line-height: 1.2; border-top: 1px solid #a89f88; width: 96%; padding-top: 0.8em; }
span.logo { color: #a89f88; font-size: 1.247em; font-weight: 600; letter-spacing: 0.063em;  }
span.date { font-size: 1.57em; color: #a89f88;line-height: 1; }
span.location { font-size: 1.57em; color: #6d6e70; }

p.sponsor { font-size: 0.72em; }
p.sponsor a { font-weight: bold; color: #6d6e70; text-decoration: none; }

.mfcc { float: right; margin: -1.9em 0 0; padding-bottom: 0.5em; }

.itunes {    float: right;
    overflow: hidden;
    background: url(http://linkmaker.itunes.apple.com/images/badges/en-us/badge_music-lrg.svg) right no-repeat;
    width: 165px;
    height: 40px;
    opacity: 0.56;
    margin-right: 0;
    padding-right: 0;
    margin-bottom: 0;
 }
	
	.appleLink { padding-top: 1.4em; }
	
@media screen and (max-width: 769px) {
	div#container { margin: 0.8em auto 1.8em;
	position: relative;
  top: auto;
  -webkit-transform: translateY(-0%);  
  -webkit-transform-style: preserve-3d;
      -ms-transform: translateY(0%);
  	transform: translateY(0%);
	padding: 20px 22px 16px;
   }
	#left, #right { padding: 0; width: 100%; float: none; }
	a.external {        margin: 0 0 0.3em 0em;    float: none; }
	a.event {     float: none;     padding-bottom: 0.8em;    display: block; font-size: 1.2em;  }
	a.appleLink { clear:both;     clear: both;
    float: left!important;
    background-position-x: left!important;
    margin-bottom: 0.8em;}
	#right.bottom, #left.bottom { float: none; clear:both; }
	.mfcc { float: right; margin: -1em 0 0; padding-bottom: 0.5em; }
}
@media screen and (max-width: 429px) {
	
	body { font-size: 0.9em; }
	.itunes {    float: left;
    background: url(http://linkmaker.itunes.apple.com/images/badges/en-us/badge_music-lrg.svg) left no-repeat;
    margin-bottom: 0.8em;
	}
	a.appleLink { padding-top: 0.1em; }
}