/*  .......................  RESET  .......................  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, figure, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
img,
object,
embed {max-width: 100%;}

html {overflow-y: scroll;}

ul {list-style: none;}

blockquote, q {quotes: none;}

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

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

body {
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
:focus {
	outline: 0;
	}
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*  ....................  IE HTML 5 render  ....................  */

header, nav, footer, aside, section, article, mark, figure {display:block;}



/*  ....................  GENERAL RULES  ....................  */

@font-face {  
	  font-family:'Bebas';  
	  src: url('../fonts/BebasNeue.eot');	
	  src: local('Bebas Neue'), url('../fonts/BebasNeue.otf') format('opentype');
	  
	  font-weight:normal;
	  font-style:normal;
          font-variant:normal;
	} 

@font-face {
    font-family: 'SketchBlockBold';
    src: url('../fonts/sketch_block-webfont.eot');
    src: url('../fonts/sketch_block-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sketch_block-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
        
body {
	background:#1B131E url(../img/patterns/ptt_bg.png) repeat;
	color:#fff;
	}
body, select {
	font:13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
a {
	text-decoration:none;
        color:#fff;
	}
p {
    color: #CCC;
    font-size: 16px;
}

::selection {
	background:#4ACAF2;
	color:#fff;
}

::-moz-selection {
	background:#4ACAF2;
	color:#fff;
}

::-webkit-selection {
	background:#4ACAF2;
	color:#fff;
}
.clear {
        clear:both;
}
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#speakers,
#dove,
footer {
	background:url(../img/patterns/dotted_mob.png) center top no-repeat;
}

/*  ......................... BASE ..........................   */

html {	-webkit-text-size-adjust: none; }

img, fieldset {
	border: 0;
	height: auto;
}

body > article,
body > section {
    clear: both;
    display: block;
}
.wrapper {
	margin: 0 auto;
	width: 312px;
	padding:3px;

}
#topBar .wrapper {
	padding:0;

}
header {
    background:none;
    width: 100%;
}
        
/*  ...........................CONTENT..........................   */


#topBar {
    height:60px;
    background-color:rgba(0, 0, 0, 0.3); 
}
#logo {
    float:left;
    width:100%;
}
#logo a {
    margin: -130px 15px 0 0;
    float:left;
    display:block;
    width:95px;
    height:235px;
    background:url(../img/visuals/logo_mob.png) repeat;
    text-indent:-9999px;
}
#logo a:hover {
    opacity:0.7;
}
#socialBar a {
    display:block;
    width:37px;
    height:37px;
    float:left;
    text-indent:-9999px;
    margin:10px;
    opacity: 0.7;
    background-image:url(../img/icons/gen_mob.png);    
}
li#tw_page a {
    margin-left:151px;
    background-position:0 0;
}
li#fb_page a {
    background-position:-60px 0;
}
li#in_page a {
    background-position:-120px 0;
}
#socialBar li a:hover {
    opacity:0.5;
}
#topMenu {
    position:relative;
    margin-top: 50px;
}

h1, .altAction {			
    font:normal 42px Bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height:1;
    text-shadow: 1px 1px 1px #000;
    margin: -28px 0 0 112px;
    text-align:center;
}
h1 span {
	margin: -6px auto 0;
	text-align: center;
	color: #448EAA;
	display: block;
}
#logo p {
	font-size: 16px;
	text-align: center;
	color:#CCC;
}
#nav {
	display:none;
	
} 



/*  .......................  INTRO SOLD-OUT  .......................  */

#introSoldOut {
	margin:-20px 0 0 0;
}
#payoff {
    width:100%;
    float:left;
}

#payoff > p,
#payoff > p + p {
	display:none;
}

