/* HTML5 Elements */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* Eric Meyer's Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* HTML5 Boilerplate */
html { 
  font-size: 100%; 
  -webkit-overflow-scrolling: touch; 
  
  -webkit-tap-highlight-color: rgba(0,0,0,0); 
  
  -webkit-text-size-adjust: 100%; 
  -ms-text-size-adjust: 100%;
}

/* Uncomment and set colors */
/*
::-moz-selection  { background: #fe57a1; color: #fff; text-shadow: none; }
::selection       { background: #fe57a1; color: #fff; text-shadow: none; }
*/

a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

img { border: 0; -ms-interpolation-mode: bicubic; }

/* Correct overflow displayed oddly in IE9  */
svg:not(:root) { overflow: hidden; }

label { cursor: pointer; }


legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }/* @override
	http://localhost:8888/assets/css/styles.css */

/* @group 0. GLOBAL STYLES */

/* @group 0.1. LAYOUT */

.wrapper {
  max-width: 940px;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 auto;
}

.ie6 .wrapper,
.ie7 .wrapper,
.ie8 .wrapper {
  width: 940px;
}

body {
  background-color: #e9f2f6;
}

body > section {
  background: white;
  clear: both;
}

body > section > * > header {
  padding: 9.183673469% 0 6.12244898% 0;
}

body > section > .wrapper > *:last-child {
  margin-bottom: 10.638297872%;
}

/* @end */

/* @group 0.2. BASIC ELEMENT STYLES */

html {
  -webkit-font-smoothing: subpixel-antialiased;
}

body,
input,
body > footer h3,
#home > header h2,
#home .main > ul > li > *:first-child,
#conference h2,
#conference h3,
#conference .legend p span,
#video h2,
#video h3,
#video .legend p span,
.standard h3,
#attendees .options h3,
#attendees .people h2,
#fringe article header h3 {
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
}

h1, h2, h3, h4 {
  font-family: "atrament-web", Impact;
}

*[aria-hidden=true] {
  speak: none;
}

body > section > .wrapper form,
body > section > .wrapper p,
body > section > .wrapper li {
  color: #7e6e94;
  font-size: 12px;
  line-height: 2em;
}

body > section > .wrapper p + p,
body > section > .wrapper p + form {
  margin-top: 1em;
}

body li strong,
body p strong {
  font-weight: 600;
}

body li em,
body p em {
  font-style: italic;
}

body li a,
body p a {
  text-decoration: none;
  color: #75b4c7;
  padding-bottom: 1px;
}

body li a:hover,
body p a:hover {
  border-bottom: solid 2px;
}

input {
  font-size: 12px;
  line-height: 18px;
  padding: 6px 0;
}

input[type='text'],
input[type='email'],
input[type='url'],
input[type='password'] {
  border: none;
  background-color: #eef7fa;
  text-indent: 8px;
  border-radius: 3px;
  color: #578498;
}

input::-webkit-input-placeholder {
  color: #95bdca;
}

input:-moz-placeholder {
  color: #95bdca;
}


input[type='text']:hover,
input[type='text']:focus,
input[type='email']:hover,
input[type='email']:focus,
input[type='url']:hover,
input[type='url']:focus,
input[type='password']:hover,
input[type='password']:focus {
  outline: none;
  background-color: rgba(223, 240, 245, 0.80);
}

input[type='submit'] {
  border: none;
  border-radius: 3px;

  color: white;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  background-color: #a0c9d4;

  padding-right: 10px;
  padding-left: 10px;
}

input[type='submit']:hover,
input[type='submit']:focus {
  background: #75b4c7;
  outline: none;
}

input[type='email'] {
  margin-right: 5px;
  margin-bottom: 5px;
}

a.button {
  border-radius: 3px;

  color: white;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  background-color: #a0c9d4;

  padding: 8px 10px;
}

a.button:hover {
  background: #75b4c7;
}

/* @end */


/* @end */

/* @group 1. SITE-WIDE STYLES */

/* @group 1.1. MENU (body > header) */


body > header {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
  height: 60px;

  background-color: #7832c2;
  background-color: rgba(0, 0, 0, 0.12);
}

.ie8 body > header {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
        zoom: 1;
}

/* Override global link effect */
body > header a {
  padding: 0px;
}

body > header a:hover {
  border: none;
}

body > header h1 {
  height: 60px;
  width: 10.6382978723%;
  float: left;
}

body > header h1 a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0px;

  font-size: 27px;
  line-height: 60px;
  font-weight: 300;
  font-style: italic;

  color: white;
  letter-spacing: 3px;

  text-align: center;
  text-decoration: none;

  text-indent: -9999px;

  background-color: #7914b8;
  background-color: rgba(0,0,0,0.06);

  background-image: url('../img/logo.png');
  background-repeat: no-repeat;
  background-position: center center;
}

.svg body > header h1 a {
  background-image: url('../img/logo.svg');
}

body > header h1 a:hover {
  background-color: #7113ac;
  background-color: rgba(0,0,0,0.12);
}

body > header nav {
  float: left;
  width: 85.1063829787%;
  margin-left: 4.2553191489%;
}

body > header nav li {
  float: left;
  width: 12.5%;
  margin-right: 5%;
}

body > header nav li:last-child {
  margin-right: 0;
}

body > header nav li > * {
  padding: 15px 0;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;

  text-decoration: none;
  line-height: 30px;
  letter-spacing: 1px;

  color: #e7eaf9;
  color: rgba(255, 255, 255, 0.9);
}

body > header nav li > span {
  text-decoration: line-through;
  text-shadow: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

body > header nav li a:hover span {
  padding-bottom: 2px;
  border-bottom: solid 2px #e4d5f2;
  border-bottom: solid 2px rgba(255, 255, 255, 0.8);
}

/* @end */


/* @group 1.2. SECTION HEADER */
body > section > header {
  color: white;
}

body > section > header .wrapper > *:first-child {
  margin-top: 200px;
}

body > section > header .wrapper > *:last-child {
  margin-bottom: 2.659574468%;
}

body > section > header h1 {
  display: inline-block;
  font-size: 74px;
  font-weight: 300;
  letter-spacing: 6px;
  text-indent: 3px;
  text-transform: uppercase;
  text-shadow: -4px 4px 0px #617fd2;
  text-shadow: -4px 4px 0px rgba(0,0,0,0.1);
  font-style: italic;
}

body > section > header h1:after {
  content: "";
  display: block;
  background: white;
  height: 4px;
  margin-top: 8px;
}

.no-generatedcontent body > section > header h1 {
  border-bottom: 4px solid;
  padding-bottom: 8px;
}


body > section > header p {
  display: block;
  margin-top: 2.659574468%;
  font-size: 17px;
  line-height: 1.6;
  font-style: italic;
  font-weight: 400;

  text-shadow: -2px 2px 0px #53a9d4;
  text-shadow: -2px 2px 0px rgba(0,0,0,0.12);
}

body > section > header p + p {
  margin-top: 20px;
}

body > section > header > * > * {
  margin-left: 14.8936170213%;
}

/* @end */

/* @group 1.3. CONTENT */

body > section > header + * > *:first-child,
   #conference > header + * > *:first-child,
   #video      > header + * > *:first-child,
   #schedule   > header + * > *:first-child,
   #attendees  > header + * > *:first-child,
   #attendees  > header + * > .people {
  margin-top: 5.319148936%;
}

#home      > header + * > *:first-child {
  margin-top: 7.446808511%;
}

/* @end */

/* @group 1.4. FOOTER */

body > footer {
  font-size: 11px;
  line-height: 2em;
  color: #578498;
  background-color: #eaf3f6;
  overflow-x: hidden;
}

body > footer .container {
  position: relative;
  padding-top: 3.191489362%;
  padding-bottom: 3.191489362%;
}

body > footer .logo {
  position: absolute;
  width: 10.638297872%;
  top: 0px;
  left: 0px;
  bottom: 0px;
  border-top: 3px solid #a1c9d4;
  background-color: #ddebf0;
  background-image: url('../img/logo-blue.png');
  background-position: center 29px;
  background-repeat: no-repeat;
}

.svg body > footer .logo {
  background-image: url('../img/logo-blue.svg');
}

body > footer .aside {
  width: 85.1063829787%;
  margin-left: 14.8936170213%;
}

body > footer .aside > li {
  float: left;
  margin-right: 5%;
}


body > footer .aside .questions {
  width: 21.25%;
}

body > footer .aside .mailinglist {
  width: 38.75%;
}

body > footer .aside .updates {
  width: 30%;
  margin-right: 0;
}

body > footer .aside .copy {
  width: 100%;
  clear: both;
  float: none;
  padding-top: 20px;
}


body > footer .copy p {
  display: block;
  width: 100%;
}

body > footer .copy h3 {
  display: none;
}

body > footer .copy span.middot {
  margin: 0px 10px;
  visibility: hidden;
}

body > footer input {
  font-size: 11px !important;
}

body > footer form {
  margin-top: 5px;
}

body > footer form input[type='email'] {
  width: 50%;
  background: white;
  border-bottom: 0px;
  line-height: 12px;
  text-indent: 7px;
  border-radius: 4px;
  padding: 8px 0;
}

body > footer form input[type='email']:hover,
body > footer form input[type='email']:focus {
  background: white;
}

body > footer h3 {
  display: inline-block;

  text-transform: uppercase;
  font-weight: 600;
  font-style: normal;
  font-size: 11px;
  line-height: 1.8;

  word-spacing: 1px;
  letter-spacing: 1px;
  margin-bottom: 6px;

  color: #578498;
}

/* @end */

/* @end */

/* @group 2. STANDARD TEMPLATE (.standard) */

/* @group Layout */

.standard .single {
  width: 70.2127659574%;
  margin-left: 14.8936170213%;
}

.standard .single * + .split {
  margin-top: 6.382978723%;
}

