/*** CSS document by Eric Maguire at Mochi Media (mochimedia.com) 10-2008 ***/ /** * * FULL RESET OF CERTAIN BROWSER 'defaults' * Take back control from the browsers. * * Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui and Elliot Jay Stock's reset (elliotjaystocks.com) */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table {border-collapse:collapse;border-spacing:0;} fieldset, img {border:0} address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;} caption, th {text-align:left;} h1, h2, h3, h5, h5, h6 {font-size:100%;} q:before, q:after {content:'';} /* Global reset-RESET */ /* The below restores some sensible defaults */ strong {font-weight:bold;} em {font-style:italic;font-weight:bold;} ol, ul, li {list-style-position:inside;} * a {position:relative;} /* Gets links displaying over a PNG background */ a {outline:none;} /* Gets rid of Firefox's dotted borders */ a img {border:none;} /* Gets rid of IE's blue borders */ /** * General Global Stuff. */ /* Textual elements */ html, body {height: 100%;} body {font:13px Arial, Helvetica, sans-serif;background:url(../images/bkg/body-bkg.png) top center repeat-y #13908a;color:#fff;line-height:1.4;margin:0; padding:0;} h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;font-weight:normal;color:#fff;} h1 {font-size:34px;} h2 {font-size:32px;margin:40px 0 10px 0;} h3 {font-size:28px;} /* Different color. */ h4 {font-size:21px;margin-bottom:15px;font-weight:bold;} /* Different color. */ h5 {font-size:14px;} h6 {font-size:12px;} p {padding:5px 0px 15px 0;line-height:1.6;} a {color:#95fd9a;text-decoration:underline;font-weight:bold;} a:hover {color:#fff;text-decoration:none;font-weight:bold;} em {font-weight:bold;font-size:110%;font-style:italic;} ol, dl, pre, .meta {} /* General Structure */ #container {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto;width:970px;background:url(../images/bkg/content-bkg.jpg) no-repeat fixed center;} #wrapper {min-height: 100%;height: auto !important;height: 100%;margin:0 auto;background:url(../images/bkg/content-bkg.jpg) top center repeat-y;width:970px;} #header {width:530px;height:250px;position:relative;left:-105px;} #header h1#logo {text-indent:-5000px;background:url(../images/btn/logo02.png) no-repeat;width:622px;height:236px;position:absolute;top:2px;left:5px;margin-bottom:20px;cursor:pointer;} img#number {position:absolute;top:33px;right:17px;width:156px;height:17px;} #nav {width:510px;float:left;margin-left:-4px;} #main-content ul#menu {clear: both;float: left;list-style: none;position: relative;left:0;list-style-image:none !important;list-style:none;} #main-content ul#menu li {float: left;margin-left: 5px;line-height: 1.4;padding:0;} #main-content ul#menu li a {color: #fff;text-shadow: 1px 1px 1px #2a2a2f;text-decoration: none;font-weight:normal;font-size:12px;text-align: left;width: 85px;height: 18px;padding:2px 0 0 10px;display: block;background-image: url(../images/bkg/tab-bkg.gif);background-repeat: no-repeat;background-position: center left;} #main-content ul#menu li a:hover, ul#menu li a:active {background-position: top left;} #main-content ul#menu li a.selected {background-position: bottom left;color:#09393c;} #main-content {float:left;width:575px;padding:0 70px 0 10px;} * html #main-content {float:left;width:568px;padding:0 70px 0 10px;} #main-content em {color:#fff;} #main-content ul {list-style-image:url(../images/bkg/li-bkg.gif);margin-bottom:25px;} #main-content ul li {padding:5px;font-weight:bold;} #main-content img {margin:0 0 0 10px;} #main-content #sponsors {float:left;padding:0 70px 0 0;width:576px;margin:0;} * html #main-content #sponsors {float:left;padding:0;width:570px;margin:0;} #main-content #sponsors img.left {float:left;margin:5px 20px 0 0 ;} #main-content #sponsors h2.sponsorships {margin-top:20px;} #main-content #sponsors h4 span {font-size:11px;font-style:italic;color:#09393c;} div.qOption {float:left !important;width:48% !important;} table#program {border:none;} table#program tr {border-top:1px solid #0e858b;background: url(../images/screen01.png) repeat;} table#program th {padding:10px;} table#program td {padding:10px;} #sidebar {float:left;width:310px;color:#ccc;position:relative;overflow:hidden;} #sidebar p.when {margin:0 0 0 22px;font-size:28px;text-align:center;padding:5px 0;color:#fff;} #sidebar p.when span{color:#e25484;} #sidebar .title {margin:0 0 0 22px;border-top:1px solid #ccc;padding-top:10px;width:281px;} #sidebar .title a {background:none;} #sidebar-credits {float:right;width:300px;margin:-200px -400px 20px 0;color:#ccc;position:relative;} #sidebar #sponsors h2.sponsors-side {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-sponsors-side.png) no-repeat;height: 37px;margin:0;} #sidebar .sponsor-row {margin:0 0 10px 0;float:left;} #sidebar .sponsor-row h5 {margin:15px 0 10px 0;color:#666;font-weight:bold;font-style:italic;font-size:11px;} #sidebar .info {margin:50px 0 10px 25px;float:left;} #sidebar a#kongregate-link { background:url(../images/btn/btn-kongregate.gif) top left no-repeat; height: 91px; width:84px; display:inline;text-indent:5000px;float:left;margin:0 28px 0 10px; } #sidebar a#kongregate-link span { display:none; } #sidebar a#kongregate-link:hover { background:url(../images/btn/btn-kongregate-hover.gif) top left no-repeat; } #sidebar a#nonoba-link { background:url(../images/btn/btn-nonoba.gif) top left no-repeat; height: 58px; width:159px; display:inline;text-indent:5000px;float:left;margin:20px 0 0 0; } #sidebar a#nonoba-link span { display:none; } #sidebar a#nonoba-link:hover { background:url(../images/btn/btn-nonoba-hover.gif) top left no-repeat; } #sidebar a#armor-games-link { background:url(../images/btn/btn-armor.gif) top left no-repeat; height: 36px; width:133px; display:inline;text-indent:5000px;float:left;margin:0 30px 0 10px; } #sidebar a#armor-games-link span { display:none; } #sidebar a#armor-games-link:hover { background:url(../images/btn/btn-armor-hover.gif) top left no-repeat; } #sidebar a#zynga-link { background:url(../images/btn/btn-zynga.gif) top left no-repeat; height: 25px; width:95px; display:inline;text-indent:5000px;float:left;margin:8px 0 0 0; } #sidebar a#zynga-link span { display:none; } #sidebar a#zynga-link:hover { background:url(../images/btn/btn-zynga-hover.gif) top left no-repeat; } #sidebar a#influxis-link { background:url(../images/btn/btn-influxis.gif) top left no-repeat; height: 53px; width:90px; display:inline;text-indent:5000px;float:left;margin:18px 20px 0 8px; } #sidebar a#influxis-link span { display:none; } #sidebar a#influxis-link:hover { background:url(../images/btn/btn-influxis-hover.gif) top left no-repeat; } #sidebar a#fgl-link { background:url(../images/btn/btn-fgl.gif) top left no-repeat; height: 57px; width:133px; display:inline;text-indent:5000px;float:left;margin:20px 0 0 20px; } #sidebar a#fgl-link span { display:none; } #sidebar a#fgl-link:hover { background:url(../images/btn/btn-fgl-hover.gif) top left no-repeat; } #sidebar a#cc-link { background:url(../images/btn/btn-cc.gif) top left no-repeat; height: 40px; width:120px; display:inline;text-indent:5000px;float:left;margin:31px 0 0 8px; } #sidebar a#cc-link span { display:none; } #sidebar a#cc-link:hover { background:url(../images/btn/btn-cc-hover.gif) top left no-repeat; } #sidebar a#three-melons-link { background:url(../images/btn/btn-3melons.gif) top left no-repeat; height: 29px; width:133px; display:inline;text-indent:5000px;float:left;margin:15px 0 0 30px; } #sidebar a#three-melons-link span { display:none; } #sidebar a#three-melons-link:hover { background:url(../images/btn/btn-3melons-hover.gif) top left no-repeat; } #sidebar a#bamtang-link { background:url(../images/btn/btn-bamtang.gif) top left no-repeat; height: 53px; width:100px; display:inline;text-indent:5000px;float:left;margin:0 0 10px 8px; } #sidebar a#bamtang-link span { display:none; } #sidebar a#bamtang-link:hover { background:url(../images/btn/btn-bamtang-hover.gif) top left no-repeat; } #sidebar a#hero-link { background:url(../images/btn/btn-hero.gif) top left no-repeat; height: 68px; width:90px; display:inline;text-indent:5000px;float:left;margin:5px 0 0 19px; } #sidebar a#hero-link span { display:none; } #sidebar a#hero-link:hover { background:url(../images/btn/btn-hero-hover.gif) top left no-repeat; } #sidebar a#cga-link { background:url(../images/btn/btn-cga.gif) top left no-repeat; height: 32px; width:150px; display:inline;text-indent:5000px;float:left;margin:5px 0 0 8px; } #sidebar a#cga-link span { display:none; } #sidebar a#cga-link:hover { background:url(../images/btn/btn-cga-hover.gif) top left no-repeat; } #sidebar a#adobe-link { background:url(../images/btn/btn-adobe.gif) top left no-repeat; height: 107px; width:85px; display:inline;text-indent:5000px;float:left;margin:5px 0 0 8px; } #sidebar a#adobe-link span { display:none; } #sidebar a#adobe-link:hover { background:url(../images/btn/btn-adobe-hover.gif) top left no-repeat; } #sidebar a#mindjolt-link { background:url(../images/btn/btn-mindjolt.gif) top left no-repeat; height: 71px; width:110px; display:inline;text-indent:5000px;float:left;margin:10px 0 0 8px; } #sidebar a#mindjolt-link span { display:none; } #sidebar a#mindjolt-link:hover { background:url(../images/btn/btn-mindjolt-hover.gif) top left no-repeat; } #sidebar a#andrograde-link { background:url(../images/btn/btn-andrograde.gif) top left no-repeat; height: 21px; width:140px; display:inline;text-indent:5000px;float:left;margin:31px 0 0 16px; } #sidebar a#andrograde-link span { display:none; } #sidebar a#andrograde-link:hover { background:url(../images/btn/btn-andrograde-hover.gif) top left no-repeat; } #sidebar a#candystore-link { background:url(../images/btn/btn-candystore.gif) top left no-repeat; height: 24px; width:200px; display:inline;text-indent:5000px;float:left;margin:26px 0 10px 8px; } #sidebar a#candystore-link span { display:none; } #sidebar a#candystore-link:hover { background:url(../images/btn/btn-candystore-hover.gif) top left no-repeat; } #sidebar a#kindisoft-link { background:url(../images/btn/btn-kindisoft.gif) top left no-repeat; height: 20px; width:135px; display:inline;text-indent:5000px;float:left;margin:28px 0 10px 8px; } #sidebar a#kindisoft-link span { display:none; } #sidebar a#kindisoft-link:hover { background:url(../images/btn/btn-kindisoft-hover.gif) top left no-repeat; } #sidebar a#zerog-link { background:url(../images/btn/btn-zerog.gif) top left no-repeat; height: 42px; width:100px; display:inline;text-indent:5000px;float:left;margin:18px 0 0 20px; } #sidebar a#zerog-link span { display:none; } #sidebar a#zerog-link:hover { background:url(../images/btn/btn-zerog.gif) top left no-repeat; } #newsletter-form {width:281px;float:left;margin:28px 20px;display:inline;position:relative;} #newsletter-form div.form-item {float:left;margin:10px 0 0 5px;display:inline;} #newsletter-form div.form-item label {} #newsletter-form input.text-field {background:url(../images/bkg/form-bkg.gif) top left no-repeat #151515;border:none;width:185px;height:26px;padding:5px 5px 0 5px;font-size:19px;color:#fff;} #newsletter-form input.subscribe {font-size:1px !important;background:url(../images/bkg/btn-subscribe.gif) top left no-repeat;width:72px;height:33px;border:none;text-indent:-5000px;cursor:pointer;position:absolute;top:140px;;right:0;} #sponsors {width:281px;float:left;margin:0 20px;display:inline;} #google-map iframe {border:5px solid #fff;padding:2px;} #google-map small a {color:#95fd9a !important;} #steering-committee {margin:0 0 45px 0;} #steering-committee .speaker {float:left;width:105px;margin:15px 28px 15px 0;font-size:11px;text-align:center;display:inline;min-height:140px} #steering-committee .speaker img {float:left;border:4px solid #dcfed2;padding:2px;width:70px;} .badges textarea {width:100%;padding:5px;border:none;background: url(../images/screen01.png) repeat;color:#fff;height:60px;overflow:hidden;} /* Header Image Replacements */ h2.about {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-about.png) no-repeat;height: 80px;margin-top:60px;} h2.who {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-who.png) no-repeat;height: 37px;margin-bottom:20px;} h2.mochis {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-mochis.png) no-repeat;height: 37px;margin-top:60px;} h2.word {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-spread-the-word.png) no-repeat;height: 37px;margin-top:60px;} h2.venue-info {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-venue-info.png) no-repeat;height: 37px;margin-top:60px;} h2.speakers {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-speakers.png) no-repeat;height: 37px;} h2.speaker-info {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-speaker-info.png) no-repeat;height: 37px;width:100%;margin-top:60px;} h2.steering-committee {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-steering-committee.png) no-repeat;height: 37px;width:100%;margin-top:60px;} h2.nominations {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-nominations.png) no-repeat;height: 37px;width:100%;margin-top:30px;} h2.faq {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-faq.png) no-repeat;height: 37px;width:100%;margin-top:30px;} h2.sponsorships {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-sponsors.png) no-repeat;height: 37px;width:100%;} h3.mochicon {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-mochicon.gif) no-repeat;height: 19px;margin:42px 0 3px 22px;} h3.when {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-when.gif) no-repeat;height: 55px;margin:0 0 0 22px;float:left;clear:both;display:inline;width:281px;border-bottom:1px solid #ccc;} h3.informed {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-stay-informed.gif) no-repeat;height: 49px;margin:0;float:left;clear:both;width:281px;border-bottom:1px solid #ccc;} h3.speakers {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-speakers-02.gif) no-repeat;height: 28px;margin:0 0 10px 0;} h3.sponsorships {text-indent: -5000px;overflow: hidden;background: url(../images/bkg/hdr-sponsors-02.gif) no-repeat;height: 28px;margin:0 0 10px 0;} /* countdown styles */ .hasCountdown {float:left;border-width:1px 0 1px 0;border-style:solid;border-color:#ccc;margin:0 0 5px 22px;width:280px;padding-bottom:10px;display:inline;clear:both;} .countdown_holding div {background-color: #ccc;} .countdown_row {clear: both;width: 100%;text-align: center;} .countdown_show1 div {width: 100%;background-color: #ccc;} .countdown_show2 div {width: 50%;background-color: #ccc;} .countdown_show3 div {width: 33%;} .countdown_show4 div {width: 25%;} .countdown_show5 div {width: 20%;} .countdown_show6 div {width: 16%;} .countdown_show7 div {width: 14%;} .countdown_section {float:left;font-size: 12px;color:#4dcdf7;} .countdown_amount {font-size: 45px;font-weight:bold;color:#ccc;} .countdown_descr {width: 100%;} #countdown-labels {margin:-26px 0 0 48px;color:#4dcdf7;float:left;display:inline;font-size:10px;} #countdown-labels label {padding:0;} #countdown-labels label.days {padding-right:46px;} #countdown-labels label.hours {padding-right:33px;} #countdown-labels label.minutes {padding-right:25px;} #countdown-labels label.seconds {padding-right:0;} #countdown-units {font-size:45px;font-weight:bold;color:#4dcdf7;} #countdown-units span {color:#fff;} #countdown-units span.days {width:84px;text-align:center;display:block;float:left} #countdown-units span.seconds {color:#e25484;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 0;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window {font: 12px Arial, Helvetica, sans-serif;color: #333333;} #TB_secondLine {font: 10px Arial, Helvetica, sans-serif;color:#666666;} #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;} .TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;} .TB_overlayBG {background-color:#000;filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;} /* ie6 hack */ * html #TB_overlay { position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: 4px solid #525252;text-align:left;top:50%;left:50%;} /* ie6 hack */ * html #TB_window { position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} #TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;} #TB_caption {height:25px;padding:7px 30px 10px 25px;float:left;} #TB_closeWindow {height:25px;padding:11px 25px 10px 0;float:right;} #TB_closeAjaxWindow {padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right;} #TB_ajaxWindowTitle {float:left;padding:7px 0 5px 10px;margin-bottom:1px;} #TB_title {background-color:#e8e8e8;height:27px;} #TB_ajaxContent {clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;} #TB_ajaxContent.TB_modal{padding:15px;} #TB_ajaxContent p {padding:5px 0px 5px 0px;} #TB_load {position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */} /* ie6 hack */ * html #TB_load { position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} #TB_HideSelect {z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;} /* ie6 hack */ * html #TB_HideSelect { position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #TB_iframeContent { clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px; } /* misc. classes and styles */ .big.email em{color:#4dcdf7 !important;font-weight:normal;font-size:100%;font-style:normal;} .big.email em a{color:#4dcdf7 !important;font-weight:normal;font-size:100%;font-style:normal;text-decoration:none;} .big.email em a:hover{background:#fff;} .big.phone em{color:#e25484 !important;font-weight:normal;font-size:100%;font-style:normal;} .big {font-size:19px;} .right {float:right;} .left {float:left;} .mochis-sticker {margin:20px 0 0 70px;} img.mochimedia {margin:0 !important;} a.mochimedia {background:none !important;} img.button {margin:0 10px 0 0 !important;} .split {width:50%;float:left;} .blue {color:#4dcdf7 !important;} .pink {color:#f674a0 !important;} .hidden {display:none;} .clear {clear:both;}