#visual {
    background: url("../img/visuals/post-it.png") repeat scroll -60px 0;
    float: left;
    min-height: 315px;
    padding: 65px 0 0 35px;
    width: 275px;
    margin:80px 0 0 10px;
}
#visual h2 {
    color:#333;
    font-size: 20px;
    text-align: center;
    margin: 0 0 10px -40px;
}
#visual ul {

}
#visual li {
    color: #333333;
    float: left;
    font-size: 16px;
    height: 37px;
    margin: 0 0 0 -30px;
    padding: 10px 0 0 20px;
    width: 140px;
}
li.hl1 {
    background: url(../img/icons/gen_mob.png) 0 -193px no-repeat;
}
li.hl2 {
	background: url(../img/icons/gen_mob.png) 13px -246px no-repeat;
}
li.hl3 {
	background-position: 13px -236px;
}
#mainAction {
	position:relative;
	border-radius:10px;
	background: #448faa;
	background: -moz-linear-gradient(45deg, #448faa 0%, #397a91 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#448faa), color-stop(100%,#397a91));
	background: -webkit-linear-gradient(45deg, #448faa 0%,#397a91 100%);
	background: -o-linear-gradient(45deg, #448faa 0%,#397a91 100%);
	background: -ms-linear-gradient(45deg, #448faa 0%,#397a91 100%);
	background: linear-gradient(45deg, #448faa 0%,#397a91 100%);
        padding:12px 20px;
        border:5px solid #fff;
        width:180px;
        text-align:center;
	margin: 30px 0 0 50px;	
}
#mainAction:hover {
	cursor: pointer;
	background: #397a91;
	background: -moz-linear-gradient(45deg, #397a91 0%, #448faa 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#397a91), color-stop(100%,#448faa));
	background: -webkit-linear-gradient(45deg, #397a91 0%,#448faa 100%);
	background: -o-linear-gradient(45deg, #397a91 0%,#448faa 100%);
	background: -ms-linear-gradient(45deg, #397a91 0%,#448faa 100%);
	background: linear-gradient(45deg, #397a91 0%,#448faa 100%);
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.9);
}
#mainAction blockquote {
	position: absolute;
	text-indent:-9999px;
	background: url("../img/visuals/soldout_mob.png") no-repeat;
	width:172px;
	height:82px;
	left: -43px;
	top: -40px;
}
#mainAction p {
    font:normal 18px Bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    letter-spacing:0px;
    color:#fff;
    text-shadow: 1px 1px 1px #666;
    line-height:1;    
}
#mainAction:hover p {
    text-shadow: -1px -1px 1px #333;
}
#mainAction p + p {
    font-size: 35px;
    color:#fff;
    text-shadow: 1px 1px 1px #666;
    letter-spacing:0px;    
}
#mainAction span {
	font-size:14px;
}
#mainAction span + span {
    padding:0 0 0 20px;
    background:url(../img/icons/gen_mob.png) no-repeat -40px -145px;  
}


/*  .......................  SPEAKERS PUBLIC .......................  */

#speakers {
    margin: 35px 0 0;
    padding: 140px 0 0;
}
#carousel {
    position:relative;
    left:20px;    
}
#carousel ul {
	width:312px;
}
#carouselNav ul {
	width:225px;
}
#carousel li {
    float:left;
    margin: 0 20px 20px 0;
    position:static;
}
#carousel a {
	display:block;
	width:130px;
	height:130px;
	border:3px solid #fff;
	background: url("../img/photos/available.png") no-repeat;
	text-indent:-9999px;
}
#carousel ul a:hover {
    opacity:0.6;
    cursor:default;
}
#carousel ul li[class~="freeSlot"] a:hover {
    cursor:pointer;
}

#albertoMucignat a,
#albertoMucignat .speakerThumb {
	background: url("../img/photos/mucignat.jpg") no-repeat;	
}
#yvonneBindi a,
#yvonneBindi .speakerThumb {
	background: url("../img/photos/yvonne.jpg") no-repeat;	
}
#ilariaMauric a,
#ilariaMauric .speakerThumb{
	background: url("../img/photos/mauric1.jpg") no-repeat;	
}
#trojaniCecconami a,
#trojaniCecconami .speakerThumb{
	background: url("../img/photos/tj_cecco2.jpg") no-repeat;	
}
#paoloCattaneo a,
#paoloCattaneo .speakerThumb{
	background: url("../img/photos/cattaneo.jpg") no-repeat;	
}
#mariannaTomassi a,
#mariannaTomassi .speakerThumb {
	background: url("../img/photos/marianna.jpg") no-repeat;	
}
#susannaFerrario a,
#susannaFerrario .speakerThumb{
	background: url("../img/photos/ferrario.jpg") no-repeat;	
}
#pesaniPustorino a,
#pesaniPustorino .speakerThumb{
	background: url("../img/photos/pesani-pustorino.jpg") no-repeat;	
}
#armani a,
#armani .speakerThumb{
	background: url("../img/photos/armani.jpg") no-repeat;	
}
#borin a,
#borin .speakerThumb{
	background: url("../img/photos/borin.jpg") no-repeat;	
}
#canale a,
#canale .speakerThumb{
	background: url("../img/photos/fabiana.jpg") no-repeat;	
}
#carousel .preview {
	display:none;
	width:287px;
	height:287px;
	border:3px solid #fff;
	background-color:#ccc;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
}

#speakersListgo2,
#speakersListgo3,
#speakersListgo4 {display:none}

.speakerThumb {
	width:130px;
	height:130px;
	background: url("../img/photos/available.png") no-repeat;
	text-indent:-9999px;
}
.speakerName {
    background-color: #fff;
    color: #4ACAF2;
    float: left;
    font: 18px Bebas,"Helvetica Neue",Helvetica,Arial,sans-serif;
    height: 15px;
    letter-spacing: 0;
    margin: -120px 0 0 127px;
    padding: 8px 0 8px 14px;
    text-transform: uppercase;
    width: 163px;
    border-bottom:1px solid #999;
    line-height:1;    
}
.speakerName.smaller {
	font-size:16px;
}
.talkName {
    color: #333;
    float: left;
    letter-spacing: 0;
    margin: -70px 5px 0 140px;
    font-weight:bold;
}
.talksummary {
    color: #666666;
    font-size: 12px;
    line-height: 1.4;
    margin: 15px;
}
 
