/*:: Framework 1.5.4 ------------------------------------- */ /* - Modified E.Meyer Style 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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; vertical-align:baseline;} input{margin:0; padding:0;} :focus {outline:0;} body {line-height:1;} table {border-collapse:separate; border-spacing:0;} caption, th, td {text-align:left; font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} /* - Clear Fix Based On http://www.positioniseverything.net/easyclearing.html - */ .cf:after, .wrapper:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .cf, .wrapper{display: inline-block;} html[xmlns] .cf, html[xmlns] .wrapper{display: block;} /*:: body ------------------------------------- */ body{background:url(images/bg.gif) repeat left top; font-family:Arial, Helvetica, Sans-Serif;} #overall{width:964px; margin:0 auto;} /*:: Shelf ------------------------------------- */ #shelf{position:absolute; width:100%; z-index:100; top:-124px; left:0;} #shelf #stage{background:#fff; height:42px; border-bottom:2px solid #ccccce; padding:40px 0;} #shelf #wrapper{width:964px; margin:0 auto;} #shelf h4{float:left; color:#dc6d40; font-size:28px; margin:0 8px 0 0; text-transform:uppercase; line-height:42px;} #shelf .button a{float:left; height:42px; width:42px; background-position:top left; display:block; text-indent:-1000em; margin-right:8px;} #shelf .button a:hover{background-position:center left;} #shelf .button a:active{background-position:bottom left;} #twitter a{background-image:url(images/btn-twitter.gif);} #vimeo a{background-image:url(images/btn-vimeo.gif); margin-right:40px !important;} #addThis a{background-image:url(images/btn-addthis.gif); margin-right:40px !important;} #shelf input#dturll-dturll{width:242px; height:42px; margin:0; border:0; background:url(images/bg-input.gif) no-repeat left top; float:left; color:#444; font-size:22px; padding-left:10px;} #shelf input#dturll-dturll.on{background-position:left center;} #shelf input#dturll-dturll.error{background-position:left bottom;} #shelf input#submit{width:88px; height:42px; background:url(images/btn-signup.gif) no-repeat left top; float:left; margin-left:8px;} #shelf input#submit:hover{background-position:left center;} #shelf input#submit:active{background-position:left bottom;} #shelf #share{position:absolute; left:50%; width:221px; height:40px; text-indent:-1000em; background:url(images/btn-share.png) no-repeat 0 0; margin-left:259px;} #shelf #share:hover{background-position:0 -40px;} #shelf #share:active{background-position:0 -80px} #shelf #share.on{background-position:0 -120px; margin-top:-2px;} #shelf #share.on:hover{background-position:0 -160px;} #shelf #share.on:active{background-position:0 -200px;} /*:: Header ------------------------------------- */ #header{height:120px; padding:0 2px; position:relative; z-index:10;} #header h1 a{display:block; text-indent:-1000em; height:176px; width:203px; background:url(images/logo.png) no-repeat left top; position:absolute; left:10px; top:30px; z-index:10;} #header #nav{float:right; clear:right; padding-top:70px; width:600px; margin-right:-1px;} #header .button a{float:right; height:42px; margin:0 0 0 8px; background-position:left top; background-repeat:no-repeat; text-indent:-1000em;} #header .button a:hover, #header .on a{background-position:left center;} #header .button a:active{background-position:left bottom;} #header #register a{width:135px; background-image:url(images/btn-register.gif); height:45px; margin-top:-3px;} #header #speakers a{width:108px; background-image:url(images/btn-speakers.gif);} #header #schedule a{width:106px; background-image:url(images/btn-schedule.gif);} #header #home a{width:67px; background-image:url(images/btn-home.gif);} /*:: Content ------------------------------------- */ #onionBackground{background:url(images/onionBackground.gif) repeat-y left top;} #onionBottom{background:url(images/onionBottom.gif) no-repeat left bottom;} #onionTop{background:url(images/onionTop.gif) no-repeat left top; padding:0 2px 2px 2px;} #content{background:url(images/bg-content.png) no-repeat left top; position:relative;} #cornerFix{height:212px; width:212px; position:absolute; bottom:0; left:0; background:url(images/bg-cornerfix.png) no-repeat left bottom;} #lCol, #rCol{float:left; position:relative;} /* - Left Column - */ #lCol{height:730px; width:480px;} html>body #lCol{height:auto; min-height:730px;} #lCol h2, #lCol p, #lCol address{position:absolute; background-repeat:no-repeat; background-position:left top; text-indent:-1000em;} #lCol p#intro{height:141px; width:252px; background-image:url(images/ir-intro.gif); top:97px; left:27px;} #lCol p#time{height:78px; width:113px; background-image:url(images/ir-time.gif); left:186px; top:221px;} #lCol p#price{height:72px; width:127px; background-image:url(images/ir-price.gif); left:185px; top:300px;} #lCol address#place a{display:block; position:absolute; height:140px; width:198px; background-image:url(images/ir-place.gif); left:165px; top:356px;} #lCol p#tweetup a{display:block; position:absolute; height:118px; width:203px; background-image:url(images/ir-tweetup.gif); left:184px; top:476px;} #lCol p#proceeds{height:78px; width:220px; background-image:url(images/ir-proceeds.gif); left:148px; top:591px;} /* - Right Column - */ #rCol{width:480px; padding:34px 0 20px 0; color:#fff; background:url(images/bg-rCol.png) no-repeat top right; height:210px;} html>body #rCol{height:auto; min-height:210px;} #topInfo{margin:0 20px 0 0;} #footInfo{margin:0 20px 0 0;} .rColTop{background:url(images/rColTop.png) no-repeat top left;width:460px;} .rColBottom{background:url(images/rColBottom.png) no-repeat bottom left; padding:6px 0 7px 0;} .rColBg{color:#333; line-height:18px; font-size:12px; background:url(images/rColBg.png) repeat-y top left; padding:16px 22px 4px 24px;} #rCol #speakerHolder{position:relative; padding-bottom:8px;} #rCol #speakerHolder h4{font-size:36px; text-transform:uppercase; padding:17px 0 8px 0; height:39px; color:#333;} #rCol #speakerHolder .speaker{display:none; height:114px;} #rCol #speakerHolder .on{display:block;} #rCol #speakerHolder .speaker img{clear:both; margin-left:0; background:url(images/bubbleTail.gif) no-repeat left center; padding-left:20px; position:relative; z-index:10; margin-bottom:0;} #rCol #speakerHolder .timeline{border:1px solid #ccccce; padding:10px; float:right; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; width:293px; margin-right:-1px; height:58px; -moz-box-shadow: -2px 2px 0px #ccccce; -webkit-box-shadow: -2px 2px 0px #ccccce; box-shadow: -2px 2px 0px #ccccce;} html>body #rCol #speakerHolder .timeline{height:auto; min-height:58px;} #rCol #speakerHolder .timeline ul{list-style:none; margin:0;} #rCol #speakerHolder ul li a.time{display:none;} #rCol #speakerHolder h5{clear:both;} #rCol #speakerHolder h5 a{font-size:22px; color:#dc6d40; text-decoration:none; text-transform:uppercase; float:left; margin:10px 1ex 0 0;} #rCol #speakerHolder p{float:left; line-height:24px; padding-top:7px; margin-bottom:0;} #rCol #speakerHolder #nextBtn, #rCol #speakerHolder #prevBtn{position:absolute; display:block; text-indent:-1000em; width:13px; height:52px; background-repeat:no-repeat; background-position:top left; top:50%; margin-top:-26px;} #rCol #speakerHolder #nextBtn:active, #rCol #speakerHolder #prevBtn:active{background-position:bottom left;} #rCol #speakerHolder #nextBtn{background-image:url(images/nextBtn.png); right:-25px;} #rCol #speakerHolder #prevBtn{background-image:url(images/prevBtn.png); left:-27px;} /*:: Speakers ------------------------------------- */ #rCol h2{font-size:60px; text-transform:uppercase; padding-bottom:5px; height:66px;} #rCol h3{font-size:36px; text-transform:uppercase; padding:37px 0 1px 0; height:39px;} #rCol h4, #rCol p, #rCol ul{font-size:12px; line-height:20px;} #rCol p, #rCol ul, #rCol dl{margin-bottom:1em;} #rCol .videoHolder{margin-bottom:8px;} #rCol p a, #rCol ul a, #rCol dl a{color:#dc6d40;} #rCol p a:hover, #rCol ul a:hover, #rCol dl a:hover, #rCol p a:visited:hover, #rCol ul a:visited:hover, #rCol dl a:visited:hover{text-decoration:none; color:#dc6d40;} #rCol p a:visited, #rCol ul a:visited, #rCol dl a:visited{color:#dc6d40;} #rCol ul{margin-left:14px;} #socialholder, .socialholder{float:right; margin:-42px 0 0 0;} .icon{height:42px; width:42px; text-indent:-1000em; background-repeat:no-repeat; background-position:left top; float:left; margin-left:8px;} .icon:hover{background-position:left center;} .icon:active{background-position:left bottom;} .facebook{background-image:url(images/icon-facebook.png);} .linkedin{background-image:url(images/icon-linkedin.png);} .twitter{background-image:url(images/icon-twitter.png);} .website{background-image:url(images/icon-website.png);} .youtube{background-image:url(images/icon-youtube.png);} .flickr{background-image:url(images/icon-flickr.png);} .vimeo{background-image:url(images/icon-vimeo.png);} .slideshare{background-image:url(images/icon-slideshare.png);} #backBtn{display:block; height:42px; width:65px; background:url(images/btn-back.png) no-repeat left top; text-indent:-1000em; margin-top:8px;} #backBtn:hover{background-position:left center;} #backBtn:active{background-position:left bottom;} #rCol img{float:right; margin-left:20px; margin-bottom:15px;} /*:: Speakers Listing ------------------------------------- */ #rCol ul.speakers{list-style:none; margin-left:0px;} #rCol ul.speakers li{padding-bottom:10px; float:left; width:100%; border-bottom:1px solid #ccccce; margin-bottom:10px;} #rCol ul.speakers li a{display:block; text-decoration:none;} #rCol ul.speakers li img{float:left; margin:0 20px 0 0;} #rCol ul.speakers li strong{font-size:24px; display:block; text-transform:uppercase; padding-top:20px;} #rCol ul.speakers li em{display:block; font-style:normal;} #rCol ul.speakers li.bottom{border-bottom:none; padding-bottom:0;} /*:: Schedule ------------------------------------- */ dt{font-weight:bold; font-size:30px; clear:both; background:url(images/bg-time.gif) no-repeat top left; color:#fff; height:29px; padding:7px 0 0 6px; text-transform:uppercase;} *+html dt{padding-top:3px; height:33px;} *html dt{padding-top:4px; height:32px;} dd{float:left; width:197px; margin-right:20px; padding:20px 0;} dd.last{margin-right:0;} dd.single{width:100%; float:none; margin-right:0;} dd.bottom{padding-bottom:0;} dd strong{font-size:14px; float:left;background:url(images/bg-sched.gif) no-repeat right bottom; padding:0 26px 4px 0; position:relative; z-index:10;} dd strong.nobubble{background-image:none; padding:0;} dd a{text-decoration:none;} dd a:hover{text-decoration:underline !important;} dd span{padding:10px; border:1px solid #ccccce; display:block; float:left; margin-top:-1px; width:175px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:20px; -moz-box-shadow: -2px 2px 0px #ccccce; -webkit-box-shadow: -2px 2px 0px #ccccce; box-shadow: -2px 2px 0px #ccccce;} dd.single span{width:392px;} #IE6Fix{height:0; overflow:hidden;} *html #IE6Fix{display:block; padding-top:20px;} /*:: Footer ------------------------------------- */ #footer ul{list-style:none;} #footer ul li{float:left;} #footer ul li a{text-indent:-1000em; display:block; background-position:left top; background-repeat:no-repeat; position:relative; z-index:10; margin-right:24px; margin-bottom:20px;} #footer ul li a:hover{background-position:left bottom;} #comet a{background-image:url(images/bottom-comet.png); width:86px; height:114px; margin-top:-61px; margin-left:4px;} #marquette a{background-image:url(images/bottom-marquette.png); width:126px; height:75px; margin-top:-23px;} #prssa a{background-image:url(images/bottom-prssa.png); width:94px; height:52px; margin-top:23px;} #lightburn a{background-image:url(images/bottom-lightburn.png); width:127px; height:39px; margin-top:23px;} #aboutface a{background-image:url(images/bottom-aboutFace.png); width:50px; height:50px; margin-top:7px;} #marcus a{background-image:url(images/bottom-marcus.png); width:91px; height:37px; margin-top:23px;} #printing a{background-image:url(images/bottom-printing.png); width:152px; height:29px; margin-top:15px;} #footer #tec a{background-image:url(images/bottom-tec.png); width:64px; height:30px; margin-top:24px; margin-right:0;}