/**
* WebExpo Prague 2011 Conference Main Stylesheet
*
* Mobile first responsive stylesheet based on Malarkey's 320 and Up boilerplate extension
*
* @project WebExpo Prague 2011 Conference
* @version 1.0
* @author Vojtech Bulant, Michal Matuska
* @URL http://pospolu.cz, http://superkoderi.cz
* @copyright 2011
* @license o.O
*
* 320 and Up boilerplate extension
*
* Author: Andy Clarke
* Version: 0.9b
* URL: http://stuffandnonsense.co.uk/projects/320andup/
_____________________________________________________

	Colors
		red: rgb(255,0,0)
		light green: rgb(0,248,0)

___________

TODO: make contents
*/

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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

ins {background-color: #ff9; color: #000; text-decoration: none;}
mark {background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}

hr {display: none;}

/**
 * 2. Root
 */
html {overflow-y: scroll; background: rgb(255,255,255);}
body {background: transparent; padding: 0; font: .875em/1.429 arial, helvetica, sans-serif; color: rgb(255,255,255);}
#bg {background: #000;}
/* Horizontal section container */
.ic {position: relative; width: 90%; max-width: 1100px; margin: 0 auto;} /* ref 288px */

/**
 * 3. Typography
 */
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {font-size: 1.8em; /* 25/14 */ line-height: 1.2;}
h2 {margin-bottom: .75em; font-size: 2em; /* 36/14 */ line-height: 1.1;}
h3 {margin-bottom: 1em; font-size: 1.5em; /* 24/16 = 1.5 */ line-height: 1.2;}
h4 {margin-bottom: 1.25em; font-size: 1.25em; /* 20/16 = 1.25 */ line-height: 1.25;}
h5 {margin-bottom: 1.5em; font-size: 1em; /* 16/16 = 1 */}
h6 {font-size: 1em;}

p, ol, ul, dl, address {margin-bottom: 1.5em; font-size: 1em; /* 16 / 16 = 1 */}

ul,
ol {margin: 0 0 1.5em;}
ul {list-style-type: disc;}
ol {list-style-type: decimal;}
li ul, li ol {margin: 0; font-size: 1em;}
li {list-style: none; list-style-image: none;}

dl, dd {margin-bottom: 1.5em;}
dt {font-weight: normal;}

blockquote {border-left: 1px solid rgb(200,200,200); margin: 0 0 1.5em -24px; padding-left: 24px; font-style: italic;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

b, strong {font-weight: bold;}
i, em {
	font-style: italic;}
sup, sub {position: relative; font-size: 75%; line-height: 0;}
sup {top: -.5em;}
sub {bottom: -.25em;}

address {font-style: normal;}

pre {margin-bottom: 1.5em; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
pre, code {font: .875em 'andale mono', 'lucida console', monospace; line-height: 1.5;}

small {font-size: 1em; /* 16 / 16 = 1 */}

/**
 * 4. Links
 */
a,
a:visited {outline: none; text-decoration: none; color: rgb(255,0,0);}
a:hover, a:focus {outline: none; background: rgb(255,0,0); color: rgb(255,255,255);}
a:active {outline: none;}
a.alt, .alt a {text-decoration: underline;}
a.alt:hover, a.alt:focus, .alt a:hover, .alt a:focus {text-decoration: none;}
/* Cufon tweaks */
	.cufon-active a.alt {text-decoration: none;}
	.cufon-active a.alt cufon {border-bottom: 1px solid;}
	a.alt:hover cufon, a.alt:focus cufon {border-bottom-color: transparent;}

.altc a, a.altc {color: #0ff;}
.altc a:hover, a.altc:hover, .altc a:focus, a.altc:focus {background-color: #0ff; color: rgb(0,0,0);}
.altg a, a.altg {color: rgb(0,255,0);}
.altg a:hover, a.altg:hover, .altg a:focus, a.altg:focus {background-color: rgb(0,255,0); color: rgb(0,0,0);}
.alty a, a.alty {color: rgb(255,255,0);}
.alty a:hover, a.alty:hover, .alty a:focus, a.alty:focus {background-color: rgb(255,255,0); color: rgb(0,0,0);}
.altb a, a.altb {color: rgb(0,0,255);}
.altb a:hover, a.altb:hover, .altb a:focus, a.altb:focus {background-color: rgb(0,0,255); color: rgb(255,255,255);}
.altm a, a.altm {color: rgb(255,0,255);}
.altm a:hover, a.altm:hover, .altm a:focus, a.altm:focus {background-color: rgb(255,0,255); color: rgb(255,255,255);}
.altbl a, a.altbl {color: rgb(0,0,0);}
.altbl a:hover, a.altbl:hover, .altbl a:focus, a.altbl:focus {background-color: rgb(0,0,0); color: rgb(255,255,255);}
.altw a, a.altw {text-decoration: underline; color: rgb(255,255,255);}
.altw a:hover, a.altw:hover, .altw a:focus, a.altw:focus {background-color: rgb(255,255,255); text-decoration: none; color: rgb(0,0,0);}

/**
 * 5. Figures, Images
 */
a img {border: 0;}
figure img,
figure object,
figure embed {max-width: 100%;}
figcaption {display: block; font-weight: normal;}

/**
 * 6. Tables
 */
table {
	border-collapse: collapse; border-spacing: 0;
	width: 100%; margin-bottom: 1.4em; font-size: .875em; /* 14 / 16 = .875 */}
th {font-weight: bold;}
th, td, caption {padding: .25em 10px .25em 5px;}
tfoot {font-style: italic;}
caption {background-color: transparent;}

/**
 * 7. Forms
 */
textarea {overflow: auto;} /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend {margin-left: -7px;}

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css; */
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

input[type="button"], input[type="submit"], input[type="image"], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
select, input, textarea, button {font: 100% arial, helvetica, sans-serif;}

input[type="submit"], button {width: auto; overflow: visible;}

select, input, textarea {color: rgb(0,0,0);}

/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.CONTENT */
/* 11.MAIN */
/* 12.COMPLEMENTARY */
/* 13.CONTENTINFO */
/**
 * 14. Global objects
 */
.inv {background-color: rgb(255,255,255); color: rgb(0,0,0);}
.cont-col {background: rgb(255,255,255) url("../img/skyline-inv.png") 0 100% repeat-x; padding-bottom: 80px;}

.btn {
	border: 3px solid; border-color: rgb(208,208,208) rgb(255,255,255) rgb(112,112,112) rgb(173,173,173);
	background: rgb(0,255,0); display: inline-block; padding: 0.07142857142857em 0.92857142857143em; color: rgb(0,0,0);}
a.btn {color: rgb(0,0,0);}
.btn:hover, .btn:focus {background: rgb(255,255,0); color: rgb(0,0,0);}
.btn:active {border-color: rgb(112,112,112) rgb(173,173,173) rgb(208,208,208) rgb(255,255,255);}
.btn2 {border-width: 4px; background-color:#00ffff; background-repeat: no-repeat; font-size:.8571428571428571em; line-height:2.5em;}
.btn:hover, .btn:focus { background-color:#ffff00; background-repeat: no-repeat;}

.tabs { text-transform:uppercase; margin:2.5em 0 0; font-size:.8571428571428571em; }
	.tabs li { float:left; margin:0 1px 1px 0; }
	.tabs a { display:block; padding:0 1.428571428571429em; line-height:2.857142857142857; background:#ffff00; color:#000; text-decoration:none; }
	/* colors */
	.development .tabs a {background: #0ff;}
	.business .tabs a {background: #f0f;}
	.development .tabs .active a, .development .tabs .active a:hover, .development .tabs .active a:focus {color:#0ff;}
	.business .tabs .active a, .business .tabs .active a:hover, .business .tabs .active a:focus {color:#f0f;}
	.tabs .active a, .tabs .active a:hover, .tabs .active a:focus { background:#000; color:#ff0; cursor: default;}
	.tabs a:hover, .tabs a:focus {background: #f00;}

.tab-fragment { background:#000; color:#fff; padding: 3em 2.142857142857143em; margin:0 0 2em; }
	.talk-contents {margin: 0 0 2em;}
	.talk-contents:last-child {margin-bottom: 0;}
		.talk-contents p, .talk-contents ul {margin-bottom: 0;}
		.slideshare-player > div {width: 100% !important;}
		.slideshare-player > div object + div {display: none;}
		.slideshare-player strong {margin: 0 0 .5em !important;}
		.slideshare-player object,
		.slideshare-player embed,
		.prezi-player object,
		.prezi-player embed {display: none;}

		.talk-files h3 {margin-bottom: .5em;}
		.talk-files ul {margin: 0;}

.tracks {margin: 0 0 2em; line-height: 1.2;}
	.tracks li {display: inline-block; margin: 0 -0.1em;}
	.tracks a {
				position: relative; padding: .1em .7em .3em; color: rgb(255,255,255);
				-webkit-transition: padding .5s; -moz-transition: padding .5s; -o-transition: padding .5s; transition: padding .5s;}
	.tracks a:hover, .tracks a:focus {background: rgb(0,255,0); color: rgb(0,0,0);}
	.tracks a.design:hover, .tracks a.design:focus {background-color: rgb(255,255,0);}
	.tracks a.development:hover, .tracks a.development:focus {background-color: rgb(0,255,255);}
	.tracks a.business:hover, .tracks a.business:focus {background-color: rgb(255,0,255);}
	.tracks .active a {border: 1px dashed rgb(0,255,0); background: rgb(0,0,0) !important; display: block; color: rgb(0,255,0); cursor: default;}

#content a.logo {background: none;}

.globalmsg {margin-bottom: 3em; color: #000;}
	.globalmsg p {padding: .8em 1.25em 1em;}
.globalmsg.error {background: #f00;}
.globalmsg.info {background: #0ff;}
.globalmsg.success {background: #0f0;}
.globalmsg.warning {background: #ff0;}

.message2 {padding: 1em 0 0;}

.js .jsHide {display:none;}

/* .talk (@page: Talk and Program) */
.talk .star { width:34px; height:39px; background:none; }
	.talk .star span { background: url("../img/star.png") 0 0 no-repeat; }
	.talk .star.active span { background-position:-34px 0; }

.video {position: relative; height: 0; padding: 30px 0 55%; overflow: hidden;}
	.video iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}


/**
 * 15. Vendor Specific
 */
body {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

a:link {-webkit-tap-highlight-color: rgb(52,158,219);}

::-webkit-selection {background: rgb(0,0,255); color: rgb(255,255,255); text-shadow: none;}
::-moz-selection {background: rgb(0,0,255); color: rgb(255,255,255); text-shadow: none;}
::selection {background: rgb(0,0,255); color: rgb(255,255,255); text-shadow: none;}

input[type=search] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {display: none;}

::-webkit-input-placeholder {font-size: .875em; line-height: 1.4;}
input:-moz-placeholder {font-size: .875em; line-height: 1.4;}

.ie7 img, .iem7 img {-ms-interpolation-mode: bicubic;}

input, textarea  {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}

/**
 * Layout
 */
#header {
	background: url("../img/dnatheme-768.png") no-repeat;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	position: relative;}
#header .skyline {
	background: url("../img/skyline.png") repeat-x;
	position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 69px;}
#header .ic {padding-top: 1.5em; padding-bottom: 69px;}
	#title {background: transparent; width: 176px; height: 212px; color: rgb(255,255,255);}
	.ie7 #title {background: url("../img/title.png");}
	#title:before {content: url("../img/title.png");}
	.cs #title:before {content: url("../img/title-cs.png");}
	.sub #title {width: 176px; height: 98px;}

#nav {
	-webkit-transition: margin .5s; -moz-transition: margin .5s; -o-transition: margin .5s; transition: margin .5s;
	margin-top: 2.42857142857143em; margin-bottom: 2.42857142857143em; position:relative; font-size: 0.92857142857143em;}
	#nav li {float: left;}
	#nav li a {
		background: rgb(0,248,0); float: left; margin: 0 1px 1px 0; padding: .4em .75em .5em; color: rgb(0,0,0);
		-webkit-transition: padding .5s; -moz-transition: padding .5s; -o-transition: padding .5s; transition: padding .5s;}
	#nav li a.blog {background-color: rgb(255,255,0);}
	#nav li a:hover, #nav li a:focus {background-color: rgb(0,255,255);}
	#nav li.active a {background: rgb(255,0,0); color: rgb(255,255,255); cursor: default;}
	/* user avatar */
	#nav p { position:relative; display:block; clear:both; overflow:hidden; zoom:1; right:auto; top:auto; margin:0 0 1px; }
	#nav p a { display:block; width:34px; height:38px; overflow:hidden; font-size:0px; background: url("../img/login-btn.png") 3px 3px no-repeat; padding:3px; text-indent:-500px; }
	#nav p a:hover { background-position:-97px 3px; }
	#nav p img {background: #fff; display: block;}
	#nav p .mask { position:absolute; top:0; left:0; width:40px; height:44px; background: url("../img/login-mask.png") 0 0 no-repeat; }
	#nav p .logged, #nav p .logged:hover { background-position:-47px 3px; text-indent:0; }
	#nav p .logged:hover img { visibility:hidden; }
	#nav p cufon {display: none;}

#content {
	-webkit-transition: padding .5s; -moz-transition: padding .5s; -o-transition: padding .5s; transition: padding .5s;
	padding-bottom: 2em;}

#footer {background: rgb(255,255,255) url("../img/skyline-bw.png") repeat-x; padding: 8em 0 1.5em;}
	#footer .fpartners {border-bottom: 1px dashed rgb(0,0,0); margin: 0 0 1.7em;}
		#footer .fpartners h3 {margin: 0 0 1.2em; font-size: 1.5em;}
		#footer .fpartners a {background: none; display: inline-block; vertical-align: middle;}
			#footer .fpartners img {display: inline-block;}
		#footer .fpartners div {margin: 0 0 1.5em;}
		/*#footer .fpartners .main {margin: 0 0 .5em;}*/
		#footer .fpartners .main a {margin: 0 12% 1.5em 0;}
		#footer .fpartners .regular a {margin: 0 6% 1.5em 0;}
		#footer .fpartners .main .microsoft {margin-top: -.5em;}
		.colophon {margin: 0 0 2em; font-size: 0.92857142857143em;}
			.colophon p {margin: 0.25em 0;}
			.colophon p.altbl {margin-bottom: .35em;}
			.colophon .copy {font-size: 1.38461538461538em; line-height: 1.2;}
		#footer .other {margin: 0 0 2em;}
			#footer .other .history {margin: 0 0 1.4em;}
			#footer .fb-like {display: inline-block;}
			#footer .IN-widget {position: relative; top: -1px; display: inline-block;}
				#footer .IN-widget a {background: none;}
			#footer #gpholder {position: relative; top: -1px; display: inline-block; margin: 0 0 0 30px;}
		#footer .socacc {position: relative; width: 100px; height: 82px;}
			.socacc li {display: inline;}
			.socacc a {
				background: none;
				position: absolute; display: block; width: 40px; height: 45px; overflow: hidden;
				font-size: 0.78571428571429em; word-wrap: break-word; line-height: 1.1;}
				.socacc a:before {content: url("../img/fsocials.png");}
				.ie7 .socacc a {background: url("../img/fsocials.png") no-repeat;}
			.socacc .tw {left: 0; top: 0;}
			.ie7 .socacc .tw {background-position: 0 0;}
				.socacc .tw:before {margin-left: 0;}
			.socacc .yt {right: 20px; top: 0;}
			.ie7 .socacc .yt {background-position: -40px 0;}
				.socacc .yt:before {margin-left: -40px;}
			.socacc .fb {left: 20px; bottom: 0;}
			.ie7 .socacc .fb {background-position: -80px 0;}
				.socacc .fb:before {margin-left: -80px;}
			.socacc .vm {right: 0; bottom: 0;}
			.ie7 .socacc .vm {background-position: -120px 0;}
				.socacc .vm:before {margin-left: -120px;}
	#pospolu {margin: 3em 0 0; font-size: 0.8em;}

/**
 * @page: Homepage
 */
.hp-heros {
	background: url("../img/hp-heros-min.png") no-repeat;
	width: 288px; margin: 2em 0 0; font-size: 0.85714285714286em; line-height: 1.25;}
	.hp-heros ul {max-width: 324px; margin: 0; padding: 120px 0 0;}
	.hp-heros li {position: relative; float: left; width: 33.3333333333%;}
	.hp-heros a {color: rgb(255,255,255);}
		.hp-heros br {display: none;}
		.hp-heros strong {display: block; font-weight: normal;}
		.hp-heros span {display: block;}
		.hp-heros .speaker {padding: 0 0.5em;}
		.hp-heros .track {display: none;}
.hp-main {position: relative;}

	.why-attend {padding-bottom: 1em;}
		.why-attend h2 {margin: 0; color: rgb(0,248,0);}
		.why-attend ul {font-size: 1.14285714285714em; line-height: 1.3;}
			.why-attend li {background: url("../img/dashed-lg.gif") repeat-x; padding: 1.388888em 0 1.055555em;}
			.why-attend li:before {
				content: "\0020"; background: url("../img/fancylis.png");
				float: left; display: block; width: 22px; height: 24px; overflow: hidden; margin-right: 16px;}
			.why-attend li:first-child {background: none;}
			.why-attend li:nth-child(2):before {background-position: 0 -24px;}
			.why-attend li:nth-child(3):before {background-position: 0 -48px;}
			.why-attend li:nth-child(4):before {background-position: 0 -72px;}
			.why-attend li:nth-child(5):before {background-position: 0 -96px;}
			.why-attend li:nth-child(6):before {background-position: 0 -120px;}
		.why-attend .cta {display: none;}
		.why-attend .video {margin: 0 0 2em;}
		/* newsletter */
		.newsletter {margin-bottom: 2.5em;}
			.newsletter h2 {float: none; margin-bottom: 1em; font-size: 1em;}
			.newsletter label .errormsg,
			.newsletter .errorlist {display: block; margin: -.3em 0 .3em; font-size: .9em; color: #f00; font-weight: bold;}
			/*.newsletter label small {display: none; margin: .5em 0 0; font-size: .85em; color: #777;}*/
			/*.newsletter label.message small {margin-top: 0;}*/
			.newsletter label {vertical-align: middle;}
			.newsletter input[type="text"] {background:#00ffff; border:none; color:#004949; font-size:100%; padding:8px 10px; width: 60%; margin: 0 .3em .3em 0;}
			.newsletter input[type="text"]::-webkit-input-placeholder {font-size: 1em; color:#004949;}
			.newsletter input[type="text"]:-moz-placeholder {font-size: 1em; color:#004949;}
			.newsletter .btn {padding: .4em .5em .35em; vertical-align: middle;}
	.hp-middle {margin: 0 auto;}
		.hp-tickets .header {margin-bottom: 1.75em;}
		/* buy tickets */
			.hp-tickets .header h2 {float: left; margin: 0;}
			.hp-tickets .header .btn {float: right; font-size: 1.28571428571429em;}
		.hp-tickets .col {background: rgb(255,255,255);}
			.hp-tickets .prices {background: rgb(255,255,255); padding: 0 0 45px;}
				.hp-tickets .price {
					background: rgb(0,255,0);
					position: relative; float: left; width: 50%; padding: 1.5em 0 1em; text-align: center;}
				.hp-tickets .price .arr {
					background: url("../img/hp-price.png") 50% 0 no-repeat;
					position: absolute; left: 0; bottom: -45px; display: block; width: 100%; height: 45px;}
				.hp-tickets .price:last-child {background-color: rgb(0,255,255); float: right;}
				.hp-tickets .price:last-child .arr {background-position: 50% -45px;}
					.hp-tickets .price h3 {margin-bottom: 1.3em; padding: 0 5%; font-size: 0.85714285714286em;}
					.hp-tickets .price p {margin: 0; padding: 0 5%; line-height: 1.2;}
					.hp-tickets .price strong {font-size: 1.7em; font-weight: normal;}
					.hp-tickets .price span {font-size: 0.85714285714286em;}
		.hp-twitter {padding: 1.64285714285714em 1.07142857142857em 5em;}
			.hp-twitter h2 {margin: 0 0 .5em; font-size: 1.5em;}
			.hp-twitter h2 a {background: rgb(255,255,0); display: inline-block; padding: .3em 1.1em .35em .7em; color: rgb(0,0,0);}
			#twitter-holder {font-size: 0.85714285714286em;}
				#twitter-holder li {border-bottom: 1px solid #e3e3e3; clear: left; overflow: hidden; padding: 0.92857142857143em 0 0.71428571428571em;}
				#twitter-holder li:last-child {border-bottom: 0; padding-bottom: 0;}
					#twitter-holder .tweet_avatar {background: none; float: left; padding: 2px 0 0;}
						#twitter-holder .tweet_avatar img {display: block;}
					#twitter-holder .tweet_time {display: block; margin-left: 56px;}
					#twitter-holder .tweet_text {display: block; margin-left: 56px;}
.hp-complementary {margin: 3em 0 0;}
	.hp-registered {background: url("../img/doubleln-y.gif") 0 100% repeat-x; margin: 0 0 2.5em; padding: 0 0 1em; font-size: 1.07142857142857em; line-height: 1.2;}
		.hp-registered h2 {margin: 0 0 .2em; font-size: .9em; color: rgb(255,255,0);}
		.hp-registered p {margin: 0; line-height: 1.25; font-size: .9em;}
			.hp-registered strong {font-size: 2em; font-weight: normal;}
				.hp-registered strong a {color: #fff;}
			.hp-registered .remain {line-height: 1.6;}
			.hp-registered .remain span {color: rgb(255,255,0);}
	.hp-contents {font-size: 0.85714285714286em;}
		.hp-contents ul {margin: 0;}
			.hp-contents h3 {margin: 1em 0 .5em; font-size: 1.75em;}
			.hp-contents .altc h3 {color: #00ffff;}
			.hp-contents .altg h3 {color: rgb(0,255,0);}
			.hp-contents .alty h3 {color: rgb(255,255,0);}
			.hp-contents .altm h3 {color: rgb(255,0,255);}
			.generic h3 {color: rgb(255,0,0);}
			.hp-contents p {margin: 0;}

#livestream {clear: both; padding: 3em 0 0;}
	#livestream h2 {margin-bottom: 1em;}
	/*#livestream .streamhosting embed,
	#livestream .streamhosting video,
	#livestream .streamhosting object {max-width: 100%;}*/
	/*#livestream iframe {overflow: hidden !important;}*/
	#livestream .desc {margin: 1.25em 0 3em;}

/**
 * @page: Speakers
 */
.speakers {
	-webkit-transition: padding .5s; -moz-transition: padding .5s; -o-transition: padding .5s; transition: padding .5s;}
	.speakers .tracks {margin: 0 0 2em; line-height: 1.2;}
	.ie7 .speakers .tracks {zoom: 1; overflow: hidden;}
		.speakers .tracks li {display: inline-block; margin: 0 -0.1em;}
		.ie7 .speakers .tracks li {float: left; margin: 0;}
		.speakers .tracks a {
			position: relative; padding: .1em .7em .3em; color: rgb(255,255,255);
			-webkit-transition: padding .5s; -moz-transition: padding .5s; -o-transition: padding .5s; transition: padding .5s;}
		.speakers .tracks a:hover, .speakers .tracks a:focus {color: rgb(0,0,0);}
		.speakers .tracks a.design:hover, .speakers .tracks a.design:focus {background: rgb(255,255,0);}
		.speakers .tracks a.development:hover, .speakers .tracks a.development:focus {background: rgb(0,255,255);}
		.speakers .tracks a.business:hover, .speakers .tracks a.business:focus {background: rgb(255,0,255);}
		.speakers .tracks .active a {border: 1px dashed rgb(0,255,0); background: rgb(0,0,0) !important; display: block; color: rgb(255,255,255); cursor: default;}
	.speakers .speaker {position: relative; width: 100%; max-width: 432px; margin: 0 0 2.85714285714286em; color: rgb(0,0,0);}
		.speakers .speaker header {position: relative;}
			.speakers .speaker header .wrap {/*position: absolute; left: 0; top: 0;*/ display: block; width: 100%; color: rgb(0,0,0);}
			/*.speakers .speaker header .wrap {visibility: visible;}
			.speakers .speaker header .wrap:first-child {visibility: visible;}*/
				.speakers .speaker header figure {position: relative; display: block;}
				.speakers .speaker header figure span {
					background: url("../img/speaker-cover.png") 50% 0 no-repeat;
					position: absolute; z-index: 1; left: 0; top: 0; display: block; width: 100%; height: 78px; overflow: hidden;}
				.speakers .speaker header figure .thumb {background: none; position: relative; display: block; min-height: 78px;}
					.speakers .speaker header figure img {display: block;}
					.speakers .speaker .fb-like {position: absolute; left: 10px; bottom: 10px;}
				.speakers .speaker header figcaption .in {display: block; padding: 1.07142857142857em 1em 1.5em 1.3em;}
				.speakers .speaker header figcaption a {color: rgb(0,0,0);}
				.speakers.design .speaker header figcaption .in {background: rgb(255,255,0);}
				.speakers.development .speaker header figcaption .in {background: rgb(0,255,255);}
				.speakers.business .speaker header figcaption .in {background: rgb(255,0,255);}
					.speakers .speaker header h4 {margin: 0; font-size: 1.28571428571429em;}
					.speakers .speaker header p {margin: 0; font-size: 0.85714285714286em; line-height: 1.2;}
					.speakers .speaker header .wrap > span {
						background: url("../img/speaker-figc.png");
						position: absolute; left: 0; bottom: 0; display: block; width: 33px; height: 11px; overflow: hidden;}
		.speakers .speaker .info {background: rgb(255,255,255); position: relative; margin: 0 0 0 33px; padding: 0.64285714285714em 1.28571428571429em 0.85714285714286em 1.35714285714286em;}
			.speakers .speaker .info h5 {line-height: 1.25; font-weight: bold;}
			.speakers .speaker .info p {line-height: 1.25;}
			.speakers .speaker .info .addt {min-height: 2.5em; margin: 0; padding: 0 0 0 2em; text-align: right; color: rgb(125,125,125);}
				.speakers .speaker .info .addt .time,
				.speakers .speaker .info .addt .lang {font-size: 0.92857142857143em;}
			.speakers .speaker .info a.more,
			.speakers .speaker .info a.play,
			.speakers .speaker .info .hexa {background: none; position: absolute; left: -33px; bottom: -11px; display: block; width: 65px; height: 72px;}
				.speakers .speaker .info .hexa {background: url("../img/speaker-hexa.png") no-repeat;}
				.speakers.development .speaker .info .hexa {background-position: -130px 0;}
				.speakers.business .speaker .info .hexa {background-position: -65px 0;}
				.speakers .speaker .info a.more:before {content: url("../img/speaker-i.png");}
				.speakers.development .speaker .info a.more:before {margin-left: -130px;}
				.speakers.business .speaker .info a.more:before {margin-left: -65px;}
				.speakers .speaker .info a.play:before {content: url("../img/play.png");}
				.ie7 .speakers .speaker .info a.more {background: url("../img/speaker-i.png");}
				.ie7 .speakers.development .speaker .info a.more {background-position: -130px 0;}
				.ie7 .speakers.business .speaker .info a.more {background-position: -65px 0;}
				.ie7 .speakers .speaker .info a.play {background: url("../img/play.png");}
	.speakers .tba {clear: both; padding: 1.5em 0 0;}
		.speakers .tba h3 {margin-bottom: .75em;}

/**
 * @page: Location
 */
.location {margin: -0.7em 0 0;}
	.location header {margin: 0 0 2em;}
		.location header h3 {margin: 0; font-size: 1.71428571428571; line-height: 1.1;}
		.location header p {border-bottom: 1px dashed rgb(0,255,0); margin: 0; padding: 0 0 2em; color: rgb(255,0,0); line-height: 1.1;}
			.location header p span {color: rgb(0,255,0);}
	.transport {
		background: url("../img/ico-transport.png") 3.85714285714286em 0 no-repeat;
		min-height: 195px; padding: 0 0 2em;}
		.transport h4 {clear: left; float: left; width: 5.71428571428571em; margin: 0; padding: 1.65em 0; font-size: 1em;}
		.transport .tram h4 {color: rgb(0,255,0);}
		.transport .bus h4 {width: 3.57142857142857em; color: rgb(0,255,255);}
		.transport .metro h4 {color: rgb(255,0,255);}
		.transport p {margin: 0; padding-left: 12.1428571428571em; line-height: 1.3;}
		.transport p:first-of-type {padding-top: 1.65em;}
		.transport .bus p {padding-left: 9.78571428571429em;}
		.transport .metro p:first-of-type {padding-top: 1em; padding-bottom: .5em;}
		.transport strong {font-weight: normal; color: rgb(255,255,0);}
	.transport2 {margin-bottom: 2em;}
		.transport2 div {margin: 0 0 1.5em;}
		.transport2 h4 {margin: 0 0 .7em; font-size: 1.28571428571429em;}
		.transport2 p {margin: 0 0 .7em;}
		.transport2 .taxi h4,
		.transport2 .taxi strong {color: rgb(0,255,0);}
		.transport2 .parking h4,
		.transport2 .parking strong {color: rgb(0,255,255);}
	.map {position: relative; display: inline-block; margin-bottom: 1.5em;}
		.map img {display: block;}
		.map a {
			background: none; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%;
			text-align: center; font-size: 1.5em; color: rgb(255,255,255);}
			.map a span {background: url("../img/map-loupe.png") 0 10px no-repeat; display: inline-block; margin-top: 50%; padding-left: 21px;}
		.map a:hover, .map a:focus {color: rgb(0,0,0);}
			.map a:hover span, .map a:focus span {background-position: 0 -90px;}
.accomm {clear: both; padding: 2.5% 3.191489361702% 60px;}
	.accomm h3 {margin: 2% 3.191489361702% 1em; font-size: 1.28571428571429em;}
	.accomm .col {margin: 0 3.191489361702% 2em;}
	.accomm .col > a:first-child {background: none;}
	.accomm .item {border-bottom: 1px dashed rgb(0,0,0); margin: 0 0 2em; padding-bottom: .9em;}
	.accomm h4 {margin: .5em 0 .3em; font-size: 1.3em; font-weight: bold;}
	.accomm h5 {margin: 0; font-weight: bold;}
	.accomm p,
	.accomm ul {margin-bottom: .7em;}
	.accomm a.logo {background: none;}

/**
 * @page: Partners
 */
.partners {margin: -13px 0 0; padding-bottom: 4em;}
	.partners > header {
		background: url("../img/skyline-bw.png") repeat-x;
		height: 68px;}
	.partners .inner {padding: 3.404255319149% 4.255319148936%;}
	.partners h3 {border-bottom: 1px dashed rgb(0,0,0); margin: 0 0 1.3em; padding: 0 0 .3em; font-size: 1.28571428571429em; color: rgb(255,0,0);}
	.partners .partner {border-bottom: 1px dashed rgb(0,0,0); margin: 0 0 2em; padding: 0 0 1em;}
		.partners .main {margin: 0 0 1.5em;}
		.partner header {margin: 0 0 1em;}
		.partner h4 {margin: 0;}
		.partner p,
		.partner ul {margin: 0 0 1em;}
		.partner ul li {background: url("../img/li_b.png") 1px .45em no-repeat; padding-left: 20px;}
		.partner h5 {margin: 0 0 .75em; font-size: 1.28571428571429em; font-weight: bold;}
		.partners .nav {margin: 0 0 1.3em;}
			.partners .nav a {background: rgb(0,0,0); float: left; margin: 0 0.14285714285714em 0 0; padding: .4em 1.2em; text-decoration: none; color: rgb(255,255,255);}
			.partners .nav a:hover, .partners .nav a:focus {background-color: rgb(0,0,255);}
			.partners .nav a.active {background-color: rgb(255,0,0);}


			.partners .product .slides img {max-width: 100%; height: auto;}
			.partners .product .slides img.fl {margin-right: 1.2em;}

/**
 * @page: Talk
 */
.talk.cont-col { position:relative; margin-top:-17px; }
	.talk .skyline { background: url("../img/skyline-bw.png") repeat-x; display: block; height: 68px; }
	.talk .inner {position: relative; padding: 4.72972972972973% 5.405405405405405% 0;}
	.talk .info-wrap {position: relative;}
	.talk .speaker-note { background:#ff0; padding:1em 1.666666666666667em .9166666666666667em; font-size:.8571428571428571em; margin:0 2em 1.5em 0;}
	/* colors */
	.design .talk .speaker-note {background:#ff0;}
	.development .talk .speaker-note {background:#0ff;}
	.business .talk .speaker-note {background:#f0f;}
		.talk .speaker-note h3 { margin:0 0 .1em; font-size:1.5em; }
		.talk .speaker-note p { margin:0; }
	.talk .tags {
		color:#a7a7a7; overflow:hidden; zoom:1; font-size:.8571428571428571em; font-style:italic;
		margin:0 0 2.5em; padding-top:1.2em; clear:both; word-wrap: break-word;
	}
	.talk h2 { font-size:1.5em; max-width:450px; }
	.talk .attend {clear: both; margin-top: 1.5em;}
		.talk .attend .price {display: block; margin: 0 0 .75em;}
		.talk .attend .btn2 {border-right-color: #eee;}
			.talk .attend .btn2:active {border-left-color: #eee;}
	.talk .sponsor {clear: both; margin-bottom: .5em;}
		.talk .sponsor a {background: none;}
		.talk .sponsor img {}
	.talk .perex {margin: 0 0 .9em;}
		.talk .perex ul li {background: url("../img/li_b-alt.png") 1px .45em no-repeat; padding-left: 20px;}
	.talk .rating {margin: 1.5em 0 0;}
		.talk .rating p {margin: 0;}
	.talk .broadcast {margin: 2em 0 0;}
		.talk .broadcast h3 {margin-bottom: .75em;}
		
		.wx-videos-embed {
			position: relative;
	        height: 0;
	        padding: 30px 0 50%;
	        overflow: hidden;
	        background: black;
		}
		.wx-videos-embed iframe,
        .wx-videos-embed .video-restricted {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            margin-bottom: 0 !important;
        }
		.wx-videos-embed .video-restricted .video-placeholder {
			-webkit-filter: grayscale(0);
			-moz-filter: grayscale(0);
			filter: grayscale(0);
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
			backface-visibility: hidden;
		}
		.wx-videos-embed .video-restricted:after {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url("../../conferences/img/video-noise-anim.gif?3");
			-webkit-transition: opacity 0.2s;
			-moz-transition: opacity 0.2s;
			-ms-transition: opacity 0.2s;
			-o-transition: opacity 0.2s;
			transition: opacity 0.2s;
			opacity: 0;
			filter: alpha(opacity=0);
		}
		.ie8lte .wx-videos-embed .video-restricted:after {
			display: none;
		}
		.wx-videos-embed .video-placeholder {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
		}
		.wx-videos-embed .video-restricted-reason {
		    display: inline-block;
		    *display: block;
		    *zoom: 1;
		    position: absolute;
		    z-index: 1;
		    left: 0;
		    top: 0;
            width: 100%;
            height: 100%;
            margin: 0;
            line-height: 1.4;
            font-size: 0;
            text-align: center;
		    color: white;
		}
		.wx-videos-embed .video-restricted-reason:before {
            content: '';
            display: inline-block;
		    *display: block;
		    *zoom: 1;
            width: 0;
            height: 100%;
            vertical-align: middle;
        }
        .wx-videos-embed .video-restricted-reason span {
            display: inline-block;
		    *display: block;
		    *zoom: 1;
            padding: 15px 20px;
            vertical-align: middle;
            font-size: 12px;
            background: black;
		    background-color: rgba(0,0,0, .75);
        }
        .wx-videos-embed:hover .video-restricted .video-placeholder {
			-webkit-filter: grayscale(100%) blur(3px);
			-moz-filter: grayscale(100%) blur(3px);
			filter: grayscale(100%) blur(3px);
		}
		.wx-videos-embed:hover .video-restricted:after {
			opacity: 0.75;
			filter: alpha(opacity=75);
		}
        .wx-videos-embed:hover .video-restricted-reason span {
			background-color: black;
		}
	    .wx-videos-embed .video-restricted-reason a {
	        color: #0f0;
	        font-weight: bold;
	        text-decoration: underline;
	    }
	    .wx-videos-embed .video-restricted-reason a:hover,
        .wx-videos-embed .video-restricted-reason a:focus {
            background: transparent;
            color: #f00;
        }

    .talk .slides_list {
        margin: 0;
    }
    .talk .slides_list .embed-slideshare iframe {
        display: none;
    }
.talk-side { margin-top:2.5em; }
	.talk-side .back { margin:0 0 1.5em; }
		.talk-side .back .btn { background:#00f800; font-size: 0.85714285714286em; display:block; text-align:center; line-height:2.5; }
		.talk-side .back .btn:hover { background:#ffff00; }
	.talk-side nav {font-size: 0.92857142857143em; line-height: 1.3;}
	.talk-side nav li { padding: .4em 0; }
		.talk-side nav a { color:#00f800; display:block; padding:.3em .35em .3em; }
			.talk-side nav a span {display: block; color: #ff0;}
		.talk-side nav a:hover, .talk-side nav a:focus { background:#ff0; color:#000; }
		/* colors */
		.development .talk-side nav a:hover, .development .talk-side nav a:focus,
		.development .talk-side .back .btn:hover, .development .talk-side .back .btn:focus {background-color: #0ff;}
		.business .talk-side nav a:hover, .business .talk-side nav a:focus,
		.business .talk-side .back .btn:hover, .business .talk-side .back .btn:focus {background-color: #f0f;}
		.development .talk-side nav a span {color: #0ff;}
		.business .talk-side nav a span {color: #f0f;}

.talk .speaker { min-height: 190px; margin-top: 2em; padding:1.5em 0 0; }
.talk .speaker:first-child {margin-top: 0;}
	.talk .speaker .fl { margin-right:5%; margin-top:-30px; }
		.talk .speaker .thumb { position:relative; }
			.talk .speaker .thumb img { vertical-align:middle; }
			.talk .speaker .mask-top,
			.talk .speaker .mask-bot { background: url("../img/speaker-cover.png") 50% 0 no-repeat; position: absolute; z-index: 1; left: 0; top: 0; display: block; width: 100%; height: 78px; overflow: hidden; }
			.talk .speaker .mask-bot { top:auto; bottom:0; background-position:50% -78px; }
	.talk .speaker .cnx { clear:both; padding-top:1.5em; }
	.talk .speaker h2 { font-size:1.285714285714286em; margin:0; }
	.talk .speaker h3 { color:#ffff00; font-size:.8571428571428571em; margin:0 0 2em; }
	.talk .speaker .socials { margin: -2em 0 2em; font-size:.8571428571428571em; }
	.design .talk .speaker h3 {color:#ff0;}
	.development .talk .speaker h3 {color:#0ff;}
	.business .talk .speaker h3 {color:#f0f;}

/**
 * @page: Program
 */
	.program .tracks {margin-bottom: .65em;}

	.program #my-program { text-align:right; margin:-17px 0 1.3em; }
	.program #my-program .btn { background-image: url('../img/btn-star.png'); background-position: 13px 50%; padding-left:45px; }

	.program .wrap-table { margin:0 -20px;}
	.program table { table-layout:fixed; border-collapse:separate; border-spacing:20px; font-size:1em; text-align:center; }
	.program td, .program th { width:25%; padding:0 0 32px; vertical-align: top;}
	.program tbody>tr:first-child td { padding-top:25px; }

	/* colors */
	.program #pRoomDEV,
	.program .fix-thead .pRoomDEV { background:url('../img/hd3.png') 50% 100% no-repeat; }
		.program #pRoomDEV span, .program #pRoomDEV strong,
		.program .fix-thead .pRoomDEV span, .program .fix-thead .pRoomDEV strong {background-color: #00ffff;}
	.program #pRoomDVR,
	.program .fix-thead .pRoomDVR { background:url('../img/hd4.png') 50% 100% no-repeat; }
		.program #pRoomDVR span, .program #pRoomDVR strong,
		.program .fix-thead .pRoomDVR span, .program .fix-thead .pRoomDVR strong {background-color: #ff0000;}
	.program #pRoomGFX,
	.program .fix-thead .pRoomGFX { background:url('../img/hd1.png') 50% 100% no-repeat; }
		.program #pRoomGFX span, .program #pRoomGFX strong,
		.program .fix-thead .pRoomGFX span, .program .fix-thead .pRoomGFX strong {background-color: #ffff00;}
	.program #pRoomBIZ,
	.program .fix-thead .pRoomBIZ { background:url('../img/hd2.png') 50% 100% no-repeat; }
		.program #pRoomBIZ span, .program #pRoomBIZ strong,
		.program .fix-thead .pRoomBIZ span, .program .fix-thead .pRoomBIZ strong {background-color: #ff00ff;}
	.program td.pRoomDEV .talk h4 { background-color:#00ffff; }
	.program td.pRoomDVR .talk h4 { background-color:#ff0000; }
	.program td.pRoomGFX .talk h4 { background-color:#ffff00; }
	.program td.pRoomBIZ .talk h4 { background-color:#ff00ff; }

	.program th { color:#000; font-size:.8571428571428571em; text-transform:uppercase; font-weight:normal; line-height:1; padding:20px 10px 42px; }
		.program th strong { display:block; font-size:1.5em; }

	.program h2,
	.program h3 { margin:0; color:#00f800; font-size:2.142857142857143em; }

	.program .talk { margin:0 0 22px; position:static; padding:0 10px; text-align:left; }
	.program .talk:last-child {margin-bottom: 0;}
		.program .talk header { height:auto; background:none; position:relative; }
			.program .talk h3,
			.program .talk h4 { font-size:1em; margin:0; text-transform:uppercase; -webkit-font-smoothing: subpixel-antialiased; }
			.program .talk h3 { color:#fff; }
			.program .talk h4 { margin:6px -10px 6px; color:#000; }
				.program .talk h4 a,
				.program .talk h4 .empty { display: block; padding:7px 10px 6px; color:#000; }
				.program .talk h4 .empty {background: #999;}
					.program .talk h4 a:hover, .program .talk h4 a:focus {background-color: rgb(0,255,0);}
		.program .talk p { margin:0 0 1em; font-size:.8571428571428571em; }
		.program .talk .info { padding-right:50px; }
		.program .talk .tags { font-style:italic; color:#a7a7a7; padding:0; width:auto; }
		.program .talk time { display:block; text-align:right; color:#808080; font-size:.8571428571428571em; margin-bottom:2px; }
		.program .talk .star { position:absolute; right:-2px; bottom:-26px; }
		.program .talk .fl {margin: 0;}
			.program .talk .fl a {background: none; color: #fff; border-bottom: 1px solid #444;}
			.program .talk .fl a:hover, .program .talk .fl a:focus {border-color: #ccc;}
		.program .talk .fr {background: #fff; margin: 0; padding: 3px;}
			.program .talk .fr img {display: block;}

	.program .text { padding-bottom: 0; color:#fff; }
		.program .rooms .text:last-child {padding-bottom: 22px;}

	.program td>h2 { color:#00f800; border-bottom:1px dashed #00f800; margin:0; }
	.program td>h2 time { background:#000; display:inline-block; padding:0 15px; position:relative; top:15px; }
	.program td.matrix>h2 { border:none; }

	.program .matrix { color:#00f800; padding-bottom:0px; }
	.program #jobhall  { padding-top:15px; }
	.program #jobhall .spc { margin:0 auto; max-width:410px; }
		.program #jobhall h3 { color:#fff; margin:0; }
		.program #jobhall time {display: block; margin: .2em 0 .4em; font-size: 1.15em; font-weight: bold;}
		.program #jobhall .bd { background:#d20202 url('../img/jobhall.jpg') 50% 0 no-repeat; color:#fff; padding:60px 40px 15px; min-height:175px; _height:175px; }
		.program #jobhall .ft { background:#fff url('../img/mask-bot.png') 50% 100% no-repeat; padding: 10px 10% 40px; }
		.program #jobhall img { margin:22px 15px 0; vertical-align:middle; }
		.program #jobhall a, .program #jobhall a:hover { background:none; }
		.program #jobhall #w3w {margin-left: 20px;}
	.program .party h3 { color:#ff0000; margin:0 0 .8em; }
	.program .party h4 {margin-top: 2em;}
	.program .party h4.loveyou {font-weight: bold;}
	.program .party p { margin:0 0 1.6em; }
	.program #raut { padding:0 0 0 380px; text-align:left; background:url('../img/raut.jpg') 120px 27px no-repeat; }
	.program #warmup { padding:0 0 0 380px; text-align:left; background:url('../img/starsky.jpg') 120px 27px no-repeat; }
		.program #warmup #msbeer {position: relative; left: 1px; top: 2px;}
		.program #jeanne {position: relative;}
			.program #jeanne img {position: absolute; left: -255px; top: 0;}
	.program #lunch h4 {margin: .75em 0;}
		.program #lunch a {background: none;}
		.program #lunch img {margin: 0 .5em;}

	.program #churchill .desc {background: url("../img/churchill.jpg") 50% 0 no-repeat; padding-top: 210px;}

	.program .fix-thead { position:fixed; top:0; left:50%; display:block; margin-left:-550px; width:1100px; z-index:5; display:none; }
	.program .fix-thead .row { display:block; position:absolute; top:0; left:0; right:60px;  }
	.program .fix-thead .col { display:block; position:absolute; top:0; width:25%; left:0; color:#000; text-align:center; font-size:.8571428571428571em; text-transform:uppercase; font-weight:normal; line-height:1; }
	.program .fix-thead .spc { padding:20px 10px 42px; }
	.program .fix-thead .col strong { display:block; font-size:1.5em; }
	.program .fix-thead .pRoomDEV { margin-left:0; }
	.program .fix-thead .pRoomDVR { left:25%; margin-left:20px; }
	.program .fix-thead .pRoomGFX { left:50%; margin-left:40px; }
	.program .fix-thead .pRoomBIZ { left:75%; margin-left:60px; }
/**
 * @page: Workshops extends Program
 */
.program .workshops {margin-top: 2em;}
	.workshops tbody>tr:first-child td { padding-top:0; }
	.workshops .about {text-align: left;}
		.workshops .about h3 {margin-bottom: 0.3em; color: #fff;}
			.workshops .about .price h4 {margin-bottom: 0;}
			.workshops .about .price strong {display: block; margin: 0 0 .25em; font-size: 1.25em; color: rgb(0,255,0);}
			.workshops .about .price strong span {font-size: 14px;}
			.workshops .about .price span {font-size: 12px;}
			.workshops .about .price p.notice {line-height: 1.4;}
		.workshops .dustoff {color: rgb(0,255,0);}
			.workshops .dustoff img {display: none;}
	.workshops .speakers {text-align: left;}
		/* workshop/speaker boxies */
		.workshops .speaker header figcaption .in {background: rgb(0,255,0);}
		.workshops .speaker .info .hexa {background-position: -195px 0;}
		.workshops .speaker .info a.more:before {margin-left: -195px;}
		.ie7 .workshops .speaker .info a.more:before {background-position: -195px 0;}
		.workshops .speaker .attend {margin: 0; padding: 1.07142857142857em 0 0; text-align: right;}
/**
 * @page: My Program
 */
.myprogram > :first-child {background: url("../img/skyline-bw.png") repeat-x; height: 68px;}
.myprogram {
	-webkit-transition: margin .5s; -moz-transition: margin .5s; -o-transition: margin .5s; transition: margin .5s;
	margin-top: -1.5em;}
	.myprogram .inner {padding: 5% 0 0;}
	.myprogram header {text-align: center;}
		.myprogram .avatar {position: relative; display: inline-block; width: 115px; height: 128px;}
			.myprogram .avatar img {margin: 8px 0 0;}
			.myprogram .avatar span {background: url("../img/myprogram-avatar.png");}
		.myprogram header h3 {margin: 0.85714285714286em 0 0; line-height: 1.5; font-size: 0.85714285714286em;}
			.myprogram header h3 span {background: #ff0;}
			.myprogram header h3 .development {background: #0ff;}
			.myprogram header h3 .business {background: #f0f;}
		.myprogram h2 {margin: .1em 0 .3em; font-size: 1.28571428571429em;}
			.myprogram form.visibility p {margin: 0;}
			.myprogram form.visibility label span {border: 0; position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; margin: -1px; padding: 0;}
			/*.myprogram form.visibility label select {font-size: 1.666667em;}*/

	.myprogram article {
		-webkit-transition: padding .5s; -moz-transition: padding .5s; -o-transition: padding .5s; transition: padding .5s;
		padding: 5% 8% 5% 5%;}
		.myprogram article h3 {margin: 0 0 0.6em; font-size: 1.28571428571429em;}
			.myprogram article li {margin: 0 0 .75em;}
				.myprogram article p {margin: 0;}
				.myprogram article .meta {padding: 0 0 0.3em; font-size: 0.85714285714286em;}
				.myprogram article .title {background: #aaa; position: relative; line-height: 1.3;}
					.myprogram article .title .in {display: block; padding: 0.4em 0.64285714285714em 0.57142857142857em; color: #000;}
					.myprogram article .title a.in {background: #ff0;}
						.myprogram article .development .title a.in {background: #0ff;}
						.myprogram article .business .title a.in {background: #f0f;}
					.myprogram article .title a.in:hover, .myprogram article .title a.in:focus {background: #0f0;}
					.myprogram article .title .rm {background: none; position: absolute; right: -19px; bottom: -21px; display: block; width: 36px; height: 40px; font-weight: bold; color: #000;}
						.myprogram article .title .rm:hover,
						.myprogram article .title .rm:focus {color: #f00;}
						.myprogram article .title .rm:before {content: url("../img/myprogram-rm.png");}
						.myprogram article .title .rm:hover:before,
						.myprogram article .title .rm:hover:focus {margin: 0 0 0 -36px;}
						.ie7 .myprogram article .title .rm {background: url("../img/myprogram-rm.png");}
						.ie7 .myprogram article .title .rm:hover, .ie7 .myprogram article .title .rm:focus {background-position: -36px 0;}
				.myprogram article form {padding: .4em 0 0; font-size: 0.85714285714286em;}
					.myprogram article form button {
						border: 0; background: url("../img/myprogram-note.png") 0 1px no-repeat;
						padding: 0 0 1px 17px;
						font-size: 0.91666666666667em; color: #8b8b8b;}
						.myprogram article form button:hover, .myprogram article form button:focus {background-position: 0 -99px; color: #111;}
					.myprogram article form label {display: block; margin: .2em 0 0;}
					.myprogram article form textarea {
						border: solid #c5c5c5; border-width: 1px 1px 2px;
						-webkit-border-image: url("img/textinput-b.gif") 1 1 2 stretch;
						-moz-border-image: url("img/textinput-b.gif") 1 1 2 stretch;
						-o-border-image: url("img/textinput-b.gif") 1 1 2 stretch;
						border-image: url("img/textinput-b.gif") 1 1 2 stretch;
						background: #fff url("img/textinput.gif") repeat-x;
						width: 100%; margin: 0; padding: .5em; font-size: 1em; color: #8b8b8b;}
					.myprogram article form .btn {padding: .3em 1em .2em;}
				.myprogram article .note {background: url("../img/myprogram-note.png") 0 2px no-repeat; margin: .5em 0 0; padding: 0 0 0 17px; font-size: 0.78571428571429em; color: #8b8b8b;}

	.myprogram footer {text-align: center; font-size: 0.85714285714286em;}
	.ie7 .myprogram footer {text-align: left;}
		.myprogram footer .acts {display: inline-block;}
		.ie7 .myprogram footer .acts {padding-left: 5%;}
			.myprogram footer .acts li {float: left;}
				.myprogram footer .acts a {width: 40px; height: 45px;}
					.myprogram footer .acts a span {background: url("../img/myprogram-acts.png");}
					.myprogram footer .acts .ical span {background-position: -40px 0;}
					.myprogram footer .acts a:hover span, .myprogram footer .acts a:focus span {background-position: 0 -45px;}
					.myprogram footer .acts .ical:hover span, .myprogram footer .acts .ical:focus span {background-position: -40px -45px;}
		.myprogram footer .print-notice {margin: -1em 0 2em; padding: 0 2em; color: #999;}
		.ie7 .myprogram footer .socials {padding-left: 5%;}
			.myprogram footer .socials iframe {display: inline;}
			.myprogram footer .socials .fb-like {margin: 0 0 0.7em;}

/**
 * @page: Job Hall
 */
	.jobhall .tracks { margin-bottom:1em; }
	.jobhall .job { display:block; margin:0 0 1em; width:100%; background:#fff url('../img/skyline-small.png') 0 0 repeat-x; }
	.jobhall .job:nth-child(4n+1) { clear:both; margin-left:0; }
		.jobhall .job a { border-bottom:8px solid #fff; padding:40px 20px 15px; display:block; }
		.jobhall .job a:hover { background:none; }
		.jobhall .job h3 { color:#010000; font-size:1em; margin:0 0 .8em; }
			.jobhall .job h3 cufon { padding-bottom:1px; }
		.jobhall .job a:hover h3 { text-decoration:underline; }
		.jobhall .job p { margin:0; text-align:center; height:45px; font-size:0px; line-height:45px; overflow:hidden; }
		.jobhall .job img { vertical-align:middle; max-height:100%; max-width:100%; width:auto; height:auto; }

	.jobhall .design .job a:hover  { border-color:#ffff00; }
	.jobhall .development .job a:hover  { border-color:#00ffff; }
	.jobhall .business .job a:hover  { border-color:#ff00ff; }

.jobdetail {margin: -13px 0 0; padding-bottom: 4em;}
	.jobdetail > header {
		background: url("../img/skyline-bw.png") repeat-x;
		height: 68px;}
	.jobdetail .inner {padding: 2em 2em; background:#fff; color:#000; position:relative;}
			.jobdetail h3{font-size:2.143em;}
			.jobdetail h4{margin:2em 0 .5em;}
			.jobdetail h4 strong{color:#ff0000;}
			.jobdetail p.maplink {margin-top: -1.5em;}
				.jobdetail .requirements-main > div{margin:45px 0; position:relative; text-align:center; width:250px; background:#ffff00;}
				.jobdetail .requirements-main h4{margin-top:0;}
				.jobdetail .requirements-main .arr-top, .jobdetail .requirements-main .arr-bottom{position:absolute; left:0; width:100%; top:-45px; height:45px; background:url('../img/jobdetail-arr.png') 50% 0 no-repeat;}
				.jobdetail .requirements-main .arr-bottom{top:auto; bottom:-45px; background-position:50% -45px;}
					.jobdetail .size1{font-size:1.714em;}
					.jobdetail .size2{font-size:1.286em;}
					.jobdetail .size4{font-size:.92857142857143em;}
					.jobdetail .size5{font-size:.857em;}
				.jobdetail .requirements-main  .requirements-hard{background:#00ffff; margin-bottom:95px; margin-top:60px;}
					.jobdetail .requirements-hard .arr-top{background-position:50% -90px;}
					.jobdetail .requirements-hard .arr-bottom{background-position:50% -135px;}
			.jobdetail .requirements-other{overflow:hidden; zoom:1;}
				.jobdetail .requirements-other li{background:url('../img/li.png') 0 .3em no-repeat; padding-left:15px;}
			.jobdetail form{width:100%; margin-top: 1em;}
				.jobdetail form .errorlist {margin: 1.5em 0 1em; font-weight: bold; color: #c00;}
					.jobdetail form .errorlist li {margin: 0 0 .35em;}
				.jobdetail label {display: block;}
				.jobdetail label span {display:block; margin:0 0 .3em;}
				.jobdetail label .errormsg {display: block; margin: -.3em 0 .3em; font-size: .9em; color: #c00;}
				.jobdetail label small {display: none; margin: .5em 0 0; font-size: .85em; color: #777;}
				.jobdetail label.message small {margin-top: 0;}
				.jobdetail input[type="text"],
				.jobdetail textarea{width:100%; background:#00ffff; border:none; color:#004949; font-size:100%; padding:8px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
				.jobdetail .btn{padding:0.3em 0.928571em;}
		.jobdetail .col-side{margin: 3em 0 0; text-align:center;}
			.jobdetail .col-side .back {margin-bottom: 2em;}
			/* colors */
			.jobdetail.development .col-side .btn {background-color: #0f0;}
				.jobdetail.development .col-side .btn:hover, .jobdetail.development .col-side .btn:focus {background-color: #ff0;}
			/* colors */
			.jobdetail.development .col-side .btn2:hover, .jobdetail.development .col-side .btn2:focus {background-color: #0ff;}
			.jobdetail.business .col-side .btn:hover, .jobdetail.business .col-side .btn:focus {background-color: #f0f;}
			.jobdetail .twitter{text-decoration:none; display:block; text-align:center; color:#333;}
				.jobdetail .twitter:before{content:''; width:40px; height:45px; background:url('../img/fsocials.png') 0 0 no-repeat; display:block; margin:0 auto .5em;}
				.jobdetail .twitter:hover{background:none; color:#333;}
				.jobdetail .twitter:hover:before{position:relative; bottom:-1px;}

/**
 * @page: Participants
 */
	.participants .header {margin: 0 0 3em;}
		.participants .header h2 {font-size:2em; margin:0 0 .5em; /*font-size:3.428em; float:left; display:inline; margin:0;*/}
		.participants .header h2 span {display:block; color:#f00; font-size:.625em;}
		.participants .header p {/*float:right; display:inline; text-align:right; font-size:0.857em;*/ color:#ff0000;}
		.participants .header strong {display:block; color:#fff; font-size:1.5em; /*font-size:3em;*/}
	.participants form.visibility {border: dashed #00f800; border-width:1px 0; margin:0 0 3em;}
		.participants form.visibility p {padding:2em 0; margin:0; text-align:center;}
		.participants form.visibility select {/*margin:0 5px;*/}
	.participants li {background:#fff; color:#000; min-height: 60px; padding:5px 0 0 60px; /*padding-right:50px;*/ position:relative; margin:0 0 15px;}
	.participants li:nth-child(2n) {background:#ccc;}
		.participants li a {color:#000;}
			.participants li a:hover {background:#f00;}
		.participants li span, .participants li a {display:block; /* float:left; display:inline; line-height:36px;*/}
			.participants li span, .participants li a span {display: inline-block; vertical-align: middle;}
			.participants li .item {/*width:50%;*/}
				.participants li .name, .participants li .twitter {font-size:1.286em; padding-right:.8em; margin-bottom:5px;}
				.participants li .twitter {background:#ff0; padding:0 .8em; margin-bottom:5px;}
			.participants li .company {/*width:23%; padding:0 1%;*/ margin-bottom:5px;}
				.participants li .company a {margin: 0 -.3em; padding: 0 .3em;}
			.participants li .country {/*width:24%; margin-left:1%;*/ padding-bottom:5px;}
				.participants li .country img {margin: 0 3px 0 0; vertical-align: middle;}
			.participants li .avatar {position:absolute; left:0; top:0; width:40px; height:44px; overflow:hidden; left:9px; top:-10px;}
				.participants li .avatar .mask {position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/avatar-mask.png') 0 0 no-repeat; z-index:2;}
					.participants li:nth-child(2n) .avatar .mask {background-position:-40px 0;}
				.participants li .avatar img {background: #fff; display: block; position:absolute; left:50%; top:50%; z-index:1; margin:-19px 0 0 -19px;}
			.participants li .mail {visibility: hidden; position:absolute; left:9px; bottom:0px; /*right:0; top:0;*/ width:40px; height:30px; padding: 0; text-indent:-999px; overflow:hidden; background:url('../img/paticipants-mail.png') -5px -2px no-repeat;}
			.participants li:hover .mail {visibility: visible;}
				.participants li .mail:hover,
				.participants li .mail:focus {background:url('../img/paticipants-mail.png') -5px -40px no-repeat;}

#list-message {margin-top: -1em; padding: 2em 2em 90px;}
	#list-message .errormsg {display: block; margin: 0 0 .5em; color: #c00;}
	#list-message label span {border: 0; position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; margin: -1px; padding: 0;}
	#list-message textarea{width:100%; background:#00ffff; border:none; color:#004949; font-size:100%; padding:8px 10px;}
	#list-message .submit {text-align: right; margin: 1em 0 0;}
		#list-message .submit a {margin: 0 1em 0 0;}
		#list-message .submit .btn {font-size: 14px;}

/**
 * @page: Tickets
 */
.tickets {-webkit-transition: padding .5s ease-out; -moz-transition: padding .5s ease-out; -o-transition: padding .5s ease-out; transition: padding .5s ease-out;}
	.tickets header h2 {font-size: 1.28571428571429em;}
	.tickets header .steps {border: dashed rgb(0,255,0); border-width: 1px 0; margin: 0 0 2em; padding: 1em 0;}
		.tickets header .steps h3 {float: left; margin: 0.2em 0 0; font-size: 1.28571428571429em;}
		.tickets header .steps ul {float: right; margin: 0;}
			.tickets header .steps li {float: left; font-size: 0.85714285714286em; color: rgb(0,0,0);}
			.tickets header .steps li span,
			.tickets header .steps li strong {background: rgb(0,255,0); display: block; margin: 0 0 0 0.16666666666667em; padding: 0.41666666666667em 0.71428571428571em;}
			.tickets header .steps li strong {background: rgb(255,0,0); color: rgb(255,255,255);}
	.tickets .col-reg {position: relative; padding: 5% 5% 7%;}

/**
 * @page: Error 404/500
 */
.errpage h2 {font-size: 1.5em;}
.errpage p {margin-bottom: 1em;}

/**
 * 16. Helper Classes
 */
.hidden {display: none; visibility: hidden;}
.invisible {visibility: hidden;}
.ah {border: 0; position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; margin: -1px; padding: 0;}
.ah.fcs:active, .ah.fcs:focus {position: static; clip: auto; width: auto; height: auto; overflow: visible; margin: 0;}

/* Image replacement */
.ir, .ir a {position: relative; display: block; overflow: hidden;}
.ir a, .ir span {width: 100%; height: 100%;}
.ir span {position: absolute; left: 0; top: 0;}
.pir {background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -999em; direction: ltr; text-align: left;}
.nir {
	display: inline-block; overflow: hidden;}
	.nir:before {display: inline-block; line-height: 0; font-size: 0;}
.ie7 .nir {text-indent: -9999em; direction: ltr; text-align: left;}

.ie7 .cfx, .ie7 .clearfix {zoom: 1;}
.cfx:before, .cfx:after, .clearfix:before, .clearfix:after  {content: "\0020"; display: block; height: 0; visibility: hidden;}
.cfx:after, .clearfix:after {clear: both;}
.clear, .cleaner {clear: both; visibility: hidden; height: 0; overflow: hidden; line-height: 0; font-size: 0;}

.cnx {overflow: hidden; zoom: 1;}

.tc {text-align: center;}
.tr {text-align: right;}

.fl {float: left;}
.fr {float: right;}

/**
 * Tickets component
 * @todo: refactor
 */
	#reg {min-width: 444px;}
	.login-notice {width: 444px; margin: 0 auto 1.5em;}
	.reg-switch {width: 444px; margin: 0 auto; padding: 0 0 1.75em; font-size: 0.85714285714286em; line-height: 1.3;}
		.reg-switch li {float: left; margin: 0 0.83333333333333em 0 0;}
		.reg-switch a,
		.reg-switch strong {background: rgb(0,255,0); display: block; padding: 0.58333333333333em 1.92307692307692em 0.83333333333333em 1.08333333333333em; color: rgb(0,0,0); font-weight: normal;}
		.reg-switch strong {
			background: rgb(255,0,0) url("../img/reg-switch.png") 50% 100% no-repeat;
			padding-bottom: 3.2em; color: rgb(255,255,255);}
			.reg-switch span {display: block;}
			.reg-switch span:first-child {font-size: 2em;}

	/* workshops hotfixes */
	.workshop-for {margin-bottom: 30px;}
		.workshop-for .ticket .optional {display: none;}

	#reg form {width: 444px; margin: 0 auto; padding: 0;}
	#reg form #outer-errors {padding: 5px 0 15px 0;}
	#reg form #outer-errors p.errors {background: url("img/ico-error.png") 0 0 no-repeat; margin: 0 0 10px; padding: 0 0 0 35px; font-size: 16px; font-weight: bold; color: #c00;}
	#reg form #outer-errors ul.errorlist {margin: 0 0 10px 35px; color: #c00;}
	#reg form h2 {font-size: 18px; font-weight: bold;}
	#reg form h3 {font-size: 16px; font-weight: bold;}
	#reg fieldset.basics {width: 404px; padding: 33px 0 33px 40px;}
	#reg fieldset.basics h2 {margin: 20px 0;}
	#reg fieldset.basics h2:first-child {margin-top: 0;}
	#reg form label, #newsletter form label, #nwslttr form label, #login-detail fieldset#login label {position: relative; clear: left; display: inline-block; width: 364px; padding: 0 0 13px;}
	#reg form label.w50 {width: 172px; margin: 0 16px 0 0;}
	#reg form label.w75 {width: 284px;}
	#reg form label.w60 {width: 211px;}
	#reg form label.w40 {width: 161px;}
	#reg form label.country {display: block;}
	#reg form label span, #newsletter form label span, #nwslttr form label span, #login-detail fieldset#login label span {display: block; margin: 0 0 5px;}
	#reg form label small {position: absolute; right: 0; top: 4px; font-size: 11px; color: #b1b1b1;}
	#reg form label span.help-text, #login-detail fieldset#login label span.help-text {margin: 0; padding: 3px 0 0; font-size: 12px; color: #999;}
	#reg form /*label*/ strong.errormsg,
	/*#reg form .form-field strong.errormsg,*/
	#login-detail fieldset#login label strong.errormsg {display: block; margin: -5px 0 2px; font-size: 12px; color: #c00;}
	#reg form label input[type=text], #reg form label input[type=email], #newsletter form input[type=text], #nwslttr form input[type=text],
	#obj .additional ul li input /* (support badge) */, #personalized input[type=text] {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: solid #c5c5c5; border-width: 1px 1px 2px;
		-webkit-border-image: url("img/textinput-b.gif") 1 1 2 stretch;
		-moz-border-image: url("img/textinput-b.gif") 1 1 2 stretch;
		-o-border-image: url("img/textinput-b.gif") 1 1 2 stretch;
		border-image: url("img/textinput-b.gif") 1 1 2 stretch;
		background: #fff url("img/textinput.gif") repeat-x; width: 100%; margin: 0; padding: 7px 10px;}
	#reg form label.field-error input[type=text], #reg form label.field-error input[type=email] {
		border: solid #c00; border-width: 1px 1px 2px;
		-webkit-border-image: url("img/textinput-be.gif") 1 1 2 stretch;
		-moz-border-image: url("img/textinput-be.gif") 1 1 2 stretch;
		-o-border-image: url("img/textinput-be.gif") 1 1 2 stretch;
		border-image: url("img/textinput-be.gif") 1 1 2 stretch;}
	#reg form label select {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;}
	#reg form .school_type strong {display: block; margin: 0 0 5px; font-weight: normal;}
		#reg form .school_type strong.errormsg {font-weight: bold;}
		#reg form .school_type label {padding: 0 0 5px; font-size: 13px;}
		#reg form .school_type label input {margin: 0 3px 0 0;}
	#reg fieldset.ticket {border: solid #c5c5c5; border-width: 0 0 1px; padding: 30px 40px 20px;}
	#reg fieldset.preorder {border: 0; padding-top: 0; padding-bottom: 25px;}
		#reg fieldset.separe {margin-top: 0;}
	       #reg form .ticket .school_type {margin-bottom: 20px;}
		#reg form .ticket label.raut {
			border: solid #c5c5c5; border-width: 1px 1px 2px;
			-webkit-border-image: url("img/textinput-b.gif") 1 1 2 stretch;
			-moz-border-image: url("img/textinput-b.gif") 1 1 2 stretch;
			-o-border-image: url("img/textinput-b.gif") 1 1 2 stretch;
			border-image: url("img/textinput-b.gif") 1 1 2 stretch;
			background: #fff url("img/rautbox.png") 0 100% repeat-x; width: 320px; padding: 10px 21px 11px;}
		#reg form .ticket .raut input {display: inline-block; vertical-align: middle;}
		#reg form .ticket label.raut .optional {display: none;}
		#reg form .ticket label.raut-vip {padding: 13px 21px 10px;}
		#reg form .ticket label.raut-vip input {margin-top: 2px;}
		#reg form .ticket .in {display: inline-block; vertical-align: middle; margin: 0 0 0 12px; line-height: 1.25;}
		#reg form .ticket .in span {margin: 0; font-size: 12px; color: #666;}
		#reg form .ticket label.entry_fee {border: 0; -webkit-border-image: none; -moz-border-image: none; -o-border-image: none; border-image: none; background: transparent none; width: 364px;}
		#reg form .ticket a.more {float: right; margin: 4px 0 0; font-size: 11px;}
	.reg-books {border-bottom: 1px solid #c5c5c5; width: 404px; padding: 26px 0 40px 40px;}
		.reg-books legend {padding: 35px 0 0;}
		.reg-books label {border: 1px solid #c5c5c5; background: #f8f8f8; position: relative; display: inline-block; width: 69px; min-height: 84px; padding: 4px; overflow: hidden; margin: 0 12px 0 0; text-align: center; cursor: pointer;}
		.reg-books label.active {border: 5px solid #3f3f3f; padding: 0;}
		.reg-books label img {position: relative; z-index: 1; display: block; width: 69px;}
		.reg-books label input {position: absolute; left: 42%; bottom: 43%;}
		.reg-books label .check {background: url("img/book-active.png") 50% 50% no-repeat; position: absolute; z-index: 2; left: 0; top: 0; display: none; width: 100%; height: 100%; overflow: hidden;}
		.reg-books label.active .check {display: block;}
		.reg-books label .description {display: none;}
	#reg fieldset.currency {padding: 0 0 33px 40px;}

			#reg .currency .form-field strong {display: block; margin: 0 0 15px; font-size: 18px; font-weight: normal;}
			#reg .currency label {padding-bottom: 10px;}
			#reg .currency ul {margin: 0;}
	#reg fieldset#price {border-top: 1px solid #c5c5c5; width: 100%; margin: 3px 0 0;}
	#reg .preorder_raut fieldset#price {margin-top: 13px;}
		#reg #price .inner {border-bottom: 1px solid #c5c5c5; width: 100%; margin: 0 0 30px; padding: 24px 0;}
		#reg #price .inner .clearfix {padding: 2px 0;}
		#reg #price .without_discount, #reg fieldset#price .discount {color: #666;}
		#reg #price .fl strong,
		#reg #price .final-sum .fl {font-size: 18px; font-weight: normal;}
		#reg #price .fr {line-height: 1.3; text-align: right;}
		#reg #price .fr strong,
		#reg #price .final-sum .fr {font-size: 18px;}
		#reg #price #coupon {position: relative; top: -13px; float: left;}
		/* Top secret coupon code for you: YQGPK8 Try it, really. */
		#reg #price #coupon a {position: relative; top: 18px; font-size: 12px;}
		#reg #price #coupon label {width: 300px;}
		#reg #price #coupon label span {margin-bottom: 3px; font-size: 12px;}
		#reg #price #coupon label input {float: left; width: 200px; font-size: 12px;}
		#reg #price #coupon .optional {display: none;}
		#reg #price #coupon label a {
			background: #393939;
			background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#393939));
			background: -moz-linear-gradient(top,  #505050,  #393939);
			position: static; float: left; width: 70px; height: 30px; margin: 0 0 0 7px; line-height: 30px; vertical-align: middle; text-align: center; text-decoration: none; font-weight: bold; color: #fff;}
		#reg #price #coupon label a:hover, #reg fieldset#price #coupon label a:active, #reg fieldset#price #coupon label a:focus {background: #000;}
		#reg #price input.hand {border: 0; width: auto; height: 40px; line-height: 40px; padding: 0 30px; float: right;}
		#reg #price input.pad {margin: 21px 0 0;}
		#reg .price-vip {padding-top: 30px;}
	#reg #info {width: 444px; margin: 0 auto; padding: 90px 0 0;}
		#reg #info ul#info-tabs {width: 100%; margin: 0;}
		#reg #info ul#info-tabs li {display: inline;}
		#reg #info ul#info-tabs a {background: #e8e8e8; float: left; margin: 0 3px 0 0; padding: 12px 20px 8px; font-weight: bold; text-decoration: none; color: #666; outline: none;}
		#reg #info ul#info-tabs a:hover, #reg #info ul#info-tabs a:active, #reg #info ul#info-tabs a:focus {background: #d0d0d0;}
		#reg #info ul#info-tabs a.active {border: solid #c5c5c5; border-width: 1px 1px 0; background: #fff; margin-bottom: -1px; padding: 11px 19px 9px; color: #3f3f3f; cursor: default;}
		#reg #info .inner {background: #fff; border: 1px solid #c5c5c5; padding: 40px 30px 0; font-size: 12px; color: #666;}
		#reg #info .inner h3 {margin: 0 0 13px; font-weight: bold;}
		#reg #info .inner ul, #reg #info .inner ol {margin: 0 0 40px;}
		#reg #info .inner ul li {background: url("img/li-green.gif") 0 2px no-repeat; margin: 0 0 13px; padding: 0 0 0 30px;}
		#reg #info .inner ol {padding: 0 0 0 16px;}
		#reg #info .inner ol li {margin: 0 0 13px; list-style-type: decimal;}
		#reg #info .inner p {margin: 0 0 40px;}
		#reg #info .inner a {color: #666;}
		#reg #info .inner a:hover, #reg #info .inner a:focus, #reg #info .inner a:active {color: #000;}
	#employees {width: 444px; margin: 0 0 10px;}
	.attender {background: #e9e9e9; width: 444px; margin: 0 0 10px;}
		#contact-person {margin-bottom: 0;}
		#contact-person .inner {padding-bottom: 25px; }
		.attender h2,
		.attender h3 {background: #d5d5d5; position: relative; width: 444px; margin: 0;}
		.attender h2 .area,
		.attender h3 .area {display: block; width: 364px; padding: 20px 40px 17px; cursor: pointer;}
		.attender h2 .areaw,
		.attender h3 .areaw {background: none !important; cursor: default;}
		.attender h2:hover .area,
		.attender h3:hover .area {background: #c1c1c1;}
		.attender h2 .arrow,
		.attender h3 .arrow {background: url("img/attender.gif") 0 -12px no-repeat; position: absolute; left: 21px; top: 28px; display: block; width: 12px; height: 12px; overflow: hidden;}
		#reg .closed h2 .arrow,
		#reg .closed h3 .arrow {background-position: 0 0; top: 26px;}
		.attender h2 a,
		.attender h3 a {position: absolute; right: 20px; top: 23px; display: block; width: 13px; height: 17px; overflow: hidden; font-size: 12px; color: #3f3f3f;}
		.attender h2 a .ir,
		.attender h3 a .ir {background: url("img/attender.gif") -12px 0;}
		.attender h2 a:hover .ir, .attender h2 a:focus .ir, .attender h2 a:active .ir,
		.attender h3 a:hover .ir, .attender h3 a:focus .ir, .attender h3 a:active .ir {background-position: -25px 0;}
		.attender .inner {width: 100%;}
		.attender fieldset label.narrow input {width: 161px;}
		.attender .reg-books {border: 0;}
		.attender .delete-link {background: none; position: absolute; right: 21px; bottom: 14px; display: block; width: 13px; height: 17px; overflow: hidden; text-indent: -999px;}
			.attender .delete-link span {background: transparent url("img/attender.gif") -12px 0;}
			.attender .delete-link:hover span, .attender .delete-link:focus span, .attender .delete-link:active span {background-position: -25px 0;}
		#reg #attender-add {border-bottom: 1px solid #c5c5c5; width: 100%; padding: 0 0 40px;}
		#reg #attender-add a {
			background: #393939 url("img/attender-add.png") no-repeat;
			position: relative; display: inline-block; height: 27px; padding: 0 10px 0 28px; line-height: 27px; overflow: hidden; text-decoration: none; font-weight: bold; font-size: 12px; color: #fff;}
		#reg #attender-add a:hover, #reg #attender-add a:active, #reg #attender-add a:focus {text-decoration: underline;}
	#tooltip {border: 1px solid #3f3f3f; background: #3f3f3f url("img/tooltip.png") repeat-x; position: absolute; z-index: 3000; font-size: 12px; width: 280px; text-align: center; color: #fff;}
		#tooltip .body {background: url("img/tooltip-a.png") 138px 0 no-repeat; position: relative; top: -6px; padding: 23px 15px 13px; line-height: 1.25; color: #c9c9c9;}
		#tooltip .body strong {display: block; margin: 0 0 2px; font-size: 14px; color: #fff;}
	#reg.workshop {background: url("img/sub2.gif") repeat-x;}
		#reg.workshop p.msg {margin: 67px 0 -10px;}
		#reg.workshop form p.warning {border: 1px solid #e6e09a; background: #fefac8; position: relative; left: -60px; width: 442px; padding: 24px 20px 5px 20px; margin: 0 0 30px;}
		#reg.workshop form p.warning span {background: url("img/ico-warn.png") 0 1px no-repeat; display: block; padding: 0 0 20px 40px;}
		#reg.workshop .attender {margin-bottom: 20px;}
		#reg.workshop .attender h2 .area {cursor: default;}
		#reg.workshop .attender h2:hover .area {background: #d5d5d5;}
		#reg.workshop .attender h2 .user {font-size: 12px;}
		#reg.workshop .attender .inner {width: 404px; padding: 30px 0 20px 40px;}
		#reg.workshop form .submit {border-top: 1px solid #c5c5c5; width: 100%; margin: 30px 0 0; padding: 3px 0 0; text-align: right;}
		#reg.workshop form .submit .submit {margin: 0; padding: 30px 0 0;}
		#reg.workshop form input.hand {border: 0; width: auto; height: 40px; line-height: 40px; padding: 0 30px;}

		.attender.marked-for-deletion {opacity:.3;}
		.attender.marked-for-deletion .inner {display:none !important;}
		.attender.marked-for-deletion h2 .area strong {text-decoration:line-through;}

	/* Tricka */
		#shirts {width: 710px; margin: 0 auto; padding: 50px 0 0;}
			#shirts figure {/*float: left; width: 290px;*/ margin: 0 0 50px 0;}
			/*#shirts figure:first-child {width: 310px; margin-left: 0;}
			#shirts figcaption {padding: 0 0 3px; font-size: 18px; font-weight: bold;}*/
			#shirts img {border: 1px solid #c5c5c5; background: #fff; padding: 4px;}
			#shirts .tip {width: 404px; margin: 0 auto;}
		#shirts-order {padding-top: 40px !important;}
		form .shirts {padding: 15px 0 0;}
			form .shirts .shirt {position: relative;}
				form .shirts .inner {float: left;}
				form .shirts .delete-link {/*position: absolute; right: 50px; bottom: 14px; display: block;*/ position: relative; top: 6px; right: 50px; float: right; width: 13px; height: 17px; overflow: hidden; text-indent: -999px;}
					form .shirts .delete-link .ir {background: url("img/attender.gif") -12px 0;}
					form .shirts .delete-link:hover .ir, form .shirts .delete-link:focus .ir, form .shirts .delete-link:active .ir {background-position: -25px 0;}
		#add-shirt {width: auto; padding: 0 10px; white-space: nowrap;}
			#add-shirt span {position: relative; top: 2px; font-size: 18px;}
		form .shipping {padding: 40px 0 25px;}
			form .shipping h3 {padding: 0 0 15px;}
			form .shipping label {padding: 0 !important;}
			form .shipping input {margin: 0 5px 0 0;}
			form .shipping p, form .shipping ul {margin: 3px 0 13px 21px; font-size: 11px; color: #777;}
			form .shipping p a {color: #777;}
		#reg fieldset.order .inner {width: 404px; padding: 30px 0 20px 40px;}
		#reg #order-company {margin: 0 0 30px;}
		#reg #order-company select {width: 161px;}
		#reg #order-company h4 {padding: 15px 0; font-size: 16px; font-weight: bold;}
		#reg #order-company .desc {font-size: 11px; color: #777;}
		#reg #price.price-shirts {margin: 0; padding: 3px 0 0;}
			#reg #price.price-shirts .inner {border-top: 1px solid #c5c5c5;}
		#personal_address h4 {margin: 10px 0; font-weight: bold; font-size: 16px;}
	/* Components */
		#reg .btn {float: right; margin: 6px 0 0; padding: 0.25em 1em; font-size: 1.28571428571429em;}
/* END Tickets compoment */

/**
 * @plugin: Colortips
 */
	.colorTip{
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
		-webkit-box-shadow: rgba(0,0,0, 0.75) 0px 2px 3px; -moz-box-shadow: rgba(0,0,0, 0.25) 0px 2px 3px; box-shadow: rgba(0,0,0, 0.75) 0px 2px 7px;
		background-color:white; display:none; position:absolute; z-index: 1000; left:100%; top:2.25em;
		width: 200px; padding:6px;
 		font-family:Arial,Helvetica,sans-serif; font-size:11px; font-style:normal;
		line-height:1.2; text-decoration:none; text-align:center; text-shadow:0 0 1px white; }
	.pointyTip,.pointyTipShadow{
		border:5px solid transparent;
		position:absolute; left:32%; top:-10px; width:0; height:0; margin-left:-6px;}
	.pointyTipShadow{
		/* The shadow tip is 1px larger, so it acts as a border to the tip*/
		/*border-width:7px; bottom:-14px; margin-left:-7px;*/ display: none;}
	.colorTipContainer{position:relative; text-decoration:none !important;}

	/* Color Themes */
	.white .pointyTip{ border-bottom-color:white;}
	.white .pointyTipShadow{ border-bottom-color:#ddd;}
	.white .colorTip{background-color:white; color:#151515;}

	.black .pointyTip{ border-top-color:#333;}
	.black .pointyTipShadow{ border-top-color:#111;}
	.black .colorTip{background-color:#333; border:1px solid #111; color:#fcfcfc; text-shadow:none;}

/**
 * 18. Media Queries
 */
/* Print */
@media print {
	* {
		background: transparent !important;
		text-shadow: none !important; color: black !important;
		filter: none !important; -ms-filter: none !important;}
	a, a:visited {color: #444 !important; text-decoration: underline;}
	/*a[href]:after {content: " (" attr(href) ")";}
	abbr[title]:after {content: " (" attr(title) ")";}
	a[href^="javascript:"]:after,
	a[href^="#"]:after {content: "";}*/
	pre, blockquote {border: 1px solid #999; page-break-inside: avoid;}
	thead {display: table-header-group;}
	tr, img {page-break-inside: avoid;}
	@page {margin: .5cm;}
	p, h2, h3 {orphans: 3; widows: 3;}
	h2, h3 {page-break-after: avoid;}

	p, ul {margin-bottom: .75em !important;}

	/* layout */
	.noprint,
	.tracks,
	.talk .star,
	#header,
	#nav,
	#footer {display: none;}
	/*.ic {width: 100%;}*/

	/* program */
	#my-program,
	.program .talk .fl {display: none;}

	.program {font-size: 10pt;}
		.program table {border-spacing: 0;}
		.program th {padding: 0; text-align: left;}
		.program td {padding-bottom: 2em;}
			.program h2, .program h3 {font-size: 1.5em;}
			.program h2 {font-weight: bold;}
			.program td > h2 {border: 0;}
				.program td > h2 time {top: .5em;}
			.program .talk {margin: 0 0 1em; padding: 0 .3em;}
			.program .talk:last-child {margin-bottom: 0 !important;}
				.program .talk time {margin: 0; text-align: left;}
				.program .talk h3 {text-transform: none;}
					.program .talk h3 br {display: none;}
				.program .talk h4 {margin: 0; text-transform: none; font-weight: bold;}
					.program .talk h4 a, .program .talk h4 .empty {padding: 0;}
					.program .talk h4 a {text-decoration: none; color: #000 !important;}
				.program .talk .info {margin: 0 !important;}
				.program .talk .tags {display: none;}
				.program .talk .fr {display: none;}

			.program #keynote p {display: none;}

			.program #jobhall p {margin: 0 !important;}
			.program #jobhall .spc {max-width: none;}
			.program #jobhall .bd {min-height: 0; padding: 0;}
			.program #jobhall .ft {display: none;}
			.program #jobhall img {margin: .5em .5em 0;}

			.program .party {padding: 0 !important;}
				.program .party h3 {margin-bottom: .5em;}

			.program #lunch p {display: none;}

	/* my program */
	.myprogram > :first-child,
	.myprogram .visibility,
	.myprogram footer,
	.myprogram header .avatar,
	.myprogram article form,
	.myprogram article ol li .title .rm {display: none;}
	.myprogram {padding: 0;}
		.myprogram header {margin-bottom: 1.5em; text-align: left;}
		.myprogram article {padding: 0;}
			.myprogram article section:first-child {page-break-after: always;}
			.myprogram article section:last-child {padding-top: 4%;}
				.myprogram article ol li {page-break-inside: avoid;}
				.myprogram article .meta {padding-bottom: .2em;}
		/* colors */
		.myprogram article .title {background: #aaa !important;}
		.myprogram article .title .in {padding: 0.4em 0.6em;}
		.myprogram article .title a.in {background: #ff0 !important; text-decoration: none;}
			.myprogram article .development .title a.in {background: #0ff !important;}
			.myprogram article .business .title a.in {background: #ff61ff !important;}

	/* speakers */
	.speakers .speaker .thumb,
	.speakers .speaker .attend,
	.speakers .speaker .more {display: none !important;}

	.speakers .speaker {float: left; width: 47%; margin-right: 6%;}
	.ie8lte .speakers .speaker {width: 45%; margin-left: 2.5%; margin-right: 2.5%;}
	.no-ie .speakers .speaker:nth-of-type(2n) {margin-right: 0;}
	.speakers .speaker:nth-of-type(2n+1) {clear: left;}
		.speakers .speaker header figcaption .in {padding: 0; text-decoration: none;}
		.speakers .speaker .info {margin: 0; padding: 0;}
			.speakers .speaker .info .addt {padding: 0; text-align: left;}

}

/* 480px */
@media only screen and (min-width: 480px) {

	/**
	 * Layout
	 */

	 /**
	 * 14. Global objects
	 */
	.tracks {font-size: 1.28571428571429em;}
		.tracks a {padding-bottom: .2em;}

	.message2 {font-size: 1.25em;}

	/**
	 * @page: Homepage
	 */
	/*.why-attend {float: left; width: 40%; margin-top: 16em;}*/
	.nonwsltr .why-attend {margin-top: 0;}
	 	.why-attend ul {font-size: 1.28571428571429em;}
			.why-attend li:before {top: 1.3em;}
		.why-attend .cta {display: block; margin: -1em 0 0; text-align: center;}
			.why-attend .btn {font-size: 1.28571428571429em;}
		/* newsletter */
			.newsletter h2 {margin-bottom: 1em;}
			.newsletter .btn {font-size: 1em;}
	/*.hp-middle {float: right; width: 54.813278008299%;}*/
		.hp-tickets .header {background: url("../img/doubleln-y.gif") 0 100% repeat-x;
			position: absolute; left: 0; top: .3em; width: 40%; padding-bottom: 2.42857142857143em;}
			.hp-tickets .header h2 {float: none; margin-bottom: .5em;}
			.hp-tickets .header .btn {float: right;}
			.hp-tickets .price h3 {margin-bottom: 2.7em;}

	/**
	 * @page: Speakers
	 */
	.speakers .tracks {font-size: 1.28571428571429em;}
		.speakers .tracks a {padding-bottom: .2em;}
	.speakers .speaker {float: left; width: 47%; margin-right: 6%;}
	.ie8lte .speakers .speaker {width: 45%; margin-left: 2.5%; margin-right: 2.5%;}
	.no-ie .speakers .speaker:nth-of-type(2n) {margin-right: 0;}
	.speakers .speaker:nth-of-type(2n+1) {clear: left;}

	/**
	 * @page: Location
	 */
	.location header h3 {font-size: 1.9em;}
	.accomm h3 {font-size: 1.5em;}
	.accomm p,
	.accomm ul {margin-bottom: 1em;}

	/**
	 * @page: Talk
	 */
	.slideshare-player > div object + div {display: block; padding-bottom: 0 !important;}
	.slideshare-player object,
	.slideshare-player embed,
	.prezi-player object,
	.prezi-player embed {display: inline-block; width: 327px; height: 270px;}

	/**
	 * @page: Partners
	 */
	.partner header {position: relative;}
		.partner h4 {float: left;}
			.partner h4 img {max-width: 100%;}
		.partner header a {position: absolute; right: 0; bottom: .25em;}

	/**
	 * @page: Tickets
	 */
	.tickets header h2 {font-size: 1.71428571428571em;}
	.tickets header .steps h3 {margin-top: 0; font-size: 1.71428571428571em;}
	.tickets header .steps ul {margin: 0.07142857142857em 0 0;}
		.tickets header .steps li {font-size: 1em;}
			.tickets header .steps li span,
			.tickets header .steps li strong {padding-top: 0.15em;}

	/**
	 * @page: Job Hall
	 */
 	.jobhall .job { float:left; display:inline; margin:0 0 1em 4%; width:48%;}
	.jobhall .job:nth-child(2n+1) { clear:both; margin-left:0; }
	.jobhall .job h3 { font-size:1.285714285714286em; }
	.jobhall .job p { height:70px; line-height:70px; }

	/**
	 * @page: Job Hall
	 */
	 .jobdetail .requirements-main  .requirements-hard{margin-left:125px; margin-bottom:47px;}

	/**
	 * @page: PARTICIPANTS
	 */
	.participants li {min-height: 36px; padding-top: 0;}
	.participants .header h2{font-size:2.5em;}
	.participants li span, .participants li a{display:inline-block; padding: .5em 0 .4em; vertical-align: middle;}
		.participants li span span, .participants li a span {padding: 0;}
	.participants li .item{width:100%; padding-bottom: 0;}
	.participants li .company{width:48%; padding:0 1% 0 0; margin:0;}
	.participants li .country{width:48%; margin-left:1%; padding:0; padding-bottom: 5px;}
}

/* 768px */
@media only screen and (min-width: 768px) {

	/**
	 * Layout
	 */
	#header {
		background: url("../img/dnatheme.png?v=2") 50% 0 no-repeat;
		-webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;}
		#title {float: right;}
	.sub #header {background-position: 50% -90px;}

	#nav {background: rgb(0,248,0); text-align: center;}
		#nav li {float: none; display: inline-block; margin-right: -4px; padding: .4em 0;}
		.ie8lte #nav li {float: left; margin-right: .5em;}
		#nav .active {background: rgb(255,0,0);}
		#nav li a {float: none; display: inline-block; margin: 0; padding: .2em .7em .3em;}
		.ie8lte #nav li a {float: left;}
		#nav p { position:absolute; right:4px; top:-21px; }

	#footer .fpartners {padding-bottom: 1.5em;}
		#footer .fpartners h3 {font-size: 1.71428571428571em;}
		#footer .fpartners div {margin-bottom: 1.5em;}
		#footer .fpartners img {position: relative;}
		#footer .fpartners #mediar {top: -7px;}
		#footer .fpartners #superhosting {top: -3px;}
	#footer .inner {position: relative;}
		#footer .colophon {float: left; width: 39.36170212766%;}
		#footer .other {float: left; width: 39.36170212766%; padding: .2em 0 0;}
		#footer .socacc {position: absolute; right: 0; top: -5px;}
	#pospolu {margin-top: 0;}

	/**
	 * Global
	 */
	.tabs li { margin:0 2px 0 0; }
	.tabs { margin-top: 3.5em; font-size:1em; }

	.tracks {border-bottom: 1px dashed rgb(0,255,0); text-align: center;}
	.tracks.invrt {border-bottom: 0; border-top: 1px dashed rgb(0,255,0);}
		.tracks a {padding: 0.2em 1.1em 0.25em;}
		.ie8lte .tracks .active a {bottom: -2px;}
		.tracks .active a {border-bottom-width: 0; bottom: -1px;}
		.tracks.invrt .active a {border-bottom-width: 1px; border-top: 0; bottom: auto; top: -1px;}
		.ie8lte .tracks.invrt .active a {bottom: auto; top: -2px;}

	.message2 {padding-top: 2em; font-size: 1.5em;}

	/**
	 * @page: Homepage
	 */
	.hp-heros {float: right; margin: 2.75em 4em 0 0;}
	.why-attend {float: left; width: 40%; /*margin-top: 13em;*/}
		/* newsletter */
		.newsletter input[type="text"] {width: 65%;}
		.cs .newsletter input[type="text"] {width: 55%;}
	.hp-middle {float: right; width: 54.813278008299%;}


	#livestream {padding-top: 4em;}

	/**
	 * @page: Speakers
	 */
	.speakers .tracks {border-bottom: 1px dashed rgb(0,255,0); text-align: center;}
		.speakers .tracks a {padding: 0.2em 1.1em 0.25em;}
		.speakers .tracks .active a {border-bottom: 0; bottom: -1px;}
	.speakers .speaker {width: 29.787234042553%; margin-right: 5.31914893617%;}
	.ie8lte .speakers .speaker {width: 28.3%;}
	.no-ie .speakers .speaker:nth-of-type(2n) {margin-right: 5.31914893617%;}
	.speakers .speaker:nth-of-type(2n+1) {clear: none;}
	.no-ie .speakers .speaker:nth-of-type(3n) {margin-right: 0;}
	.speakers .speaker:nth-of-type(3n+1) {clear: left;}
	.speakers .tba {width: 75%;}

	/**
	 * @page: Location
	 */
	.location {background: url("../img/vse-theme.jpg") 100% 0 no-repeat; position: relative; z-index: 2; min-height: 650px;}
		.location header h3 {font-size: 2.57142857142857em;}
		.location header p {margin-right: 385px;}
		.map {
			position: relative; right: 0; top: 0;
			float: right; margin: -0.3em 0 3em 2em;
			-webkit-transition: right, top .5s; -moz-transition: right, top .5s; -o-transition: right, top .5s; transition: right, top .5s;}
		.transport {position: relative; z-index: 1;}
		.transport2 {position: relative; z-index: 1; margin-bottom: 3.35714285714286em;}
	.accomm {position: relative; z-index: 1;}
		.accomm:before {
			content: url("../img/accomm.png");
			position: absolute; z-index: 10; right: 0; top: 0; display: block; visibility: visible; width: 351px; height: 61px;}
		.accomm h3 {margin: 0 0 1.2em; font-size: 1.71428571428571em;}
		.accomm .col {float: left; width: 43%; margin-bottom: 0;}
		.accomm .item:last-child {border-bottom: 0; margin-bottom: 0;}
		.accomm h4 {margin-top: 1em;}
		.accomm .merrion img {margin-top: 6px;}

	/**
	 * @page: Partners
	 */
	.partners h3 {font-size: 1.71428571428571em;}

	/**
	 * @page: Talk
	 */
	.talk.cont-col { margin-top:0; float: right; width: 70%;}
	.talk .inner {padding-bottom: 4.72972972972973% }
	.talk .speaker .cnx { clear:none; padding-top:0; }
	.talk .speaker-note { width:280px; float:left; display:inline; margin-bottom:2.5em; }
	.talk .tags { clear:none; width:170px; }
	.talk h2 { font-size:2.142857142857143em; }
	.talk .sponsor {margin: -.5em 0 1em;}
	.talk .perex {margin-bottom: 0;}

	.talk .inner .star {position: absolute; right: -17px; top: 1.5em;}

    .talk .slides_list .embed-slideshare iframe {
        display: block;
    }
    .talk .slides_list .embed-slideshare div {
        display: none;
    }

	.talk-side { float: left; width:25%; margin-top:68px; }

	.slideshare-player object,
	.slideshare-player embed,
	.prezi-player object,
	.prezi-player embed {width: 370px; height: 300px;}

	.wx-videos-embed .video-restricted-reason span {
		font-size: 14px;
	}

	/**
	* @page: Program
	*/
	.canFixed .program.fixed thead { visibility:hidden; }
	.canFixed .program.fixed .fix-thead { display:block; }
	/**
	* @page: Workshops extends Program
	*/
	.workshops .about .price {line-height: 1.1;}
		.workshops .about .price h4 {font-size: 1.71428571428571em;}
		.workshops .about .price strong {font-size: 1.71428571428571em;}
	/**
	 * @page: My Program
	 */
	.myprogram {margin-top: 0;}
	.myprogram header,
	.myprogram footer {float: left; width: 32%;}
	.myprogram article {border-left: 1px dashed #000; float: right; width: 58%; margin: 0 0 6% 0; padding: 5% 5.5% 0 4%;}
		.myprogram article section:last-child ol {margin-bottom: 0;}
		.myprogram article h3 {font-size: 2.14285714285714em;}
		.myprogram article ol {margin: 0 0 2.6em;}
			.myprogram article li {margin: 0 0 1.35em;}
				.myprogram article .meta {padding-bottom: 0.5em; font-size: 1em;}
				.myprogram article form {padding-top: .6em;}
				.myprogram article .note {margin-top: .8em;}
			.myprogram article li.deleted {opacity:.2}
	.myprogram footer {margin-top: 4%;}
		.myprogram footer .acts {margin-bottom: 2.8em;}
		.ie7 .myprogram footer .acts,
		.ie7 .myprogram footer .socials {padding-left: 20%;}

	/**
	 * @page: Tickets
	 */
	.tickets header h2 {font-size: 2.14285714285714em;}
		.tickets header .steps h3 {font-size: 2.14285714285714em;}
		.tickets header .steps ul {margin-top: 0.35714285714286em;}

	/**
	 * @page: Error 404/500
	 */
	.errpage {background: url('../img/broken.png') 100% 0 no-repeat; min-height: 112px;}
		.errpage h2 {font-size: 2em;}

	/**
	 * @page: Job Hall
	 */
 	.jobhall .job { float:left; display:inline; margin:0 0 1em 3.5%; width:31%;}
 	.jobhall .job:nth-child(2n+1) { clear:none; margin-left:3.5%; }
	.jobhall .job:nth-child(3n+1) { clear:both; margin-left:0; }
	.jobhall .job p { height:90px; line-height:90px; }
	.program #jobhall time {font-size: 1.3em;}

	/**
	 * @page: Job Hall
	 */
	 .jobdetail .col-content{float: right; width: 70%;}
	 .jobdetail .col-side{margin-top: 0; float: left; width: 25%;}

	/**
	 * @page: PARTICIPANTS
	 */
	.participants .header h2{float:left; display:inline; margin:0;}
	.participants .header p{float:right; display:inline; text-align:right; font-size:0.857em;}
	.participants li .item{width:45%; padding-top: .4em;}
	.participants li .name{width:100%; padding:0;}
	.participants li .name, .participants li .twitter{margin:0;}
	.participants li .company{width:25%; padding:.5em 1% .3em;}
	.participants li .country{width:20%; margin:0 0 0 1%; padding-bottom: 0;}
	.participants li .mail{left:auto; right:0; bottom:auto; top:0; width: 50px; height: 36px; background-position: 0 0;}
		.participants li .mail:hover, .participants li .mail:focus {background-position: 0 -38px;}
}
@media only screen and (max-width: 768px) { /* Program only! Using it to prevent webkit border-spacing bug. */
	/**
	* @page: Program
	*/
	.program .tracks {margin-bottom: 2em;}
	.program #raut {background-position: 50% 0; padding:250px 0 0 0px; text-align:left; }
	.program #warmup {background-position: 50% 0; padding:250px 0 0 0px;}
		.program #warmup h4 {margin-top: 0;}
		.program #jeanne img {display: none;}
	.program .wrap-table { margin:0; }
	.program table { border-spacing:0; }
	.program table tbody { display:block; width:100%; }
	.program table tr { display:block; }
	.program table thead th { background:#ffff00; padding:.5em 2.5%; }
	.program #pRoomDEV { background:#00ffff; }
	.program #pRoomDVR { background:#ff0000; }
	.program #pRoomGFX { background:#ffff00; }
	.program #pRoomBIZ { background:#ff00ff; }
	.program th strong { font-size:1em; display:inline; }
	.program th strong:after{content:' -'}
	.program table td, .program table th { display:block; width:auto; }
	.program h2,
	.program h3,
	.program h4 { font-size:1.285714285714286em; }
	.program p { font-size:.8571428571428571em; }
	.program .talk { margin-bottom:.8em; }
		.program .talk p {margin-bottom: .5em;}
}

/* 992px */
@media only screen and (min-width: 992px) {

	/**
	 * Layout
	 */
	.home #header .ic {padding-bottom: 0;}

	#nav {margin-top: 2.42857142857143em; margin-bottom: 2.9em; font-size: 1.07692307692308em;}
		#nav li {margin: 0;}
		#nav li a {padding: .15em 1em .3em;}

		#nav p {right: 8px;}

	#content {padding-bottom: 4em;}

	#footer {padding-top: 8.3em;}
		#footer .fpartners {padding-bottom: 2.5em;}
			#footer .fpartners h3 {margin-bottom: 1.4em; font-size: 2.14285714285714em;}
			#footer .fpartners div {margin-bottom: 2em;}

	/**
	 * Global
	 */
	.tracks {font-size: 1.71428571428571em;}

	.message2 {font-size: 1.75em;}

	/**
	 * @page: Homepage
	 */
	.hp-heros {height: 280px;}
	.no-ie .hp-heros {
		background: none;
		float: left; width: 76.914893617021%; height: 400px; margin: 148px 0 0;}
		.no-ie .hp-heros ul {
			background: url("../img/hp-heros.png") no-repeat;
			position: relative; right: -54px; float: right; width: 324px; height: 105px; height: 267px; overflow: hidden;
			margin: 0; padding-top: 133px; padding-left: 54px;}
		.no-ie .hp-heros a {zoom: 1; color: rgb(0,0,0);}
			.no-ie .hp-heros .speaker {padding: 0 1.16666666666667em;}
			/*.no-ie .hp-heros li:nth-child(1) .speaker {background: #0ff;}
			.no-ie .hp-heros li:nth-child(2) .speaker {background: #f0f;}
			.no-ie .hp-heros li:nth-child(3) .speaker {background: #ff0;}*/
			.no-ie .hp-heros .dvdr {
				background: url("../img/hero-divider.png") no-repeat;
				width: 53px; height: 2px; margin: .4em 0 .3em;}
			.no-ie .hp-heros .company {font-size: 0.7em;}
			.no-ie .hp-heros .track {
				position: absolute; left: -38px; top: 105px; display: block;
				font-size: 1.5em;}
				.no-ie .hp-heros .track br {display: block;}

	.hp-main {float: left; width: 76.914893617021%;}
		.why-attend {width: 50%; /*margin-top: 11em;*/}
		/* newsletter */
			.newsletter h2 {float: none; margin-bottom: 1em;}
			.newsletter input[type="text"] {width: 70%;}
			.cs .newsletter input[type="text"] {width: 65%;}
		.hp-middle {width: 44.813278008299%;}
		.ie8lte .hp-middle {overflow: hidden;}
			.hp-tickets .header {width: 50%;}
				.hp-tickets .header h2 {float: left; margin-bottom: 0;}
	.hp-complementary {float: right; width: 18.297872340426%; margin-top: .3em;}
		.hp-registered {margin-bottom: 4em;}
		.hp-contents h3 {margin-top: 1.45em;}

	/**
	 * @page: Speakers
	 */
	.speakers {padding: 10px 0 0;}
		.speakers .tracks {font-size: 1.71428571428571em;}
		.speakers .speaker {margin-bottom: 3.57142857142857em;}
		.speakers .tba {width: 50%;}

	/**
	 * @page: Talk
	 */
	.talk .speaker-note {width: 40%;}
	.talk .tags {width: 25%;}
	.talk .attend {position: absolute; right: 0; top: -0.65em; width: 130px; margin-top: 0; text-align: center;}

	.slideshare-player object,
	.slideshare-player embed,
	.prezi-player object,
	.prezi-player embed {width: 499px; height: 410px;}

	/**
	 * @page: Location
	 */
	.location header {margin-bottom: 2.85714285714286em;}
		.location header h3 {font-size: 3.42857142857143em;}
		.location header p {margin-top: -0.25em; font-size: 1.28571428571429em;}
	.transport {padding-bottom: 2.64285714285714em;}
	.transport2 {border-top: 1px dashed rgb(0,255,0); margin-right: 565px; padding-top: 2.42857142857143em;}
	.map {position: absolute; right: 178px; top: 278px;}
	.accomm:before {right: 178px;}
	.accomm .item {margin-bottom: 3em;}
	.accomm h3 {font-size: 2.14285714285714em;}
	.accomm h4 {margin-top: 1.3em;}
	.accomm p,
	.accomm ul {margin-bottom: 1.45em;}

	/**
	 * @page: Workshops extends Program
	 */
	.workshops .about {background: url("../img/workshops-ico.png") no-repeat; min-height: 312px; padding-left: 330px; padding-top: .8em; padding-bottom: 62px;}
		.workshops .price {float: left; width: 230px; margin-top: 1em; margin-right: 1.5em;}
		.workshops .dustoff {float: right; width: 379px; margin-top: 1em; text-align: center;}
			.workshops .dustoff img {display: block;}
	/**
	 * @page: My Program
	 */
	.myprogram .inner {padding-top: 2.85714285714286em;}
	.myprogram header,
 	.myprogram footer {width: 25%;}
	.myprogram article {width: 65%; padding-top: 3.3em; padding-right: 5%;}
	.myprogram footer {margin-top: 3.25em;}

	/**
	 * @page: Tickets
	 */
	.tickets {padding-top: 4.28571428571429em;}
		.tickets header {float: left; width: 31.914893617021%;}
		.tickets header h2 {font-size: 2.57142857142857em;}
		.tickets header .steps {padding: 1.5em 0 1.75em;}
			.tickets header .steps h3 {font-size: 2.57142857142857em;}
			.tickets header .steps ul {margin-top: 0.71428571428571em;}
		.tickets .col-reg {float: right; width: 47.872340425532%;}
			.tickets .col-reg:before {
				content: ""; background: url("../img/skyline-bw.png") -62px 100% no-repeat;
				position: absolute; left: 0; top: -37px; width: 324px; height: 37px; overflow: hidden;}

	/**
	 * @page: Partners
	 */
	.partners .inner {padding-top: 2.28571428571429em;}
	.partners h3 {margin: 1.5em 0 1.7em; padding-bottom: .5em; font-size: 2.14285714285714em;}
	.partners h3:first-child {margin-top: 0;}
	.partners .partner {margin-bottom: 3em; padding-bottom: 2.5em;}
		.partner header {margin-bottom: 1.5em;}
			.partner h4 {float: left;}
			.partner header a {float: right;}
		.partners .main {float: left; width: 46.5%; margin-bottom: 0;}
		.partners .product {border-left: 1px dashed rgb(0,0,0); float: right; width: 46.5%; padding: .4em 0 0 3.5%;}
		.partner h5 {margin-bottom: .9em;}

	/**
	 * @page: Job Hall
	 */
 	.jobhall .job { float:left; display:inline; margin:0 0 1em 2.25%; width:23.3125%;}
 	.jobhall .job:nth-child(2n+1),
 	.jobhall .job:nth-child(3n+1) { clear:none; margin-left:2.25%; }
	.jobhall .job:nth-child(4n+1) { clear:both; margin-left:0; }

	/**
	 * @page: Job Hall
	 */
	 .jobdetail .requirements-main{float:right; display:inline; width:375px; margin-left:30px;}
			.jobdetail form{width:50%;}

	/**
	 * @page: PARTICIPANTS
	 */
	.participants .header h2{font-size:3.428em;}
	.participants .header p{float:right; display:inline; text-align:right; font-size:0.857em;}
	.participants .header p strong{font-size:3em;}
	.participants form.visibility select{margin:0 5px;}
	.participants li{padding-right:50px;}
		.participants li .name, .participants li .twitter{margin:0; width:auto; padding-right:.8em;}
		.participants li .twitter{padding:0 .8em;}
}

@media only screen and (max-width: 1250px) {

	/**
	* @page: Program
	*/
	.canFixed .program.fixed .fix-thead { left:5%; right:5%; width:auto; margin-left:0; }

}

/*
Sources:
http://meyerweb.com/eric/tools/css/reset
http://people.opera.com/patrickl/experiments/keyboard/test
http://gist.github.com/413930
http://pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap
http://sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars
http://tjkdesign.com/ez-css/css/base.css
http://viget.com/inspire/styling-the-button-element-in-internet-explorer
http://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing
http://html5doctor.com/html-5-reset-stylesheet/
http://praegnanz.de/weblog/htmlcssjs-kickstart/
http://camendesign.com/design/
http://yui.yahooapis.com/2.8.1/build/base/base.css
http://webaim.org/techniques/css/invisiblecontent/
http://drupal.org/node/897638
*/