body {
background-color: #f3f1f4;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin: 0em;
color: #49444c;
font-size: .8em;
}

p {
	padding-bottom: 0.3em;
}

.songtitle 
{
font-weight: bold;
margin: .0em .0em .0em .0em;
padding: .0em .0em .0em .0em;
}

.songsubtitle
{
font-size: .8em;
font-style: italic;
margin: .0em .0em .0em .0em;
padding: .0em .0em .0em .0em;
}

.songsubtitle
{
font-size: .8em;
font-style: italic;
margin: .0em .0em .0em .0em;
padding: .0em .0em .0em .0em;
}

.stepsdescription
{
margin: .0em .0em .0em .0em;
padding: .0em .0em .0em .0em;
}

.daycalories
{
	color: blue;
	text-align: center;
}

.weekcalories
{
	color: red;
	text-align: center;
}

.meter
{
	color: blue;
}

.grade
{
	color: red;
}

.rank 
{
	color: red;
}

.name 
{
	color: black;
}

.value
{
	color: blue;
}

.footer
{
	text-align: right;
padding-right: .8em;
}

img.screenshot
{
border: 2px blue solid;
}

table td {
font-size: .7em;
margin: .0em .0em .0em .0em;
padding: .0em .0em .0em .0em;
}

table.instructions {
background-color: white;
border: 0px;
border-collapse: collapse;
}

table.group 
{
background-color: white;
margin: .0em .0em .0em .0em;
padding: .0em .0em .0em .0em;
border: 0px;
border-collapse: collapse;
}

table.group td
{
border: 1px #DBE0E5 solid;
border-collapse: collapse;
}

table.column 
{
margin: 0.1em 0.1em 0.1em 0.1em;
padding: 0px;
border: 0px;
border-collapse: collapse;
}

table.column td
{
margin: 0.1em 0.1em 0.1em 0.1em;
padding: 0.1em;
border: 0px;
border-collapse: collapse;
}

table.difficulty 
{
background-color: white;
margin: .0em .0em .0em .0em;
padding: .0em .0em .0em .0em;
border: 0px;
border-collapse: collapse;
}

table.difficulty td
{
margin: 0.1em 0.1em 0.1em 0.1em;
padding: 0px;
border: 1px #DBE0E5 solid;
border-collapse: collapse;
}

table.calories td
{
background-color: white;
margin: .0em .0em .0em .0em;
padding: .0em .0em .0em .0em;
border: 0px;
border-collapse: collapse;
text-align: center;
}

h1 {
font-weight: bold;
text-align: left;
font-size: 1.5em;
background-color: #f3f1f4;
color: #625b66;
padding: .2em .2em .2em .2em;
margin: .0em .0em .0em .0em;
}

h2 {
background-color: #feeddd;
font-weight: bold;
font-size: 1.0em;
color: #625b66;
padding: .2em .2em .2em .2em;
margin: .0em .0em .0em .0em;
}

h3 {
background-color: #F7FEDD;
font-weight: bold;
font-size: 1.0em;
color: #625b66;
padding: .2em .2em .2em .2em;
margin: .0em .0em .0em .0em;
}

h4 {
background-color: #DDEEFE;
font-weight: bold;
font-size: 1.0em;
color: #625b66;
padding: .2em .2em .2em .2em;
margin: .0em .0em .0em .0em;
}

h5 {
background-color: #E4DDFE;
font-weight: bold;
font-size: 1.0em;
color: #625b66;
padding: .2em .2em .2em .2em;
margin: .0em .0em .0em .0em;
}

a h2:hover {
background-color: #FDD5AF;
}

.section1 {
background-color: #f3f1f4;
margin: .0em .0em .0em .0em;
}

.section2 {
border: 1px #DBE0E5 solid;
background-color: #F4F6F7;
margin: 0.3em 0.3em 0.3em 0.6em;
}

.section3 {
border: 1px #DBE0E5 solid;
background-color: #F4F6F7;
margin: 0.3em 0.3em 0.3em 0.6em;
}

.section4 {
border: 1px #DBE0E5 solid;
background-color: #F4F6F7;
margin: 0.3em 0.3em 0.3em 0.6em;
}

.section5 {
border: 1px #DBE0E5 solid;
background-color: #F4F6F7;
margin: 0.3em 0.3em 0.3em 0.6em;
}

a:link {
color: #312d33;
text-decoration: underline;
}

a:visited {
color: #312d33;
text-decoration: underline;
}

a:hover {
color: #224059;
background-color: #dbd9dc;
text-decoration: underline;
}
