@font-face {
    font-family: 'SourceSansProRegular';
    src: url('../fonts/SourceSansPro-Regular-webfont.eot');
    src: url('../fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro-Regular-webfont.woff') format('woff'),
         url('../fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'),
         url('../fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
	font-size: 62.5%;
}

body {
	color: white;
	background-color: #333;
	font-family: 'SourceSansProRegular', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.5;
}

a:link,
a:visited {
	color: white;
	border-bottom: 1px solid white; border-bottom-color: rgba(255, 255, 255, 0.3);
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

a:hover,
a:active {
	color: #ffcc00;
	border-color: white;
}

hr {
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid white; border-top-color: rgba(255, 255, 255, 0.1);
}

h1 {
    margin: 0;
	font-size: 21px; font-size: 2.1rem;
	font-weight: normal;
}

h1 span {
	white-space: nowrap;
}

p {}

.content {
	width: 280px;
	margin: 0 auto;
	padding: 20px 10px;
}

ul.social {
    clear: both;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}

ul.social li {
    float: left;
    width: 48%;
	margin: 2px 2% 2px 0;
	padding: 0;
}

ul.social li a {
	border: none;
}

.copyright {
    clear: both;
	color: #777;
	font-size: 13px; font-size: 1.3rem;
}