@font-face {
	font-family: 'Puritan20Normal';
	src: url('../fonts/Puritan_Regular-webfont.eot');
	src: local('☺'), url('../fonts/Puritan_Regular-webfont.ttf') format('truetype'), url('../fonts/Puritan_Regular-webfont.svg#webfontn5eLr9nM') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Puritan20Bold';
	src: url('../fonts/Puritan_Bold-webfont.eot');
	src: local('☺'), url('../fonts/Puritan_Bold-webfont.ttf') format('truetype'), url('../fonts/Puritan_Bold-webfont.svg#webfontQVg1lsf2') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DanielRegular';
	src: url('../fonts/daniel-webfont.eot');
	src: local('☺'), url('../fonts/daniel-webfont.ttf') format('truetype'), url('../fonts/daniel-webfont.svg#webfontiJ7CsAOH') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NotethisRegular';
	src: url('../fonts/notethis-webfont.eot');
	src: local('☺'), url('../fonts/notethis-webfont.woff') format('woff'), url('../fonts/notethis-webfont.ttf') format('truetype'), url('../fonts/notethis-webfont.svg#webfontIKlAdwub') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Regular CSS styles from now on... */

#content {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-top:80px;
	margin-bottom:120px;
	font-family: 'Puritan20Normal', Arial, sans-serif;
}

/* Orphan styles that smell like they need... REFACTORING! */
.callToAction {font:18px/27px 'Puritan20Bold', Arial, sans-serif; color: red; float:left;}
#signing {position:relative;margin-top: 50px;margin-bottom: 60px;font:18px/24px 'Puritan20Normal', Arial, sans-serif;}
#signing .callToSignUp {color:black;float:left;margin-top:50px;margin-bottom:100px;text-align:justify;}
#signing .callToSignUp a.signUpLink {font-weight:bold;}

/* Authors */
#authors {font: 20px/24px 'NotethisRegular', Arial, sans-serif;clear:both;}
#authors li {display:block;float:right;margin-right:30px;white-space:nowrap;}

/* Page template */
h1.title {font: 60px/68px 'Puritan20Bold', Arial, sans-serif;letter-spacing:-1.3pt;position:relative;}
h1.title .tagline {color:red;font: 16px/18px 'Puritan20Normal', Arial, sans-serif;letter-spacing: 1pt;position:absolute;bottom:-2px;right:20px;white-space:nowrap;}
.title a {text-decoration:none;color:black;}

/* Manifesto */
ol.commandments {font: 24px/28px 'Puritan20Bold', Arial, sans-serif;}
.commandments li {margin: 20px 0px 12px 0px;text-align:justify;}
.commandments li .explanation {display:block;font: 18px/20px 'Puritan20Bold', Arial, sans-serif;margin-top:8px;}
.commandments li .commandment {display:block;}
.commandments b {font-family: 'Puritan20Normal', Arial, sans-serif; font-weight: normal;}

/* Signatories */
#signing .signUpForm {clear:both;position:relative;float:left;margin-top:30px;}
#signing input {font:18px/24px 'Puritan20Normal', Arial, sans-serif;}
#signing input.text {width: 400px;}
#signatories {clear:both;float:left;margin-top:50px;}
#signatories li {font:20px/26px 'NotethisRegular', Arial, sans-serif;}
#signatories .backToTop {display:block;margin-bottom:120px;}
.error {color:#f44;}
#attributions, #attributions * {font:10px/10px 'Puritan20Normal', Arial, sans-serif;color:black;text-decoration:none;}

/* Administration */
#admin h2 {float:left;}
#admin .loginInformation {float:right;}
#admin .callToSignUp {clear:both;}
#admin .signatories li:hover {background:#ddd;}
#admin .signatoryName {font: 20px/24px 'NotethisRegular', Arial, sans-serif;}
a.delete {display:block;float:right;background:url(../images/delete.png) no-repeat;overflow:hidden;height:16px;width:16px;}
a.delete span {display:none;}