body {
margin: 0;
padding: 0;
background-color: #1A171B;
}
#wrapper {
position: relative;
margin: 20px auto;
padding: 0;
background-image: url(/images/the-amazing-web-bg.png);
background-position: top center;
background-repeat: no-repeat;
height: 800px;
width: 760px;
}
/*** Twitter bits ***/
.follow {
position: absolute;
left: 120px;
top: 513px;
margin: 0;
padding: 10px 8px 18px 8px;
width: 180px;
color: #fff;
background-color: rgba(0,0,0,0.4);
font-family: Georgia, serif;
font-size: 0.8em;
border: 1px solid #fff;
-moz-border-radius-bottomleft: 30px;
-webkit-border-bottom-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.follow p {
margin: 0 0 8px 0;
padding: 0;
}
.follow a:link, .follow a:visited {
color: #fff;
text-decoration: none;
}
.follow a:hover, .follow a:active {
color: #E74C20;
text-decoration: none;
border-bottom: 1px dotted #E74C20;
}
/*** RSVP details ***/
.rsvp {
position: absolute;
right: 194px;
top: 620px;
font-family: Georgia, serif;
font-size: 0.7em;
}
.rsvp a:link, .rsvp a:visited {
color: #dedede;
text-decoration: none;
}
.rsvp a:hover, .rsvp a:active {
color: #E74C20;
text-decoration: none;
border-bottom: 1px dotted #E74C20;
}
/*** Footer ***/
#footer {
margin: 0 80px;
padding: 5px 8px;
position: absolute;
top: 700px;
font-size: 0.62em;
font-family: Arial, Helvetica, sans serif;
color: #454545;
background-color: transparent;
width: 600px;
}
#footer a:link, #footer a:visited {
color: #666;
text-decoration: none;
}
#footer a:hover, #footer a:active {
border-bottom: 1px dotted #666;
}