/* ------------------------------------------------------------ Australian Web Week Design/CSS by Luke Stevens - 2009 lukestevensdesign.com ------------------------------------------------------------ */ /* ------------------------------------------------------------ General ------------------------------------------------------------ */ * {margin: 0px;padding: 0px;} body {background: #303A3B url(images/page-bgnd.jpg) top center no-repeat fixed;color: #393c3b;font: 12px/18px arial, helvetica, sans-serif;} .to-left {float: left;} .to-right {float: right;} a {color: #393c3b;font-weight: bold; outline: none;} img {border: 0px;} .clearfix:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;} .clearfix {display: inline-block; /* Fixes IE/Mac */} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ #wrapper {width: 984px;margin: 0px auto;} /* ------------------------------------------------------------ Header ------------------------------------------------------------ */ #header {position: fixed;background: #fff url(images/page-bgnd.jpg) top center no-repeat fixed;z-index: 90;width: 984px;height: 337px;} /* Logo */ h1 {display: block;text-indent: -9999em;background: url(images/aww-logo.png) no-repeat;width: 895px;height: 150px;margin: 13px 0 15px 25px;} /* About box */ #about {position: relative;background: url(images/about-box-bgnd.png) no-repeat;width: 755px;height: 72px;color: #393c3b;font-size: 12px;font-weight: bold;margin-left: 10px;z-index: 90;} #about strong {text-transform: uppercase;color: #000;} #about a {text-transform: uppercase;color: #000;} #about a:hover {text-decoration: none;} #about .aww-summary {display: block;float: left;width: 540px;padding: 11px 16px;line-height: 1.6em;} #about .contact-link {display: block;float: right;width: 160px;text-align: center;padding: 10px 10px;font-size: 13px;line-height: 1.5em;} #about .contact-link a {display: block;text-transform: uppercase;font-size: 15px;letter-spacing: -1px;margin-top: 2px;} #about .aww-summary a span {} /* Overlay gradient */ #bgnd-overlay {height: 25px;width: 984px;background: url('images/bgnd-overlay.png') no-repeat;position: fixed;top: 337px;margin: 0px auto;z-index: 999;} /* Tweet box/news */ #news {background: url('images/news-box-bgnd-orig.png') bottom right no-repeat;width: 436px;height: 148px;position: absolute;right: 20px;top: 180px;margin-right: 5px;z-index: 80;} /*width: 496px;height: 158px;*/ #news h2 {width:143px;height:71px;background: url('images/get-notified-alt.png');display:block;position:absolute;right:0px;text-indent:-9999px;} #subscribe {margin-top:90px;} #email-subscribe {float:left;margin-left:15px;} #email-subscribe input {font-size:11px;} #email-subscribe input.text {padding:2px 5px;width:170px;text-transform:uppercase;color:#999;font-weight:bold;} #email-subscribe input.text:focus {color:#333;} #email-subscribe input.submit {padding:4px 9px;background-color:#3e917b;color:#fff;text-transform:uppercase;font-weight:bold;margin-left:2px;border:1px solid #ccc;} #email-subscribe p {font-size:10px;font-weight:bold;opacity:0.8;margin-left:2px;text-transform:uppercase;margin-top:-1px;} #social-links {float:right;margin-right:25px;margin-top:3px;} #social-links a {opacity: 0.85;margin-left:2px;} #social-links a:hover {opacity: 1;} /* Nav */ #nav {width: 421px;height: 72px; padding-top: 15px;margin-left: 20px;overflow: hidden;} #nav h3 {text-indent: -9999em;float: left;background: url('images/dates-nav-sprite.png') no-repeat;width:42px;height: 70px;margin-top: 0px;margin-right: -5px;} #nav ul {margin-left: 7px;list-style-type: none;} #nav li {float: left;} #nav li a {text-indent: -9999em;} #nav li a, #nav li a .nav-hover {display: block;width: 38px;height: 70px;position: relative;} #nav li.d10-link a, #nav li.d10-link a .nav-hover {width: 64px;} #nav li.d2-link a {background: url('images/dates-nav-sprite.png') -47px 0px no-repeat;} #nav li.d3-link a {background: url('images/dates-nav-sprite.png') -85px 0px no-repeat;} #nav li.d4-link a {background: url('images/dates-nav-sprite.png') -123px 0px no-repeat;} #nav li.d5-link a {background: url('images/dates-nav-sprite.png') -161px 0px no-repeat;} #nav li.d6-link a {background: url('images/dates-nav-sprite.png') -199px 0px no-repeat;} #nav li.d7-link a {background: url('images/dates-nav-sprite.png') -237px 0px no-repeat;} #nav li.d8-link a {background: url('images/dates-nav-sprite.png') -275px 0px no-repeat;} #nav li.d9-link a {background: url('images/dates-nav-sprite.png') -313px 0px no-repeat;} #nav li.d10-link a {background: url('images/dates-nav-sprite.png') -351px 0px no-repeat;} #nav li.d2-link a .nav-hover, #nav ul.nojs li.d2-link a:hover {background: url('images/dates-nav-sprite.png') -47px -72px no-repeat;} #nav li.d3-link a .nav-hover, #nav ul.nojs li.d3-link a:hover {background: url('images/dates-nav-sprite.png') -85px -72px no-repeat;} #nav li.d4-link a .nav-hover, #nav ul.nojs li.d4-link a:hover {background: url('images/dates-nav-sprite.png') -123px -72px no-repeat;} #nav li.d5-link a .nav-hover, #nav ul.nojs li.d5-link a:hover {background: url('images/dates-nav-sprite.png') -161px -72px no-repeat;} #nav li.d6-link a .nav-hover, #nav ul.nojs li.d6-link a:hover {background: url('images/dates-nav-sprite.png') -199px -72px no-repeat;} #nav li.d7-link a .nav-hover, #nav ul.nojs li.d7-link a:hover {background: url('images/dates-nav-sprite.png') -237px -72px no-repeat;} #nav li.d8-link a .nav-hover, #nav ul.nojs li.d8-link a:hover {background: url('images/dates-nav-sprite.png') -275px -72px no-repeat;} #nav li.d9-link a .nav-hover, #nav ul.nojs li.d9-link a:hover {background: url('images/dates-nav-sprite.png') -313px -72px no-repeat;} #nav li.d10-link a .nav-hover, #nav ul.nojs li.d10-link a:hover {background: url('images/dates-nav-sprite.png') -351px -72px no-repeat;} #nav ul.nojs a span.nav-hover {display: none;} /* ------------------------------------------------------------ Calendar ------------------------------------------------------------ */ #calendar {/*margin-top: 20px;*/padding-top: 359px;} /*337 header + 25 fade grad */ /* Day block */ .day {margin-bottom: 40px;position: relative;} #calendar #d2 {background: url(images/no-2.png) 1% 0% no-repeat;} #calendar #d3 {background: url(images/no-3.png) 1% 0% no-repeat;} #calendar #d4 {background: url(images/no-4.png) 1% 0% no-repeat;} #calendar #d5 {background: url(images/no-5.png) 1% 0% no-repeat;} #calendar #d6 {background: url(images/no-6.png) 1% 0% no-repeat;} #calendar #d7 {background: url(images/no-7.png) 1% 0% no-repeat;} #calendar #d8 {background: url(images/no-8.png) 1% 0% no-repeat;} #calendar #d9 {background: url(images/no-9.png) 1% 0% no-repeat;} #calendar #d10 {background: url(images/no-10.png) 1% 0% no-repeat;} h2 {float: left;text-indent: -9999em;} .events-wrap {float: right;margin-right: 20px;} .spike {background: url('images/day-box-pointer.png') no-repeat ;width: 18px;height: 62px;position: absolute;top: 50px;left: 173px;display: none;} .events-wrap h3 {text-transform: uppercase;color: #fff;opacity: 0.7; margin-bottom: -1px;margin-left: 10px;font-size: 22px;letter-spacing: 5px;} .events-wrap h3 {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";} /*ie8*/ .events-outer {width: 776px;/*height: 191px;*/background: url(images/day-box-top.png) no-repeat;} .events-bot {width: 776px;height: 49px;background: url(images/day-box-bot.png) no-repeat;} .events-inner {padding: 15px 17px;min-height: 70px;} .events-inner ul, .events-inner ol {margin:0 20px 20px 22px;} .box-content {padding: 5px 5px;margin-bottom: -40px;} .box-content h4 {margin-bottom: 5px;font-size: 13px;} .box-content p {margin-bottom: 15px;font-size: 13px;line-height: 1.6em;} /* Individual event */ .vevent {padding: 5px 0 10px 0;font-size: 12px;} .vevent a.header {text-decoration: none;margin-left: -35px;padding-left: 40px;display: block;} .vevent a.nojq:hover {color: #000;background: url(images/more-arrow.png) 98% 0% no-repeat;padding-bottom:6px;margin-bottom:-6px;} .vevent a.header:hover {color: #000;} .vevent a.ui-state-active:hover {color: #000;background: url(null.gif) bottom center no-repeat;} .vevent a.ui-state-active span {display;none;} .vevent p a {text-decoration: underline;} .vevent a strong {font-weight: bold;text-transform: uppercase;color: #000;font-size: 14px;} .vevent abbr {border:0} .daytime, .nighttime {padding-left: 35px;background: url(images/icon-day.png) no-repeat;} .nighttime {background: url(images/icon-night.png) no-repeat;} .events-inner .last {margin-bottom: -20px;} /*bgnd hover*/ .vevent a.header {position: relative;} .vevent a.nojq span.event-hover {display: none;} span.event-hover {color: #000;background: url(images/more-arrow.png) 98% 0% no-repeat; width: 650px;height: 26px;position: absolute;top:0;right: 0;} /* Event expanded / details */ .event-more {margin: 10px 0px 0px 0px;background: url(images/v-div-bgnd.png) no-repeat;} .event-more h4 {margin-bottom: 4px;padding-top: 6px;font-size: 15px;letter-spacing: -1px;color: #853226;} .event-more p {margin-bottom: 10px;font-size: 13px;color: #000;line-height: 1.8em;} /* When, where */ .event-details {float: left;width: 210px;border-width: 0px 1px;padding: 5px 0px 10px 23px;} /* Long description */ .description {float: right;width: 400px;padding: 5px 10px 10px 25px;background: url(images/v-div-bgnd.png) no-repeat;min-height: 200px;margin-right: 20px;} .description p {font-size: 12px;} .email-link {display:block;text-align:center;margin:20px 0;font-size:20px;background: url(images/day-box-top.png) 0px -50px no-repeat;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;padding:10px;} .email-link:hover {text-decoration:none;background: url(images/day-box-top.png) 0px -10px no-repeat;color:#000;} /* Logo box for sponsors & partners */ #logos {} #logos img {float: left;margin-right: 20px;margin-bottom: 20px;}