@import url(fonts/fonts.css) all;

html,body {margin:0;padding:0;}

body {
background: url(images/background.png) repeat-x;
background-color: #fcfcf9;
font-family: "ProximaNovaRegular", Helvetica, Arial, sans-serif;
}

a:link,
a:visited {color:#222222; text-decoration: none;}
a:hover {color:#1c7ca8;text-decoration: underline}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#wrapper {margin: 0 auto;width:960px;}

h1 {
background: url(images/rebuild-fairburn.png);
margin: 20px auto;
display:block;
height:131px;
width:285px;
text-indent: -9999px;
}

p.deck {
font-size: 20px;
font-family: "ProximaNovaLight", Helvetica, Arial, sans-serif;
text-align: center;
margin:50px 0 25px 0;
}

p.about {color:#6f6f6f;text-align: center;line-height: 25px;}

hr {
clear:both;
background-color: #e9e9e6;
border: none;
height:5px;
margin:20px 0;
}

span#donate,
span#paypal,
span#or,
span#google {
display:block;
text-indent: -9999px;
float:left;
}

span#donate {
background: url(images/donate.png) no-repeat;
height:49px;
width:345px;
}

span#or {
background: url(images/or.png) no-repeat;
height:28px;
width:27px;
}

img {margin:0;padding:0;}

div#before {
background: url(images/fairburn-before-fire.jpg) no-repeat;
display:block;
float:left;
width:460px;
height:290px;
position: relative;
margin: 0 20px 20px 0;
}

span.attribute {
position: absolute;
bottom:0;
right:0;
background: url(images/opacity.png);
padding:4px 7px;
}

img#one,
img#two,
img#three {margin:20px 20px 0 0;float:left;}

img#four {margin-top:20px;}

span.attribute a:link,
span.attribute a:visited {font-family:"ProximaNovaLight";text-transform: uppercase;font-size:11px;color:#6d6d6d; text-decoration: none;}
span.attribute a:hover {color:#fff;}

.border {border:5px solid #eaeae8;}

#footer {
clear:both;
color:#aaaaaa;
font-size: 12px;
text-align: center;
margin: 20px 0 10px 0;
}

#footer a:link,
#footer a:visited {color:#aaaaaa;text-decoration: none;}
#footer a:hover {color:#1c7ca8;text-decoration: underline;}