body {
	font-family: 'Bitter', Arial, sans-serif;
	min-width: 600px;
	max-width: 1200px;
	letter-spacing: 1.0;
	margin:0;
}

#rules-container {
	margin:140px 120px 80px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Bitter', Arial, sans-serif;
	letter-spacing: 1.0;

}

h1 {
	font-size:46px;
	margin-top:30px;
	margin-bottom:20px;
}

h2 {
	font-size:32px;
	margin-top:80px;
	margin-bottom:20px;
}

h3 {
	font-size:21px;
	margin-top:50px;
	margin-bottom:10px;
}

p, li {
	font-size:16px;
	line-height: 21px;
}

p.link {
	margin-bottom:5px;
	margin-top:5px;
}

a:link, a:visited {
	cursor: pointer;
	color:#0cf;
}

a:hover {
	color:#f0c;
	transition: color 200ms;
}

span {
	font-weight: bold;
}

span.normal {
	font-weight: normal !important;
}

img.example {
	width:40%;
	margin-bottom:20px;
}

#download-link {
	position: absolute;
	top:20px;
	right:120px;
}

ul {
	padding:0px;
}

ul li {
	list-style: none;
}

ol {
	padding:0;
	margin-top:20px;
}

ol li {
	background:url('../images/numbers.png') no-repeat left top;
	padding-left:35px;
	list-style: none;
	margin-bottom: 20px;
	min-height:25px;
	background-size: 25px;
}

ol li#n1 {background-position: left top}
ol li#n2 {background-position: left -75px}
ol li#n3 {background-position: left -150px}
ol li#n4 {background-position: left -225px}
ol li#n5 {background-position: left -300px}
ol li#n6 {background-position: left -375px}

table#rules {
	margin-left:-5px;
}

table#rules td {
    padding: 5px 30px 5px 20px;
    border:2px solid #fff;
    background:#ddd;
    vertical-align: top;
}

table#rules tr#bottom td {
	padding-bottom:15px;
}

table#rules td h3 {
	margin:8px 0;
}

table#rules td p {
	margin:8px 0;
}

a #header {
    position: absolute;
    top:0px;
    width: 100%;
    background: #aaa;
    padding:16px 0;
}

a #header p {
	margin:0 0 0 120px;
	padding:0;
    color: #fff;
    text-transform: uppercase;
}

a:hover #header {
	background-color:#f0c;
	transition: background-color 200ms;
}

img.rewardable {
	width:50%;
}

#backtotop {
	margin:120px 0 0;
}