/* Fonts */

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     The League of Moveable Type
 * @vendorurl:  http://www.theleagueofmoveabletype.com
 * @licenseurl: http://www.fontsquirrel.com/license/ChunkFive
 *
 *
 */

@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('/assets/4b858005dabe9d5489000001/Chunkfive.eot');
	src: local('ChunkFive Regular'), local('ChunkFive'), url('/assets/4b858006dabe9d5489000003/Chunkfive.ttf') format('truetype');
}

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Apostrophic Labs
 * @vendorurl:  http://moorstation.org/typoasis/designers/lab/index.htm
 * @licenseurl: http://www.fontsquirrel.com/license/Steinem
 *
 *
 */

@font-face {
	font-family: 'SteinemRoman';
	src: url('/assets/4b85801adabe9d548900000d/STEINEM_.eot');
	src: local('Steinem Roman'), local('Steinem'), url('/assets/4b85801cdabe9d548900000f/STEINEM_.ttf') format('truetype');
}

@font-face {
	font-family: 'SteinemRomanItalic';
	src: url('/assets/4b858028dabe9d5489000015/STEINEMI.eot');
	src: local('Steinem RomanItalic'), local('Steinem-Italic'), url('/assets/4b85802edabe9d5489000017/STEINEMI.ttf') format('truetype');
}

@font-face {
	font-family: 'SteinemBold';
	src: url('/assets/4b85801fdabe9d5489000011/STEINEMB.eot');
	src: local('Steinem Bold'), local('Steinem-Bold'), url('/assets/4b858022dabe9d5489000013/STEINEMB.ttf') format('truetype');
}

@font-face {
	font-family: 'SteinemBoldItalic';
	src: url('/assets/4b858011dabe9d5489000009/STEINBI_.eot');
	src: local('Steinem BoldItalic'), local('Steinem-BoldItalic'), url('/assets/4b858018dabe9d548900000b/STEINBI_.ttf') format('truetype');
}
@font-face {
	font-family: 'DesyrelRegular';
	src: url('/assets/4b85800bdabe9d5489000005/desyrel.eot');
	src: local('Desyrel Regular'), local('Desyrel'), url('/assets/4b85800fdabe9d5489000007/desyrel.ttf') format('truetype');
}
.chuck-five{
	font-family:'ChunkFiveRegular', Helvetica, Arial, sans-serif;
	font-weight:normal;
	}
.steinem{
	font-family:'SteinemRoman', Helvetica, Arial, sans-serif;
	}
.steinem-em{
	font-family:'SteinemRomanItalic', Helvetica, Arial, sans-serif;
	}
.steinem-strong{
	font-family:'SteinemBold', Helvetica, Arial, sans-serif;
	}
.desyrel{
	font-family:'DesyrelRegular', Helvetica, Arial, sans-serif;
	}

.handwritten{
	font-size:18px !important;
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	text-shadow:none;
	}


/* Transparent Tools */
.transparent-black{
	padding:5px;
	background:rgba(0, 0, 0, 0.75);
	}
.transparent-black-border{
	padding:5px;
	background:rgba(0, 0, 0, 0.35);
	}
.stripe{
	background:rgba(0, 0, 0, 0.75);
	}
#stripe-1{
	position:absolute;
	top:43px;
	left:480px;
	width:90px;
	height:95px;
	}
#stripe-2{
	position:absolute;
	top:30px;
	left:959px;
	height:121px;
	}

/* HTML Rules */
header, article, section, footer, date {display:block;}

/* General Page Styles*/
body {
  font-family: Helvetica, Arial, sans-serif;
  background: #837C72;
}

a       { color: #bad4ea; text-decoration: none; }

#container{
	width:950px;
	margin:0 auto 2em auto;
	position:relative;
	}
#bg-image{
	position:fixed;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	z-index:-1;
	}

/* Header Styles - Logo and Location */
header{
	position:relative;
	margin:30px 0 0 0;
	}
h1 a{
	display:block;
	width:565px;
	height:408px;
	background:url(images/great_lakes_ruby_bash.png) no-repeat;
	text-indent:-9999px;
	}
#main-date{
	color:#fff;
	font-size:40px;
	text-transform:uppercase;
	line-height:34px;
	position:absolute;
	top:270px;
	left:400px;
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	}
#main-date sup{
	display:inline-block;
	position:relative;
	top:-13px;
	font-size:20px;
	}
#main-date .year {
  font-size: 50px;
  display: block;
  text-align: center;
  line-height: 24px;
  opacity: 0.5;
}

/* Location */
#location{
	position:absolute;
	top:73px;
	left:570px;
	width:378px;
	}
#location-name{
	padding:0 0 0 60px;
	background:url(images/msu_s.png) no-repeat 10px 14px;
	height:70px;
	position:relative;
	z-index:2;
	}
.location-city{
	color:#2a3d4d;
	font-size:18px;
	}
.location-venue{
	display:block;
	color:#006633;
	font-size:22px;
	text-transform:uppercase;
	}
#location-slideshow{
	margin:-20px 0 0 0;
	line-height:0;
	z-index:1;
	}

/* Main Content Styles */
article{
	position:relative;
	}
	
