#sizer { min-width: 1024px; width: 100%; overflow: hidden; }

.float-right { float: right; }

.grid                       { width: 920px; margin: 0 auto; }
.content .grid              { padding: 36px 40px 72px; min-height: 450px; }
.home-body .content .grid   { min-height: 0; padding-bottom: 18px; }

#logo               { float: left; padding-bottom: 36px; }
#tagline            { float: right; padding-top: 3px; text-align: right; }

#travel-info                { float: right; clear: both; padding: 18px 0 24px 24px; background: url(i/icons/airplane.png) no-repeat 5px 22px; }

#registration-link  { float: right; }

.home-body #logo { margin-bottom: 168px; }

/*
.home-body #logo { float: none; width: 320px; height: 170; padding-bottom: 280px; margin: -18px auto 0; background: url(i/ffwd-home-title.png) no-repeat 0 -9px; text-indent: -9999px; overflow: hidden; }
.home-body #tagline { display: none; }
*/

#registration-link a {
    background: #ff6221; 
    background-image: -webkit-linear-gradient(#f64011, #ff6221); 
    background-image: -moz-linear-gradient(#f64011, #ff6221); 
    background-image: -o-linear-gradient(#f64011, #ff6221); 
    background-image: -ms-linear-gradient(#f64011, #ff6221); 
    background-image: linear-gradient(#f64011, #ff6221);
}

#main-nav li.current a {
    background: #fff;
    background-image: -webkit-linear-gradient(#f9f9f9, #fff); 
    background-image: -moz-linear-gradient(#f9f9f9, #fff); 
    background-image: -o-linear-gradient(#f9f9f9, #fff); 
    background-image: -ms-linear-gradient(#f9f9f9, #fff); 
    background-image: linear-gradient(#f9f9f9, #fff);
    
}

.home-body .header,
#home-workshops,
#home-sponsors,
#home-attendees .more-link a:hover strong    { background: #00addc url(i/bg-2012.jpg) repeat-x fixed center -40px; }

/* green bg */
/* #home-workshops { background: #87d808 url(i/bg-2012-green.jpg) repeat-x fixed center -40px;  } */

/* orange bg */
/* 
#stay-in-the-loop { background: #f64011 url(i/bg-2012-orange.jpg) repeat-x fixed center -40px;  }
#stay-in-the-loop { background: #87d808 url(i/bg-2012-green.jpg) repeat-x fixed center -40px;  }
*/


#homepage-intro h1 { 
    font: 900 86px/96px 'proxima-nova', 'proxima-nova-alt', sans-serif;
    text-rendering: optimizeLegibility;
    color: #2c7e9d; margin-bottom: 0;
}


#home-attendees .grid                 { position: relative; }

#footer-about { float: left; width: 65.2173913%; margin-right: 4.347826087%; }

.page-intro             { margin-bottom: 18px; }

.main-content           { float: left; width: 65.2173913%; overflow: hidden; }
.supplementary-content,
.local-nav              { float: left; display: inline; width: 30.43478261%; margin-left: 4.347826087%; }

.sidebox                { float: left; width: 100%; padding: 18px 0 0; background: #cff2ff; }
.sidebox li             { list-style: none; margin-bottom: 9px; }

.content h1                     { padding-bottom: 18px; border-bottom: 1px solid #b7e6f9; }

.schedule-day { float: right; }

.workshops-body .page-intro,
.sponsors-body .page-intro      { margin-bottom: 24px !important; border-bottom: 1px solid #b7e6f9; }

#speakers-list ul,
.home-body .sponsors-list { float: left; width: 120%; }

#speakers-list li { margin-right: 28px; }

.main-content #workshops-list   { float: left; width: 100%; } 
.main-content .sponsors-list    { float: left; width: 107%; }

/* speakers */

#speakers-local-nav { margin-top: 64px; border-top: 1px solid #ccc; padding-top: 18px; }
#speakers-local-nav li a { padding-left: 20px; }

.speakers-body .main-content { width: 46.73913043%; margin-left: 170px; overflow: visible; }
.speakers-info li { list-style: none; }
.speakers-info .figure { float: left; margin-left: -170px !important; }




/* schedule */

.time-table dl                  { padding: 0 0 0 320px; position: relative; }
.time-table dt                  { margin-bottom: 4px; }
.time-table strong.time         { position: absolute; left: 0; top: 0; width: 130px; }
.time-table dd.thumbnail        { position: absolute; left: 160px; top: 0; width: 130px; }
.time-table dd.thumbnail img    { width: 130px; height: 130px; }
.time-table dd.speaker          { margin-bottom: 12px; }



/* venue */

#about-conference-venue         { float: left; width: 100%; margin-bottom: 18px; }
#about-conference-venue .column { float: left; width: 30.43478261%; margin-right: 4.347826087%; }
#about-accommodation            { margin: 0 !important; }

#venue-address .figure      { margin: 0 0 18px; }
#venue-address .figure img  { width: 100%; }

#travelling-to-venue    { float: left; width: 100%; }
.travelling-section     { float: left; width: 65.2173913%; padding: 18px 0 18px 34.7826087%; }
.travelling-section h3  { float: left; width: 34.7826087%; margin-left: -53.3333333%; }
.travelling-section li  { list-style: square outside; margin-left: 40px; }



/* workshops */

#workshops-list li              { width: 100%; }
#workshops-list dl              { padding-left: 150px; }
#workshops-list .thumbnail      { left: 0; }

#workshops-list .time { position: static; width: auto !important; }

#home-workshops .workshops-list     { width: 100%; }
#home-workshops .workshops-list li  { float: left; width: 25%; }

/* sponsors */

#home-sponsors { color: #fff; }
#home-sponsors a { color: #ff6; }



/* newsletter */

#stay-in-the-loop h3            { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #b7e6f9; }
#stay-in-the-loop #twitter-loop { float: left; width: 49%; }
#stay-in-the-loop #signup-form  { float: right; width: 49%; padding-top: 12px; }
#stay-in-the-loop #signup-form form { 
    float: right; padding: 5px; background: rgba(0,173,220,.1); border: 1px solid #b7e6f9; 
    -webkit-border-radius:  4px;
    -moz-border-radius:     4px; 
    -o-border-radius:       4px; 
    border-radius:          4px;
}

/* test */
/*
#stay-in-the-loop h3 { color: #fff; border-bottom: 1px solid rgba(255,255,255,.5);}
#stay-in-the-loop #twitter-loop { color: #fff; } 
#stay-in-the-loop #twitter-loop a { color: #ff0; font-weight: 900; }


*/

.home-body .section .grid { padding-top: 36px !important; padding-bottom: 36px !important; }

.focus-mode { width: 280px; margin: 0 auto; }