.standard .single .split > * {
  float: left;
  width: 46.9696969697%;
}

.standard .single .split > *:first-child {
  margin-right: 6.0606060606%;
}

/* @end */

/* @group Headings */

.standard h2 {
  font-style: italic;
  font-size: 36px;
  font-weight: 300;
  color: #6437a1;
  line-height: 1.35;
  margin-bottom: 12px;
}

.standard h3 {
  display: inline-block;
  color: #7e6e94;

  text-transform: uppercase;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 1.8;

  word-spacing: 1px;
  letter-spacing: 1px;

  border-bottom: 2px solid;
  margin-top: 18px;
  margin-bottom: 6px;
}

.standard h3:first-child {
  margin-top: 0px;
}

.standard * + h3 {
}

/* @end */

/* @group Paragraphs */


.standard p.intro {
  font-size: 14px;
  line-height: 30px;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 30px;
}

.standard * + p.intro {
  margin-top: 30px;
}

.standard h2 + p.intro {
  margin-top: 15px;
}

.standard p.intro strong {
  font-weight: 500;
  display: block;
}

/* @end */

/* @group Lists */

.standard ol,
.standard ul {
  margin-bottom: 24px;
}

.standard ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 18px;
}

/* @end */

/* @group Forms */
.standard form {
  margin-top: 24px;
}

.standard form p > label:first-child {
  display: block;
  float: left;
  width: 15.1515151515%;
  margin-right: 6.0606060606%;
}

.standard form p + h3 {
  margin-top: 36px;
}

.standard form h3 {
  clear: both;
  display: block;
  border-bottom: none;
  margin-bottom: 12px;
}

.standard form h3 > * {
  display: inline-block;
  border-bottom: 2px solid;
  line-height: 1.8;
}

.standard form p.aside {
  float: right;
  width: 25.7575757576%;
  font-size: 11px;
  color: #b5b5b5;
  margin-bottom: 15px;
}

.standard form p > input[type='text'],
.standard form p > input[type='email'],
.standard form p > input[type='url'],
.standard form p > input[type='password'] {
  width: 46.9696969697%;
}

.standard form p.submit {
  margin-left: 21.2121212121%;
  margin-top: 36px;
}

.standard form p.error > label:first-child {
  color: #cc0606;
}

.standard form p.error > input {
  background-color: #fdf5f5;
  color: #cc0606;
}

/* @end */

/* @group Other Elements */

.standard div.message {
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px;
  margin-bottom: 40px;
}
.standard div.message a {
  border-bottom: 2px solid;
}

.standard div.error {
  background-color: #fdf5f5;
}
.standard div.error > *,
.standard div.error a {
  color: #cc0606;
}

.standard div.success {
  background-color: rgba(67, 147, 40, 0.07);
}
.standard div.success > *,
.standard div.success a {
  color: #3a7826;
}

@media screen and (max-width: 750px) {
  .standard div.message {
    margin-left: -13px;
    margin-right: -13px;
    padding: 15px 13px;
  }
}

@media screen and (max-width: 500px) {
  .standard div.message {
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px 10px;
  }
}

@media screen and (max-width: 500px) {
  .standard div.message {
    margin-top: 40px;
    margin-left: 0px;
    margin-right: 0px;

    padding: 0px;
    background: none;
  }
}

.standard div.error > *:first-child {
  margin-top: 0px;
}

.standard .btn {
  display: inline-block;

  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  word-spacing: 1px;
  background-color: #a0c9d4;
  color: white;
  padding: 13px;
  border-radius: 6px;
}

.standard .btn:hover,
.standard .btn:focus {
  background: #75b4c7;
  outline: none;
  border-bottom: none;
}

.standard .btn.btn-twitter {
  margin-right: 5px;
  padding-left: 50px;

  background-color: #23aceb;

  background-image: url('../img/twitter-logo-btn.png');
  background-repeat: no-repeat;
  background-position: 15px center;
}

.svg .standard .btn.btn-twitter {
  background-image: url('../img/twitter-logo-btn.svg');
}

.standard .btn.btn-twitter:hover {
  background-color: #1f8fc4;
}

/* @end */


/* @end */


/* @group 3. SECTION-SPECIFIC STYLES */

/* @group 3.1. HOME (#home) */

/* @group #home > header */

/* @group Layout */

#home > header > * > * {
  margin-left: 0px;
}

#home > header h1 {
  float: left;
  width: 25.5319148936%;
  margin-right: 4.2553191489%;
  margin-top: 180px;
}

#home > header h2,
#home > header p {
  float: right;
  width: 62.7659574468%;
}

#home > header h2 {
  margin-top: 205px;
}

#home > header h1,
#home > header p {
  margin-bottom: 130px;
}

#home > header p {
  margin-top: 20px;
}

/* @end */

#home > header h1 {
  font-size: 140px;
  letter-spacing: 0.09em;
  text-indent: .042553191em;
}

#home > header h1:after {
  height: 7px;
  margin-top: 9px;
}

.no-generatedcontent #home > header h1 {
  border-bottom-width: 7px;
  padding-bottom: 9px;
}

#home > header h2 {
  text-transform: uppercase;
  font-size: 13px;

  letter-spacing: 2px;
  word-spacing: 4px;
  font-weight: 600;
}

#home > header h2 a {
  color: white;
  text-decoration: none;
}

#home > header h2 a:hover {
  border-bottom: solid 2px white;
  padding-bottom: 3px;
}

#home > header p {
  text-transform: none;
  letter-spacing: 0;
  word-spacing: 0;
  font-style: normal;
  line-height: 35px;
  font-weight: 300;

  font-size: 14px;

  text-shadow: none;
  white-space: normal;
}

/* @end */

/* @group #home .main */

#home .main ul + ul {
  margin-top: 10.638297872%
}

#home .main > ul > li {
  float: left;
  width: 25.5319148936%;
  margin-right: 11.7021276596%;
}

#home .main > ul > li:nth-child(3n) {
  margin-right: 0px;
}

#home .main h2 {
  font-style: italic;
  font-size: 36px;
  font-weight: 300;
  color: #6437a1;
  line-height: 50px;
  margin-bottom: 2px;
}

#home .main p + h2 {
  margin-top: 8px;
}

#home .main > ul > li > *:first-child {
  color: #a8269c;
}

#home .main > ul > li > *:first-child + p {
  margin-top: 6px;
}

#home .main > ul.extra > li > *:first-child {
  color: #7e6e94;
  border-bottom-color: #7e6e94;
}

#home .main p.more {
  text-transform: uppercase;
  font-weight: 600;
  word-spacing: 1px;
  letter-spacing: 1px;
  color: #b7abc8;
  line-height: 1.45;
}

#home .patrons {
  margin-top: 90px;
}

#home .patrons h2 {
  margin-bottom: 40px;
}

#home .patrons, 
#home .patrons ul {
  text-align: center;
}

#home .patrons li {
  display: inline-block;
  margin-right: 30px;
}

#home .patrons li:last-child {
  margin-right: 0px;
}

#home .patrons li img {
  display: block;
  height: 60px;
}

#home .patrons li a:hover {
  border-bottom: none;
}


#waitinglist input[type='email'] {
  display: block;
  width: 50%;
  float: left;
}

/* @end */

/* @end */

/* @group 3.2. CONFERENCE (#conference) */

/* @group Layout */

#conference .day {
  padding-top: 40px;
}

#conference .day + .day {
  margin-top: 140px;
}

#conference .day header {
  margin-bottom: 70px;
  position: relative;
}

#conference .day header .name {
  position: absolute;

  left: -45px;
  top: -55px;

  display: block;
  text-transform: uppercase;
  font-family: "atrament-web";
  font-style: italic;
  font-weight: 300;
  font-size: 180px;
  letter-spacing: 0.3em;

  white-space: nowrap;
  
  z-index: 0;

  color: #f8e7f6;
}

#conference .day header h2,
#conference .day header p {
  position: relative;
  z-index: 10;
  margin-left: 14.8936170213%;
}

#conference .day header h2 {
  margin-bottom: 12px;
  color: #a8269c;
}

#conference .day header p {
  font-size: 14px;
  line-height: 30px;
}

#conference li figure img {
  max-width: 100%;
  display: block;
  /*border: solid 2px #e1f3fc;*/
}

#conference .speakers li > * {
  float: left;
}

#conference .speakers li + li {
  margin-top: 60px
}

#conference .speakers li > h3 {
  width: 14.8936170213%;
}

#conference .speakers li > div {
  width: 25.5319148936%;
  float: right;
}

#conference .speakers li.special > div {
  width: 85.1063829787%;
}

#conference .speakers li > figure {
  width: 55.3191489362%;
}

#conference .speakers li > figure figcaption {
  font-size: 11px;
  margin-top: 2px;
}

#conference .speakers li > div {
  /*margin-right: 4.2553191489%;*/
}
/* @end */

/* @group Typography */

#conference .topic {
  margin-bottom: 15px;
}

#conference h4.pair .wbr {
  display: block;
}

#conference h4 {
  font-size: 36px;
  font-style: italic;
  font-weight: 300;
  line-height: 1em;
}

#conference h5 {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 5px;
}

/* @end */

/* @group Color */

/* Saturday & Sunday */
#conference h3 {
  color: #623d9f;
}

/* @end */

/* @end */

/* @group 3.4. FRINGE (#fringe) */

/* @group Layout */

#fringe article {
  clear: both;
  position: relative;
  padding-top: 60px;
}

#fringe article + article {
  margin-top: 80px;
}

#fringe article > div {
  width: 85.1063829787%;
  float: right;
}

#fringe article > * {
  position: relative;
  z-index: 20;
}

#fringe article header hgroup {
  padding-left: 14.8936170213%;
  margin-bottom: 40px;
}

#fringe article header .date {
  width: 10.6382978723%;
  float: left;
  margin-top: 5px;
}

