/**
 * @author Jerome Coloma <jeromecoloma@gmail.com>
 * @copyright Copyright (c) 2007-2010, Frozynart Designs
 */

html, body { background-color: #FFFFFF; color: #000000; font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif; }
input { outline: none; }
p { color: #000000; font-size: 1.1em; padding: 6px 0 12px 0; }
h1,h2,h3,h4 { color: #000000; line-height: 1.2em; margin: 0; padding: 0; }
ol,ul { margin-left: 25px; }
ol li,ul li { margin-bottom: 4px; margin-top: 4px; }
blockquote { border-left: 2px solid #6DA0F5; padding-left: 10px; }
a:focus,a:hover { color: #31142D; }
a { color: #742E6A; }

.c-1 { color: #ff3885; }
.c-2 { color: #742e6a; }
.c-3 { color: #ff9600; }
.c-4 { color: #b0c427; }
.c-5 { color: #5afffe; }
.c-6 { color: #ffdf05; }
.c-7 { color: #697800; }
.c-8 { color: #ffc000; }
.bc-1 { background-color: #ff3885; }
.bc-2 { background-color: #742e6a; }
.bc-3 { background-color: #ff9600; }
.bc-4 { background-color: #b0c427; }
.bc-5 { background-color: #5afffe; }
.bc-6 { background-color: #ffdf05; }

h1 { font-size: 2.4em; line-height: 1.8em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }

#skip-to-main-content { left: -9999px; position: absolute; }
#main-container { background: url(../img/2010/ui/main-container-bg.png) 0 0 no-repeat; margin: 0 auto; width: 940px; }
#main-container { }
#container { }
#masthead { height: 236px; position: relative; }

#logo, #top-slogan, #top-event-info, #top-tickets { position: absolute; }
#logo { left: 16px; top: 30px; }
#logo a { }

#top-slogan { background: url(../img/2010/ui/top-slogan.png) 0 0 no-repeat; color: #000000; font-size: 1.2em; height: 13px; left: 20px; text-indent: -9999px; top: 84px; width: 289px; }

#top-event-info { color: #000000; left: 318px; top: 100px; }
#top-event-info abbr { border: 0; }
#top-event-info .day { display: block; font-size: 2.96em; text-transform: uppercase; }
#top-event-info .time { font-size: 1.46em; margin: 0 0 0 6px; position: relative; top: -4px; }
#top-event-info .location { margin: 6px 0 0 0; }
#top-event-info .location span { font-size: 1.46em; margin: 0 0 0 6px; position: relative; top: -4px; }
#top-event-info .location .building { display: block; font-size: 2.96em; margin: 0; top: 0; }

#top-tickets { left: 712px; margin: 0; padding: 0; top: 28px; }
#top-tickets a { background: url(../img/2010/ui/top-tickets-bg.png) 0 0 no-repeat; display: block; height: 124px; margin: 0; padding: 0; text-indent: -9999px; width: 213px; }

#left-content, #right-content { float: right; margin: 0; overflow: hidden; padding: 0; position: relative; }
#left-content { left: 0%; margin: 0; padding: 0; top: -34px; width: 196px; }
#right-content { left: 0%; margin: 0; padding: 0; width: 744px; }


#left-content .logo-list { margin:0; padding:0; clear:both; }
#left-content .logo-list li { margin:0; padding:0; list-style-type:none; float:left; }
#left-content .logo-list li a { margin:0; padding:0; display:block; text-indent:-9999px; }
#left-content .logo-list.presented-by li { width:180px; }
#left-content .logo-list.presented-by li a { width:180px; background: url(../img/2010/ui/presented-by-bg.png) 0 0 no-repeat; }
#left-content .logo-list.presented-by li.l1 a { height:32px; }
#left-content .logo-list.presented-by li.l2 a { height:55px; background-position:0 -32px; }
#left-content .logo-list.presented-by li.l3 a { height:38px; background-position:0 -87px; }

#left-content .logo-list.media-partners li { }
#left-content .logo-list.media-partners li a { height:42px; background: url(../img/2010/ui/media-partners-bg.png) 0 0 no-repeat; }
#left-content .logo-list.media-partners li.l1 a { width:180px; }
#left-content .logo-list.media-partners li.l2 a { width:90px; background-position:0 -42px; }
#left-content .logo-list.media-partners li.l3 a { width:90px; background-position:-90px -42px; }


#left-content .logo-list.event-partners li { }
#left-content .logo-list.event-partners li a { background: url(../img/2010/ui/event-partners-bg.png) 0 0 no-repeat; }
#left-content .logo-list.event-partners li.l1 a { width:65px; height:52px; }
#left-content .logo-list.event-partners li.l2 a { width:54px; height:52px; background-position:-65px 0; }
#left-content .logo-list.event-partners li.l3 a { width:61px; height:52px; background-position:-119px 0; }
#left-content .logo-list.event-partners li.l4 a { width:119px; height:54px; background-position:0 -52px; }
#left-content .logo-list.event-partners li.l5 a { width:61px; height:54px; background-position:-119px -52px; }
#left-content .logo-list.event-partners li.l6 a { width:71px; height:55px; background-position:0 -106px; }
#left-content .logo-list.event-partners li.l7 a { width:109px; height:55px; background-position:-71px -106px; }


#extra-navigation { margin: 0 0 0 0; padding: 0; }
#extra-navigation li { list-style-type: none; margin: 0 auto 30px auto; padding: 0; text-align: center; }
#extra-navigation a { color: #333333; display: block; margin: 0 auto 0 auto; padding: 0 0 0 0; text-align: left; text-indent: -9999px; }
#extra-navigation a:hover { color: #f2729b; }
#extra-navigation li.l1 a { background: url(../img/2010/ui/join-the-gm-facebook-page-bg.png) 0 0 no-repeat; height: 33px; width: 175px; }
#extra-navigation li.l2 a { background: url(../img/2010/ui/download-the-event-poster-bg.png) 0 0 no-repeat; height: 240px; width: 165px; }
#extra-navigation li.l3 a { background: url(../img/2010/ui/manila-design-week-bg.png) 0 0 no-repeat; height: 146px; width: 122px; }
#content { clear: both; height: auto; margin: 0 0 0 0; padding: 0 0 0 0; }

#inner-content { padding: 0; }
#inner-content .content-box { font-size: 1.3em; padding: 80px 35px 30px 40px; }
#inner-content .content-box p { font-size: 1.0em; }

#main-navigation { margin: 0 0 0 114px; padding: 0; }
#main-navigation li { float: left; list-style-type: none; margin: 0 0 0 13px; padding: 0; }
#main-navigation li a { background: url(../img/2010/ui/main-navigation-sprite.png) 0 0 no-repeat transparent; color: #000000; display: block; font-size: 1.0em; height: 48px; margin: 0; padding: 0 0 0 0; text-indent: -9999px; width: 85px; }
#main-navigation li a:hover, #main-navigation li a.selected { color: #f2729b; }
#main-navigation li.l1 { margin: 0 0 0 0; }
#main-navigation li.l1 a { background-position: 0 -7px; }
#main-navigation li.l2 a { background-position: -96px -7px; }
#main-navigation li.l3 a { background-position: -195px -6px; }
#main-navigation li.l4 a { background-position: -298px -2px; }
#main-navigation li.l5 a { background-position: -392px -2px; }
#main-navigation li.l6 a { background-position: -491px 0; }

.container { cursor: pointer; height: 229px; overflow: hidden; position: relative; width: 229px; }

.rounded { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.rounded.b10 { border-radius: 20px; -moz-border-radius: 20px; padding: 10px 15px 10px 15px; -webkit-border-radius: 20px; }
.rounded.bc-2 { color: #FFFFFF; }
.rounded.bc-2:hover { color: #5afffe; }

.dlist { }
.dlist abbr { border: 0; }
.dlist dt { }
.dlist dd { }

.dlist.type-1 { }
.dlist.type-1 dt { color: #5d5e61; font-weight: bold; }
.dlist.type-1 dd { margin: 0 0 12px 0; }

.dlist.type-2 { }
.dlist.type-2 dt { color: #11c3c2; font-weight: bold; }
.dlist.type-2 dd { margin: 0 0 20px 0; }
.dlist.type-3 { }
.dlist.type-3 dt { font-weight: bold; }
.dlist.type-3 dd { font-size: 0.9em; margin: 0 0 0 0; }

.dlist.type-4 { }
.dlist.type-4 dt { color: #697800; font-weight: bold; }
.dlist.type-4 dd { margin: 0 0 20px 0; }

.dlist.type-5 { }
.dlist.type-5 dt { color: #697800; font-weight: bold; }
.dlist.type-5 dd { margin: 0 0 0 0; font-size:0.9em; }

.speakers-list { margin: 0 auto; padding: 0 0 0 0; width: 533px; }
.speakers-list li { list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; }
.speakers-list li a { background: url(../img/2010/pages/speakers-sprite.jpg) 0 0 no-repeat transparent; display: block; height: 135px; text-indent: -9999px; width: 533px; }
.speakers-list li.l1 a { background-position: 0 0; }
.speakers-list li.l1 a:hover { background-position: -533px 0; }
.speakers-list li.l2 a { background-position: 0 -135px; }
.speakers-list li.l2 a:hover { background-position: -533px -135px; }
.speakers-list li.l3 a { background-position: 0 -269px; }
.speakers-list li.l3 a:hover { background-position: -533px -269px; }
.speakers-list li.l4 a { background-position: 0 -402px; }
.speakers-list li.l4 a:hover { background-position: -533px -402px; }
.speakers-list li.l5 a { background-position: 0 -538px; }
.speakers-list li.l5 a:hover { background-position: -533px -538px; }
.speakers-list li.l6 a { background-position: 0 -675px; }
.speakers-list li.l6 a:hover { background-position: -533px -675px; }

.two-col.home .col-1 { overflow: visible; }

.home .title { }
.home .title.speakers { background: url(../img/2010/ui/title-speakers-bg.png) 0 0 no-repeat; height: 110px; left: 60px; position: relative; text-indent: -9999px; top: 12px; width: 23px; }

.slides { left: 0; margin: 0; padding: 0; position: absolute; top: 0; }
.slides li { display: none; margin: 0; padding: 0; position: absolute; top: 0; width: 229px; }

#speaker-slider, #home-speaker-slider { clear: both; margin: 0 auto; position: relative; width: 687px; }
ul.pagination { list-style: none; margin: 0 0 0 70px; padding: 0; }
ul.pagination li { float: left; margin: 5px 5px 0 0; }
ul.pagination li a { background: url(../img/2010/ui/slider/buttons.png) -14px 0 no-repeat; display: block; height: 10px; text-indent: -9999px; width: 10px; }
ul.pagination li.active a, ul.pagination li.hover a { background-position: 0 0; }

.home .loopslider { width: 670px; }
.home .loopslider .container { height: 135px; width: 533px; }
.home .loopslider .speakers-list.slides { width: 533px; }
.home .loopslider .speakers-list.slides li { width: 533px; }
.home .loopslider .speakers-list.slides li.l1 a { background-position: -1066px 0; }
.home .loopslider .speakers-list.slides li.l2 a { background-position: -1066px -135px; }
.home .loopslider .speakers-list.slides li.l3 a { background-position: -1066px -269px; }
.home .loopslider .speakers-list.slides li.l4 a { background-position: -1066px -402px; }
.home .loopslider .speakers-list.slides li.l5 a { background-position: -1066px -538px; }
.home .loopslider .speakers-list.slides li.l6 a { background-position: -1066px -675px; }
.home .loopslider .pagination { float: right; margin: 0 160px 0 0; }

#tooltip { background-color: #ff3885; border: 1px solid #FFFFFF; opacity: 0.85; padding: 5px; position: absolute; z-index: 3000; }
#tooltip h3, #tooltip div { color: #FFFFFF; font-size: 1.2em; margin: 0; }

#frm { margin: 5px 0 0 0; width: 660px; }
#frm h4 { }
#frm ol { margin: 15px 0 0 0; padding: 0; }
#frm ol li { clear: both; list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; }
#frm ol li label { color: #7f0297; display: block; font-weight: bold; margin: 0 0 4px 0; }
#frm ol li .input-txt:focus, #frm ol li .input-textarea:focus, #frm ol li .input-select:focus, #frm ol li .input-txt-error:focus, #frm ul li .input-textarea-error:focus, #frm ol li .input-select-error:focus { border: 1px solid #cfcfcf !important; }
#frm ol li .input-txt, 
#frm ol li .input-textarea { background-color: #FFFFFF; border: 1px solid #cfcfcf; color: #666666; display: block; font-size: 1.0em; margin: 0 0 20px 0 !important; padding: 2px; width: 260px; }
#frm ol li .input-txt-error, #frm ol li .input-textarea-error, #frm ol li .input-select-error { border: 1px solid #CC0000 !important; }
#frm ol li .input-textarea { overflow: auto; }
#frm ol li .input-select { background-color: #FFFFFF; border: 1px solid #cfcfcf; color: #000000; margin: 0 0 20px 0 !important; }
#frm .btn-holder { clear: both; margin: 0 0 0 0; padding: 10px 0 0 0; }
#frm ol li .input-submit-btn { background-color: #FFFFFF; border: 1px solid #cfcfcf; color: #7f0297; cursor: pointer; padding: 4px 8px 4px 8px; }

#frm ol li.n {
    float:left;
}


#frm.type-1 { width: 320px; }
#frm.type-1 ol li label { color: #697800; }
#frm.type-1 ol li .input-submit-btn { color: #697800; }
#frm.type-1 ol li .input-submit-btn:hover { color: #333333; }

#frm.type-2 { }
#frm.type-2 ol li label { color: #ff9600; }
#frm.type-2 ol li .input-submit-btn { color: #ff9600; }
#frm.type-2 ol li .input-submit-btn:hover { color: #333333; }


#footer { background-color: #FFFFFF; clear: both; margin: 0 auto; padding: 0; width: 940px; }
#copyright { background: url(../img/2010/ui/footer-bg.png) 0 0 no-repeat; color: #b3b3b3; font-size: 1.2em; height: 26px; padding: 8px 0 8px 0; text-align: center; }
#copyright strong { color: #898989; }
#copyright a { color: #333333; text-decoration: none; }
#copyright a:hover { color: #666666; text-decoration: underline; }