@import url(http://fonts.googleapis.com/css?family=Ropa+Sans|PT+Sans:400,700,400italic); body { background: #000; margin:0; padding:0 7px 7px 0; } .openingDates { text-align:center; color: #E3DDB7; font-family: 'Ropa Sans', Helvetica, Arial, sans-serif; } #container { margin: 0 auto; width: 710px; } #header { position: absolute; top: 0px; width: 700px; height: 425px; background-image: url('../img/bg_header.jpg'); background-repeat: no-repeat; } #director { position: absolute; top: 425px; width: 700px; font-family: 'Ropa Sans', Helvetica, Arial, sans-serif; color:#E3DDB7; text-align: center; } #openingDates { position: absolute; top: 450px; width: 700px; font-family: 'Ropa Sans', Helvetica, Arial, sans-serif; font-size: 1.1rem; color: #9E4036; text-align: center; } #dates { position: absolute; top: 460px; width: 700px; padding: 0; } #dates p { color: #E3DDB7; font: 18px 'Ropa Sans', Helvetica, Arial, sans-serif; letter-spacing: 1px; text-align: center; margin:0 0 20px 0; text-transform: uppercase; } #dates .links { text-decoration:none; text-align: center; margin: 35px 0 45px 0; } #dates .links a { color: #000; font: 18px 'Ropa Sans', Helvetica, Arial, sans-serif;; text-decoration: none; margin-right: 25px; padding: 7px; background-image: url('../img/bg_bars.jpg'); font-weight: 400; } #dates .links a:hover { color: #000; text-decoration: underline; margin-right: 25px; padding: 7px; } #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: #E3DDB7; text-decoration: none; } #dates h2 a:hover { color: #E3DDB7; text-decoration: none; } #dates h3 { text-align:center; margin:0 0 20px 0; font:bold 20px 'Ropa Sans', Helvetica, Arial, sans-serif;; color: #E3DDB7; text-transform: uppercase; } #dates h4 { text-align:center; margin:0 0 22px 0; font:bold 24px 'Ropa Sans', Helvetica, Arial, sans-serif;; color:#E3DDB7; text-transform: uppercase; } #dates table { width:700x; margin:0 auto 50px auto; } #dates table tr.header { color: #E3DDB7; font: 12px 'PT Sans', Helvetica, Arial, sans-serif; font-weight: 700; 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 { color: #000; padding:8px 0; height:10px; background-image: url('../img/bg_bars.jpg'); } #dates table tr { height:15px; color: #E3DDB7; font:normal 12px 'Ropa Sans', Helvetica, Arial, sans-serif;; } #dates table tr td { padding:10px 0; border-bottom:1px solid #E3DDB7; 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; } #dates_footer { position: relative; font:bold 24px 'Ropa Sans', Helvetica, Arial, sans-serif;; color:#E3DDB7; text-transform: uppercase; text-align: center; margin: 0 0 24px 0; } #footer { text-align: center; font:normal 12px 'PT Sans', Helvetica, Arial, sans-serif; font-weight: 700; } #footer a { text-decoration: none; color: #000; padding: 7px; line-height: 40px; background-image: url('../img/bg_bars.jpg'); } #footer a:hover { text-decoration: underline; background-image: url('../img/bg_bars.jpg'); }