#fringe article header .date p + p {
  margin-top: 9px;
}

#fringe article section {
  clear: both;
  margin-bottom: 50px;
  margin-top: 80px;
}

#fringe article section + section {
  margin-top: 60px;
}

#fringe article section > div {
  width: 30%;
  float: left;
  position: relative;
}

#fringe article section > figure {
  float: right;
  width: 65%;
}

#fringe article section > figure > img {
  display: block;
  max-width: 100%;
}

#fringe article section h4 .time {
  position: absolute;
  top: 0;
  left: -58.3333333333%;
}

/* @end */

/* @group Typography */

#fringe article > span {
  position: absolute;
  left: -20px;
  top: -18px;

  display: block;
  text-transform: uppercase;
  font-family: "atrament-web";
  font-style: italic;
  font-weight: 300;
  font-size: 180px;
  letter-spacing: 0.3em;

  white-space: nowrap;
  
  z-index: 0;
}

#fringe #arcade > span,
#fringe #music  > span {
  color: #e4f2f7;
}

#fringe #film      > span,
#fringe #pubcrawl  > span {
  color: #f8e7f6;
}

#fringe article header h2 {
  margin-bottom: 6px;
}

#fringe article header h3 {
  font-size: 13px;
  letter-spacing: 0px;
  word-spacing: 0px;
  font-weight: 600;
  line-height: 1.4;
}

#fringe article > div > p {
  font-size: 14px;
  line-height: 30px;
}

#fringe article section h4 {
  margin-bottom: 15px;
}

/* @end */

/* @group Pub Crawl (#pubcrawl) */

#fringe #pubcrawl .map {
  border: solid 2px #a8269c;
  clear: both;
  margin-top: 50px;
  margin-bottom: 10px;
}

#fringe #pubcrawl .map iframe {
  width: 100%;
  display: block;
}

#fringe #pubcrawl .places {
  margin-top: 0px;
}

#fringe #pubcrawl .places li {
  width: 30%;
  float: left;
  margin-right: 5%;
  margin-top: 40px;
  position: relative
}

#fringe #pubcrawl .places li:nth-child(3n) {
  margin-right: 0;
}

#fringe #pubcrawl .places li:nth-child(3n+1) {
  clear: left;
}

#fringe #pubcrawl .places li > *,
#fringe #pubcrawl .places li h4 > * {
  position: relative;
  z-index: 20;
}

#fringe #pubcrawl .places h4 {
  margin-bottom: 8px;
}

#fringe #pubcrawl .places li h4 .number {
  position: absolute;
  left: -25px;
  top: -51px;

  font-family: "atrament-web";
  font-size: 130px;
  font-style: italic;
  font-weight: 300;
  color: #f8e7f6;
  z-index: 1;
}

/* @end */

/* @end */

/* @group 3.5. SCHEDULE (#schedule) */

/* @group Layout */

#schedule,
#fringe,
#conference,
#video {
 overflow: hidden;
}

#schedule section header {
  width: 10.6382978723%;
  margin-right: 4.2553191489%;
}

#schedule section + section,
#schedule section + .legend {
  margin-top: 10.638297872%;
}

#schedule section > ul {
  width: 85.1063829787%;
  float: left;
  position: relative;
  z-index: 10;
}

#schedule section li {
  width: 47.5%;
  display: block;
  float: left;
}

#schedule section li + li {
  margin-left: 5%;
}

#schedule .day p + h3 {
  padding-top: 40px;
}

#schedule #thursday li {
 margin-left: 52.5%;
}

/* @end */



/* @group .legend */

#schedule .legend {
  margin-bottom: 40px;
  font-size: 0;
}

#schedule .legend > * {
  display: block;
  float: left;
}

#schedule .legend p {
  width: 40.4255319149%;
}

#schedule .legend p + p {
  margin-top: 0;
  margin-left: 4.2553191489%;
}

#schedule .legend p:first-child {
  width: 10.6382978723%;
}

#schedule .legend p {
  min-height: 1px;
}

/* @end */


/* @group Header */

#schedule section {
  position: relative;
}

#schedule section > header {
  float: left;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-style: italic;
}

/* Name */
#schedule section > header span {
  display: block;
  position: absolute;

  left: -55px;
  top: -50px;

  font-size: 180px;
  z-index: 0;
  font-weight: 300;

  letter-spacing: 0.3em;
}



/* Number */
#schedule section > header strong {
  display: block;
  font-size: 48px;
  letter-spacing: 0px;
  font-weight: 300;
  line-height: 1em;
  color: #623d9f;
  position: relative;
  margin-top: -11px;
}


#schedule section > header strong small {
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 400;
  margin-left: 3px;
}

/* @end */

/* @group Text */

#schedule .day dt,
#schedule .day dd,
#schedule .day p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
}

/* @group Header */

#schedule .day h3 {
  font-weight: 300;
  font-style: italic;
  font-size: 36px;
  line-height: 1em;
}

/* @end */

/* @group Place/Time */

#schedule .day dl > * {
  display: block;
  float: left;
}

#schedule .day dl {
  margin-top: 10px;
  margin-bottom: 2px;
}

#schedule .day dt {
  text-indent: -9999px;
}

#schedule .day dd {
  font-size: 13px;
  color: #623d9f;
  line-height: 1.846153846;
  font-weight: bold;
  margin-left: 16px;
}

#schedule .day dd abbr {
  text-transform: uppercase;
  font-size: 0.857142857em;
}

#schedule .day dt.time + dd {
  text-indent: -9999px;
  width: 0;
}

/* @end */

#schedule .day p {
  color: #7e6e94;
  font-size: 12px;
  line-height: 2;
  width: 81.5789473684%;
  margin-left: 17px;
}

#schedule .day p + p {
  margin-top: 0.8em;
}

/* @end */

/* @group Colors */

/* Weekdays */
#schedule .legend p,
#schedule #thursday h3,
#schedule #friday h3,
#schedule #thursday header strong small,
#schedule #friday header strong small  {
  color: #a8269c;
  color: #2ba6cc;
}

#schedule .legend p > span {
  border-bottom-color: #a8269c;
  border-bottom-color: #2ba6cc;
}

#schedule #thursday header span,
#schedule #friday 	header span {
  color: #f8e7f6;
  color: #e4f2f7;
}


/* Weekends */

#schedule section + .legend p,
#schedule #saturday h3,
#schedule #sunday h3,
#schedule #saturday header strong small,
#schedule #sunday header strong small  {
  color: #2ba6cc;
  color: #a8269c;
}

#schedule section + .legend p > span{
  border-bottom-color: #2ba6cc;
  border-bottom-color: #a8269c;
}

#schedule #saturday header span,
#schedule #sunday 	header span {
  color: #e4f2f7;
  color: #f8e7f6;
}

/* @end */

/* @end */

/* @group 3.6. ATTENDEES (#attendees) */

.no-js #attendees .options {
  display: none;
}

#attendees #searchresults {
  display: none;
}

#attendees .people    h2,
#attendees #filtering h3,
#attendees .options li,
#attendees .options li span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 1px;
  word-spacing: 1px;
}

#attendees .options li span {
  display: inline-block;
}

#attendees #filtering li span {
  line-height: 1.4;
}

#attendees .people h2,
#attendees #filtering h3 {
  color: #643b9d;
  margin-bottom: 1px;
}

/* @group 3.6.1. OPTIONS (.options) */

/* @group Containers */

#attendees #filtering > * + * {
  margin-top: 30px;
}

/* @end */

/* @group Content */

#attendees .options li a {
  display: block;
  text-decoration: none;
  border-bottom: none !important;

  outline: none;
  padding-bottom: 6px;
}

#attendees .options           li a,
#attendees .options .disabled li a.selected {
  color: #e5c1e1;
  color: rgba(168, 38, 156, 0.30);
}

#attendees .options           li a          span,
#attendees .options .disabled li a.selected span {
  border-bottom: 2px solid #edd5eb;
  border-bottom: 2px solid rgba(168, 38, 156, 0.20);
}

#attendees .options           li a:hover,
#attendees .options .disabled li a.selected:hover {
  color: #ca81c3;
  color: rgba(168, 38, 156, 0.60);
}

#attendees .options           li a:hover          span,
#attendees .options .disabled li a.selected:hover span {
  border-bottom-color: #ca81c3;
  border-bottom-color: rgba(168, 38, 156, 0.60);
}

#attendees .options li a.selected {
  color: #a8269c;
}

#attendees .options li a.selected span {
  border-bottom-color: #a8269c;
}

/* @end */

/* @group 3.5.1.1. #filtering */

#attendees #filtering {
  width: 10.6382978723%;
  margin-right: 4.2553191489%;
  float: left;
  padding-bottom: 60px;
  padding-top: 42px;
}

#attendees #filtering .search input {
  width: 100%;
  padding: 5px 0px;

  text-indent: 5px;

  border: none;
  border-radius: 0px;
  font-size: 11px;
  line-height: 18px;
  height: 18px;

  -webkit-appearance: none;
  outline: none;
}

/* @end */

/* @group 3.5.1.2. #fulllist .options */

#attendees #fulllist .options {
  display: none;
}

.js #attendees #fulllist .options {
  display: block;
}

#attendees #fulllist .options li {
  float: left;
  margin-right: 20px;
}

#attendees #fulllist .options li a {
  padding-bottom: 0px;
}

/* @end */

/* @end */

/* @group 3.6.2. PEOPLE (.people) */

/* @group Layout */

#attendees .people > div {
  height: 42px;
}

#attendees .people h2 {
  float: left;
  clear: left;
  border-bottom: solid 2px;
}

#attendees .people {
  float: right;
  width: 85.1063829787%;
  margin-bottom: 10.638297872%;
}

#attendees .people > ul {
  clear: both;
}

#attendees .people > ul + ul {
  border-top: 3px solid #e8e2f5;
  padding-top: 40px;
}