#speakers h2,
#dove h2,
footer h2 {
    font: 50px 'SketchBlockBold',"Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: -2px;
    color:#4ACAF2;
    line-height:1;    
}

#carouselNav {
    float:left;
    clear:both;
    margin: 0 0 40px 51px;
}
#carouselNav ul li {
	margin: 0 30px 0 0;
}

#carouselNav ul li a {
    background: none repeat scroll 0 0 #666;
    border:0;
    border-radius: 15px 15px 15px 15px;
    cursor: pointer;
    height: 25px;
    width: 25px;    
    text-indent: -9999px;
}
#carouselNav ul li a.selected {
    background: #4ACAF2;
}
#carouselNav ul li a.selected:hover {
    opacity:1;
    cursor: default;
}
#carouselNav ul li a:hover {
	cursor:pointer;
}

#speakersMain {
    padding-bottom:40px;
    position:relative;
    float:left;
}
#speakersMain h2 {
    left: 0;
    position: absolute;
    top: -460px;
}
#speakersMain h2 + p {
    margin: 0 0 40px;
    width: 330px;
}
#speakers .altAction {
    background: url(../img/icons/gen_mob.png) no-repeat 250px -140px;
    display: block;
    padding: 0;
    margin:0;
    width: 285px;
    text-align:left;
}
#speakers .altAction:hover {
	opacity:0.5;
}


/*  .......................  DOVE  .......................  */

#dove {
    margin: 100px 0 0;
    padding: 65px 0 0;	
}

#contacts {
    clear: both;
    
}
#contacts h3 {
    font:normal 30px Bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    text-align:right;    
    letter-spacing:0px;
    margin: 30px 0 20px;
    line-height:1;    
}
#googleMap {
    float: right;
    height: 240px;
    padding: 20px 5px 5px 15px;
    width: 290px;
    background:url(../img/visuals/under_maps.png) no-repeat center 0;
    margin:20px 0 0 0;
    overflow:hidden;
}
#dove iframe {
    width:280px;
    height:230px;
    overflow:hidden;
}
#map {  
    overflow:hidden;
    height:220px;
}

#contacts p {
    font-size: 18px;
    text-align:right;
}
#dada {
    clear: both;
    float: right;
    height: 220px;
    margin: 80px 0 0;
    width: 300px;
}
#dada h3 {
    
}
#dada p {
    margin:20px 0;
}
#dada a {
    clear: both;
    color: #4ACAF2;
    float: left;
    margin: 5px 0;
	font-size: 16px;   
}
#dada a:hover {
    color: #fff;
}

/*  .......................  FOOTER  .......................  */

footer {
    margin: 100px 0 0;
    padding: 35px 0 0;
}
footer h2 {
    margin: 40px 0 0; 
}
footer h2 a {
    display: block;
    height: 55px;
    margin: 0 0 0 200px;
    text-indent: -9999px;
    width: 55px;
}
footer h2 a:hover {
	opacity:0.6;
}
footer h2 span {
    float:left;
    margin: 5px 0 0;
}
#twWidget,
#fbWidget {
    width:300px;
    float:left;
}
#twWidget {
    margin:0 20px 0 0;
}
#fbWidget {
    margin:40px 0;
}
#fbWidget h2 a {
	background:url(../img/icons/gen_mob.png) no-repeat 0 -55px;
	margin: 0 0 0 250px;
}
#twWidget h2 a {
	background:url(../img/icons/gen_mob.png) no-repeat -80px -55px;
}
#fbWidget p {
    width:320px;
    margin: 45px 0 40px;
}

/*  .......................  Twitter Widget  .......................  */
.twtr-doc {
	width:310px !important;
}
.twtr-widget .twtr-tweet {
    border-bottom: none !important;
    margin: 20px;
    overflow: hidden;
}
.twtr-hd {
    display:none;
}
.twtr-bd {
    margin: 0 0 0 -20px;
}
.twtr-bd p {
    margin: 0 0 0 -20px;
    font-style:italic;
    font-size:13px;
}
.twtr-img {
    height: 30px !important;
    width: 30px  !important;
}
.twtr-bd .twtr-user {
    display:block !important;
    font-size: 15px;
    font-style: normal;
}
.twtr-bd .twtr-user:before {
    content:"@";
} 

/*  .......................  Facebook Widget  .......................  */

.fb_iframe_widget {
    left: 10px;
}