/*
Theme Name: re:publica 12
Theme URI: http://re-publica.de/12
Author: Precious Forever / Christoph Boecken
Author URI: http://www.jeriko.de
Description: The 2012 theme for re:publica
Version: 0.1
*/

@font-face {
  font-family: "SuperGrotesk";
  src: url("_fonts/SuperGroteskWeb-Medium.eot");
  src: local("?"),
    url("_fonts/SuperGroteskWeb-Medium.woff") format("woff")
  }

* { margin: 0; padding: 0; }

body { background: #EEE; font-family: Arial, Helvetica, sans-serif; }
a { text-decoration: none; }
a img { border: 0; }
header, footer, nav, article, section, aside { display: block; }

.section-heading { font: bold 16px/2 SuperGrotesk; text-transform: uppercase; border-bottom: 2px solid #000; margin-bottom: 20px; }
.section-heading.large { font-size: 48px; border: 0; padding-left: 50px; position: relative; }
.section-heading.large:before { content: '\00d7'; color: #3B88AE; position: absolute; bottom: 0; left: 0; text-transform: lowercase; font-size: 64px; line-height: 1.6; } 
.section-heading.medium { font-size: 28px; border: 0; padding-left: 30px; position: relative;  }
.section-heading.medium:before { content: '\00d7'; color: #3B88AE; position: absolute; bottom: 0; left: 0; text-transform: lowercase; font-size: 38px; line-height: 1.6; } 
.section-heading span { color: #AAA; }

#wrap { width: 960px; margin: 0 auto; border-top: 10px solid #000; }

#topnav a { font: normal 11px Arial, Helvetica, sans-serif; color: #666; }
#topnav a:hover { color: #000; }
#topnav ul { list-style: none; }
#qtranslate-chooser { display:none }
#qtranslate-chooser li { float: left; margin-right: 15px; }
#menu-top-navigation li { float: right; margin-left: 15px ;}
#menu-top-navigation img { max-width: 12px; max-height: 12px; opacity: .5; margin-top: 5px; border: 0; }
#menu-top-navigation img:hover { opacity: 1; }


#header { margin-top: 40px; }
#header h1 { width: 529px; height: 88px; margin: 0 auto; background: url(./_img/logo.png) no-repeat left top; overflow: hidden; color: #EEE; }
.site-english #header h1 { background-image: url(./_img/logo-en.png); color: #EEE; }
#header h1 a { display: block; line-height: 10000px; color: #EEE; }
#primary-navigation { border: 2px solid #000; border-width: 2px 0; margin: 40px 0; height: 37px; }
#primary-navigation ul { list-style: none; }
#primary-navigation li { float: left; padding: 0 20px 0 29px; background: url(./_img/bullet-cross.png) no-repeat left center; position: relative; }
#primary-navigation a { font: bold 18px/2 SuperGrotesk; color: #000; text-transform: uppercase; }
#primary-navigation ul ul { position: absolute; left: 0; background: #EEE; z-index: 5; width: auto; border: 1px solid #999; border-width: 0 1px 1px; display:none; }
#primary-navigation ul li ul li { float: none; width: 250px; background-position: 10px center; }
#primary-navigation ul ul li a { font-size: 14px; display: inline-block; }
#primary-navigation ul li:hover ul { display: block; }
#primary-navigation .current-menu-item  a, #primary-navigation .current-page-ancestor a { background: #3B88AE; color: #FFF; padding: 2px 5px; }
#primary-navigation .current-menu-item  ul a, #primary-navigation .current-page-ancestor ul a { background: 0; color: #000; }

#menu-item-2105 {display: none;}

#stage { margin: -43px 0 40px; }

.sponsors { margin-bottom: 20px; overflow: hidden;  }
.sponsors ul { list-style: none; overflow: hidden; }
.sponsors li { width: 33%; float: left; height: 80px; padding-top: 20px; text-align: center; }
.sponsors ul.sub li { width: 50%;}
.sponsors a { display: inline-block; overflow: hidden; }
.sponsors a.daimler { width: 220px; height: 28px; background: url(./sponsoren/daimler.png) no-repeat left top; margin-top: 10px }
.sponsors a.comdirect { width: 150px; height: 64px; background: url(./sponsoren/comdirect-front.png) no-repeat left top; }
.sponsors a.medienboard { width: 208px; height: 52px; background: url(./sponsoren/medienboard.png) no-repeat left top; }
.sponsors a.webweek { width: 127px; height: 57px; background: url(./sponsoren/berlinwebweek.png) no-repeat left top; }
.sponsors a.wooga { width: 200px; height: 54px; background: url(./sponsoren/wooga-front.png) no-repeat left top; }
.sponsors a.sipgate { width: 180px; height: 45px; background: url(./sponsoren/sipgate-front.png) no-repeat left top; }
.sponsors a.spon { width: 230px; height: 60px; background: url(./sponsoren/spon-front.png) no-repeat left top; }

.sponsors a:hover { background-position: left bottom; }


#maincontent { float: left; width: 620px; margin-bottom: 40px; }
#sidebar { float: right; width: 320px; margin-bottom: 40px; }
.wide #maincontent { width: 960px; float: none; }

article.teaser { padding-bottom: 20px; border-bottom: 1px solid #3B88AE; margin-bottom: 20px; overflow: hidden; }
.teaser img { float: left; }
.teaser header, .teaser .entry-content { float: right; width: 380px; }
.teaser header .entry-title a { font-size: 18px; color: #000; }
.teaser header .entry-subtitle { color: #666; font-size: 14px; }
.teaser header span { font-size: 12px; color: #666; }
.teaser header span a { color: #3B88AE; }
.teaser .entry-content { font-size: 14px; line-height: 1.6; margin-top: 1em; }

article.full  { padding-bottom: 20px; background: url(./_img/border-bottom.png) no-repeat left bottom; margin-bottom: 20px; }
.full header .entry-title a { font-size: 24px; color: #000; }
.full header .entry-subtitle { font-size: 16px; color: #666; }
.full header span { font-size: 12px; color: #666;  }
.full header span a { color: #3B88AE; }
.full .entry-content { font: normal 14px/1.6 Arial, Helvetica, sans-serif; margin-top: 1em; }
.full .entry-content p { margin-bottom: 1em; }
.full .entry-content a { color: #3B88AE; }
.full .entry-content img { max-width: 100%; }
.full .entry-content img.alignleft { float: left; margin: 0 10px 10px 0; }
.full .entry-content img.alignright { float: right; margin: 0 0 10px 10px; }
.full .entry-content h2 { font: normal 24px/1.4 SuperGrotesk, sans-serif; text-transform: uppercase; border-bottom: 2px solid #000; margin: 40px 0 20px; }

.posts-navigation { margin: 40px 0; overflow: hidden; }
.posts-navigation a { color: #3B88AE; }
.posts-navigation .prevposts { float: left; }
.posts-navigation .nextposts { float: right; }


#sidebar section { margin-bottom: 40px; background: url(./_img/border-bottom.png) no-repeat left bottom; padding-bottom: 20px; }
#sidebar a { color: #3B88AE;}

#sidebar #subnav { background: 0; border: 2px solid #000; border-width: 2px 0; padding: 2px 0 0; }
#sidebar #subnav ul  { list-style: none; }
#sidebar #subnav li a { display: block; background: #FFF; font: normal 16px/24px SuperGrotesk; color: #000; text-transform: uppercase; padding: 5px 10px 5px 50px; margin-bottom: 2px; position: relative; }
#sidebar #subnav li a:before  { content: '\00d7'; color: #999; position: absolute; top: 2px; left: 15px; text-transform: lowercase; font-size: 24px;  }
#sidebar #subnav li.current-menu-item a { background: #3B88AE; color: #FFF; }
#sidebar #subnav li.current-menu-item a:before { color: #FFF; }

#social ul { list-style: none; }
#social li { margin-bottom: 10px;  }
#social a { display: block; height: 32px; padding-left: 43px; font-size: 16px; font-weight: bold; color: #000; line-height: 32px; background: url(./_img/icons-sm.png) no-repeat left top; }
#social .twitter a { background-position: 0 -43px; }
#social .flickr a { background-position: 0 -86px; }
#social .youtube a { background-position: 0 -129px; }
#social .gplus a { background-position: 0 -172px; }
#social .safesync a { background-position: 0 -215px; }

#banners { font-size: 12px; line-height: 1.5; }
#banners img { margin-bottom: 10px; }
#banners { display:none}

#footer { clear: both; border-top: 1px solid #000; padding: 10px 0 20px; font-size: 12px; color: #666; overflow: hidden; }
#footer .entry-socialmedia  { float: left; }
#footer .entry-socialmedia .fb-like span { position: relative; top: -3px; }
#footer #legal { float: right; line-height: 20px; }
#footer a { color: #666; }

.wpcf7 p { clear: both; font-size: 12px; color: #444;  }
.wpcf7 label { float: left; width: 100px; font-size: 12px; color: #444; line-height: 26px; margin-right: 20px; }
.wpcf7 label span { color: #F00; }
.wpcf7 input, .wpcf7 textarea { margin-bottom: 15px; padding: 4px 10px; width: 400px; }
.wpcf7 textarea { font: normal 14px Arial, Helvetica, sans-serif; line-height: 1.5; height: 150px; }
.wpcf7 .thema-rahmenbedingungen textarea, .wpcf7 .your-links textarea, .wpcf7 .thema-elsewhere textarea { height: 70px; }
.wpcf7 .wpcf7-submit { margin-left: 120px; width: auto; background: #000; font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; border: 0; cursor: pointer; }
.wpcf7 .wpcf7-submit:hover { background: #FFF; color: #000; }
.wpcf7-checkbox input { width: auto; }

/* CALL FOR PAPER */
.cfp-form { margin-top: 25px; }
.cfp-form label { float: none; width: auto; display: block; }
.cfp-form input, .wpcf7 textarea { width: 500px; }
.cfp-form .wpcf7-checkbox input { width: auto; margin: 0; }
.cfp-form .wpcf7-list-item { display: block; }
.cfp-form .wpcf7-submit { margin-left: 0; }
.cfp-form .help { margin: -1em 0 1em; position: relative;  }
.cfp-form .help small { font-size: 11px; color: #666; }
.cfp-form .helppopup { display: none; position: absolute; top: 15px; left: 10px; background: #FFF; font-size: 12px; padding: 10px; border: 1px solid #000; z-index: 100; }
.cfp-form .helppopup:hover { display: block; }

#banner ul { list-style: none; }
#banner h4 { margin-bottom: 5px; }
#banner li { overflow: hidden; border-bottom: 1px solid #DDD; margin-bottom: 15px; }
#banner .bannerpreview { float: left; width: 300px; margin: 0 20px 20px 0; clear: both; }
#banner .bannercode { float: right; width: 280px; }
#banner textarea { padding: 5px; width: 264px; font-size: 12px; height: 80px; margin-bottom: 15px; }


/* STAGE */
#stage { position: relative; margin: -43px 0 40px; width: 960px; height: 672px; }
#stage.stage-small { height: 448px; }
.stage { position: absolute; }
.pos-center { top: 224px; left: 320px; }
.pos-top { top: 0; }
.pos-left { left: 0; }
.pos-bottom { bottom: 0; top: auto; }
.pos-right { right: 0; left: auto; }
.col-1 { width: 320px; }
.col-2 { width: 640px; }
.col-3 { width: 960px; }
.row-1 { height: 224px; }
.row-2 { height: 448px; }
.row-3 { height: 670px; }
.stage div { position: absolute; z-index: 5; font-family: SuperGrotesk; text-transform: uppercase; top: 0; left: 0; }
.stage .title span { background: #000; padding: 5px 10px; color: #FFF; font-size: 36px; display: inline-block; margin-bottom: 2px; }
.stage .subtitle span { background: #FF0; color: #000; font-size: 18px; padding: 2px 10px; display: inline-block; margin-bottom: 2px; }
.stage .desc  { background: rgba( 255, 255, 255, .8 ); color: #000; width: 60%; max-width: 80%; padding: 2px 10px; margin-bottom: 2px; font: normal 14px/1.6 Arial, Helvetica, sans-serif; text-transform: none; }

.stage.actionold div { top: auto; bottom: 20px; }
.stage.tickets div { top: auto; bottom: 40px; right: 0; text-align: right; }
.stage.tickets .title span{ font-size: 20px; }
.stage.review div { position: static; }
.stage.review div .title { position: absolute; top: 100px; left: 160px; }
.stage.review div .subtitle { position: absolute; top: 155px; right: 160px; }
.stage.sponsor { font: normal 16px SuperGrotesk; text-align: center; top: 294px; left: 0; width: 320px; }
.stage.sponsor a { color: #666; }
.stage.sponsor img { display: block; margin: 15px auto; }

.stage.speaker1 div { bottom: 20px; top: auto; }
.stage.speaker2 div { bottom: 20px; top: auto;  right: 0; text-align: right; }
.stage.speaker2 .title span, .stage.speaker3 .title span { font-size: 24px; }
.stage.speaker3 div { top: 130px; }
.stage.station div { top: 130px; }
.stage.station .title span { font-size: 28px; }
.stage.station .title .subtitle span { font-size: 16px; }

.stage3 .stage.speaker1 div { bottom: auto; top: 180px; }
.stage3 .stage.speaker1 .title span { font-size: 32px; }
.stage3 .stage.speaker2 div { bottom: auto; top: 200px; left: 0; right: auto; text-align: left; }

/* PARTNER PAGE */
.page-id-290 .entry-content { font-size: 12px; }
.page-id-290 .entry-content div { margin: 0 0 50px 300px; position: relative; }
.page-id-290 .entry-content img { padding-right: 40px; }
.page-id-290 .entry-content div img { position: absolute; top: 0; left: -300px; }
.page-id-290 header .entry-title { margin-bottom: 20px; padding-left: 50px; position: relative; font: bold 48px/2 SuperGrotesk; text-transform: uppercase;   }
.page-id-290 header .entry-title:before { content: '\00d7'; color: #3B88AE; position: absolute; bottom: 0; left: 0; text-transform: lowercase; font-size: 64px; line-height: 1.6; } 
.page-id-290 header .entry-title  a { font: bold 48px/2 SuperGrotesk; text-transform: uppercase;  }
.page-id-290 .entry-content img { margin-bottom: 25px; }


/* SPEAKER INFORMATION */
.page-id-325 img, .page-id-678 img, .page-id-1473 img { border: 1px solid #999; margin: 0 auto 40px; display: block; }
.page-id-325 .speakerinformation, .page-id-678 .speakerinformation, .page-id-1473 .speakerinformation { width: 960px; text-align: center; }
.page-id-325 #primary-navigation, .page-id-678 #primary-navigation, .page-id-1473 #primary-navigation { display: none; }
.page-id-325 .downloadlink, .page-id-678 .downloadlink, .page-id-1473 .downloadlink { display: inline-block; padding: 5px 10px; margin: 40px auto; background: #000; color: #FFF; font-weight: bold; font-size: 12px; border-radius: 5px; }
.page-id-325 .downloadlink:active, .page-id-678 .downloadlink:active, .page-id-1473 .downloadlink:active { position: relative; top: 1px; }

/* SINGLE BLOG ENTRY SPECIFIC */
#share-entry .twitter-share-button, #share-entry .fb-like { display: block; margin-bottom: 15px; }

.more-link { color: #3B88AE; }

/* CONFERENCE PAGE SPECIFIC */
#sidebar.page-information { margin-top: 40px; }
#sidebar.page-information .facts { background: #FFF; padding: 10px;}
#sidebar.page-information .facts  h3{ font-size: 16px; margin-bottom: 1em;  }
#sidebar.page-information .facts ul{ margin-left: 20px; line-height: 1.6; font-size: 14px; }

/* SESSION TEASER */
.session { width: 100%; list-style: none; margin-bottom: 20px;  }
.session table { border-collapse: collapse; border: 1px solid #CCC; border-width: 0 1px 2px; width: 100%; background: #FFF; }
.session .session-info { border-top: 1px solid #CCC; }
.session .session-info small { display: block; color: #999; text-align: center; padding-top: 5px;  }
.session .session-info td{ vertical-align: top; }
.session .session-date { background: #CCC; height: 80px; width: 70px; font: normal 24px/.8 SuperGrotesk; text-transform: uppercase; color: #FFF; }
.session .session-date strong { font-size: 36px; }
.session .session-date small { font-size: 16px; color: #FFF; }


.session tbody tr { border-top: 1px solid #CCC; font-size: 12px;}
.session tbody th { color: #999; font-weight: normal; padding: 5px; font-size: 11px; text-align: left; border-right: 1px solid #CCC;}
.session tbody td { color: #333; padding: 5px 0; text-align: center; }
.session h2 { font: normal 16px SuperGrotesk; padding: 5px 10px 10px; }
.session h2.aligncenter { text-align: center; font-size: 24px; }
.session h2 a { color: #000 !important; }
.session h2 a:hover { color: #666 !important; }
.session h3 { font-size: 11px; font-weight: normal; padding: 0 10px 10px; color: #666; }
.session td a { color: #3B88AE; }
.session td a:hover { color: #666; }

.program-navi-top { background: #FFF; border: 1px solid #DDD; margin-bottom: 40px; overflow: hidden; }
.program-navi-top .link-back { float: right; background: #DDD; padding: 10px 20px; color: #000; font: normal 12px SuperGrotesk; text-transform: uppercase; }

.entry-content { font-size: 14px; line-height: 1.6; color: #333; }
.session-listview { background: #FFF; margin-top: 20px; border-left: 70px solid #CCC; position: relative; }
.session-listview:before, .session-listview:after { content: ""; display: table; }
.session-listview:after { clear: both; }
.session-listview .session-meta { position: absolute; top: 5px; left: -70px; width: 70px; text-align: center; font: normal 24px/.8 SuperGrotesk; text-transform: uppercase; color: #FFF; }
.session-listview .session-meta strong { font-size: 36px; }
.session-listview .session-meta small { font-size: 16px; }
.session-listview .session-title { font: normal 16px/1.2 SuperGrotesk; padding: 5px 10px;  text-transform: uppercase; }
.session-listview .session-title a { color: #000; }
.session-listview .session-subtitle { font: normal 14px/1.2 SuperGrotesk; padding: 5px 10px; color: #666; }
.session-listview .session-subtitle a { color: #3B88AE; }
.session-listview .session-speakers { margin-top: 10px; border-top: 1px solid #DDD; padding: 10px 0 10px 10px; }
.session-listview .session-speakers a { color: #666; font: normal 12px sans-serif; }

#sidebar .session-listview .session-title { font-size: 12px; }
#sidebar .session-listview .session-title a { color: #000; }

.list-tracks { border: 2px solid #000; border-width: 0 0 2px; list-style: none; margin-top: -20px; }
.list-tracks li { background: #FFF; border-bottom: 2px solid #EEE; }
.list-tracks li a { font: normal 14px SuperGrotesk; text-transform: uppercase; display: block; padding: 5px 10px 5px 30px; color: #000 !important; position: relative; }
.list-tracks li a:hover { color: #3B88AE !important; }
.list-tracks li a:before { content: '\00d7'; color: #CCC; position: absolute; top: -1px; left: 10px; text-transform: lowercase; font-size: 24px; }
.list-tracks li a.track-invent:before,
.list-tracks li a.track-remake:before,
.list-tracks li a.track-reinnovate:before { color: #BD6EC6 }
.list-tracks li a.track-revolt:before { color: #76C2DB}
.list-tracks li a.track-report:before,
.list-tracks li a.track-remix:before { color: #3B88AE}
.list-tracks li a.track-open:before,
.list-tracks li a.track-reunite:before { color: #E16F6F}
.list-tracks li a.track-redesign:before,
.list-tracks li a.track-replay:before { color: #89C66E}
.list-tracks li a.track-cofunding:before,
.list-tracks li a.track-comdirect:before { color: #80D0B3}
.list-tracks li a.track-rehealth:before,
.list-tracks li a.track-relearn:before { color: #E0AD70}

#track-legend { overflow: hidden; }
#track-legend .track-legend-link { float: right; font: normal 12px SuperGrotesk; text-transform: uppercase; color: #333; cursor: pointer; margin: 0 10px 20px; padding-left: 20px; background: url(./_img/tracks-legend.png) no-repeat left center; }
#track-legend .track-legend-link:hover { color: #3B88AE; }
#track-legend .list-tracks { display: none; background: #E5E5E5; margin: 0; height: auto; min-height: 0; overflow: hidden; margin-bottom: 20px; border: 0; padding-bottom: 15px; width: 960px; }
#track-legend .list-tracks li { background: 0; float: left; border: 0; width: 24%; text-align: left; margin-top: 15px; margin-left: 1%; }
#track-legend .list-tracks li a { padding: 5px 10px; border-left: 20px solid #DDD; }
#track-legend .list-tracks li a:before { display: none; }
#track-legend .list-tracks li a.track-invent,
#track-legend .list-tracks li a.track-remake,
#track-legend .list-tracks li a.track-reinnovate { border-color: #BD6EC6 }
#track-legend .list-tracks li a.track-revolt { border-color: #76C2DB}
#track-legend .list-tracks li a.track-report,
#track-legend .list-tracks li a.track-remix { border-color: #3B88AE}
#track-legend .list-tracks li a.track-open,
#track-legend .list-tracks li a.track-reunite { border-color: #E16F6F}
#track-legend .list-tracks li a.track-redesign,
#track-legend .list-tracks li a.track-replay { border-color: #89C66E}
#track-legend .list-tracks li a.track-cofunding,
#track-legend .list-tracks li a.track-comdirect { border-color: #80D0B3}
#track-legend .list-tracks li a.track-rehealth,
#track-legend .list-tracks li a.track-relearn { border-color: #E0AD70}



/* SESSION OVERVIEW */
.program-overview { overflow: hidden; position: relative; }
.program-overview h1 { margin-bottom: 20px; font: normal 48px SuperGrotesk; text-transform: uppercase; }
.program-overview ul { list-style: none; width: 940px; min-height: 350px; }
.program-overview li { font-size: 14px; float: left; text-align: center; }
.session-overview li { width: 300px; margin: 0 6px 20px; font-size: 12px; }
.program-overview li img { display: block; margin: 0 auto 10px; }
.session-overview li.error, p.error { background: 0; border: 0; font: bold 14px sans-serif; display: block; text-align: center; width: 100%; padding-top: 50px; }
p.error { padding-bottom: 150px; }
#filter-session { margin: 20px 0; padding: 20px 10px; background: #FFF; text-align: right; }
#filter-session select { margin-right: 10px; padding: 3px 3px 3px 5px; }
#filter-session option { padding: 0 10px; }
.filter-schedule a { margin: 0 45px 0 0; }
.filter-schedule a.link-ical { float: right; margin: 0; font: normal 14px SuperGrotesk; color: #999; }
.filter-schedule a.link-ical:hover { float: right; margin: 0; font: normal 14px SuperGrotesk; color: #333; }



.track-invent table, .track-remake table, .track-reinnovate table { border-bottom-color: #BD6EC6; }
.track-invent .session-info, .track-remake .session-info, .track-reinnovate .session-info,
.session-listview.track-invent,
.session-listview.track-remake,
.session-listview.track-reinnovate { border-color: #BD6EC6; }
.track-invent .session-date, .track-remake .session-date, .track-reinnovate .session-date { background: #BD6EC6; }
.section-heading.large.track-invent:before, .section-heading.large.track-remake:before, .section-heading.large.track-reinnovate:before { color: #BD6EC6; } 
.track-revolt table { border-bottom-color: #76C2DB; }
.track-revolt .session-info, .session-listview.track-revolt { border-color: #76C2DB; }
.track-revolt .session-date  { background: #76C2DB; }
.section-heading.large.track-revol:before { color: #76C2DB; } 
.track-report table,.track-remix table { border-bottom-color: #3B88AE; }
.track-report .session-info, .track-remix .session-info,
.session-listview.track-report,
.session-listview.track-remix  { border-color: #3B88AE; }
.track-report .session-date, .track-remix .session-date { background: #3B88AE; }
.section-heading.large.track-report:before, .section-heading.large.track-remix:before { color: #3B88AE; } 
.track-open table, .track-reunite table { border-bottom-color: #E16F6F; }
.track-open .session-info, .track-reunite .session-info,
.session-listview.track-open,
.session-listview.track-reunite { border-color: #E16F6F; }
.track-open .session-date, .track-reunite .session-date { background: #E16F6F; }
.section-heading.large.track-open:before, .section-heading.large.track-reunite:before { color: #E16F6F; }
.track-redesign table, .track-replay table { border-bottom-color: #89C66E}
.track-redesign .session-info, .track-replay .session-info,
.session-listview.track-redesign ,
.session-listview.track-replay  { border-color: #89C66E}
.track-redesign .session-date, .track-replay .session-date  { background: #89C66E}
.section-heading.large.track-redesign:before, .section-heading.large.track-replay:before { color: #89C66E; } 
.track-cofunding .session-info, .track-comdirect .session-info,
.session-listview.track-cofunding,
.session-listview.track-comdirect  { border-color: #80D0B3; }
.track-cofunding .session-date, .track-comdirect .session-date  { background: #80D0B3}
.section-heading.large.track-cofunding:before, .section-heading.large.track-comdirect:before{ color: #80D0B3; } 
.track-rehealth table, .track-relearn table { border-bottom-color: #E0AD70}
.track-rehealth .session-info, .track-relearn .session-info,
.session-listview.track-rehealth,
.session-listview.track-relearn { border-color: #E0AD70}
.track-rehealth .session-date, .track-relearn .session-date  { background: #E0AD70}
.section-heading.large.track-rehealth:before, .section-heading.large.track-relearn:before { color: #E0AD70; }

/* SPEAKER DETAIL */
.single-person article header{ position: relative; width: 640px; height: 448px; margin-bottom: 20px; }
.speaker-image { position: absolute; top: 0; left: 0; width: 640px; height: 448px; background: url(./_img/vignette1.png) no-repeat left top; text-align: right; }
.image-speaker { width:319px; }
.coloroverlay1 { position: absolute; top: 0; left: 0; width: 320px; height: 224px; opacity: .5; }
.coloroverlay2 { position: absolute;  top: 224px; bottom: 0; width: 320px; height: 224px; opacity: .5; }

.single-person .entry-title{ position: absolute; top: 100px; left: 0; font: normal 36px SuperGrotesk; color: #FFF; text-transform: uppercase; }

.single-person .entry-title span { background: #000; padding: 5px 0; line-height: 56px; }
.single-person .entry-title span span { position: relative; left: 10px; }
.single-panel .entry-title { font: normal 24px SuperGrotesk;  text-transform: uppercase; }
.single-panel .entry-subtitle { font: normal 16px SuperGrotesk; text-transform: uppercase; color: #666; padding: 15px 0; }
.single-person .entry-content, .single-panel .entry-content { font: normal 14px/1.6 sans-serif; }
.single-person .entry-content p, .single-panel .entry-content p { margin-bottom: 1em; }
.single-panel .entry-content { margin-top: 40px; }
.entry-content a { color: #3B88AE; }
.single-person #sidebar, .single-panel #sidebar { width: 280px; }
.single-panel .subsection { margin: 2em 0 1em; border-bottom: 2px solid #000; font: normal 24px SuperGrotesk; text-transform: uppercase; }
.single-panel .entry-speakertitle { font: normal 18px/3 SuperGrotesk; text-transform: uppercase; }

#meta-info ul { font-size: 12px; margin-left: 20px; }

.session-tags { background: 0 !important; overflow: hidden; }
.session-tags li { margin-bottom: 5px; list-style: none; }
.session-tags li, .session-tags a { float:left; height:24px; line-height:24px; position:relative; font-size:11px; } 
.session-tags a { margin-left:20px; padding:0 10px 0 12px; background:#3B88AE; color:#fff !important; text-decoration:none; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;	 border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px;	border-top-right-radius:4px; }
.session-tags a:before{ content:""; float:left; position:absolute; top:0; left:-12px; width:0; height:0; border-color:transparent #3B88AE transparent transparent; border-style:solid; border-width:12px 12px 12px 0; }
.session-tags a:after{ content:""; position:absolute; top:10px; left:0; float:left; width:4px; height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; -moz-box-shadow:-1px -1px 2px #004977; -webkit-box-shadow:-1px -1px 2px #004977; box-shadow:-1px -1px 2px #004977; }
.session-tags a:hover{background:#555;}	
.session-tags a:hover:before{border-color:transparent #555 transparent transparent;}

.speaker-overview ul { list-style: none;  }

.speaker-overview li { width: 160px; height: 224px; float: left; position: relative; }
.speaker-overview img, .speaker-overview div { position: absolute; top: 0; left: 0; width: 160px; height: 224px; }
.speaker-overview .entry-content, .session-overview .entry-content { position: static; width: auto; height: auto; margin: -40px 0 40px 50px; color: #666; opacity: 1; font-size: 12px;  }
.speaker-overview div { opacity: .3; }
.speaker-overview .entry-title { position: absolute; left: 0; bottom: 20px; font: normal 16px SuperGrotesk; text-transform: uppercase; }
.speaker-overview .entry-title span { background: #FFF; padding: 2px 5px 2px 0; line-height: 24px; }
.speaker-overview .entry-title span span { position: relative; left: 10px; }
.speaker-overview a .entry-title { color: #000; }
.speaker-overview a:hover .entry-title { color: #3B88AE; }

.speaker-overview li.large, .speaker-overview li.large img, .speaker-overview li.large div { width: 320px; height: 448px; }
.speaker-overview li.large .entry-title { font-size: 24px; }
.speaker-overview li.large .entry-title span {line-height: 36px; }

.socialmedia { background: #FFF; padding: 10px; font-size: 11px; line-height: 3; color: #444; }
.socialmedia img { margin-right: 5px; }
.socialmedia {display:none}


#schedule { position: relative; }
#schedule table { border-collapse: collapse; }
#schedule #schedule-locations { position: absolute; top: 0; left: 0; width: 100%; height: 50px; z-index: 100;  }
#schedule th { width: 115px; padding: 10px 0; height: 30px; font: normal 11px SuperGrotesk; text-transform: uppercase;  color: #333; vertical-align: middle; background: #EEE; border-bottom: 1px solid #CCC; }
#schedule th:nth-child(2n) { background: #E5E5E5; }
/*#schedule tr { height: 45px; }*/
#schedule tr { height: 60px; }
#schedule td { border-top: 1px solid #DDD; width: 115px; }
#schedule .fullhour td { border-color: #BBB; }
#schedule .schedule-time { width: 35px; padding: 5px 5px 5px 0; font: bold 11px/24px sans-serif; color: #666; vertical-align: top; font-weight: normal; }
#schedule .fullhour .schedule-time { font-weight: bold; color: #333; }
#session-overlay { position: absolute; top: 54px; left: 40px; width: 920px; height: 100%; } 
#session-overlay .session { width: 113px; border: 1px solid #CCC; overflow: hidden; border-top-width: 2px; background: #F5F5F5; }
#session-overlay .session:hover { background: #FFF; }
#session-overlay .session h2 { font: normal 14px/1 SuperGrotesk; color: #333; padding: 0; margin-bottom: 5px; }
#session-overlay .session h3 { font-size: 10px; font-weight: normal; padding: 0; }
#session-overlay .session a { display: block; padding: 5px; color: #000; }
#session-overlay .session-time { position: absolute; bottom: 5px; left: 5px; font-size: 10px; color: #666;  }
#session-overlay .session-speaker { position: absolute; bottom: 42px; left: 0; width: 98px; padding: 0 10px 0 5px; font-size: 11px; line-height: 1; color: #999; border-top: 1px solid #DDD; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 5; background: #F5F5F5; }
#session-overlay .session:hover .session-speaker { background: #FFF; }
#session-overlay .session-speaker a{ color: #666; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#session-overlay .session-speaker a:hover { color: #3B88AE; }
#session-overlay .session-date { height: 38px; width: 37px; position: absolute; bottom: 0; left: 0; font: normal 24px/1 SuperGrotesk; padding: 2px 10px; color: #FFF; text-transform: uppercase; text-align: center; }
#session-overlay .session-date small { font-size: 14px; display: block; }
#session-overlay .session .fav { position: absolute; bottom: 0; right: 0; height: 32px; width: 48px; line-height: 32px; border-top: 1px solid #DDD; color: #CCC; text-align: center; cursor: pointer; background: url(./_img/session-fav.png) no-repeat center center; }
#session-overlay .session .fav:hover { background: url(./_img/session-fav-hover.png) no-repeat center center; }
#session-overlay .session.faved a, #session-overlay .session.faved:hover a { background: #333; color: #FFF; }
#session-overlay .session.faved h2 { color: #FFF; }
#session-overlay .session.faved .session-speaker { border-color: #444; background: #333; }
#session-overlay .session.faved .session-speaker a { color: #999; }
#session-overlay .session.faved .fav, #session-overlay .session.faved:hover .fav  { border-top-color: #444; background: url(./_img/session-faved.png) no-repeat center center; }

#filter-session.filter-schedule { text-align: left; border: 1px solid #E5E5E5; padding: 10px; }
#filter-session.filter-schedule .link-arrow { font: normal 12px SuperGrotesk; color: #333; text-transform: uppercase; padding: 5px 20px; }
#filter-session.filter-schedule .link-arrow.black { background: #3B88AE; color: #FFF; }

#program-ics { position: absolute; top: 14px; right: 20px; display: none; }
#program-ics a, .ics-download, #favicalsubmit { display: inline-block; height: 28px; font: bold 12px/28px sans-serif; border: 0; padding-left: 35px; background: url(./_img/icon-calendar.jpg) no-repeat left center; margin-left: 25px; }
.ics-download { margin: 10px 0; display: block; color: #000; }
#favicalsubmit { cursor: pointer; }
#program-ics a#link-print { background-image: url(./_img/icon-printer.png); }
#favicalform { display: inline; }


#session-overlay .track-invent, #session-overlay .track-remake, #session-overlay .track-reinnovate { border-top-color: #BD6EC6; }
#session-overlay .track-revolt{ border-top-color: #76C2DB; }
#session-overlay .track-report, #session-overlay .track-remix { border-top-color: #3B88AE; }
#session-overlay .track-open, #session-overlay .track-reunite { border-top-color: #E16F6F; }
#session-overlay .track-redesign, #session-overlay .track-replay { border-top-color: #89C66E; }
#session-overlay .track-cofunding, #session-overlay .track-comdirect { border-top-color: #80D0B3; }
#session-overlay .track-rehealth, #session-overlay .track-relearn { border-top-color: #E0AD70; }

#map { clear: both; position: relative; width: 958px; height: 350px; margin-bottom: 40px;  }
#Parallax { width: 958px; height: 350px; overflow: hidden; position: relative; border: 1px solid #999;}
#Parallax #parallax-content {position:absolute;top:0;left:0;width:1423px;height:800px; }
#Parallax .stage1 { background: url(./_img/stage1.png) no-repeat left top; width: 171px; height: 237px; position: absolute; top: 196px; left: 109px; cursor: pointer; }
#Parallax .stage2 { background: url(./_img/stage2.png) no-repeat left top; width: 280px; height: 125px; position: absolute; top: 76px; left: 367px; cursor: pointer; }
#Parallax .stage3 { background: url(./_img/stage3.png) no-repeat left top; width: 292px; height: 179px; position: absolute; top: 76px; left: 738px; cursor: pointer; }
#Parallax .stage4 { background: url(./_img/stage4.png) no-repeat left top; width: 171px; height: 90px; position: absolute; top: 512px; left: 453px; cursor: pointer; }
#Parallax .stage5 { background: url(./_img/stage5.png) no-repeat left top; width: 150px; height: 92px; position: absolute; top: 509px; left: 801px; cursor: pointer; }
#Parallax .stage6 { background: url(./_img/stage6.png) no-repeat left top; width: 52px; height: 69px; position: absolute; top: 663px; left: 455px; cursor: pointer; }
#Parallax .stage7 { background: url(./_img/stage7.png) no-repeat left top; width: 53px; height: 68px; position: absolute; top: 663px; left: 853px; cursor: pointer; }
#Parallax .stage8 { background: url(./_img/stage8.png) no-repeat left top; width: 101px; height: 68px; position: absolute; top: 664px; left: 1035px; cursor: pointer; }
#Parallax  #parallax-content div:hover { background-position: left bottom; }
.section-wrapper { margin: -20px 0 40px; }
.section-wrapper .next { opacity: .5; -webkit-transition: all .2s linear; }
.section-wrapper .next:hover { opacity: 1; }

#overlay { position: absolute; top: 0; right: -1px; width: 600px; height: 300px; padding: 50px 20px 0; background: rgba(0,0,0,.9); z-index: 99; display: none; overflow: hidden; }
#overlay-close { position: absolute; top: 10px; right: 10px;  border: 3px solid #FFF; color: #FFF; font-weight:bold; padding: 3px 8px; opacity: .5; }
#overlay-close:hover { opacity: 1; cursor: pointer; }
#overlay h2 { color: #FFF; }

.page-day p { font-size: 12px; }
#tweets #tabs { overflow: hidden; }
#tweets #tabs li { float: left; list-style: none; margin-right: 2px; }
#tweets #tabs li a { display: block; padding: 0 10px; background: rgba( 255, 255, 255, .5 ); font-size: 11px; font-weight: bold; line-height: 24px; color: #666; }
#tweets #tabs li.active a { background: #FFF; color: #000; line-height: 24px; }
#tweetbox1, #tweetbox2 { background: #FFF; height: 371px; padding: 10px 0; overflow: auto; }
#tweetbox2 { display: none; }
.jta-tweet-list-item { border-bottom: 1px dotted #CCC; padding: 5px 10px; clear: both; list-style: none; } 
.jta-tweet-profile-image { float: left; width: 32px; margin-right: 8px; }
.jta-tweet-profile-image img { width: 32px; height: 32px; }
.jta-tweet-body { font-size: 12px; margin-left: 40px; }
.jta-tweet-body a { color: #000; border-bottom: 1px solid #F00; }
.jta-tweet-body a:hover { color: #000; border-color: #000; }
.jta-tweet-user-name { font-weight: bold; }
.jta-tweet-user-name  a{ border: 0;}
.jta-tweet-attributes { display: block; font-size: 11px; margin-top: 5px; }
.jta-tweet-attributes a { color: #999; border: 0; }
.jta-clear { display: none; }
.jta-tweet-list-controls { text-align: center; margin: 15px 0; }
.jta-tweet-list-controls-button { font-size: 14px; font-weight: bold; color: #999; padding: 5px 10px; border: 2px solid #CCC; cursor: pointer; }

.bloglist ul { list-style: none; }
.bloglist li { margin-bottom: 5px; line-height: 1.5; }
.bloglist li span { color: #999; font-size: 12px; }
#sidebar .bloglist .bloglink { display: block; text-align: right; margin: 15px 0; font: bold 11px sans-serif; color: #666; }
#sidebar .bloglist li a:hover { color: #000; }
#sidebar .bloglist .bloglink:hover { color: #333; }

#rp12-pictures img { float: left; width: 33%; }

#smartphone { display: none; width: 100%; padding: 15px 0; text-align: center; font: bold 18px sans-serif; background: #D8E7EF; color: #3B88AE; border-bottom: 1px solid #3B88AE; }

#stream-tabs { overflow: hidden; }
#stream-tabs li { float: left; list-style: none; margin-right: 2px; }
#stream-tabs li a { display: block; padding: 0 10px; background: rgba( 255, 255, 255, .5 ); font-size: 11px; font-weight: bold; line-height: 24px; color: #666; }
#stream-tabs li.active a { background: #FFF; color: #000; line-height: 24px; }
#stream-stage1, #stream-stage5 { background: #FFF; height: 380px; padding: 10px 0; overflow: hidden; text-align: center; }
#stream-stage5 { display: none; }


/* BUTTON */
input::-moz-focus-inner { border: 0; }
.button, #submit, .wpcf7-submit { border: 1px solid #DDD; border-radius: 3px; text-shadow: 0 1px 1px #FFF; -webkit-box-shadow: 0 1px 1px #EEE; -moz-box-shadow: 0 1px 1px #EEE; box-shadow: 0 1px 1px #EEE; font: bold 11px sans-serif; padding: 6px 10px; white-space: nowrap; vertical-align: middle; color: #555; background: transparent; cursor: pointer; }
.button:hover, .button:focus, #submit:hover, #submit:focus, .wpcf7-submit:hover, .wpcf7-submit:focus { border-color: #999; background: -webkit-linear-gradient(top, #FFF, #E0E0E0); background: -moz-linear-gradient( top, #FFF, #E0E0E0); background: ms-linear-gradient( top, #FFF, #E0E0E0 ); background: -o-linear-gradient( top, #FFF, #E0E0E0 ); -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, .25), inset 0 0 3px #FFF; -moz-box-shadow: 0 1px 2px rgba( 0, 0, 0, .25), inset 0 0 3px #FFF; box-shadow: 0 1px 2px rgba( 0, 0, 0, .25), inset 0 0 3px #FFF; color: #333; }
.button:active, #submit:active, .wpcf7-submit:active { border: 1px solid #AAA; border-bottom-color: #CCC; border-top-color: #999; -webkit-box-shadow: inset 0 1px 2px #AAA; -moz-box-shadow: inset 0 1px 2px #AAA; -box-shadow: inset 0 1px 2px #AAA; background: -webkit-linear-gradient( top, #E6E6E6, #DCDCDC );  background: -moz-linear-gradient( top, #E6E6E6, #DCDCDC );  background: -ms-linear-gradient( top, #E6E6E6, #DCDCDC );  background: -o-linear-gradient( top, #E6E6E6, #DCDCDC ); }
.searchform .button { height: 20px; float: right; line-height: 20px; padding: 0 5px; }

#comments-title { margin-bottom: 40px; }
.commentlist { list-style: none; margin-bottom: 40px; }
.commentlist li  { margin-bottom: 20px; border-bottom: 1px solid #CCC; }
.fn { font: bold 14px sans-serif; }
.fn a { color: #000; }
.fn a:hover { color: #3B88AE; }
.comment-author time { font-size: 11px; color: #666; }
.comment-content { margin-top: 15px; font: normal 14px/1.5 sans-serif; color: #333; }
.comment-content p { margin-bottom: 1.5em; }
.comment-content a { color: #3B88AE; }
.comment-content a:hover { color: #000; }

#commentform { margin-top: 20px; }
#commentform label { color: #666; display: block; }
#author, #email, #url { font: normal 14px sans-serif; padding: 5px 10px; border: 1px solid #CCC; margin-bottom: 15px; width: 250px; }
#commentform textarea { width: 600px; padding: 9px; border: 1px solid #CCC; font: normal 14px sans-serif; line-height: 1.5; margin-bottom: 15px }