#attendees .people > ul > li {
  margin-bottom: 40px;
}

#attendees .people > ul > li {
  width: 30%;
  float: left;
  margin-right: 5%;
  min-height: 1px;
}


     #attendees .people > ul > li:nth-child(3n) { margin-right: 0px; }
.ie8 #attendees .people > ul > li.last          { margin-right: 0px; }

     #attendees .people > ul > li:nth-child(3n) + li { clear: left; }
.ie8 #attendees .people > ul > li.first              { clear: left; }


/* @end */

/* @group Compact Layout (.compact) */

#attendees .people.compact > ul + ul {
  padding-top: 30px;
}

#attendees .people.compact > ul > li {
  margin-bottom: 30px;
}

#attendees .people.compact > ul > li dl {
  display: none;
}

#attendees .people > ul.hidden + ul.visible {
  padding-top: 0px;
  border-top: 0px;
}

/* @end */

/* @group Content */

#attendees .people > ul > li figure,
#attendees .people > ul > li .figure {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
}

#attendees .people > ul > li figure img,
#attendees .people > ul > li .figure img {
  display: block;
  width: 100%;
}

#attendees .people > ul > li dl {
  clear: both;
}

#attendees .people > ul > li .figure,
#attendees .people > ul > li dl dt
{
  margin-right: 10px;
}

#attendees .people > ul > li dl dt {
  text-indent: -9999px;
  width: 50px;
  height: 22px;
  float: left;
  clear: left;
  background-color: #e8e2f6;
  background-image: url('../img/sprite.png');
  background-repeat: no-repeat;
  background-position: -9999px -9999px;
}

.svg #attendees .people > ul > li dl dt {
  background-image: url('../img/sprite.svg');
}

#attendees .people > ul > li dl dt.location {
  background-position: center 0;
}

#attendees .people > ul > li dl dt.website {
  background-position: center -25px;
}

#attendees .people > ul > li dl dt.twitter {
  background-position: center -50px;
}

#attendees .people > ul > li dl dt {  margin-top: 3px; }
#attendees .people > ul > li dl dd { padding-top: 3px; }

/* @end */

/* @group Typography */

#attendees .people h2 {
  color: #a81c99;
}

#attendees .people > ul > li h3 {
  font-size: 26px;
  line-height: 32px;

  font-style: italic;
  font-weight: 300;
  text-indent: 1px;

  color: #7358a9;
}

#attendees .people > ul > li h3.single {
  line-height: 50px;
}

#attendees .people > ul > li h3,
#attendees .people > ul > li p,
#attendees .people > ul > li dd {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#attendees .people > ul > li p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

#attendees .people > ul > li dl dd {
  line-height: 22px;
  font-size: 11px;
}

#attendees .people > ul > li dl dd,
#attendees .people > ul > li dl dd a {
  color: #7e6e94;
}

#attendees .people > ul > li dl dd a:hover {
  border-bottom: none;
  color: #75b4c7;
}

/* @end */



/* @end */


/* @end */

/* @group 3.6. GUIDE (#guide) */

#guide .intro h2,
#guide .intro p {
  margin-left: 14.8936170213%;
}

#guide .intro h2 {
  margin-bottom: 12px;
}

#guide .intro p {
  font-size: 14px;
  line-height: 30px;
}

#guide #map {
  margin-bottom: 50px;
  margin-top: 50px;
}

#guide #map > div {
  border: solid 2px #a8269c;
}

#guide #map iframe {
  width: 100%;
  display: block;
}

#guide section {
  clear: both;
}

#guide section + section {
  margin-top: 15px;
}

#guide section > ul {
  margin-left: 14.8936170213%;
}

#guide section li {
  float: left;
  margin-bottom: 40px;
  position: relative;
}

#guide section li > * {
  position: relative;
  z-index: 10;
}

#guide section li > strong {
  position: absolute;
  left: -20px;
  top: -5px;

  font-family: "atrament-web";
  font-size: 100px;
  font-style: italic;
  padding-right: 10px;
  font-weight: 300;
  color: #f8e7f6;
  z-index: 1;
}
#guide section li h4 {
  margin-bottom: 6px;
}

#guide section li p.address {
  margin-top: 2px;
  font-size: 11px;
  font-weight: 600;
}

/* @end */

/* @group 3.7. VIDEO (#video) */

/* @group Layout */

#video .day {
  padding-top: 40px;
}

#video .day + .day {
  margin-top: 140px;
}

#video .day header {
  margin-bottom: 70px;
  position: relative;
}

#video .day header .name {
  position: absolute;

  left: -45px;
  top: -55px;

  display: block;
  text-transform: uppercase;
  font-family: "atrament-web";
  font-style: italic;
  font-weight: 300;
  font-size: 180px;
  letter-spacing: 0.3em;

  white-space: nowrap;
  
  z-index: 0;

  color: #f8e7f6;
}

#video .day header h2,
#video .day header p {
  position: relative;
  z-index: 10;
  margin-left: 14.8936170213%;
}

#video .day header h2 {
  margin-bottom: 12px;
  color: #a8269c;
}

#video .day header p {
  font-size: 14px;
  line-height: 30px;
}

#video .speakers li > * {
  float: left;
}

#video .speakers li + li {
  margin-top: 60px
}

#video .speakers li > h3 {
  width: 14.8936170213%;
}

#video .speakers li > div {
  width: 25.5319148936%;
  float: right;
}

#video .speakers li.special > div {
  width: 85.1063829787%;
}

#video .speakers li > figure {
  width: 70.2127659574%;
}

#video .speakers li > div {
  /*margin-right: 4.2553191489%;*/
}
/* @end */

/* @group Typography */

#video .topic {
  margin-bottom: 15px;
}

#video h4.pair .wbr {
  display: block;
}

#video h4 {
  font-size: 36px;
  font-style: italic;
  font-weight: 300;
  line-height: 1em;
}

#video h5 {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 5px;
}

/* @end */

/* @group Color */

/* Saturday & Sunday */
#video h3 {
  color: #623d9f;
}

/* @end */

/* @end */


/* @end */

/* @group 4. STANDARD PAGES */

/* @group 4.1. REGISTER */

#register .single .split > * {
  width: 36.3636363636%;
}

#register .single .split > *:first-child {
  width: 57.5757575758%;
}

#videopromo .poster .text,
#videopromo .poster figure,
#videopromo .justvideo,
#videopromo .access {
  width: 47.5%;
}

#videopromo .poster .text,
#videopromo .access {
  float: left;
}

#videopromo .justvideo,
#videopromo .poster figure {
  float: right;
}


#videopromo p.intro {
  margin-bottom: 60px;
}

#videopromo .poster {
  clear: both;
  padding-top: 80px;
}

#videopromo p.button {
  margin-top: 25px;
}

#videopromo .poster figure img {
  max-width: 100%;
  display: block;
}

#videopromo .access input[type='password'] {
  width: 60%;
}

@media screen and (max-width: 750px) {
  #videopromo .poster .text,
  #videopromo .poster figure,
  #videopromo .justvideo,
  #videopromo .access {
    width: 47.8813559322%;
  }
}

@media screen and (max-width: 500px) {
  #videopromo .poster .text,
  #videopromo .poster figure,
  #videopromo .justvideo,
  #videopromo .access {
    width: auto;
    float: none;
  }

  #videopromo p.intro {
    margin-bottom: 40px;
    font-size: 13px;
    line-height: 26px;
  }

  #videopromo .poster {
    padding-top: 0px;
  }

  #videopromo .justvideo,
  #videopromo .poster {
    margin-top: 40px;
  }

  #videopromo .poster figure {
    margin: 20px 0;
  }
}

/* @end */

/* @end */@media screen and (max-width: 750px) {
  .wrapper {
    padding-left: 25px;
    padding-right: 25px; } }
@media screen and (max-width: 500px) {
  .wrapper {
    padding-left: 20px;
    padding-right: 20px; } }
@media screen and (max-width: 400px) {
  .wrapper {
    padding-left: 15px;
    padding-right: 15px; } }

@media screen and (max-width: 870px) {
  body > header nav li a {
    font-size: 11px; } }
@media screen and (max-width: 750px) {
  body > header {
    height: 80px;
    margin-bottom: -80px; }
    body > header h1 {
      margin-right: 0px;
      width: 21.8220338983%; }
    body > header h1 a {
      height: 80px;
      background-position: center; }
    body > header nav {
      width: 73.9406779661%;
      margin-left: 4.2372881356%; }
    body > header nav li {
      width: 29.5128939828%;
      margin-right: 5.7306590258%; }
    body > header nav li > * {
      padding: 1px 0px 9px; }
    body > header nav li:first-child > *,
    body > header nav li:first-child + li > *,
    body > header nav li:first-child + li + li > * {
      padding: 9px 0 1px; }
    body > header nav li:nth-child(3n) {
      margin-right: 0; } }
@media only screen and (max-width: 500px) {
  body > header {
    height: auto; }
    body > header > .wrapper {
      padding: 0px;
      position: relative; }
    body > header h1 {
      width: 52px;
      height: 52px;
      float: none; }
    body > header h1 a {
      background-color: transparent;
      height: 100%; }
    body > header nav {
      width: 52px;
      height: 52px;
      position: absolute;
      top: 0;
      right: 0;
      cursor: pointer;
      background-image: url("../img/collapsed-menu.png");
      background-position: center;
      background-repeat: no-repeat; }
      body > header nav:hover {
        background-color: #692dac;
        background-color: rgba(0, 0, 0, 0.12); }
    body > header nav ul {
      margin: 0px;
      position: absolute;
      background-color: #6e37b7;
      overflow: hidden;
      left: -9999em;
      top: -9999em; }
    body > header nav ul li {
      float: none;
      width: 100%; }
      body > header nav ul li:first-child > *:first-child {
        padding-top: 5px !important; }
      body > header nav ul li:last-child > *:first-child {
        padding-bottom: 5px !important; }
      body > header nav ul li > *:first-child {
        display: block;
        width: auto;
        padding: 0px 25px 0px 13px !important;
        line-height: 2.7; }
        body > header nav ul li > *:first-child span {
          padding-bottom: 1px; } }

