@charset "utf-8"; /* ------------------------------------------------------------- CSS - RUST AND BONE Dates ------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------------------------------------------- main/body/global Styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ @import url('http://fonts.googleapis.com/css?family=Cabin'); body { font-style:normal; font-family: 'Cabin', Arial, Helvetica, sans-serif; font-size:15px; color: #424339; margin:0; padding:0; height: 100%; } * { margin:0; padding:0; } #supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;} #supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; } #supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; } #supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; } #supersized a.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; } #container { margin: 0 auto; width: 800px; } #awardline { top: 3px; position: absolute; text-align: center; width: 800px; } .awardline1 { font: 32px 'Cabin', Arial, Helvetica, sans-serif; line-height: 32px; } .awardline2 { font: 18px 'Cabin', Arial, Helvetica, sans-serif; line-height: 20px; } #header { position: absolute; top: 60px; text-align: center; height: 500px; width: 800px; border-bottom: 1px solid #FFFC75; } #openingdates { top: 575px; width: 800px; position: absolute; text-align: center; font: 24px 'Cabin', Arial, Helvetica, sans-serif; line-height: 24px; color: #424339; margin: 0; padding: 0; } .altText { width:0; height:0; display:block; overflow:hidden; } #dates { position: absolute; top: 600px; width: 800px; padding:15px 0 0 0; } #dates .links { text-decoration:none; text-align: center; margin: 35px 0 45px 0; } #dates .links a { color: #424339; text-decoration: none; margin-right: 25px; padding: 7px; background-image: url("../../img/timeline_bg.gif"); padding: 10px 10px; -moz-border-radius: 10px; -khtml-border-radius: 3px; -webkit-border-radius: 10px; } #dates .links a:hover { color: #000; text-decoration: none; margin-right: 25px; padding: 7px; background-image: url("../../img/timeline_bg.gif"); padding: 10px 10px; -moz-border-radius: 10px; -khtml-border-radius: 3px; -webkit-border-radius: 10px; } #dates .links a.mt { margin-right:0; } #dates h2 { text-align:center; margin:0 0 0 0; font-size: 50px; text-transform: uppercase; } #dates h2 a{ color: #FFF; text-decoration: none; } #dates h2 a:hover { color: #FFF; text-decoration: none; } #dates h3 { text-align:center; margin:0 0 20px 0; font: normal 20px 'Cabin', Arial, Helvetica, sans-serif; color: #424339; text-transform: uppercase; } #dates h4 { text-align:center; margin:0 0 22px 0; font: normal 24px 'Cabin', Arial, Helvetica, sans-serif; color:#FFF; text-transform: uppercase; } #dates table { width:700x; margin:0 auto 50px auto; } #dates table tr.header { color: #424339; font: bold 12px 'Cabin', Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left; } #dates table tr.header th.name { padding:0 0 0 20px; } #dates table .date { width:60px; } #dates table .state { width:45px; padding:0 20px 0 0; } #dates table tr.header th { padding:8px 0; height:10px; background-image: url("../../img/timeline_bg.gif"); text-align:left; } #dates table tr { height:15px; color: #424339; font: bold 11px 'Cabin', Arial, Helvetica, sans-serif; } #dates table tr td { padding:10px 0; border-bottom:1px solid #FFFC75; text-transform:capitalize; } #dates table tr.bottomBorder td { border-bottom:none; } #dates table tr td.name { width:360px; padding:10px 0 10px 20px; } #dates table tr td.city { width:288px; } #dates table tr td.state { text-transform:uppercase; } #footer { text-align: center; color: #FFF; font:normal 12px 'Cabin', Arial, Helvetica, sans-serif; } #footer a { text-decoration: none; color: #424339; padding: 7px; line-height: 40px; background-image: url("../../img/timeline_bg.gif"); padding: 10px 10px; -moz-border-radius: 10px; -khtml-border-radius: 3px; -webkit-border-radius: 10px; } #footer a:hover { color: #000; text-decoration: none; background-image: url("../../img/timeline_bg.gif"); padding: 10px 10px; -moz-border-radius: 10px; -khtml-border-radius: 3px; -webkit-border-radius: 10px; } #festival li { display: none; list-style: none; text-align: center; } #festival li.active { display: block; } .award1 { color: #f3d36e; font: 40px 'Michroma', Eurostile, Sans-Serif; font-weight: bold; } .award2 { color: #f3d36e; font: 16px 'Michroma', Eurostile, Sans-Serif; font-weight: bold; line-height: 16px; } .credit { color: #f3d36e; font: 12px 'Michroma', Eurostile, Sans-Serif; text-transform: uppercase; line-height: 24px; }