/** * These styles handle importing the fonts */ @font-face { font-family: 'Tangerine'; font-style: normal; font-weight: bold; src: local('Tangerine Bold'), local('Tangerine-Bold'), url('http://wedding.aclindsay.com/fonts/Tangerine_Bold.ttf') format('truetype'); } @font-face { font-family: 'Tangerine'; font-style: normal; font-weight: normal; src: local('Tangerine'), url('http://wedding.aclindsay.com/fonts/Tangerine_Regular.ttf') format('truetype'); } @font-face { font-family: 'Cardo'; font-style: normal; font-weight: normal; src: local('Cardo'), url('http://wedding.aclindsay.com/fonts/Cardo99s.ttf') format('truetype'); } body { font: 12pt/18pt Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-family: 'Cardo', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-family: 'Cardo', arial, serif; margin: 0; padding: 0; background-color: #cfcde6; } a { color: #c2bbdd !important; text-decoration: underline; } #header{ height: 250px; background-color: #111; } #header img { float: right; padding: .5em; } #header-inner { position: relative; top: 55px; font-family: 'Tangerine', arial, serif; font-size: 45px; font-style: normal; font-weight: bold; } #header-inner div{ position: absolute; } #header-inner #header-aaron { font-family: 'Tangerine', arial, serif; top: 0; left: 20px; } #header-inner #header-and { top: 52px; left: 200px; font-size: .75em; } #header-inner #header-elizabeth { top: 110px; right: 350px; } #header-inner #header-date { top: 0px; left: 490px; font-size: .7em; text-shadow: #000 0.05em 0.05em 0.1em; } #content { width: 800px; margin: 0 auto; margin-bottom: 2em; background-color: #222; color: white; border-left: 5px solid #000; border-right: 5px solid #000; border-bottom: 5px solid #000; border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; } #nav { width: 100%; padding: 0; margin: 0; } #nav ul { padding: 3px 0 2px 0; margin: 0; width: 100%; list-style: none; text-align: center; background-color: #2c0635; background-color: #3d2d53; border-top: 5px solid #000; border-bottom: 5px solid #060606; } #nav ul li{ padding: 0; margin: 0 12px 0 12px; display: inline; } #nav ul li a{ padding: 6px 12px 6px 12px; margin: 0; color: #fff; text-decoration: none; } #nav ul li a:hover{ background-color: #1f0220; background-color: #27183b; color: #fff; } #header, #footer, #main { position: relative; padding: 1em; } #footer { color: #9b8bb0; text-align: center; border-top: 5px solid #000; background-color: #111; } #footer a { color: #9b8bb0; }