/* Global Styles */ body { background: #393939 url(/images/site/bg-body.png) repeat center top; font-family: "Trebuchet MS", "Lucida Sans", Helvetica, Arial, sans-serif; } .body-panel { position: relative; width: 950px; margin: 0 auto; } #branding .body-panel { height: 180px; padding-top: 330px; background: transparent url(/images/site/bg-branding.png) no-repeat left top; } #branding a { position: absolute; left: 150px; top: 60px; width: 600px; height: 180px; text-indent: -9999px; } #branding p { margin-bottom: 1em; padding: 0 25px; color: #fff; font-size: 18px; line-height: 1.3; text-align: center; } #content { padding-top: 50px; background: #404040 url(/images/site/bg-content.png) repeat-x left top; } #siteinfo { position: relative; overflow: hidden; padding-top: 50px; padding-bottom: 130px; background: transparent url(/images/site/bg-siteinfo.png) repeat-x left top; } #siteinfo h2 { font-size: 20px; } #siteinfo p { font-size: 1.4em; line-height: 1.5; } #siteinfo a { color: #fff; } #siteinfo #siteinfo-workwithus, #siteinfo #siteinfo-contactus { width: 300px; float: left; margin-left: 50px; } #siteinfo #contact1 { padding-left: 45px; height: 30px; background: transparent url(/images/site/bg-footer-contact1.png) no-repeat left top; } #siteinfo #contact2 { padding-left: 45px; height: 30px; background: transparent url(/images/site/bg-footer-contact2.png) no-repeat left top; } #siteinfo #contact3 { padding-left: 45px; height: 30px; background: transparent url(/images/site/bg-footer-contact3.png) no-repeat left top; } #siteinfo #siteinfo-copyright { position: absolute; left: 650px; top: 200px; text-align: right; font-size: 1.2em;} #siteinfo #siteinfo-tcn { position: absolute; left: 790px; top: 180px; width: 55px; height: 68px; background: transparent url(/images/site/logo-tcn.png) no-repeat left top; text-indent: -9999px; } #siteinfo #siteinfo-this { position: absolute; left: 860px; top: 194px; width: 90px; height: 36px; background: transparent url(/images/site/bg-logo-this.png) no-repeat left top; text-indent: -9999px; } /* Navigation */ #navmain { margin: -88px auto 0; overflow: hidden; } #navmain ul { text-align: center; } #navmain li { display: inline; line-height: 88px; } #navmain a { display: inline-block; padding: 0 20px; line-height: 88px; font-size: 40px; } #navmain a:hover { background: transparent url(/images/site/bg-navmain-li-hover.png) repeat-x left top; text-decoration: none; } /* Activity */ #activity h2 { margin-left: 30px; } #activity ul { overflow: hidden; } #activity li { float: left; width: 220px; height: 220px; margin-right: 15px; background: transparent url(/images/site/bg-activity.png) no-repeat left top; } #activity li.last { margin-right: 0; } #activity li.active { background: transparent url(/images/site/bg-activity-active.png) no-repeat left top; } #activity li a { display: block; width: 220px; height: 220px; text-indent: -9999px; } #activity li a#activity-proporta { background: transparent url(/images/site/bg-activity-closed-proporta.jpg) no-repeat center center; } #activity li a#activity-flickz { background: transparent url(/images/site/bg-activity-closed-flickz.jpg) no-repeat center center; } #activity li a#activity-humyo { background: transparent url(/images/site/bg-activity-closed-humyo.jpg) no-repeat center center; } #activity li a#activity-macpaw { background: transparent url(/images/site/bg-activity-closed-macpaw.jpg) no-repeat center center; } #activity li a#activity-ilium { background: transparent url(/images/site/bg-activity-closed-ilium.png) no-repeat center center; } #activity li a#activity-proporta-two { background: transparent url(/images/site/bg-activity-closed-proporta.jpg) no-repeat center center; } /* Tweets */ #tweets { position: relative; margin-top: 20px; margin-left: 30px; padding-bottom: 60px; } #tweets p.tweet { position: absolute; left: 257px; top: 0; display: none; width: 580px; } #tweets p.first { display: block; } #tweets h2 { font-size: 24px; width: 110px; margin-left: 54px; text-align: right;} #content-main #tweets p { font-size: 18px;} /* Typography */ h1 { display: none; } h2 { margin-bottom: 0.5em; text-transform: lowercase; font-size: 40px; color: #72B2CC; line-height: 1.3; } h3 { margin-bottom: 0.5em; text-transform: uppercase; font-size: 20px; color: #72B2CC; line-height: 1.3; } p { color: #ffffff; font-size: 2.0em; line-height: 1.3; margin-bottom: 1em; } a { color: #72B2CC; } /* Pages */ #tellmore { height: 440px; } #tellmore h3 { font-size: 26px; } #howitworks { height: 350px; } #content-main #howitworks p, #content-main #tellmore p { font-size: 1.6em; } /* Mikes Modifications */ #overview { position: relative; overflow: hidden; } .overview-panel { display: none; position: absolute; left: 0; top: 200px; } #overview-like.overview-panel { display: block; } /* End Mikes Mods */ /* General promo styles */ #content-main p { font-size: 14px; line-height: 1.5; } h3 { font-size: 16px; text-transform: none;} #first { width: 270px; margin: 0 0 0 30px; } #first img { position: absolute; right: 100px; top:235px; } #second { float: right; position: relative; width: 270px; margin: 100px 100px 0 0; } #second h3, #second p { text-align: right; } #second a { position: absolute; top:0; right:300px; color: #fff; } #second a#twterspread { text-indent: -9999px; height: 141px; width: 141px; margin-right: 164px; background: transparent url(/images/site/bg-twitter-tspread.png) no-repeat left top; } #third { position: relative; width: 240px; margin: 405px 0 0 30px;; } #third img { position: absolute; top:15px; right:-160px; } #deadline { width: 635px; margin: 18px 0 0 141px; } #deadline p { font-size: 24px; font-weight: bold; color: #72B2CC; text-align: center; } #deadline a { font-size: 24px; font-weight: bold; color: #72B2CC; } /* New general promo styles */ #firstblock { width: 700px; margin-top: 160px; padding-left: 185px; } #secondblock { width: 700px; margin-top: 40px; padding-left: 185px; } #thirdblock { width: 700px; height: 170px; margin: 40px 0 0 0; padding-left: 185px; overflow: hidden; background: transparent url(/images/site/bg-participate.png) no-repeat 20px 30px; } #fourthblock { width: 875px; margin-top: 40px; font-size: 28px; } #fourthblock p { font-size: 28px; color: #72B2CC; clear: left; margin-bottom: 0.5em; } #fourthblock a { display: block; text-indent: -9999px; float: left; width: 145px; height: 145px; } #fourthblock a#iliumsoftware { margin-left: 83px; } #fourthblock a#twterspread { margin-left: 280px; background: transparent url(/images/site/bg-twitter-tspread.png) no-repeat left top; } #fourthblock p { margin-left: 33px; text-align: center; } /* :: Promotions :: */ /* Proporta */ #proporta #content-main { position: relative; width: 920px; height: 1270px; overflow: hidden; padding: 0 10px; padding-bottom: 40px; background: transparent url(/images/promos/proporta/bg-background.png) no-repeat left top; } #proporta #content-main h2 { text-indent: -9999px; height: 165px; margin-left: 280px; margin-top: 30px; background: transparent url(/images/promos/proporta/bg-logo.png) no-repeat left top; } #proporta #content-main img { margin: 0 0 40px 80px; } #proporta #content-main p#title { text-align: center; font-size: 3.2em; color: #72B2CC; font-weight: bold; } #proporta #content-main p { color: #72B2CC; font-size: 2.0em; } #proporta #content-main a { display: block; text-indent: -9999px; width: 439px; height: 140px; margin-left: 270px; margin-top: 30px; background: transparent url(/images/site/bg-compbutton.png) no-repeat left top; } #proporta #content-main p.bodytext { margin-left: 84px; width: 754px; line-height: 1.6; } #proporta #content-main p.promocode { color: #fff; margin-left: 84px; } #proporta #content-main p#closingdate { margin: 25px 0 0 0; text-align: center; font-size: 3.0em; font-weight: bold; color: #72B2CC; } /* Illium Software */ #iliumsoftware #content-main { position: relative; width: 920px; height: 1270px; overflow: hidden; padding: 0 20px; padding-bottom: 40px; background: transparent url(/images/promos/ilium/bg-background.png) no-repeat left top;} #iliumsoftware #firstblock { background: transparent url(/images/promos/ilium/bg-twitter-ilium.png) no-repeat 20px 30px; } #iliumsoftware #secondblock { overflow: hidden; background: transparent url(/images/promos/ilium/bg-product.png) no-repeat 20px 30px; } /* #iliumsoftware #fourthblock { margin-top: 53px; } */ #fourthblock a#iliumsoftware { background: transparent url(/images/promos/ilium/bg-twitter-ilium.png) no-repeat left top; } /* MacPaw */ #macpaw #content-main { position: relative; width: 916px; height: 1270px; overflow: hidden; padding: 0 20px; padding-bottom: 40px; background: transparent url(/images/promos/macpaw/bg-background.png) no-repeat left top;} #macpaw #content-main h2 { text-indent: -9999px; height: 205px; margin-left: 380px; margin-top: 30px; } #macpaw #second a#macpaw { text-indent: -9999px; height: 141px; width: 141px; margin-right: -23px; background: transparent url(/images/promos/macpaw/bg-twitter-macpaw.png) no-repeat left top; } #macpaw #second { margin: 53px 100px 0 0; } #macpaw #third { margin: 369px 0 0 30px; } #macpaw #deadline { margin-top: 31px; } /* Humyo Storage */ #humyo #content-main {position: relative; width: 916px; height: 1270px; overflow: hidden; padding: 0 20px; padding-bottom: 40px; background: transparent url(/images/promos/humyo/bg-background.png) no-repeat left top;} #humyo #content-main h2 { text-indent: -9999px; height: 179px; margin-left: 230px; margin-top: 30px; background: transparent url(/images/promos/humyo/bg-logo.png) no-repeat left top; } #humyo #second a#humyo { text-indent: -9999px; height: 141px; width: 141px; margin-right: -23px; background: transparent url(/images/promos/humyo/bg-twitter-humyo.png) no-repeat left top; } #humyo #second { margin: 74px 100px 0 0; } #humyo #third { margin: 389px 0 0 30px; } /* Flickz */ #flickz #content-main {position: relative; width: 916px; height: 1020px; overflow: hidden; padding: 0 20px; padding-bottom: 40px; background: transparent url(/images/promos/flickz/bg-background.png) no-repeat left top;} #flickz #content-main h2 { text-indent: -9999px; height: 73px; margin-left: 335px; margin-top: 30px; background: transparent url(/images/promos/flickz/bg-logo.png) no-repeat left top; } #flickz #second a#flickzcases { text-indent: -9999px; height: 141px; width: 141px; margin-right: -23px; background: transparent url(/images/promos/flickz/bg-twitter-flickz.png) no-repeat left top; } #flickz #second { margin: 75px 100px 0 0; } #flickz #third { margin: 275px 0 0 30px; } /* Misc Styles */ #ie6message { position: absolute; left: 0; top: 0; width: 100%; height: 30px; background: #000; color: #fff; font-size: 16px; line-height: 30px; text-align: center; }