/* Modernizr Classes */
@media screen and (max-width: 500px) {
  .no-js body > header nav:hover ul,
  body > header nav.active ul {
    top: 52px;
    right: 0;
    bottom: auto;
    left: auto; } }
@media only screen and (max-width: 500px) {
  .svg body > header nav {
    background-image: url("../img/collapsed-menu.svg"); } }

@media screen and (max-width: 870px) {
  body > footer .logo {
    background-position: center 24px; } }
@media screen and (max-width: 750px) {
  body > footer .container {
    padding-top: 20px;
    padding-bottom: 10px; }
  body > footer .logo {
    position: static;
    float: left;
    width: 13.1355932203%;
    height: 80px;
    margin-top: -20px; }
  body > footer .aside {
    float: left;
    width: 82.6271186441%;
    margin-left: 4.2372881356%; }
  body > footer .aside > li {
    margin-bottom: 20px;
    margin-right: 5.1282051282%; }
  body > footer .aside .updates {
    margin-right: 5.1282051282%; }
  body > footer .aside .questions,
  body > footer .aside .updates {
    width: 36.9230769231%; }
  body > footer .aside .mailinglist,
  body > footer .aside .copy {
    width: 57.9487179487%;
    margin-right: 0px; }
  body > footer .aside .copy {
    float: left;
    clear: none;
    padding-top: 0px; }
  body > footer .aside > .copy h3 {
    display: block; } }
@media screen and (max-width: 600px) {
  body > footer .logo {
    width: 76px;
    height: 73px;
    margin-bottom: 20px;
    background-position: center center; }
  body > footer .aside {
    width: 100%;
    margin: 0px; }
  body > footer .aside > li {
    width: 47.8813559322% !important; }
  body > footer .aside .questions,
  body > footer .aside .updates {
    margin-right: 4.2372881356%; }
  body > footer .aside .mailinglist,
  body > footer .aside .copy {
    margin-right: 0px; } }
@media screen and (max-width: 550px) {
  body > footer .mailinglist input[type='email'] {
    width: 90%; }
  body > footer .aside .copy {
    white-space: normal; } }
@media screen and (max-width: 400px) {
  body > footer .container {
    padding-bottom: 0px; }
  body > footer .aside > li {
    width: 100% !important;
    margin-right: 0px !important; }
  body > footer .mailinglist input[type='email'] {
    width: 50%; } }

@media screen and (max-width: 750px) {
  body > .standard > .wrapper > * {
    margin-left: 0px; }
  body > .standard .single {
    width: 100%; }
  body > .standard .single > h2:first-child {
    margin-top: 24px; }
  body > .standard .single .split > * {
    width: 47.8813559322%; }
    body > .standard .single .split > *:first-child {
      margin-right: 4.2372881356%; }
  body > .standard form p > label:first-child,
  body > .standard form p.aside {
    width: 21.8220338983%; }
  body > .standard form p > label:first-child {
    margin-right: 4.2372881356%; }
  body > .standard form p input[type='text'],
  body > .standard form p input[type='email'],
  body > .standard form p input[type='url'] {
    width: 47.8813559322%; }
  body > .standard form p.submit {
    margin-left: 26.0593220339%; } }
@media screen and (max-width: 600px) {
  body > .standard h2 {
    font-size: 32px;
    margin-bottom: 6px; }
  body > .standard p.intro {
    font-size: 14px;
    margin: 20px 0; }
  body > .standard h2 + p.intro {
    margin-top: 0px; } }
@media screen and (max-width: 500px) {
  body > .standard .single .split > * {
    width: 100% !important; }
    body > .standard .single .split > *:first-child {
      margin-right: 0 !important; }
    body > .standard .single .split > * > *:last-child {
      margin-bottom: 0px !important; }
  body > .standard h2 {
    font-size: 30px;
    margin-bottom: 6px; }
  body > .standard p.intro {
    font-size: 13px;
    margin: 12px 0;
    font-weight: 400; }
    body > .standard p.intro strong {
      display: inline;
      font-weight: 600; }
  body > .standard h2 + p.intro {
    margin-top: 0px; }
  body > .standard .btn {
    padding: 10px;
    padding-right: 15px; }
  body > .standard form p > label:first-child {
    width: 30.5084745763%; }
  body > .standard form p input[type='text'],
  body > .standard form p input[type='email'],
  body > .standard form p input[type='url'] {
    width: 65.2542372881%; }
  body > .standard form p.aside {
    width: 100%; }
  body > .standard form p.submit {
    margin-left: 34.7457627119%; } }

@media screen and (max-width: 750px) {
  #register .single .split > * {
    width: 39.1949152542%; }
    #register .single .split > *:first-child {
      width: 56.5677966102%;
      margin-right: 4.2372881356%; } }

@media screen and (max-width: 750px) {
  body > section > header > * > * {
    margin-left: 0;
    clear: both; }
  body > section > header .wrapper > *:first-child {
    margin-top: 200px; }
  body > section > header .wrapper > *:last-child {
    margin-bottom: 15px; }
  body > section > header p {
    font-size: 16px;
    margin-top: 15px; } }
@media only screen and (max-width: 600px) {
  body > section > header .wrapper > *:first-child {
    margin-top: 190px; }
  body > section > header h1 {
    font-size: 65px;
    letter-spacing: 5px; }
  body > section > header p {
    font-size: 15px; }
  body > section > header h1:after {
    margin-top: 7px; } }
@media only screen and (max-width: 500px) {
  body > section > header h1 {
    font-size: 55px;
    letter-spacing: 4px; }
  body > section > header h1:after {
    margin-top: 6px; }
  body > section > header .wrapper > *:first-child {
    margin-top: 160px; }
  body > section > header p {
    font-size: 14px; } }
@media only screen and (max-width: 350px) {
  body > section > header h1 {
    font-size: 46px;
    letter-spacing: 3px; }
  body > section > header h1:after {
    margin-top: 5px;
    height: 3px; }
  body > section > header .wrapper > *:first-child {
    margin-top: 120px; }
  body > section > header p {
    white-space: normal; } }

@media screen and (max-width: 750px) {
  #conference > header + * > *:first-child,
  #conference > header + * > *:first-child + *,
  #schedule > header + * > *:first-child,
  #fringe > header + * > *:first-child,
  #guide > header + * > *:first-child,
  #attendees > header + * > *:first-child,
  #attendees > header + * > *:first-child + * {
    margin-top: 40px; } }
@media screen and (max-width: 600px) {
  #conference > header + * > *:first-child,
  #conference > header + * > *:first-child + *,
  #schedule > header + * > *:first-child,
  #fringe > header + * > *:first-child,
  #guide > header + * > *:first-child,
  #attendees > header + * > *:first-child,
  #attendees > header + * > *:first-child + * {
    margin-top: 30px; } }

@media screen and (max-width: 750px) {
  body > section > .wrapper > *:last-child {
    margin-bottom: 60px; } }

#home .patrons h2 {
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6em;
  word-spacing: 1px;
  letter-spacing: 1px;
  display: block;
  line-height: 2;
  margin-top: -3px;
  color: #623d9f; }
  #home .patrons h2 > * {
    border-bottom: 2px solid;
    padding-bottom: 2px; }
#home .main > ul > li > *:first-child {
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6em;
  word-spacing: 1px;
  letter-spacing: 1px;
  border-bottom: 2px solid;
  float: none;
  display: inline-block; }
@media screen and (max-width: 850px) {
  #home > header p {
    line-height: 2.4; }
  #home .patrons li img {
    height: 50px; } }
@media screen and (max-width: 800px) {
  #home > header p {
    line-height: 2.2;
    margin-top: 15px; } }
@media screen and (max-width: 750px) {
  #home > header h1 {
    width: 155px;
    margin-bottom: 0px;
    margin-top: 160px; }
    #home > header h1:after {
      height: 5px;
      margin-top: 7px; }
  #home header h2,
  #home header p {
    clear: both;
    float: left;
    width: 100%; }
  #home header h2 {
    margin-top: 30px; }
  #home header p {
    margin-top: 15px;
    margin-bottom: 30px;
    line-height: 2.3; }
  #home .main > ul > li {
    width: 30.5084745763%;
    margin-right: 4.2372881356%; }
  #home .main > ul > li > *:first-child {
    font-size: 11px; }
  #home .patrons li img {
    height: 40px; } }
@media screen and (max-width: 650px) {
  #home .main > ul > li {
    width: 65.2542372881%;
    float: none; }
  #home .main > ul > li + li {
    margin-top: 40px; }
  #home .main .extra > li + li {
    margin-top: 30px; }
  #home .main > ul > li h2 {
    margin-top: 5px; }
  #home .patrons {
    margin-top: 70px; }
  #home .patrons,
  #home .patrons ul {
    text-align: left; }
  #home .patrons li {
    display: block;
    margin: 0px;
    margin-bottom: 10px; }
  #home .patrons li.mailchimp {
    margin-top: 15px; }
  #home .patrons li img {
    height: 60px; } }
@media screen and (max-width: 500px) {
  #home header h1 {
    width: 140px; }
    #home header h1:after {
      margin-top: 7px; }
  #home header p {
    font-size: 13px; }
  #home .patrons {
    margin-top: 50px; }
  #home .patrons h2 {
    margin-bottom: 40px; }
  #home .patrons li img {
    height: 50px; } }
