/* @license
 * MyFonts Webfont Build ID 2521473, 2013-04-04T08:07:24-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Decima Mono by TipografiaRamis
 * URL: http://www.myfonts.com/fonts/tipografiaramis/decima-mono/regular/
 * Copyright: Copyright (c) 2008 by TipografiaRamis. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * Webfont: Standard CT Cond Regular by CastleType
 * URL: http://www.myfonts.com/fonts/castletype/standard/condensed/
 * Copyright: Copyright (c) CastleType, 2001. All rights reserved.
 * Licensed pageviews: 0
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2521473
 * 
 * © 2013 MyFonts Inc
*/

@font-face {font-family: 'DecimaMono';src: url('../../font/267981_0_0.eot');src: url('../../font/267981_0_0.eot?#iefix') format('embedded-opentype'),url('../../font/267981_0_0.woff') format('woff'),url('../../font/267981_0_0.ttf') format('truetype');}
@font-face {font-family: 'StandardCT-Condensed';src: url('../../font/267981_1_0.eot');src: url('../../font/267981_1_0.eot?#iefix') format('embedded-opentype'),url('../../font/267981_1_0.woff') format('woff'),url('../../font/267981_1_0.ttf') format('truetype');}

/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* default styles */
body {
	font: normal normal 1em/1em StandardCT-Condensed, Helvetica, Arial, sans-serif;
	background:#fff;
	color:#e5007d;
}

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y:scroll; }
::-moz-selection { background: #ff9; color: #e5007d; text-shadow: none; }
::selection { background: #ff9; color: #e5007d; text-shadow: none; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
img, embed, object, video { max-width:100%; height:auto; width:100%; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

a { color:#e5007d; text-decoration: none; transition:all .35s ease; }
a:hover, strong a:hover { color:#e5007d; background:rgba(228,221,215,0.4); text-decoration: none; }
.active { color:#e5007d; background:rgba(228,221,215,0.4); text-decoration: none; }

/* logo */
.logo {
	display:block;
	background:url('../../img/2026/zoominfestival_26_logo.svg') no-repeat 0 0;
	background-size: contain;
	width:420px;
	height:60px;
	margin:25px 0;
}

/* navigation */
ul.mainnav { width: 12.5em;	margin: 2.25em 0 0 0; }
ul.mainnav a {
	display:inline-block;
	padding:.125em .25em 0 .25em;
	margin:.125em 0;
	font: normal normal .875em/1.5em DecimaMono, Helvetica, Arial, sans-serif;
	text-transform: uppercase;	
}

ul.subnav { padding:0; margin:0; width:32em; color:rgb(81, 144, 162); }
ul.subnav li { display:inline; }
ul.subnav li a {
	font: normal normal .875em/1.875em DecimaMono, Helvetica, Arial, sans-serif;
	text-transform: uppercase;	
}

.years { margin:5em 0 0 0; }
.years div { font: normal normal .75em/1.5em DecimaMono, Helvetica, Arial, sans-serif; }
.years div a { padding:.125em; }

.fb img { margin:2.5em 0 0 0; opacity:0.7; filter:alpha(opacity=70); width:24px; }
.fb img:hover { opacity:1.0; filter:alpha(opacity=100); }

/* content */
.header a { display: block; }

.vimeo { padding: 1em 0 0 0; }

.content { width:33em; }

.content h1 { font-size: 1.75em; line-height:1.35; margin: 0 0 1em 0; }

.content h2, .content strong, .content .asterisk {
	font: normal normal 1.25em/1.2em DecimaMono, Helvetica, Arial, sans-serif;
	padding: 0 .25em 0 0;
	margin:0;
	color:#e5007d; 
}
.content strong.up { text-transform:uppercase; }
.content .asterisk { color:#666; font-size:1.75em; }
.content .text-gray { color:#666; font-size:1.375em; margin:-1em 0 0 1em; }
.content .text-gray strong { font-size:1em; color:#666; }
.content .text-tbc { font-size:1.375em; margin:3em 0 1.5em 0; }

.content p { font-size: 1.5em; line-height: 1.35; margin: 0 0 1em 0; color:#e5007d; }
.content hr { height:2.25em; margin:0; background:#fff; border: 0; }
.content em { font-style:italic; }
.content .bio_img { margin:0 0 1.25em 0; }
.content .download {}
.content .download_img { float:left; margin:0 .5em .5em 0; border:1px solid #ccc; }
.content .fat { font: normal normal .875em/1.35em DecimaMono, Helvetica, Arial, sans-serif; }

.content table { width:100%; font-size: 1.375em; line-height: 1.5; margin: 0 0 60px 0; color:#e5007d; }
.content table td { vertical-align: top; }
/*.content table td:first-child { width:14%; padding-right:1%; }*/
.content table.no-indent td:first-child { width:auto; padding-right:0; }
.content table td.map { font-size:1.25em; padding-bottom: 20px; }
.content table td.title { font-size:110%; padding:10px 0 30px 0; }

.content .date { font-size:1.75em; line-height:1.4; margin:1em 0 0 0; color:#e5007d; }
.content table strong, .content table p { font-size:100%; margin:0 0 12px 0; }
.content table hr { height:12px; }

a.noline, a.noline:hover { border-bottom:none; background:none; }

.content a span {
	line-height:1.25;
	padding:.1875em .125em .125em .125em;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transition:all .35s ease;
	background-color: rgba(228,221,215,0.4);
}

.content a:hover span {
	background-color:#fff;
}


/* footer */
footer { clear: both; display: none; }

/* Helper classes */
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none !important;visibility:hidden}


/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.fb { position:absolute; top:0; right:0; }
	.content { width:100%; }
	.logo { width:280px; height:40px; }

	table, tbody, th, td, tr { display: block; }
	.content table td:first-child { width:100%; padding-right:0; }
	.content table td.title { font-size:100%; }
	.content .date { margin:16px 0 0 0; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.years { margin:1em 0 0 0; }
	.years div { float:left; margin:0 .35em 0 0; }	
	ul.mainnav, ul.subnav, .content .download { width: auto; }
	ul.mainnav a { display:block; font: normal normal 1.25em/1.75em DecimaMono, Helvetica, Arial, sans-serif; text-transform: uppercase; }
	ul.subnav { padding:.5em 0; margin:0 1em 0 0; border-top: 1px solid #999; border-bottom: 1px solid #999; }	
	.logo { width:420px; height:60px; }	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.years { margin:1em 0 0 0; }
	.years div { float:left; margin:0 .35em 0 0; }
	ul.mainnav, ul.subnav, .content .download { width: auto; }
	ul.mainnav a { display:block; font: normal normal 1.25em/1.75em DecimaMono, Helvetica, Arial, sans-serif; text-transform: uppercase; }
	ul.subnav { padding:.5em 0; margin:0 1em 0 0; border-top: 1px solid #999; border-bottom: 1px solid #999; }
	.content h2, .content strong { font: normal normal 1.25em/1.35em DecimaMono, Helvetica, Arial, sans-serif; }
}