/* Left Column */
#left-col{
	float:left;
	width:480px;
	margin:0 0 30px 0;
	}
	
#participation{
	line-height:22px;
	margin:30px 0;
	padding:15px;
	color:#fff;
	text-align:justify;
	}
#participation em{
	color:#bad4ea;
	}
.btn-continue{
	line-height:22px;
	position:relative;
	}
.btn-continue a{
	display:block;
	width:314px;
	height:81px;
	background:url(images/btn_continue.png) no-repeat;
	padding:40px 0 0 75px !important;
	font-size:35px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow:-1px 1px 1px rgba(0,0,0, 0.5);
	z-index:2;
	}
.btn-continue a:hover{
/*  height:91px;*/
/*  padding:30px 0 0 85px !important;*/
  padding:35px 0 5px 80px !important;
	text-shadow:-8px 8px 5px rgba(0,0,0, 0.5);
	}
.btn-continue small{
	font-size:22px;
	}	
#date{
	position:absolute;
	top:90px;
	left:100px;
	color:rgba(255,255,255, 0.4);;
}


/* Speakers */
#speakers{
	width:480px;
	}
#speakers h4{
	font-size:36px;
	color:#fff;
	text-shadow:-1px 1px 1px rgba(0,0,0, 0.5);
	}
#speakers .handwritten{
	display:inline-block;
	color:#2a3d4d;
	position:relative;
	top:-5px;
	}
#speakers ul{
	position:relative;
	margin:30px 0 0 0;
	clear:both;
	}
#speakers ul li{
	display:block;
	float:left;
	margin:0 10px 0 0;
	}
#speakers ul li:last-child{
	margin:0;
	}
.speaker-photo{
	line-height:0;
	height:90px;
        width:65px;
	padding:10px;
	}
.speaker-photo img{	
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	}
.speaker-bio{
	position:absolute;
	left: 0;
	padding:15px;
	display:none;
	}
.speaker-bio h5{
	color:#bad4ea;
	font-weight:normal;
	font-size:18px;
	}
.speaker-bio p{
	color:#fff;
	font:14px Helvetica, Arial, sans-serif;
	}
#speakers li.active{
	min-height:280px;
	}
#speakers .active .speaker-photo{
	background:rgba(0, 0, 0, 0.75);
	}
#speakers .active .speaker-bio{
	background:rgba(0, 0, 0, 0.75);
	display:block;
	clear:both;
	}
#speaker-row-1{
	
	}
#speaker-row-2{
	/*position:relative;
		top:170px;*/
	}
#speaker-row-3{

	}

/* Right Column */
#right-col{
	width:378px;
	float:left;
	margin:30px 0 0 0;
	padding:0 0 0  90px;
	}

/* Twitter */
#twitter-feed{
	min-height:300px;
	margin:30px 0 0 0;
	}
#twitter-feed a{
	color:#adb2b7;
	}
#twitter-feed p, #twitter-feed ul{
	color:#adb2b7;
	background:#475765;
	padding:15px 15px 0 15px;
	}
.twitter-handle{
	display:block;
	color:#fff;
	font-size:22px;
	padding:5px 0;
	}
#twitter-feed ul{
	font:12px Helvetica, Arial, sans-serif;
	padding:0 15px 40px 15px;
	}
#twitter-feed ul img{
	float:left;
	margin:0 5px 3px 0;
	}
#twitter-feed li{
	clear:both;
	padding:5px 0;
	}
.time, .JRM{
	font-size:10px;
	}

/* Sponsors */
#sponsors{
	margin:30px 0;
        overflow:hidden;
	}
#sponsors h4, .page h4 {
	color:#fff;
	font-size:36px;
	text-shadow:-1px 1px 1px rgba(0,0,0, 0.5);
	}
.page h4 {
  margin: 15px 0;
  }
  
#sponsors ul {
  margin: 15px;
  float:left;
}
#sponsors li {
  margin-bottom: 15px;
}


footer{
	clear:both;
	position:relative;
	padding:15px !important;
	color:#aeaeae;
	font:12px Helvetica, Arial, sans-serif;
	height:15px;
	}
footer 
.copyright{
	float:left;
	}
.built{
	float:right;
	color:#5e5e5e;
	}
.built  a{
	color:#5e5e5e;
	}

.package.first, .page .speaker.first {
  margin-top: 1.5em;
}
.package, .page .speaker {
  padding: 1.5em 0;
  border-top: 1px solid #5e5e5e;
}
.package ul li, .page .speaker ul li {
  font-size: 14px;
}
.package.taken, .package.taken * {
  color: #5e5e5e !important;
}
.package h3, .page .speaker h3 {
  font-size:22px;
}

.package h3 span, .page .speaker h3 span {
  font-size: 14px;
}

.page p {
  margin-bottom: 1em
}

.page ul {
  list-style: disc outside;
  margin: 0.5em 0 0.5em 1.2em;
}

.page .speaker {overflow:hidden;}

.page p {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px
}

.page .speaker-info {
  margin-bottom: 1em;
}

.page .speaker .speaker-photo {
  display: block;
  float: left;
}

.page .speaker .bio {
  color: #AAA;
  font-size: 11px;
}
.page .speaker h3 {
  margin-bottom: 12px;
}