/* @group General */

/* @group Reset */
html, body, div, form, fieldset, legend, label { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { text-align: left; vertical-align: top; }
h1, h2, h3, h4, h5, h6, th, td, caption { font-weight:normal; }
img { border: 0; max-width: 100%; display: block; }
:focus { outline: 0; }
ol, ul, li { list-style: none; margin: 0; padding: 0; }
a:link, a:visited, a:active { color: #3FA5AC; text-decoration: none; }
a:hover, a:focus { color: #2F7C81; text-decoration: none; }
blockquote, q { margin: 0; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
abbr { border: none; }
iframe { border:none; padding:0; margin:0.5em 0; }
/* @end Reset */

/* @group Fonts */
body,
p,
form input,
form textarea,
p.event strong,
div.section.clearleft,
div.section.clearleft h3,
div.twitter blockquote p,
div.reasons ol li:before,
div.content-box.info h3,
ul.schedule-list em {
    font-family: 'Adelle Regular', Georgia, serif; font-size-adjust: 0.516; font-weight: normal; font-style: normal;
    line-height: 1.4em;
}
h4,
a.arrow,
form input[type="submit"],
strong,
p.more a,
div.content-box a,
div.content-box h3,
div.venue-info div.vcard h3,
ul.schedule a,
table thead th,
div.programme.detail h3,
div.programme.detail div.vcard p.bio,
div.programme.detail div.vcard p.bio cite {
    font-family: 'Adelle SemiBold', Georgia, serif; font-weight: bold; font-style: normal;
}
em,
blockquote,
blockquote p,
cite,
a.circle-day,
a.circle-day strong,
div.programme-pane small,
ul.schedule.workshops p.supporting-info {
    font-family: 'Adelle Italic', Georgia, serif; font-weight: normal; font-style: italic;
}
blockquote cite span.fn 
ul.speaker-list p,
ul.speaker-list p em,
blockquote cite {
    font-family: Calluna, Times, sans-serif;
}
h2,
h3,
ul.navigation li,
ul.info-nav li,
div.prop h1,
div.prop h1 strong,
ul.speaker-list a,
ul.speaker-list .tba,
blockquote cite span.fn,
div.section.footer,
p.presented-by,
p.presented-by a,
ul.sessions div.session h3,
ul.sessions div.workshop h3 a,
ul.workshop-list a,
div.session a,
div.content-box h2 strong,
div.content-box a.speaker,
div.content-box h2 a,
ul.schedule-list strong {
    font-family: 'Proxima Nova Condensed Regular', 'Arial Narrow', Arial, Helvetica, sans-serif; font-size-adjust: 0.488; font-weight: normal;
}
h1,
h2.circle-heading,
div.speaker.detail h2,
div.programme-pane h2,
div.programme-pane h3,
div.programme.detail a.speaker
div.programme.detail div.vcard h2 a,
ul.day-list li.day a.circle-day span.type {
    font-family: 'Proxima Nova Condensed Light', 'Arial Narrow', Arial, Helvetica, sans-serif; font-size-adjust: 0.488; font-weight: 200; font-style: normal;
}
/* @end Fonts */

/* @group Base64 Embedded Images */
/* Converted with http://www.greywyvern.com/code/php/binary2base64 */

/* /images/base64/dash.png */
div.section,
ul.schedule,
li.dash {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAKCAMAAAAAT7fvAAAABlBMVEXMzMz////TjRV2AAAAAnRSTlP/AOW3MEoAAAAcSURBVHja7cohAgAAAAEx/v9p9ZIoWZ4Kw9/mBVj8AHlZJ6SiAAAAAElFTkSuQmCC') 0 100% repeat-x;
}
/* /images/base64/noise.png */
body,
h1,
ul.navigation li.register a,
div.prop-venue,
p.prop-register span,
h2.circle-heading,
div.reasons ol li:before,
div.section.footer,
div.speaker.detail ul.speaker-list,
div.programme-days,
div.programme-days a.circle-day,
ul.day-list li.day,
ul.day-list a.circle-day {
    background: url('data:image/png;base64,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%3D%3D') 0 0 repeat;
}
/* /images/base64/arrow.png */
a.arrow,
form input[type="submit"] {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAANCAMAAABrcDXcAAAAG1BMVEX////i7lzi7lzi7lzi7lzi7lzi7lzi7lzi7lwMdapUAAAACXRSTlMAETNVZszd7v9E+shAAAAANElEQVR42q2QSQoAIAzE6tr5/4t7KYhiTpprGAZiSfdqV5oEqow/SotDaWPyBn6eBTfgbgGfjQJlWggNuQAAAABJRU5ErkJggg%3D%3D') right 50% no-repeat;
}
/* /images/base64/flickr.png */
div.flickr h3:after {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAOCAMAAAAPOFwLAAAAFVBMVEX///8zMzMzMzMzMzMzMzMzMzMzMzOZaqduAAAAB3RSTlMAIkRViKr/2Gy+qgAAAExJREFUeNq10TEOACAIQ9FSCvc/siQy4MTk28hfEFEYWYJo5ipud1I23ZlqnLWo6+jMgYBpMMTMAbgGRz4APb7mZbXlYctZlqMuX3IAZk0GUfyKcB4AAAAASUVORK5CYII%3D');
}
/* /images/base64/twitter.png */
div.twitter h3:after {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAUCAMAAACknt2MAAAAGFBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAABcYkG9AAAACHRSTlMAESIzRFVmd1lsqD8AAAB7SURBVHjadZHREgMhCAOJgfD/f9w5OxQ97T5mRRBtB/RhVxCKPypScS8bKSnFW5EmebqhAmaolM9BT1UZuqMrYKHG6yY+KbVAYirqjU/TTZqwAq5NplsD39S+EKwO36he1iJZg+NtfkNQTsZqsKwus4Vo9/GCOP49zvwDILcFiGfIimEAAAAASUVORK5CYII%3D');
}
/* /images/base64/twitter-speech.png */
div.twitter blockquote:after {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAA7klEQVR42uXRu2rCYBiHcZuY5iRfiwe0kha00FJxUBSnUsSrderUQcHeRzIkS7asuQB9hjdQyBDerP3DjxzI9yzpVLu2WKe2fxPrYaINpWl65twGMwzgt4olSXLhzCeWiPAAVx2L4/iX7/dYY44RQjiqmIQO2OINTzBwYUNiutA7pniEhy7uajFlyJeQ1fA3daGGmCLUEJPfrwjJQoz/hrIsO/HuSxWSBRhVoTzPf3jeYaUKyXz0r6woim/uF/jAqyok82DKsjxyfcYLIoxVIZmDAAYDDNGHUYVkNu7hIRQ+XFVIZkmwK1FH7m1t6AZuPD1BGJSw4QAAAABJRU5ErkJggg%3D%3D');
}
/* @end Base64 Embedded Images */

/* @group Defaults */
body {
    font-size: 87.5%; /* 14px */
    -webkit-font-smoothing: antialiased;
    color: #333; background-color: #EFEFEF;
}
p {
    margin: 0.5em 0; /* 7px */
}
p.error {
    color: #b15555;
}
div.section {
    padding-bottom: 3em;
    overflow: hidden;
    clear: left;
}
div.article {
    margin: 0 6px;
}
div.article.main {
    padding-top: 4em;
    -webkit-background-size: 100% auto; -moz-background-size: 100% auto;
    background: url('/images/general/bg.png') 50% 0 no-repeat; background-size: 100% auto;
    min-height: 284px;
}
.overflow {
    overflow: hidden;
}
div.content-box {
    position: relative;
    background-color: #FFF;
    padding: 1.3333em; margin: 2em 0 1em;
    clear: left;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
div.content-box h2 {
    margin-top: 0;
    text-shadow: none;
}
div.content-box h2 strong {
    color: #98B037;
}
div.content-box h3 {
    color: #3F5D89; font-size: 1.125em; text-transform: none;
    margin: 0.5em 0 1em;
}
a.arrow,
form input[type="submit"] {
    display: block;
    margin: 0 0.5em 2em 0; padding: 0.3em 30px 0 0.5em;
    background-color: #3FA5AC; color: #FFF;
    border: none;
    text-transform: uppercase; font-size: 13px; line-height: 1.6em;
    -webkit-appearance: none;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}
td a.arrow,
form td input[type="submit"],
.sponsor-us a.arrow {
    margin-bottom: 0;
}
a.arrow:link,
a.arrow:visited,
a.arrow:active,
a.arrow:hover,
a.arrow:focus {
    color: #FFF;
}
a.arrow:hover,
a.arrow:focus,
form input[type="submit"]:hover {
    background-color: #4CB9C4;
}
a.arrow.larger,
form input[type="submit"].larger {
    font-size: 1.5em;
    margin-top: 0.5em;
    padding: 0 1.5em 0 0.5em;
}
blockquote {
    display: block;
}
h1 {
    margin: 0 0 0.5em -20em; padding: 0 1em 0 20em;
    text-transform: uppercase;
    line-height: 1.2em; font-size: 3.375em;
    color: #FFF; background-color: #405E8A;
}
h2 {
    color: #3F5E8A;
    text-transform: uppercase; font-size: 2.125em;
    text-shadow: 0 1px #FFF;
    line-height: 1em;
    margin: 1em 0 0.5em;
}
h3 {
    display: inline-block;
    color: #333;
    text-transform: uppercase; font-size: 1.375em;
    line-height: 1em;
    margin: 1em 0 0.5em;
}
h3:after {
    display: inline-block;
    margin-left: 0.5em;
}
h4 {
    margin: 1em 0 0;
}
p.more {
    clear: left;
    font-size: 0.8125em; 
    margin: 0 0 2em; padding-top: 0.5em;   
}
p.more a:link,
p.more ae:visited,
p.more a:active,
p.more a:hover,
p.more a:focus {
    text-decoration: underline;
}
p.smaller {
    font-size: 0.75em;
    color: #666;
}
br.clear {
    clear: both;
}
p.description {
    margin-bottom: 2em;
}
div.columns {
    overflow: hidden;
}
div.column {
    font-size: 13px;
}
html.has-js .hide-js {
    display: none;
}
ul.in-prose {
    margin: 0.5em 0;
}
ul.in-prose li {
    list-style: outside circle;
    margin-left: 1.5em;
}

/* @end Defaults */

/* @group Header */
div.section.header {
    background: none;
    padding-bottom: 0;
}
body.home div.section.header {
    margin-bottom: 1em;
}
a.logo {
    display: block; overflow: hidden;
    width: 71px; height: 60px; margin: 6px 6px;
}
p.presented-by {
    display: none;
}
ul.navigation {
    display: block; margin: 0.5em 0;
    font-size: 1.1429em; color: #999; text-transform: uppercase; 
    background: #CBCBCB; background: rgba(0,0,0,0.12);
}
ul.navigation li {
    display: block; line-height: 1em;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    padding: 0.6666em 0.3333em;
}
ul.navigation li a {
    display: block;
    margin: -0.6666em -0.3333em; padding: 0.6666em 0.3333em;
}
ul.navigation a:link,
ul.navigation a:visited,
ul.navigation a:active {
    color: #455F8B; text-decoration: none;
    text-shadow: none;
}
ul.navigation a:hover,
ul.navigation a:focus {
    color: #344768; text-decoration: none;
    text-shadow: none;
}
li.current > a:link,
li.current > a:visited,
li.current > a:active,
li.current > a:hover,
li.current > a:focus {
    color: #333;
}
ul.navigation li.register a {
    background-color: #AFC941; color: #FFF;
}
ul.navigation li.register a:link,
ul.navigation li.register a:visited,
ul.navigation li.register a:active {
    color: #F9F9F9;
}
ul.navigation li.register a:hover,
ul.navigation li.register a:focus {
    color: #FFF;
    background-color: #B6CF4E;
}
p.event {
    margin: 0 8px; text-align: right;
    color: #395985;
    text-shadow: 0 1px #FFF;
}
p.event strong {
    display: block;
    color: #98B037; font-size: 1.5em;
}
div.primary,
div.secondary {
    clear: both;
}
div.primary {
    margin-bottom: 1em;
    overflow: hidden;
}
/* @end Header */
/* @group Elsewhere */
div.section.elsewhere {
    background: none;
    padding-bottom: 1em;
}
div.flickr li {
    max-width: 8.5%;
    margin-right: 2.5%; margin-bottom: 0.5em; padding: 4px;
    background-color: #FFF;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}
div.flickr li:last-child {
    margin-right: 0;
}
div.twitter blockquote {
    position: relative;
    background-color: #FFF;
    font-size: 13px;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    margin-bottom: 1em;
}
div.twitter blockquote p {
    padding: 1em;
}
div.twitter blockquote:after {
    position: absolute; left: 1em; bottom: -24px;
    z-index: 10;
}
/* @end Elsewhere */

/* @group Footer */
div.section.footer {
    background: none;
    padding: 0;
    text-transform: uppercase;
    -webkit-font-smoothing: subpixel-antialiased;
}
div.section.footer ul {
    padding: 0 6px;
    background-color: #405E8A;
    overflow: hidden;
}
div.section.footer a {
    display: block;
    padding: 0.3333em 0;
}
div.section.footer a:link,
div.section.footer a:visited,
div.section.footer a:active {
    color: #FFF;
}
div.section.footer a:hover,
div.section.footer a:focus {
    color: #CDE;
}
/* @end Footer */
/* @group Clearleft */
div.section.clearleft {
    position: relative;
    color: #666;
    background: #FFF;
    font-size: 0.8125em;
    padding: 6px;
}
div.section.clearleft h3 {
    text-transform: none;
    margin-top: 1em;
}
div.section.clearleft h3 a:link,
div.section.clearleft h3 a:visited,
div.section.clearleft h3 a:active,
div.section.clearleft h3 a:hover,
div.section.clearleft h3 a:focus {
    color: #333;
}
div.section.clearleft a {
    display: block;
}
div.section.clearleft img {
    float: right;
    margin: 10px;
    max-width: 35%;
}
/* @end Clearleft */

a,
a img,
form input[type="submit"] {
    -webkit-transition: color 0.3s linear, background-color 0.3s linear;
    -moz-transition: color 0.3s linear, background-color 0.3s linear;
    transition: color 0.3s linear, background-color 0.3s linear;
}
form input[type="submit"] {
    cursor: pointer;
}

/* @end General */

/* @group Home Page */

/* @group Proposition */
div.prop {
    position: relative;
}
div.prop h1 {
    margin: 0; padding: 0;
    color: #3F5E8A; font-size: 1.8571em;
    background: none;
    text-transform: none;
    text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}
div.prop h1 strong {
    font-weight: normal;
    color: #92AA38;
}
div.prop-speaker {
    margin: 15px 0 -56px -100px;
    background: url('/images/general/speaker-bg.png') 50% 50% no-repeat; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; background-size: auto 100%;
}
div.prop-speaker p.credit {
    text-align: right;
    font-size: 10px;
    color: #787878;
    height: 0;
    padding: 0; margin: 0;
    position: relative; top: -15px;
}
div.prop-speaker p.credit a:link,
div.prop-speaker p.credit a:visited,
div.prop-speaker p.credit a:active,
div.prop-speaker p.credit a:hover,
div.prop-speaker p.credit a:focus {
    color: #787878;
    text-decoration: underline;
}
div.prop-venue {
    position: relative; z-index: 10;
    background-color: #405E8A;
    font-size: 0.8571em;
    color: #FFF;
}
div.prop-venue a {
    width: 118px;
    position: relative; top: -20px;
    display: block; margin: 0 5px -15px;
}
div.prop-venue p {
    margin: 0; padding-top: 1em;
}
div.prop-venue strong {
    display: block;
    font-size: 2em; font-weight: normal;
    color: #CCD852;
}
p.prop-register {
    position: relative; z-index: 10;
    display: none;
}
p.prop-register a {
    position: relative;
    font-size: 2em;
    padding-left: 1em;
}
p.prop-register strong {
    display: block;
    position: absolute;
    top: -1.5em;
    left: -1.5em;
    background: #99D0D3;
    width: 3em;
    height: 2em;
    line-height: 1;
    padding: 1em 0.5em;
    text-align: center;
    border: 2px dashed rgba(255,255,255,0.5);
    border-radius: 3em;
}
/* @end Proposition */

/* @group Proposition Transitions */

ul.rotate-list {
    position: absolute;
    bottom: 1em;
    left: 1em;
}
ul.rotate-list li {
    float: left;
}
ul.rotate-list a {
    display: block;
    font-size: 60px;
    padding: 5px;    
}
ul.rotate-list a:link,
ul.rotate-list a:visited,
ul.rotate-list a:active,
ul.rotate-list a:hover,
ul.rotate-list a:focus {
    color: #FFF;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.5);
}
ul.rotate-list a:hover,
ul.rotate-list a:focus {
    color: #D6E39F;
}
ul.rotate-list a:active,
ul.rotate-list a.active {
    color: #ADC73F;
}

div.prop h1,
div.prop div.prop-speaker img {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

div.prop.transitioning h1 {
    opacity: 0;

}
div.prop.transitioning div.prop-speaker img {
    opacity: 0;
    -webkit-transform: translate(-100px,0);
    -moz-transform: translate(-100px,0);
    transform: translate(-100px,0);
}
div.prop.transitioned h1,
div.prop.transitioned div.prop-speaker img {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
div.prop.transitioned h1 {
    opacity: 0;
    -webkit-transform: scale(0.5,0.5);
    -moz-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
    
}
div.prop.transitioned div.prop-speaker img {
    opacity: 0;
    -webkit-transform: translate(100px,0);
    -moz-transform: translate(100px,0);
    transform: translate(100px,0);
}

/* @end Proposition Transitions */

/* @group Circle Heading */
h2.circle-heading {
    clear: left;
    display: block; width: 1.6em; height: 1.5em;
    margin-right: 3em; padding: 0.5em 0.4em; margin-bottom: 0.5em;
    text-transform: uppercase; font-size: 2.75em;
    color: #3F5E8A; background-color: #CCC;
    -webkit-border-radius: 1.5em; -moz-border-radius: 1.5em; border-radius: 1.5em;
    white-space: nowrap;
    text-shadow: none;
    line-height: 0.8em;
}
h2.circle-heading em {
    display: block;
    text-transform: lowercase; font-size: 0.6em;
}
h2.circle-heading em strong {
    color: #FFF; font-size: 3em;
}
div.speakers h2.circle-heading {
    background-color: #99D0D3;
}
div.workshops h2.circle-heading {
    background-color: #7FD1A8;
}
/* @end Circle Heading */

/* @group Workshop List */
div.soon {
    background: #D8D8D8; background: rgba(0,0,0,0.1);
    padding: 0.5em 1em;
}
/* @end Workshop List */

/* @group Quotes */
blockquote.bubble {
    display: block;
    float: left; width: 48%; margin-right: 4%;
}
blockquote.bubble:last-child {
    margin-right: 0;
}
blockquote.bubble p {
    font-size: 15px; line-height: 1.2em;
    padding: 20px 10% 40px;
    min-height: 5em;
    background: url('/images/general/bubble-green.svg') 0 0 no-repeat;
    -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; background-size: 100% 100%;
}
blockquote.bubble:last-child p {
    background-image: url('/images/general/bubble-blue.svg');
}
blockquote cite {
    font-style: normal; font-size: 14px;
    line-height: 1.2em;
}
blockquote cite span.fn {
    display: block;
    font-size: 1.357em; text-transform: uppercase;
    line-height: 1.6em;
}
blockquote cite img {
    border: 4px solid #FFF;
    margin: -20px 1em 0 0;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
/* @end Quotes */

/* @group Reasons */
div.reasons ol {
    counter-reset: reasons;
}
div.reasons ol li {
    clear: left;
    margin: 0 0 0.5em 1.6666em; padding: 0.5em;
    font-size: 15px; line-height: 1.2em;
    background: #D8D8D8; background: rgba(0,0,0,0.1);
    min-height: 2.4em;
}
div.reasons ol li:before {
    display: block; float: left;
    position: relative; left: -0.7em; top: -0.15em;
    content: counter(reasons);
    counter-increment: reasons;
    font-size: 3.3333em; text-align: center;
    color: #FFF; background-color: #ABD568;
    width: 1em; line-height: 0.9em; padding-bottom: 0.1em;
    margin-right: -0.5em;
    -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em;
}
/* @end Reasons */

/* @end Home Page*/

/* @group Speaker Page */

/* @group Speaker List */
ul.speaker-list {
    clear: left;
    overflow: hidden;
    font-size: 24px;
}
ul.speaker-list a,
ul.speaker-list span.tba {
    display: block;
    width: 90%; margin: 0 auto 0.2em 0;
    text-transform: uppercase;
}
ul .tba {
    color: #999;
}
ul.speaker-list p {
    width: 90%; margin: 0 auto 1.5em 0;
    font-size: 13px; line-height: 1.2em;
}
ul.speaker-list img {
    max-width: 95%;
    background-color: #FFF;
    border: 4px solid #FFF;
    margin-bottom: 0.3em;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}
ul.speaker-list span.tba img {
    background-color: transparent;
    border-color: #CCC;
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
ul.speaker-list a:hover img,
ul.speaker-list a:focus img,
div.flickr li:hover,
div.flickr li:focus {
    background-color: #D5E5E6;
}
ul.speaker-list li.loading a,
ul.schedule-list li.loading a {
    -webkit-animation: speakerLoading 1s infinite alternate;
    -moz-animation: speakerLoading 1s infinite alternate;
    animation: speakerLoading 1s infinite alternate;
}
div.speaker.detail ul.speaker-list {
    background-color: #D7EDEF;
    padding: 0.5em;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
div.speaker.detail ul.speaker-list li,
ul.schedule-list li {
    display: none;
    float: none;
    width: auto;
    padding: 0.5em;
}
div.speaker.detail ul.speaker-list li[rel="prev"],
div.speaker.detail ul.speaker-list li[rel="next"],
ul.schedule-list li[rel="prev"],
ul.schedule-list li[rel="next"]  {
    display: block;
}
div.speaker.detail ul.speaker-list li.tba[rel="prev"],
div.speaker.detail ul.speaker-list li.tba[rel="next"] {
    display: none;
}
div.speaker.detail ul.speaker-list a {
    margin: -0.5em; padding: 0.5em;
    width: auto;
}
ul.speaker-list li.current a {
    position: relative;
    text-decoration: underline;
}
ul.workshop-list li {
    padding: 0.5em;
    background: #CCC;
    background: rgba(0,0,0,0.05);
    margin-bottom: 0.5em;
    overflow: hidden;
}
ul.workshop-list a {
    font-size: 1.375em;
    text-transform: uppercase;
}
ul.workshop-list img {
    float: left;
    margin-right: 1em;
    background: #FFF;
}
ul.workshop-list p {
    margin: 0 0 0 80px;
}
ul.workshop-list span {
    display: block;
    font-size: 0.8125em;
}
/* @end Speaker List */

/* @group Speaker Detail */
div.detail div.content-box {
    position: relative; z-index: 10;
    overflow: visible;
    margin-bottom: 0;
}
div.detail h2 {
    color: #333; font-size: 2.4286em;
    margin-top: 0;
}
div.detail p,
div.detail li {
    font-size: 0.8125em;
}
div.detail p.message {
    clear: left;
    margin: 0.5em 0 1em; padding: 1em;
    background-color: #D7EDEF;
}
div.detail p.description {
    color: #3F5E8A; font-size: 1.125em;
    margin: 0.5em 0;
}
div.speaker.detail img {
    border: 6px solid #FFF;
    margin: 0 1.5em 1em 0;
    width: 200px;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
div.detail p.credit {
    font-size: 10px;
}
div.speaker.detail p.activities {
    margin-top: 5em;
    padding-top: 1em;
    border-top: 2px dashed #C6C6C6;
}
div.speaker.detail .talk,
div.speaker.detail .workshop {
    background: #E0F1F2; background: rgba(136,218,227,0.2);
    background-position: right top; background-repeat: no-repeat;
    margin-top: 1em; padding: 0.5em 1em;
}
div.speaker.detail .talk {
    background-image: url('/images/general/talk-icon.png');
}
div.speaker.detail .workshop {
    background-image: url('/images/general/workshop-icon.png');
}
div.speaker.detail .talk h3,
div.speaker.detail .workshop h3 {
    color: #333;
    font-size: 14px;
    margin-top: 1em;
}
div.speaker.detail .talk li,
div.speaker.detail .workshop li {
    margin-left: 1.3em;
    list-style: disc;
}
ul.social-links a {
    display: block;
    font-size: 12px;
    padding: 0.5em 0;
    word-wrap: break-word;
}
ul.social-links a:before {
    content: '';
    display: block; width: 26px; height: 26px;
    float: left; margin-right: 0.5em;
    background: url('/images/general/social-links.png') 0 0 no-repeat;
}
ul.social-links a.site:before {
    background-position: 0 0;
}
ul.social-links a.site:hover:before {
    background-position: -26px 0;
}
ul.social-links a.twitter:before {
    background-position: 0 -26px;
}
ul.social-links a.twitter:hover:before {
    background-position: -26px -26px;
}
/* @end Speaker Detail */

/* @end Speaker Page */

/* @group Programme Page */

div.programme-days {
    position: relative;
}
div.programme-pane {
    position: absolute;
    top: 0;
    width: 100%;
    float: left;
    height: 7em;
}
div.programme-pane.current {
    position: relative;
    height: auto;
}
div.programme-pane.current div.content {
    position: relative;
    z-index: 10;
    margin-top: 5.9em;
    padding: 1em;
    background: #FFF;
    min-height: 50em;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.4); box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
div.programme-pane a.circle-day {
    display: block; position: absolute;
    z-index: 5;
    width: 27%;
    padding: 1em 0;
    background-color: #D7EDEF;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.2); box-shadow: 0 0 1px rgba(0,0,0,0.2);
}
div.programme-pane:nth-child(1) a.circle-day {
    left: 4.5%;
}
div.programme-pane:nth-child(2) a.circle-day {
    left: 36%;
}
div.programme-pane:nth-child(3) a.circle-day {
    left: 68.5%;
}
div.programme-pane.current a.circle-day {
    z-index: 20;
    background: #FFF;
    padding: 1em 0; margin: 0;
    border-color: #DCDCDC;
    -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.1); box-shadow: 0 -1px 1px rgba(0,0,0,0.1);
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
div.programme-pane a.circle-day:hover {
    background-color: #EDF8FA;
}
div.programme-pane.current a.circle-day:hover {
    background-color: #FFF;
}
a.circle-day span.circle {
    display: block; position: relative;
    width: 3.3875em; line-height: 3.1875em;
    padding: 0.4em;
    background-color: #7CC2C7;
    color: #333;
    -webkit-border-radius: 2.1em; -moz-border-radius: 2.1em; border-radius: 2.1em;
}
div.programme-pane a.circle-day span.circle {
    margin: 0 auto; 
}
div.programme-pane.current a.circle-day span.circle,
li.day.current a.circle-day span.circle {
    background-color: #B8D24A;
}

a.circle-day strong {
    position: absolute;
    font-size: 4em;
    line-height: 0.22em;
    margin: 0 0.1em 0 -0.1em;
    top: 0.3em;
    right: 0;
    color: #FFF;
}
div.programme-pane h2 {
    color: #333;
    font-size: 2.75em;
    margin: 0.0909em 0 0;
}
div.programme-pane small {
    color: #666;
    font-size: 1em;
}
div.programme-pane p.description {
    clear: left;
    margin: 0.5em 0;
    font-size: 0.875em;
}
div.programme-pane h3 {
    display: block;
    font-size: 1.75em;
    margin: 0;
}
div.programme-pane em {
    color: #666;
}
ul.schedule {
    background-position:  150% 0;
    margin: 3em 0;
}
ul.schedule li {
    padding: 2em 0;
}
ul.schedule li.dash {
    padding: 2.5em 0;
}
ul.schedule li.micro-dash {
    border-top: 2px dashed #C6C6C6;
    border-bottom: 2px dashed #C6C6C6;
}
ul.schedule em {
    display: block;
}
ul.schedule a {
    font-size: 0.875em;
}
ul.sessions {
    margin-top: 0.5em;
}
ul.sessions li {
    display: relative;
    overflow: hidden;
    margin: 1em 0; padding: 0;
}
div.programme.detail img {
    border: 5px solid #FFF;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
div.programme.detail h2 {
    margin-bottom: 0.25em;
}
div.programme.detail h3 {
    color: #333;
    font-size: 0.8125em;
}
div.programme.detail a.speaker {
    font-size: 1.75em;
    text-transform: uppercase;
}
div.programme.detail p.description {
    clear: left;
}
div.programme.detail div.vcard {
    margin-top: 4em; padding-top: 1em;
    border-top: 2px dashed #C6C6C6;
}
div.programme.detail div.vcard h2 {
    font-size: 1.75em;
}
div.programme.detail div.vcard p.bio cite {
    font-style: italic;
}
ul.schedule-list {
    padding: 1em;
}
ul.schedule-list li {
    padding: 0.5em;
}
ul.schedule-list a,
ul.schedule-list span.tba {
    display: block;
    padding: 0 1em;
    font-size: 13px;
}
ul.schedule-list strong {
    display: block;
    font-size: 20px;
    text-transform: uppercase;
}
ul.schedule-list a em {
    display: block;
    color: #333;
    margin-top: 0.5em;
}
ul.day-list a.circle-day {
    display: none;
}
ul.day-list li.day {
    background-color: #D7EDEF;
    display: none;
    overflow: hidden;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 2px rgba(0,0,0,0.4); box-shadow: 0 0 2px rgba(0,0,0,0.4);
}
ul.day-list li.day.current {
    display: block;
}
ul.day-list a.circle-day {
    background-color: #D7EDEF;
}
ul.day-list a.circle-day:hover,
ul.day-list a.circle-day:focus {
    background-color: #DFF1F2;
}
ul.day-list a.circle-day:active {
    background-color: #CCE1E3;
}


/* @group Conference Sessions */
div.session {
    overflow: hidden;
    background-color: #EEE;
    padding: 0 0.5em;
    font-size: 0.8125em;
}
div.session h3 {
    margin: 0.2826em 0;
}
div.session div.primary {
    margin: 0;
}
div.session div.secondary {
    margin: 0.75em 0;
    font-size: 1.6923em;
    text-transform: uppercase;
}
div.session a {
    font-size: 1em;
}
div.session div.secondary a {
    display: block;
    margin-top: 0.25em;
}
div.session a img {
    background-color: #FFF;
    float: left;
    margin-top: -0.25em; margin-right: 0.5em;
    margin-bottom: 0.3333em;
}
div.session a:hover img {
    background-color: #D5E5E6;
}
/* @end Conference Sessions */

/* @group Workshop Sessions */
ul.sessions div.workshop {
    position: relative;
    background-color: #F0F0F0;
    padding: 0.3em 0.5em 0.5em;
    border-left: 8px solid #CCC;
    overflow: hidden;
    min-height: 64px;
}
ul.sessions li:nth-child(1) div.workshop {
    border-color: #B9DB84;
}
ul.sessions li:nth-child(2) div.workshop {
    border-color: #95D0D4;
}
ul.sessions li:nth-child(3) div.workshop {
    border-color: #83D5AC;
}
ul.sessions li:nth-child(4) div.workshop {
    border-color: #7086A7;
}
ul.sessions div.workshop h3 {
    font-size: 2em;
    line-height: 0.8em;
}
ul.sessions div.workshop p {
    display: none;
}
ul.schedule.workshops p.supporting-info {
    font-size: 0.8125em;
    color: #666;
}
/* @end Workshop Sessions */

/* @end Programme Page */

/* @group Sponsor Page */

div.sponsor-us h3 {
    font-size: 1.5em;
}
div.sponsor-us div.primary {
    overflow: hidden;
}
div.sponsor-us div.primary p {
    font-size: 0.9375em;
    margin-bottom: 2em;
}
div.sponsor-us div.secondary p {
    font-size: 0.8125em;
}

ul.sponsors h2 {
    margin-top: 0;
}
ul.sponsors li {
    padding: 2em 0;
    border-bottom: 2px dashed #C6C6C6;
}
ul.sponsors li:last-child,
ul.sponsors ul li {
    border-bottom: none;
}
ul.sponsors ul li {
    padding: 0 0 2em 0;
    font-size: 0.8125em;
}
ul.sponsors img {
    display: inline-block;
    margin-bottom: 0.5em;
}

/* @end Sponsor Page */

/* @group Venue Page */

ul.venue-images {
    clear: left;
    overflow: hidden;
    margin: 0 -3px; padding: 0 3px;
}
ul.venue-images li {
    margin: 0 3% 1em 0;
}
ul.venue-images li:last-child {
    margin-right: 0;
}
ul.venue-images img {
    border: 5px solid #FFF;
    margin: 0 auto;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
}
div.venue-info {
    font-size: 13px;
}
div.content-box.map div.vcard {
    font-size: 13px; line-height: 1.4em;
}
div.content-box.map div.vcard h3 {
    font-size: 1em; text-transform: none;
    margin-top: 1em;
    color: #333;
}
div.getting-here h2 {
    line-height: 52px;
}
div.getting-here h2:before {
    content: '';
    display: block; float: left;
    width: 55px; height: 55px; margin-right: 0.25em;
    background: url('/images/venue/transport.png') 0 0 no-repeat;
}
div.getting-here div.tube h2:before {
    background-position: 0 0;
}
div.getting-here div.rail h2:before {
    background-position: 0 -55px;
}
div.getting-here div.road h2:before {
    background-position: 0 -110px;
}
div.getting-here div.air h2:before {
    background-position: 0 -165px;
}
div#map {
    height: 327px;
    border: 1px solid #C6C6C6;
    background: url('/images/map/map.png') 50% 50% no-repeat;
}

/* @end Venue Page */

/* @group Register Page */

table {
    width: 100%;
    margin: 1.5em 0;
}
table tr.active th {
    background-color: #D7EDEF;
}
table tr.active td {
    background-color: #EBF6F7;
}
table td,
table th {
    padding: 0.3571em;
    border: 1px solid #DDD;
}
table th {
    background-color: #F9F9F9;
}
table thead th {
    border-bottom: 1px solid #BBB;
}
table td.na {
    background-color: #FEFEFE;
}

/* @end Register Page*/

/* @group Information Pages */
ul.info-nav {
    margin-bottom: 2em;
}

ul.info-nav li {
    text-transform: uppercase;
    border-bottom: 1px dotted #969696;
}
ul.info-nav li:first-child {
    border-top: 1px dotted #969696;
}
ul.info-nav li a {
    display: block;
    padding: 0.5em 0;
}
div.content-box.info {
    margin-top: 0;
}
div.content-box.info h2 {
    color: #333;
}
div.content-box.info h3 {
    margin-top: 1em;
}

form label {
    display: block;
    margin-bottom: 0.3333em;
}
form em {
    color: #900;
}
form input,
form textarea {
    border: 1px solid #C6C6C6;
    background-color: #FFF;
    width: 80%; padding: 0.3333em; margin-bottom: 0.5em;
    font-size: inherit;
    -webkit-appearance: none; -webkit-font-smoothing: antialiased;
}

/* @end Information Pages*/

/* @group Layout */
@media all and (max-width: 49.999em) {
    div.section.header,
    div.article {
        margin: 0 30px;
        overflow: visible;
    }
    p.event {
        margin-right: 30px;
    }
    a.arrow,
    form input[type="submit"] {
        width: auto;
        float: left;
    }
    ul.navigation {
        height: 2.4em;
        margin: 0 -30px;
        padding: 0 30px;
    }
    ul.navigation li {
        float: left;
        padding: 0.6666em;
    }
    ul.navigation li a {
        margin: -0.6666em; padding: 0.6666em;
    }
    ul.navigation li.register {
        display: none;
    }
    ul.navigation li.register a {
        margin: 0; padding: 0.6666em;
    }
    div.column {
        width: 47%; float: left;
        margin-right: 5%;
    }
    div.column:nth-child(2n) {
        margin-right: 0;
    }
    div.column:nth-child(2n+1) {
        clear: left;
    }
    div.prop h1 {
        float: left;
        width: 12em;
        margin-top: 1.5em;
        font-size: 2.1em;
    }
    div.prop-speaker {
        float: right;
        width: 50%;
    }
    div.prop-venue {
        height: 4em;
    }
    div.prop-venue a {
        float: left;
    }
    h2.circle-heading em strong {
        float: left;
        padding-top: 0.25em;
        margin-right: 0.1em;
    }
    ul.speaker-list li {
        /* 4 across */
        width: 25%;
        float: left;
    }
    ul.speaker-list li:nth-child(4n+1) {
        clear: left;
    }
    blockquote cite img {
        float: left;
        margin-bottom: 2em;
    }
    .section.footer ul li {
        float: left;
        margin-right: 3%;
    }
    div.section.clearleft h3,
    div.section.clearleft p,
    div.section.clearleft small {
        margin-right: 200px;
    }
    div.section.clearleft img {
        margin-top: -100px;
    }
    div.section.elsewhere div.flickr li {
        float: left;
    }
    div.speaker.detail div.primary {
        float: left;
    }
    div.speaker.detail div.secondary {
        display: inline;
    }
    div.speaker.detail h2 {
        margin-top: 0.5em;
        font-size: 2em;
    }
    div.speaker.detail p.description {
        clear: left;
    }
    div.speaker.detail ul.speaker-list li[rel="prev"],
    ul.schedule-list li[rel="prev"] {
        display: inline-block;
        max-width: 40%;
    }
    div.speaker.detail ul.speaker-list li[rel="prev"] a,
    ul.schedule-list li[rel="prev"] a {
        background: url('/images/general/arrow-prev.png') 0 50% no-repeat;
        padding-left: 40px;
    }
    div.speaker.detail ul.speaker-list li[rel="next"],
    ul.schedule-list li[rel="next"] {
        float: right;
        text-align: right;
        max-width: 40%;
    }
    div.speaker.detail ul.speaker-list li[rel="next"] a,
    ul.schedule-list li[rel="next"] {
        background: url('/images/general/arrow-next.png') 100% 50% no-repeat;
        padding-right: 40px;
    }
    ul.venue-images li {
        width: 31%; float: left;
    }
    ul.sessions div.workshop h3 {
        margin-left: 70px;
    }
    ul.sessions div.workshop a.speaker:link,
    ul.sessions div.workshop a.speaker:visited {
        margin-left: 70px;
    }
    ul.sessions div.workshop img {
        position: absolute;
        top: 0.5em;
    }
    ul.sessions div.workshop a.speaker:link,
    ul.sessions div.workshop a.speaker:visited {
        color: #333;
    }
    div.programme.detail img {
        float: left;
        margin-right: 1em;
        margin-bottom: 3em;
    }
}
@media all and (max-width: 40em) {
    a.arrow,
    form input[type="submit"] {
        width: auto;
        float: left;
    }
    div.section.header,
    div.article {
        margin: 0 12px;
    }
    ul.navigation {
        margin: 0 -12px;
        padding: 0 12px;
    }
    div.prop h1 {
        font-size: 1.8571em;
    }
    p.event {
        margin-right: 12px;
    }
    table.ticket-table thead {
        display: none;
    }
    table.ticket-table,
    table.ticket-table tbody,
    table.ticket-table tr,
    table.ticket-table th,
    table.ticket-table td {
        display: block;
        height: auto;
    }
    table.ticket-table tr {
        border: 1px solid #DDD;
        margin-bottom: 1em;
    }
    table.ticket-table th,
    table.ticket-table td {
        overflow: hidden;
        border: none;
    }
    table.ticket-table th {
        border-bottom: 1px solid #BBB;
    }
    table.ticket-table tbody td:before {
        display: block;
        width: 8.5em;
        float: left;
    }
    table.ticket-table tbody td:nth-child(2):before {
        content: 'Price';
    }
    table.ticket-table tbody td:nth-child(3):before {
        content: 'Remaining';
    }
    table.ticket-table tbody td:nth-child(4):before {
        content: 'Dates available';
    }
    table.ticket-table tbody td:nth-child(5):before {
        content: 'Quantity';
    }
    table.ticket-table tbody td.na {
        display: none;
    }
}
@media all and (max-width: 35em) {
    /*ul.navigation {
        padding: 0 0.3333em;
    }
    ul.navigation li {
        padding: 0.6666em 0.3333em;
    }
    ul.navigation li a {
        margin: -0.6666em -0.3333em; padding: 0.6666em 0.3333em;
    }*/
    ul.navigation li.home {
        display: none;
    }
    div.section.header,
    div.article {
        margin: 0 6px;
    }
    ul.navigation {
        margin: 0 -6px;
        padding: 0 6px;
    }
    p.event {
        margin-right: 6px;
    }
    div.column {
        width: auto; float: none;
        margin-right: 0;
    }
    div.prop h1 {
        width: 100%;
        margin-top: 0;
    }
    div.prop-speaker {
        width: 280px;
    }
    ul.speaker-list li {
        /* 3 across */
        width: 33%;
    }
    ul.speaker-list li:nth-child(4n+1) {
        clear: none;
    }
    ul.speaker-list li:nth-child(3n+1) {
        clear: left;
    }
    div.flickr li {
        max-width: 20%;
    }
    div.flickr li:nth-child(4n+1) {
        clear: left;
    }
    div.section.clearleft h3,
    div.section.clearleft p {
        margin-right: 0;
    }
    div.section.clearleft img {
        margin-top: 0;
    }
    div.venue-info div.vcard {
        float: none;
    }
    div.venue-info div.article {
        margin-left: 0;
    }
    div.programme.detail img {
        float: none;
        display: block;
        margin-bottom: 0.5em;
    }
    div.programme.detail h2 {
    }
}
@media all and (max-width: 25em) {
    div.speaker.detail h2 {
        position: absolute;
        left: 150px;
    }
    div.speaker.detail img {
        width: 100px;
    }
    blockquote cite img {
        float: none;
        margin-bottom: 0;
    }
    blockquote cite {
        margin-bottom: 2em;
    }
    ul.speaker-list li {
        /* 2 across */
        width: 50%;
    }
    ul.speaker-list li:nth-child(3n+1) {
        clear: none;
    }
    ul.speaker-list li:nth-child(2n+1) {
        clear: left;
    }
/* @end Layout */

/* @group Animations */

@-webkit-keyframes speakerLoading {
    from { color: #3FA5AC; }
	to { color: #333; }
}
@-moz-keyframes speakerLoading {
    from { color: #3FA5AC; }
    to { color: #333; }
}
@keyframes speakerLoading {
    from { color: #3FA5AC; }
    to { color: #333; }
}

/* @end Animations */