body
{
  min-height: 416px;
	font-size: 15px;
	background-image: url(../_media/mobile/background.png);
	background-position: 50% 43px;
}

#lectures h2,
#symposium ul li a
{
	font-size: 15px;
}

#main
{
	width: 250px;
	height: 400px;
	margin: 10px auto 0px auto;
	padding-top: 20px;
	overflow: hidden;
	position: relative;
}


#info
{
	margin-top: 0px;
	position: absolute;
	top: 260px;
}

#info p
{
	margin: 3px 0px;
}

#info h1
{
	position: relative;
	width: 250px;
	margin-bottom: 0px;
	padding-top: 15px;
	left: 0px;
}

#info img
{
	display: none;
}


#iphone-nav
{
	height: 35px;
	width: 100%;
	background-color: #b3e5fa;
	border-bottom: 2px solid red;
}

#iphone-nav h1
{
	text-align: center;
	padding-top: 35px;
	background: transparent url(../_media/mobile/mobile-media.png) no-repeat top center;
	height: 0px;
	overflow: hidden;
}

#iphone-nav #back
{
	position: absolute;
	top: 7px;
	left: 5px;
	background: transparent url(../_media/mobile/back.png) no-repeat top center;
	width: 42px;
	height: 20px;
	display: none;
}

.section h1
{
	position: absolute;
	width: 250px;
}

.section .dates
{
	position: absolute;
	top: 60px;
}

#symposium h1
{
	top: 100px;
}

#symposium .dates
{
	top: 140px;
}

#workshops h1
{
	top: 180px;
}

#workshops .dates
{
	top: 220px;
}

#sponsors
{
	width: 280px;
	margin: 0px auto 0px auto;
	text-align: center;
}

#sponsors li
{
	margin-right: 10px;
}

#sponsors li:last-child
{
	margin: 0px;
}

.section .content
{
	position: absolute;
	left: 320px;
	top: 0px;
	width: 250px;
}

#symposium h2
{
	margin: 25px 0px;
}


/**
* ANIMATION TO DETAIL
**/
body.detail #iphone-nav #back
{
	display: block;
}

.section.detail .content
{
	-webkit-animation-name: "detail-in";
	-webkit-animation-duration: .5s;
	left: 0px;
}

body.detail.lectures #main
{
	height: 600px;
}

body.detail.symposium #main
{
	height: 950px;
}

body.detail.lectures #iphone-nav h1
{
	background-image: url(../_media/mobile/lectures.png);
}

body.detail.symposium #iphone-nav h1
{
	background-image: url(../_media/mobile/symposium.png);
}

body.detail.workshops #iphone-nav h1
{
	background-image: url(../_media/mobile/workshops.png);
}


body.detail #lectures h1,
body.detail #lectures .dates,
body.detail #symposium h1,
body.detail #symposium .dates,
body.detail #workshops h1,
body.detail #workshops .dates,
body.detail #info
{
	-webkit-animation-name: "home-out";
	-webkit-animation-duration: .5s;
	left: -320px;
}

@-webkit-keyframes "detail-in" {
	from { left: 320px; }
	to { left: 0px; }
}

@-webkit-keyframes "home-out" {
	from { left: 0px; }
	to { left: -320px; }
}




/**
* ANIMATION TO HOME
**/
body.home .section.detail .content
{
	-webkit-animation-name: "detail-out";
	-webkit-animation-duration: .5s;
	left: 320px;
}

body.home #lectures h1,
body.home #lectures .dates,
body.home #symposium h1,
body.home #symposium .dates,
body.home #workshops h1,
body.home #workshops .dates,
body.home #info
{
	-webkit-animation-name: "home-in";
	-webkit-animation-duration: .5s;
	left: 0px;
}

@-webkit-keyframes "detail-out" {
	from { left: 0px; }
	to { left: 320px; }
}

@-webkit-keyframes "home-in" {
	from { left: -320px; }
	to { left: 0px; }
}