@media screen and (max-width: 400px) {
  #home header h1 {
    width: 130px;
    margin-top: 150px; }
    #home header h1:after {
      margin-top: 5px;
      height: 4px; }
  #home header h2 {
    font-size: 12px;
    letter-spacing: 1px; }
  #home header p {
    font-size: 12px;
    line-height: 2em;
    margin-bottom: 20px;
    font-weight: 400; }
  #home .main > ul > li {
    width: 100%; }
  #home .main > ul > li > *:first-child + p {
    margin-top: 6px; }
  #home .patrons h2 {
    margin-bottom: 30px; } }
@media screen and (max-width: 350px) {
  #home header h1 {
    margin-top: 120px; } }

#conference .day header h2 {
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6em;
  word-spacing: 1px;
  letter-spacing: 1px;
  display: block; }
  #conference .day header h2 > * {
    border-bottom: 2px solid;
    padding-bottom: 2px; }
#conference .day header .name {
  background: -webkit-linear-gradient(top, #e6d9f4, #e1f3fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
#conference .day h4,
#conference .day h4 a {
  color: #623d9f; }
#conference .day h4 a:hover {
  border-bottom: none;
  color: #a8269c; }
#conference .day .speakers li.special h3, #conference .day .speakers li.special p {
  color: #a8269c; }
#conference .day .speakers li.special p {
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6em;
  word-spacing: 1px;
  letter-spacing: 1px; }
#conference .day .speakers li h3 {
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6em;
  word-spacing: 1px;
  letter-spacing: 1px;
  display: block; }
  #conference .day .speakers li h3 > * {
    border-bottom: 2px solid;
    padding-bottom: 2px; }
#conference .day .speakers li .topic {
  color: #623d9f;
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6em;
  word-spacing: 1px;
  letter-spacing: 1px;
  border-bottom: 2px solid;
  display: block;
  float: left; }
  #conference .day .speakers li .topic + * {
    clear: left; }

@media screen and (max-width: 750px) {
  #conference .day + .day {
    margin-top: 120px; }
  #conference .day header {
    margin-bottom: 50px; }
    #conference .day header .name {
      font-size: 155px;
      top: -29px; }
    #conference .day header h2, #conference .day header p {
      margin-left: 0; }
  #conference .speakers li + li {
    margin-top: 50px; }
  #conference .speakers li > h3, #conference .speakers li.special > div {
    float: none;
    width: 100%;
    margin: 0px; }
  #conference .speakers li > h3 {
    margin-bottom: 20px; }
  #conference .speakers li > div {
    width: 39.1949152542%; }
  #conference .speakers li > figure {
    width: 56.5677966102%; }
  #conference .speakers li h4 {
    font-size: 32px; }
    #conference .speakers li h4.pair .wbr {
      display: inline; } }
@media screen and (max-width: 650px) {
  #conference .day header .name {
    font-size: 123px;
    left: -35px;
    top: -30px; }
  #conference .speakers li > * {
    float: none !important;
    width: 100% !important;
    margin: 0px; }
  #conference .speakers li > figure {
    margin-top: 20px; }
  #conference .speakers li .topic {
    display: none !important; }
  #conference .speakers li h3 {
    margin-bottom: 15px; }
  #conference .speakers li h4 {
    font-size: 34px; } }
@media screen and (max-width: 500px) {
  #conference .day + .day {
    margin-top: 90px; }
  #conference .day header {
    margin-bottom: 30px; }
    #conference .day header .name {
      font-size: 100px;
      left: -30px; }
    #conference .day header > p {
      font-size: 13px;
      line-height: 28px; }
  #conference .speakers li + li {
    margin-top: 30px; }
  #conference .speakers li h4 {
    font-size: 30px; }
  #conference .speakers li h5 {
    font-size: 12px;
    margin-top: 1px;
    margin-bottom: 5px; }
  #conference .speakers li > figure {
    margin-top: 15px; } }
@media screen and (max-width: 400px) {
  #conference .day header .name {
    left: -20px; }
  #conference .day header h2 {
    font-size: 11px; }
  #conference .speakers li.special p,
  #conference .speakers li h3,
  #conference .speakers li .topic {
    font-size: 11px !important; }
  #conference .speakers li h3 {
    margin-bottom: 12px; } }
@media screen and (max-width: 350px) {
  #conference .day header .name {
    font-size: 80px;
    left: -20px;
    top: -25px; } }

#fringe article#arcade header h2, #fringe article#arcade header p, #fringe article#arcade section h4 span, #fringe article#music header h2, #fringe article#music header p, #fringe article#music section h4 span {
  color: #2ba6cc; }
#fringe article#film header h2, #fringe article#film header p, #fringe article#film section h4 span, #fringe article#pubcrawl header h2, #fringe article#pubcrawl header p, #fringe article#pubcrawl section h4 span {
  color: #a8269c; }
#fringe article header h2 {
  font-size: 36px;
  font-style: italic;
  font-weight: 300;
  line-height: 1em; }
#fringe article header h3 {
  color: #623d9f; }
#fringe article header p {
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6em;
  word-spacing: 1px;
  letter-spacing: 1px;
  border-bottom: 2px solid;
  display: block;
  float: left; }
  #fringe article header p + * {
    clear: left; }
#fringe article section h4 {
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6em;
  word-spacing: 1px;
  letter-spacing: 1px;
  display: block;
  line-height: 2;
  margin-top: -3px; }
  #fringe article section h4 > * {
    border-bottom: 2px solid;
    padding-bottom: 2px; }
  #fringe article section h4 .time {
    margin-top: 0px;
    line-height: 1.6;
    padding-bottom: 0px; }
  #fringe article section h4 .number {
    line-height: 1;
    margin-top: 0;
    padding-bottom: 0;
    border-bottom: none; }

@media screen and (max-width: 750px) {
  #fringe article > div {
    float: none;
    width: auto; }
  #fringe article > span {
    font-size: 155px;
    top: 0px;
    left: -30px; }
  #fringe article header {
    margin-bottom: 15px; }
    #fringe article header hgroup {
      padding-left: 0px; }
    #fringe article header .date {
      float: none;
      width: auto;
      margin-top: 0px;
      overflow: hidden; }
    #fringe article header .date p {
      clear: none; }
    #fringe article header .date p + p {
      margin-top: 0px;
      margin-left: 15px; }
  #fringe article section > div {
    width: 39.1949152542%; }
  #fringe article section > figure {
    width: 56.5677966102%; }
  #fringe article section h4 {
    margin-top: 0px; }
  #fringe article section h4 .time {
    position: absolute;
    top: 0px;
    left: 0px; }
  #fringe article#film section h4, #fringe article#music section h4 {
    padding-top: 30px; } }
@media screen and (max-width: 650px) {
  #fringe article {
    padding-top: 40px; }
    #fringe article > span {
      font-size: 123px;
      top: -2px; }
    #fringe article header hgroup {
      margin-bottom: 30px; }
    #fringe article section {
      margin-top: 50px;
      margin-bottom: 50px; }
      #fringe article section + section {
        margin-top: 50px; }
      #fringe article section > div,
      #fringe article section > figure {
        float: none;
        width: auto; }
      #fringe article section > div + figure {
        margin-top: 20px; }
    #fringe article#pubcrawl .map {
      margin-top: 40px; }
    #fringe article#pubcrawl .places li {
      float: none;
      width: auto;
      margin-right: 0px;
      margin-top: 20px;
      padding-left: 30px; }
    #fringe article#pubcrawl .places li .number {
      font-size: 75px;
      left: -35px;
      top: -20px; } }
@media screen and (max-width: 500px) {
  #fringe article {
    padding-top: 25px; }
    #fringe article + article {
      margin-top: 60px; }
    #fringe article > span {
      font-size: 100px;
      top: -3px;
      left: -25px; }
    #fringe article header {
      margin-bottom: 8px; }
      #fringe article header hgroup {
        margin-bottom: 25px; }
      #fringe article header h2 {
        margin-bottom: 4px; }
    #fringe article > div > p {
      font-size: 13px;
      line-height: 28px; }
    #fringe article section {
      margin-top: 40px;
      margin-bottom: 40px; }
      #fringe article section h4 {
        margin-bottom: 8px; }
      #fringe article section + section {
        margin-top: 40px; }
      #fringe article section > div + figure {
        margin-top: 12px; }
    #fringe article#film section h4, #fringe article#music section h4 {
      padding-top: 25px; }
    #fringe article#pubcrawl .map {
      margin-top: 30px; } }
@media screen and (max-width: 400px) {
  #fringe article > span {
    top: -6px;
    left: -20px; }
  #fringe article header hgroup {
    margin-bottom: 20px; }
  #fringe article header h2 {
    font-size: 34px;
    margin-bottom: 2px; }
  #fringe article header h3 {
    font-size: 12px; }
  #fringe article header p,
  #fringe article section h4 {
    font-size: 11px; }
  #fringe article#pubcrawl .places li .number {
    font-size: 60px;
    left: -30px;
    top: -15px; } }
@media screen and (max-width: 350px) {
  #fringe article > span {
    font-size: 80px;
    top: 7px;
    left: -15px; } }

#schedule .legend p {
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6em;
  word-spacing: 1px;
  letter-spacing: 1px;
  display: block; }
  #schedule .legend p > * {
    border-bottom: 2px solid;
    padding-bottom: 2px; }
@media screen and (max-width: 750px) {
  #schedule .legend {
    display: none; }
  #schedule #thursday {
    margin-top: 30px; }
  #schedule section > header,
  #schedule section > .day {
    width: 100%;
    float: none; }
  #schedule section li {
    width: 47.8813559322%; }
  #schedule section li + li {
    margin-left: 4.2372881356%; }
  #schedule #thursday li {
    margin-left: 52.1186440678%; }
  #schedule section > header strong {
    font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.6em;
    word-spacing: 1px;
    letter-spacing: 1px;
    border-bottom: 2px solid;
    float: none;
    display: inline-block;
    margin-bottom: 25px; }
  #schedule section > header strong small {
    font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.6em;
    word-spacing: 1px;
    letter-spacing: 1px; }
  #schedule section > header span {
    top: 10px;
    left: -45px;
    font-size: 155px; }
  #schedule #saturday {
    margin-top: 10.638297872%; }
  #schedule .day p + h3 {
    padding-top: 30px; }
  #schedule .day dt.time {
    clear: left; }
  #schedule .day dt.time + dd {
    text-indent: 0;
    width: auto; } }
