* { margin: 0; padding: 0; }

html { font: 16px/24px 'proxima-nova-alt', 'proxima-nova', sans-serif; color: #333; background: #eee url(i/gradient.jpg) repeat-x; }

a img, fieldset { border: 0; }

p,
.content ul { margin-bottom: 24px; }
.pipe       { padding: 0 5px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); }
a           { text-decoration: none; color: #00addc; }
a:hover     { color: #ff6221; }
strong      { font-weight: 600; }

table       { width: 100%; border-collapse: collapse; margin-bottom: 24px; }
table th,
table td    { padding: 9px 10px; vertical-align: top; text-align: left; border-bottom: 1px solid #ccc; }

table th    { font-weight: 600; }


/* forms */

.error-field { color: #f00; }

.button,
button { 
    display: inline-block; padding: 4px 20px 5px; 
    font: 13px/24px 'proxima-nova-alt', 'proxima-nova', sans-serif; text-transform: uppercase; text-align: center; 
    color: #fff; 
    background: #ff6221; 
    border: 0; cursor: pointer;
    text-decoration: none; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -o-border-radius: 4px; 
    border-radius: 4px;
}

.button:hover,
button:hover { color: #fff; }

.secondary-button       { color: #00addc; background: #f6f6f6; }
.secondary-button:hover { color: #00addc; background: #eee; }

#register-form              { margin-bottom: 36px; }
#register-form .field       { float: left; width: 100%; clear: both; }
#register-form .field label { float: left; text-align: right; width: 33%; padding: 5px 2% 5px 0; }

#register-form .field       { padding: 9px 0; }
#register-form .input-text,
#register-form textarea     { border: 1px solid #ccc; padding: 5px 2%; height: 24px; font: 16px/18px 'proxima-nova-alt', 'proxima-nova', sans-serif; background: #fff; }
#register-form .input-text:focus,
#register-form textarea:focus   { border-color: #00addc; }
#register-form .input-text  { width: 40%; }
#register-form .small-text  { width: 25%; }
#register-form .tiny-text   { width: 8%; }
#register-form textarea     { width: 60%; height: 72px; }
#register-form .inline-note,
#register-form .inline-error  { clear: both; padding-left: 35%; }
#register-form .inline-error { padding-top: 5px; }

#register-form .select-wrapper { display: block; line-height: 34px; }

#register-form #packages th .input-radio    { float: left; margin: 5px 10px 0 0; }
#register-form #packages th span            { float: left; width: 90%; }
#register-form #packages td                 { text-align: right; vertical-align: top; }

#register-form #packages .select-wrapper   { background: red; padding-top: 0; }
#register-form .buttons                     { clear: both; padding-left: 35%; }
#register-form .buttons .button             { padding: 9px 20px !important; -webkit-appearance: none; }

.registracija-virmansko-body .main-content li { margin-left: 40px; list-style: square outside; }

.error-message { padding: 24px 20px 1px; margin-bottom: 24px; background: #f00; color: #fff; }


/* general layout */

#past-event-notice { background: #fff; padding: 12px 20px; margin: 0; text-align: center; }

.content    { background: #fff; }
.iframe-wrapper { background: #eee; margin-bottom: 24px; }

.grid           { padding: 18px 40px; }

.grid:after,
.header:after,
.nav:after,
.content:after,
.page-intro:after,
.section:after,
.speakers-list:after,
.time-table:after,
.footer:after   { content: " "; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }

.section        { clear: both; }

.content h1 { font-size: 36px; line-height: 45px; margin-bottom: 24px; color: #2c7e9d; }
.content h2 { font-size: 24px; line-height: 36px; margin-bottom: 18px; text-transform: uppercase; }
.content h3 { font-size: 18px; line-height: 24px; margin-bottom: 12px; }

h1, h2, h3, .time-table dt { font-weight: 600; text-transform: uppercase; }

.schedule-day       { font-size: 36px; line-height: 45px; color: #00addc; }
.content h1 span    { text-transform: none; }

/* sidebar */

.supplementary-content li   { list-style: none; }
.download-buttons li        { margin-bottom: 9px; }

.sponsor-services li,
.whats-included-list li     { margin: 0 0 9px 20px; list-style: square outside !important; }

.smallprint                 { font-style: italic; }
.smallprint small           { font-size: 13px; line-height: 18px; }


.local-nav ul           { margin: 0; }
.local-nav li           { list-style: none; }
.local-nav li.current a { color: #333; }
.local-nav li a         { display: block; padding: 4px 0 5px; }



/* header */

.header .grid   { padding-bottom: 0; }
.header,
.header a       { color: #fff; }
#logo           { 
    position: relative;
    font: 800 54px/54px 'proxima-nova', 'proxima-nova-alt', 'Helvetica Neue', sans-serif; margin-bottom: 9px; text-transform: uppercase; 
}
#logo a         { 
    color: #000; text-shadow: 0 0 1px rgba(0,0,0,.2); 
}

#logo a:after   {
    content: 'FFWD.PRO'; position: absolute; left: 0; top: 0; color: #fff;
    -webkit-mask-image: -webkit-linear-gradient(#000, rgba(0,0,0,.8));
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
}

#logo a img { position: absolute; left: -9999px; top: -9999px; }

#tagline strong { font-weight: normal; text-transform: uppercase; }

#travel-info { padding-left: 24px; background: url(i/icons/airplane.png) no-repeat 5px 1px; }


/* main nav */

#skip-to-navigation { display: none; }

#main-nav { float: left; clear: both; width: 100%; font-size: 13px; line-height: 24px; text-transform: uppercase; } 
#main-nav ul { margin-bottom: 0 !important; }
.nav li     { list-style: none; float: left; display: inline; }
.nav li a   { display: block; padding: 9px 20px; }

#main-nav a { 
    -webkit-border-radius: 4px 4px 0 0; 
    -moz-border-radius: 4px 4px 0 0; 
    -o-border-radius: 4px 4px 0 0; 
    border-radius: 4px 4px 0 0;
}
#main-nav a:hover { background: rgba(0,0,0,.2); }

#main-nav li.current a { 
    background: #fff; color: #00addc; 
}
#registration-link a {
    background: #ff6221; color: #fff; 
    -webkit-border-radius:  4px 4px 0 0; 
    -moz-border-radius:     4px 4px 0 0; 
    -o-border-radius:       4px 4px 0 0; 
    border-radius:          4px 4px 0 0;
}
#registration-link em       { font-style: normal; }
#registration-link a:hover  { background: #ef3305; }



/* footer */

#footer-nav             { float: left; clear: both; width: 100%; background: #00addc; }
#footer-nav .grid       { padding: 0 20px; }
#footer-nav ul          { margin: 0 0 0 -20px; }

#footer-nav li a        { color: #fff; }
#footer-nav li a:hover  { color: #ff6; }

#footer-nav li.current      { background: rgba(0,0,0,.2); }
#footer-nav li.current a    { color: #fff; }

.footer         { clear: both; }
.footer .grid   { padding-top: 36px; }
.footer h3      { margin-bottom: 12px; }

#footer-about { float: left; clear: both; }
#footer-about h3 { margin-bottom: 0; }
#footer-hosts { float: left; width: 280px; overflow: hidden; }

#copyright { clear: both; }








/* page intro */

.page-intro             { font-size: 24px; line-height: 36px; color: #00addc; }

.home-body h1           { border-bottom: 0 !important; }



/* speakers */

#speakers-list          { overflow-x: hidden; }
#speakers-list li       { list-style: none; float: left; display: inline; margin: 0 28px 24px 0; width: 130px; min-height: 198px; }
#speakers-list li img   { display: block; width: 130px; height: 130px; }
#speakers-list li strong { font-weight: normal; display: block; padding: 9px 0; }

.speakers-body .main-content .figure        { float: left; margin: 0 20px 2px 0; }
.speakers-body .main-content .figure img    { width: 130px; height: 130px; }

#home-speakers                          { background: #f2fbfd; border-top: 1px solid #b7e6f9; }
#home-speakers h2                       { color: #2c7e9d; margin-bottom: 12px; }
#home-speakers h2 strong                { color: #ff6221; }
#home-speakers #collective-client-list  { font-size: 18px; margin-bottom: 36px; }
#home-speakers #speakers-list           { margin-bottom: 0 !important; }
#home-speakers .grid                    { padding-bottom: 0 !important; }

.speakers-summary { list-style: none; }

.video { margin-bottom: 18px; }
.video iframe   { width: 100%; }



/* attendees */

.attendees-list         { float: left; width: 100% !important; margin: 0 0 54px !important; border-top: 1px solid #b7e6f9; }
.attendees-list li      { list-style: none; float: left; display: inline; width: 306.66px; margin: 0; }
.attendees-list li a,
.attendees-list li.no-twitter dl { display: block; padding: 9px 15px 9px 60px; border-bottom: 1px solid #eee; line-height: 40px; }

.attendees-list dl      { position: relative; }
.attendees-list dt      { }
.attendees-list .avatar { position: absolute; top: 9px; left: 0; }
.attendees-list .more-link a        { display: block; padding: 9px 0; border-bottom: 1px solid #eee; line-height: 40px; }
.attendees-list .more-link a strong { 
    display: block; font-weight: normal; font-size: 13px; text-transform: uppercase; text-align: center; color: #00addc; background: #f6f6f6; padding: 0 11px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -o-border-radius: 4px; 
    border-radius: 4px;
    }
.attendees-list .more-link a:hover strong { color: #fff; background: #eee; }

#home-attendees h2              { margin-bottom: 12px !important; color: #2c7e9d; }
#home-attendees .attendees-list { margin: 0 !important; }



/* schedule */

.time-table                     { margin-bottom: 24px; }
.time-table dl                  { height: auto !important; height: 130px; min-height: 130px; }
.time-table li.side-dish dl     { height: auto; min-height: 0; }
.time-table dt                  { font-size: 24px; line-height: 28px; margin-bottom: 18px; }
.time-table strong.time         { font-size: 24px; line-height: 28px; color: #00addc; }
.time-table dd.thumbnail        { float: left; margin-right: 20px; }
.time-table dd.thumbnail img    { width: 130px; height: 130px; }
.time-table dd.thumbnail br { line-height: 12px; }

.time-table li              { list-style: none; float: left; clear: both; display: inline; width: 100%; padding: 18px 0; border-bottom: 1px dotted #ccc; }
.time-table li .thumbnail   { line-height: 0; }
.time-table li.side-dish    { color: #999; }



/* venue */

.address li,
.contact-info li { list-style: none; }

#google-map-wrapper { clear: both; background: #cef455; height: 280px; margin-bottom: 18px; }

.travelling-section     { padding: 18px 0; border-top: 1px dotted #ccc; }
.travelling-section li  { list-style: square outside; margin: 0 0 9px 20px; }



/* workshops */

#workshops-list li:first-child  { padding-top: 0; }

#home-workshops                         { background: #00addc; text-align: center; }
#home-workshops h2                      { color: #ff6; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.5); }
#home-workshops .workshops-list         { float: left; width: 100%; margin: 0; }
#home-workshops .workshops-list li      { list-style: none; }
#home-workshops .workshops-list li h3   { margin-bottom: 0; }
#home-workshops .workshops-list li p    { margin-bottom: 0; }
#home-workshops .workshops-list li a    { display: block; color: #fff; padding: 9px 20px; }
#home-workshops .workshops-list li a:hover { background: rgba(0,0,0,.2) !important; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    -o-border-radius: 4px; 
    border-radius: 4px;
}

.mini-schedule { border-top: 1px solid #b7e6f9; }
.mini-schedule th,
.mini-schedule td   { border-color: #eee; }
.mini-schedule td   { text-align: right; }

.main-content #workshop-description li { margin-bottom: 18px; }

/* sponsors */


.sponsors-list li       { list-style: none; float: left; display: inline; margin: 0 40px 36px 0; width: 280px; height: 160px; background: rgba(255,255,255,.2); }
.sponsors-list li img   { width: 278px; height: 158px; border: 1px solid #b7e6f9; }

#home-sponsors      { }
#home-sponsors h2   { color: #fff; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.5); }

#home-partners      { border-top: 1px solid #b7e6f9; }
#home-partners h2   { margin-bottom: 18px; }



/* homepage */

.home-body .section .grid { padding: 24px 40px 36px !important; }
.home-body .section h2 { font-weight: 600; font-size: 36px; line-height: 45px; margin-bottom: 0; } 


/* newsletter */

#stay-in-the-loop           { background: #f2fbfd; border-top: 1px solid #b7e6f9; }
#stay-in-the-loop .grid     { padding-bottom: 24px !important; }
#stay-in-the-loop h3        { color: #00addc; }
#stay-in-the-loop p         { margin: 0 0 24px; }
#signup-form                { float: left; width: 100%; }
#signup-form form           { float: left; width: 100%; }
#signup-form .input-text    { 
    outline: none;
    float: left; width: 71%; 
    padding: 5px 2%; height: 24px; font: 16px/18px 'proxima-nova-alt', 'proxima-nova', sans-serif; border: 0; 
    -webkit-border-radius:  4px 0 0 4px; 
    -moz-border-radius:     4px 0 0 4px; 
    -o-border-radius:       4px 0 0 4px; 
    border-radius:          4px 0 0 4px;

}
#signup-form button { 
    float: left; width: 25%; text-align: center; padding: 5px 0; 
    -webkit-border-radius:  0 4px 4px 0; 
    -moz-border-radius:     0 4px 4px 0; 
    -o-border-radius:       0 4px 4px 0; 
    border-radius:          0 4px 4px 0;
}

#signup-form .follow        { float: left; clear: none; display: inline; padding: 14px 0 0; margin: 0; }