/*Made by John Tidey. @JohnTidey on Twitter*/

body {
margin: 0px;
padding: 0px;
background: rgb(240,240,240);
font-family: Josefin sans, sans serif;
color: rgb(72,72,72);
font-size: 19px;
font-weight: bold;
text-shadow: 0px 1px 0px white;
text-align: center;
}

a {
color: rgb(72,72,72);
}

h1 {
font-size: 42px;
margin-bottom: 35px;
}

img {
border: none;
}

#container {
margin-left: auto;
margin-right: auto;
width: 757px;
padding: 20px;
text-align: left;
}

#paragraph {
float: left;
width: 470px;
}

#emailsignup {
float: right;
width: 250px;
text-align: right;
}

#emailform {
padding: 6px;
width: 200px;
height: 30px;
color: rgb(72,72,72);
font-family: arial, sans serif;
border: 1px solid rgb(165,172,178);
position: relative;
left: 35px;
z-index: 1;
-webkit-border-radius: 5px 10000px 10000px 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-topright: 10000px;
-moz-border-radius-bottomright: 10000px;
border-radius: 5px 10000px 10000px 5px;
}

#emailbutton {
background: rgb(245,245,245);
background: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(240,240,240)));
background: -moz-linear-gradient(top,  rgb(255,255,255),  rgb(240,240,240));
border: 1px solid rgb(165,172,178);
height: 30px;
width: 30px;
-moz-border-radius: 10000px;
-webkit-border-radius: 10000px;
border-radius: 10000px;
z-index: 2;
position: relative;
}

#emailbutton:hover {
background: rgb(245,245,245);
background: -webkit-gradient(linear, left top, left bottom, from(rgb(245,245,245)), to(rgb(230,230,230)));
background: -moz-linear-gradient(top,  rgb(245,245,245),  rgb(230,230,230));
cursor: pointer;
}

#emailbutton:active {
background: rgb(220,220,220);
}

#emailformtext {
font-size: 11px;
font-family: arial;
font-weight: normal;
}

#footer {
position: fixed;
bottom: 0px;
height: 60px;
width: 100%;
background: rgb(250,250,250);
border-top: 1px solid rgb(215,215,215);
font-family: arial;
font-weight: normal;
font-size: 11px;
color: rgb(120,120,120);
text-align: center;
}

#footer a {
color: rgb(120,120,120);
}

#footercontainer {
margin-left: auto;
margin-right: auto;
width: 760px;
}

#copyright {
float: left;
width: 500px;
padding-top: 23px;
}

#socialmediaicons {
float: right;
width: 200px;
text-align: right;
padding-top: 14px;
}

#socialmediaicons a {
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
}

#socialmediaicons a:hover {
-moz-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
}

.redtext {
color: rgb(182,82,32);
}