@media screen and (max-width: 650px) {
  #schedule section > header span {
    top: 22px;
    left: -34px;
    font-size: 123px; }
  #schedule section > .day p {
    width: auto; } }
@media screen and (max-width: 500px) {
  #schedule #thursday {
    margin-top: 25px; }
  #schedule section li {
    width: 100%; }
  #schedule section li + li {
    margin-left: 0; }
  #schedule #thursday li {
    margin-left: 0; }
  #schedule section > header h2 strong {
    margin-bottom: 0px; }
  #schedule section > header span {
    top: 20px;
    left: -28px;
    font-size: 100px; }
  #schedule .day p + h3,
  #schedule .day h3 {
    padding-top: 20px; }
  #schedule .day p,
  #schedule .day dd {
    margin-left: 0px; } }
@media screen and (max-width: 400px) {
  #schedule .day h3 {
    font-size: 34px; }
  #schedule .day dd {
    font-size: 12px; }
  #schedule .day dl {
    margin-top: 6px;
    margin-bottom: 0px; } }
@media screen and (max-width: 350px) {
  #schedule section > header span {
    top: 23px;
    left: -23px;
    font-size: 68px; } }

@media screen and (max-width: 950px) {
  #attendees .people > ul > li h3 {
    font-size: 25px; } }
@media screen and (max-width: 900px) {
  #attendees .people > ul > li h3 {
    font-size: 24px; } }
@media screen and (max-width: 850px) {
  #attendees .people > ul > li h3 {
    font-size: 23px; } }
@media screen and (max-width: 800px) {
  #attendees .people > ul > li h3 {
    font-size: 22px; } }
@media screen and (max-width: 750px) {
  #attendees .people > ul > li h3 {
    font-size: 23px; } }
@media screen and (max-width: 650px) {
  #attendees .people > ul > li h3 {
    font-size: 21px; } }
@media screen and (max-width: 600px) {
  #attendees .people > ul > li h3 {
    font-size: 24px; } }
@media screen and (max-width: 500px) {
  #attendees .people > ul > li h3 {
    font-size: 22px; } }
@media screen and (max-width: 450px) {
  #attendees .people > ul > li h3 {
    font-size: 21px; } }
@media screen and (max-width: 600px) {
  #attendees .people > ul > li h3 {
    font-size: 24px; } }
@media screen and (max-width: 650px) {
  #attendees .people > ul > li p {
    font-size: 11px; } }
@media screen and (max-width: 600px) {
  #attendees .people > ul > li p {
    font-size: 12px; } }
@media screen and (max-width: 750px) {
  #attendees #filtering {
    width: auto;
    margin-right: 0;
    float: none;
    padding-bottom: 30px;
    padding-top: 0;
    zoom: 1; }
    #attendees #filtering:before, #attendees #filtering:after {
      content: "";
      display: table; }
    #attendees #filtering:after {
      clear: both; }
  #attendees #filtering > * {
    float: left; }
    #attendees #filtering > * + * {
      margin-top: 0px; }
    #attendees #filtering > *.search {
      width: 30.5084745763%; }
    #attendees #filtering > *.browse {
      width: 65.2542372881%; }
    #attendees #filtering > *:first-child {
      margin-right: 4.2372881356%; }
  #attendees #filtering .browse ul {
    padding-top: 3px; }
  #attendees #filtering .browse li {
    float: left; }
    #attendees #filtering .browse li + li {
      margin-left: 15px; }
    #attendees #filtering .browse li a {
      padding-bottom: 0px; }
  #attendees .people {
    margin-left: 0px !important;
    margin-top: 0px !important;
    width: 100%; }
  #attendees .people > ul > li {
    width: 30.5084745763%;
    margin-right: 4.2372881356%; } }
@media screen and (max-width: 600px) {
  #attendees #filtering .browse li span {
    word-spacing: 0px;
    letter-spacing: 0px; }
  #attendees .people > ul > li {
    width: 47.8813559322%; }
    #attendees .people > ul > li:nth-child(3n) {
      margin-right: 4.2372881356%; }
      #attendees .people > ul > li:nth-child(3n) + li {
        clear: none; }
    #attendees .people > ul > li:nth-child(2n) {
      margin-right: 0; }
      #attendees .people > ul > li:nth-child(2n) + li {
        clear: left; } }
@media screen and (max-width: 500px) {
  #attendees #filtering {
    padding-bottom: 20px; }
  #attendees #filtering > *.search {
    width: 21.8220338983%; }
  #attendees #filtering > *.browse {
    width: 73.9406779661%; } }
@media screen and (max-width: 450px) {
  #attendees #filtering .browse li + li {
    margin-left: 8px; } }
@media screen and (max-width: 400px) {
  #attendees #filtering {
    padding-bottom: 30px; }
  #attendees #filtering > * {
    float: none;
    width: auto !important;
    margin-right: 0px !important; }
    #attendees #filtering > * + * {
      margin-top: 15px; }
  #attendees #filtering .browse li + li {
    margin-left: 15px; }
  #attendees .people > ul > li {
    width: 100%;
    margin-right: 0px !important;
    float: none !important;
    clear: none !important; } }
@media screen and (max-width: 350px) {
  #attendees #filtering .browse li + li {
    margin-left: 10px; } }

#guide #transportation {
  margin-top: 60px; }
#guide .intro h2 {
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6em;
  word-spacing: 1px;
  letter-spacing: 1px;
  display: block;
  color: #a8269c; }
  #guide .intro h2 > * {
    border-bottom: 2px solid;
    padding-bottom: 2px; }
#guide section header h3 {
  font-size: 36px;
  font-style: italic;
  font-weight: 300;
  line-height: 1em;
  margin-bottom: 15px; }
#guide section li h4 {
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6em;
  word-spacing: 1px;
  letter-spacing: 1px;
  display: block;
  line-height: 2;
  margin-top: -4px; }
  #guide section li h4 > * {
    border-bottom: 2px solid;
    padding-bottom: 2px; }
#guide section li {
  width: 30%;
  margin-right: 5%; }
#guide #venues li:nth-child(3n),
#guide #cartpods li:nth-child(3n),
#guide #coffeetea li:nth-child(3n),
#guide #pubcrawl li:nth-child(3n),
#guide #food li:nth-child(3n) {
  margin-right: 0; }
  #guide #venues li:nth-child(3n) + li,
  #guide #cartpods li:nth-child(3n) + li,
  #guide #coffeetea li:nth-child(3n) + li,
  #guide #pubcrawl li:nth-child(3n) + li,
  #guide #food li:nth-child(3n) + li {
    clear: both; }
#guide #booze li,
#guide #other li {
  width: 21.25%; }
  #guide #booze li:nth-child(4n),
  #guide #other li:nth-child(4n) {
    margin-right: 0; }
    #guide #booze li:nth-child(4n) + li,
    #guide #other li:nth-child(4n) + li {
      clear: both; }
#guide #transportation li {
  width: 47.5%; }
  #guide #transportation li:nth-child(2n) {
    margin-right: 0; }
  #guide #transportation li:last-child {
    width: 100%;
    margin-right: 0; }
#guide #venues h3, #guide #venues h4 {
  color: #623d9f; }
#guide #venues li > strong {
  font-size: 95px;
  top: 10px;
  color: #efebf5; }
#guide #pubcrawl h3, #guide #pubcrawl h4 {
  color: #a8269c; }
#guide #pubcrawl li > strong {
  color: #f6e9f5; }
#guide #food h3, #guide #food h4 {
  color: #5752a8; }
#guide #food li > strong {
  color: #eeedf6; }
#guide #cartpods h3, #guide #cartpods h4 {
  color: #4c67b1; }
#guide #cartpods li > strong {
  color: #edeff7; }
#guide #coffeetea h3, #guide #coffeetea h4 {
  color: #417cba; }
#guide #coffeetea li > strong {
  color: #ecf2f8; }
#guide #booze h3, #guide #booze h4 {
  color: #3691c3; }
#guide #booze li > strong {
  color: #eaf4f9; }
#guide #other h3, #guide #other h4 {
  color: #2ba6cc; }
#guide #other li > strong {
  color: #e9f6fa; }
#guide #transportation h3, #guide #transportation h4 {
  color: #a8269c; }
@media screen and (max-width: 750px) {
  #guide .intro h2,
  #guide .intro p,
  #guide section ul {
    margin-left: 0px; }
  #guide #map {
    margin-top: 30px; }
  #guide section + section {
    margin-top: 30px; }
  #guide section header {
    margin-bottom: 30px; }
  #guide section li {
    width: 30.5084745763%;
    margin-right: 4.2372881356%; }
  #guide section#booze li, #guide section#other li {
    width: 47.8813559322%; }
    #guide section#booze li:nth-child(2n), #guide section#other li:nth-child(2n) {
      margin-right: 0px; }
      #guide section#booze li:nth-child(2n) + li, #guide section#other li:nth-child(2n) + li {
        clear: left; }
  #guide section#transportation li {
    width: 47.8813559322%; } }
@media screen and (max-width: 500px) {
  #guide .intro > p {
    font-size: 13px;
    line-height: 28px; }
  #guide section li {
    width: 47.8813559322% !important;
    margin-right: 4.2372881356% !important;
    clear: none !important; }
    #guide section li:nth-child(2n) {
      margin-right: 0px !important; }
      #guide section li:nth-child(2n) + li {
        clear: left !important; }
  #guide section#transportation li:last-child {
    width: 100% !important;
    margin-right: 0px !important; }
  #guide section li h4 {
    margin-bottom: 4px; }
  #guide section li p.address {
    margin-top: 0px; } }
@media screen and (max-width: 400px) {
  #guide #map {
    margin-top: 20px;
    margin-bottom: 30px; }
  #guide .intro > h2,
  #guide section h4 {
    font-size: 11px !important; }
  #guide section + section {
    margin-top: 20px; }
  #guide section header h3 {
    font-size: 30px; }
  #guide section header {
    margin-bottom: 20px; }
  #guide section li {
    width: 100% !important;
    margin-right: 0px !important;
    float: none !important;
    margin-bottom: 20px; }
    #guide section li > strong {
      right: 0px;
      left: auto;
      font-size: 75px !important;
      top: 4px; }
  #guide section#venues li > strong {
    top: 15px; } }

#video .day header h2 {
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6em;
  word-spacing: 1px;
  letter-spacing: 1px;
  display: block; }
  #video .day header h2 > * {
    border-bottom: 2px solid;
    padding-bottom: 2px; }
#video .day header .name {
  background: -webkit-linear-gradient(top, #e6d9f4, #e1f3fc);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
#video .day h4,
#video .day h4 a {
  color: #623d9f; }
#video .day h4 a:hover {
  border-bottom: none;
  color: #a8269c; }
#video .day .speakers li.special h3, #video .day .speakers li.special p {
  color: #a8269c; }
#video .day .speakers li.special p {
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6em;
  word-spacing: 1px;
  letter-spacing: 1px; }
#video .day .speakers li h3 {
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6em;
  word-spacing: 1px;
  letter-spacing: 1px;
  display: block; }
  #video .day .speakers li h3 > * {
    border-bottom: 2px solid;
    padding-bottom: 2px; }
#video .day .speakers li .topic {
  color: #623d9f;
  font-family: "facitweb", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.6em;
  word-spacing: 1px;
  letter-spacing: 1px;
  border-bottom: 2px solid;
  display: block;
  float: left; }
  #video .day .speakers li .topic + * {
    clear: left; }

@media screen and (max-width: 750px) {
  #video .day + .day {
    margin-top: 120px; }
  #video .day header {
    margin-bottom: 50px; }
    #video .day header .name {
      font-size: 155px;
      top: -29px; }
    #video .day header h2, #video .day header p {
      margin-left: 0; }
  #video .speakers li + li {
    margin-top: 50px; }
  #video .speakers li > h3, #video .speakers li.special > div {
    float: none;
    width: 100%;
    margin: 0px; }
  #video .speakers li > h3 {
    margin-bottom: 20px; }
  #video .speakers li > div {
    width: 39.1949152542%; }
  #video .speakers li > figure {
    width: 56.5677966102%; }
  #video .speakers li h4 {
    font-size: 32px; }
    #video .speakers li h4.pair .wbr {
      display: inline; } }
@media screen and (max-width: 650px) {
  #video .day header .name {
    font-size: 123px;
    left: -35px;
    top: -30px; }
  #video .speakers li > * {
    float: none !important;
    width: 100% !important;
    margin: 0px; }
  #video .speakers li > figure {
    margin-top: 20px; }
  #video .speakers li .topic {
    display: none !important; }
  #video .speakers li h3 {
    margin-bottom: 15px; }
  #video .speakers li h4 {
    font-size: 34px; } }
@media screen and (max-width: 500px) {
  #video .day + .day {
    margin-top: 90px; }
  #video .day header {
    margin-bottom: 30px; }
    #video .day header .name {
      font-size: 100px;
      left: -30px; }
    #video .day header > p {
      font-size: 13px;
      line-height: 28px; }
  #video .speakers li + li {
    margin-top: 30px; }
  #video .speakers li h4 {
    font-size: 30px; }
  #video .speakers li h5 {
    font-size: 12px;
    margin-top: 1px;
    margin-bottom: 5px; }
  #video .speakers li > figure {
    margin-top: 15px; } }
@media screen and (max-width: 400px) {
  #video .day header .name {
    left: -20px; }
  #video .day header h2 {
    font-size: 11px; }
  #video .speakers li.special p,
  #video .speakers li h3,
  #video .speakers li .topic {
    font-size: 11px !important; }
  #video .speakers li h3 {
    margin-bottom: 12px; } }
@media screen and (max-width: 350px) {
  #video .day header .name {
    font-size: 80px;
    left: -20px;
    top: -25px; } }

.wrapper,
form,
body > footer .container,
body > footer .container > *,
.standard .single .split,
#home .main ul,
#conference .day header,
#conference .speakers li,
#video .day header,
#video .speakers li,
#schedule section,
#schedule .legend,
#schedule .day dl,
#attendees .options ul,
#attendees .people > .header,
#attendees .people > ul,
#attendees ul,
#conference h2 + div,
#register form h3,
#fringe .intro,
#fringe article,
#fringe article section,
#guide section,
#videopromo .single,
#videopromo .poster {
  zoom: 1; }
  .wrapper:before, .wrapper:after,
  form:before,
  form:after,
  body > footer .container:before,
  body > footer .container:after,
  body > footer .container > *:before,
  body > footer .container > *:after,
  .standard .single .split:before,
  .standard .single .split:after,
  #home .main ul:before,
  #home .main ul:after,
  #conference .day header:before,
  #conference .day header:after,
  #conference .speakers li:before,
  #conference .speakers li:after,
  #video .day header:before,
  #video .day header:after,
  #video .speakers li:before,
  #video .speakers li:after,
  #schedule section:before,
  #schedule section:after,
  #schedule .legend:before,
  #schedule .legend:after,
  #schedule .day dl:before,
  #schedule .day dl:after,
  #attendees .options ul:before,
  #attendees .options ul:after,
  #attendees .people > .header:before,
  #attendees .people > .header:after,
  #attendees .people > ul:before,
  #attendees .people > ul:after,
  #attendees ul:before,
  #attendees ul:after,
  #conference h2 + div:before,
  #conference h2 + div:after,
  #register form h3:before,
  #register form h3:after,
  #fringe .intro:before,
  #fringe .intro:after,
  #fringe article:before,
  #fringe article:after,
  #fringe article section:before,
  #fringe article section:after,
  #guide section:before,
  #guide section:after,
  #videopromo .single:before,
  #videopromo .single:after,
  #videopromo .poster:before,
  #videopromo .poster:after {
    content: "";
    display: table; }
  .wrapper:after,
  form:after,
  body > footer .container:after,
  body > footer .container > *:after,
  .standard .single .split:after,
  #home .main ul:after,
  #conference .day header:after,
  #conference .speakers li:after,
  #video .day header:after,
  #video .speakers li:after,
  #schedule section:after,
  #schedule .legend:after,
  #schedule .day dl:after,
  #attendees .options ul:after,
  #attendees .people > .header:after,
  #attendees .people > ul:after,
  #attendees ul:after,
  #conference h2 + div:after,
  #register form h3:after,
  #fringe .intro:after,
  #fringe article:after,
  #fringe article section:after,
  #guide section:after,
  #videopromo .single:after,
  #videopromo .poster:after {
    clear: both; }

@media screen and (max-width: 930px) {
  #home > header h2 .date {
    display: block;
    padding-top: 10px; }
    #home > header h2 .date .middot {
      display: none; } }
@media screen and (max-width: 750px) {
  #home > header h2 .date {
    display: inline;
    padding-top: 0px; }
    #home > header h2 .date .middot {
      display: inline; } }
@media screen and (max-width: 600px) {
  #home > header h2 .date {
    display: block;
    padding-top: 10px; }
    #home > header h2 .date .middot {
      display: none; } }
@media screen and (max-width: 350px) {
  #home > header h2 .city {
    display: block;
    padding-top: 10px; }
    #home > header h2 .city .middot {
      display: none; } }

@media screen and (max-width: 800px) {
  #conference li.pair .wbr {
    display: block; } }
@media screen and (max-width: 400px) {
  #conference li.pair .wbr {
    display: inline; } }

@media screen and (max-width: 820px) {
  body > footer .wbr.site {
    display: block; } }
@media screen and (max-width: 750px) {
  body > footer .wbr.names, body > footer .wbr.identity {
    display: block; } }

@media screen and (max-width: 400px) {
  #conference > header p .wbr {
    display: block; } }

@media screen and (max-width: 920px) {
  #guide > header p .wbr {
    display: block; } }
@media screen and (max-width: 500px) {
  #guide > header p .wbr {
    display: inline; } }

@media screen and (max-width: 580px) {
  #fringe > header p .wbr {
    display: block; } }
@media screen and (max-width: 350px) {
  #fringe > header p .wbr {
    display: inline; } }

@media screen and (max-width: 900px) {
  #attendees > header p .wbr {
    display: block; } }
@media screen and (max-width: 350px) {
  #attendees > header p .wbr {
    display: inline; } }

body > section > header {
  background-color: #56d1f4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9708db), color-stop(100%, #56d1f4));
  background-image: -webkit-linear-gradient(top, #9708db, #56d1f4);
  background-image: -moz-linear-gradient(top, #9708db, #56d1f4);
  background-image: -ms-linear-gradient(top, #9708db, #56d1f4);
  background-image: -o-linear-gradient(top, #9708db, #56d1f4);
  background-image: linear-gradient(top, #9708db, #56d1f4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9708DB', endColorstr='#56D1F4');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#9708DB', endColorstr='#56D1F4')"; }
  body > section > header h1:after {
    -webkit-box-shadow: -3px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: -3px 3px 0px rgba(0, 0, 0, 0.1); }

.no-boxshadow body > section > header h1,
.no-textshadow body > section > header h1 {
  text-shadow: none; }
  .no-boxshadow body > section > header h1:after,
  .no-textshadow body > section > header h1:after {
    -webkit-box-shadow: none;
    box-shadow: none; }