body {
  background-image: url(/images/background.png);
  background-repeat: no-repeat;
  background-position: top right;
  background-attachment:fixed;
}

#navigation {
  float: right; 
}

.blackbar {
  height: 32px;
  width: 100%;
  background-image: url(/images/bar.png);
  line-height: 30px;
}

#footer {
  margin-top: 3em;
  text-align: center;
  color: #999;
}
#footer a {
  color: #999;
}
#footer a:hover {
  color: #444;
}

/* flash messages */
#flash_error, #flash_notice, #flash_success, #flash_wizard {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
#flash_error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
#flash_notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
#flash_success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
#flash_error a {color:#8a1f11;}
#flash_notice a {color:#514721;}
#flash_success a {color:#264409;}
#flash_wizard { background-image: url(/images/wizard.png); background-repeat: no-repeat; padding-left: 40px; background-color: #ddd; border: 2px solid #eee }

/* 
	Classy yet somehow fancy
	table style created by Radu Bilei
	for Chris Heilmann's CSS Table Gallery
	http://twitter.com/radubilei
	http://icant.co.uk/csstablegallery
*/
table,th,td	{	border:none;  border-collapse:collapse; font-family:corbel,'helvetica neue','trebuchet ms',arial,helvetica,sans-serif; font-size:1em; line-height:1.5em}
table		{	background:black; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-box-shadow:1px 1px 10px rgba(0,0,0,0.3); -moz-box-shadow:1px 1px 10px rgba(0,0,0,0.3)}
caption		{	text-align:left; text-transform:uppercase; font-size:150%; font-weight:bold; padding:1.5em 0; color:black}

thead, 
tfoot			{	color:white; }

thead th				{	padding:0.5em 1em; text-transform:uppercase; text-align:left; }
thead th:first-child	{	width:10em; text-align:right; }

tbody td,
tbody th				{	font-size:100%; padding:0.5em 1em; background-color:#e5e5e5; vertical-align:top}
tbody th				{	color:#222;	text-align:right; background-image:url(/images/tabel.png); background-repeat:repeat-y; border-right:1px solid #ccc}
tbody td:last-child		{	border-right:1px solid black}

tbody tr.odd th, 
tbody tr.odd td			{	background-color:#eee; color:#222}

tfoot td,
tfoot th				{	border:none; padding:0.5em 1em 2em; font-size:130%}
tfoot th				{	text-align:right}

table a:link	{	line-height:1em; color:black; display:inline-block; padding:3px 7px; margin:-3px -7px}
table a:visited	{	color:#555}
table a:hover	{	text-decoration:none; background:black; color:white; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}

::-moz-selection{	background:#202020; color:white}
::selection		{	background:#202020; color:white}

thead ::-moz-selection, 
tfoot ::-moz-selection	{	background:white; color:#202020}
thead ::selection, 
tfoot ::selection		{	background:white; color:#202020}

tbody:last-child th,
tbody:last-child td { border-bottom: 1px solid black; }

/* tags */
ul.tags {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ul.tags li { 
  display: inline;
  font-size: smaller;
  margin: 3px
}
ul.tags li a.active { background:#559955; color:white; margin: 2px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
ul.tags li a.active:hover { background:black;}

div#navigation ul {
  margin: 0;
  padding: 0;
}
div#navigation li {
  display: inline;
  list-style-type: none;
  border-left: 1px solid #ccc;
  padding-left: 2px;
  margin-right: 2px;
}

div#navigation li:first-child {
  border-left: none;
}

.CardioEntry { background-color: #fef; border: 1px solid #eae;}
.DistanceEntry { background-color: #eff; border: 1px solid #aee;}
.StrengthEntry { background-color: #ffe; border: 1px solid #eea;}
.WeightEntry { background-color: #eee; border: 1px solid #aaa;}
.BodyMeasurementEntry { background-color: #dfe; border: 1px solid #9ea;}
.EntrySymbol {
  width: 1em;
  height: 1em;
  float: right;
  margin-left: 0.3em;
  display: block;
}

.metalist li {
  display: inline;
  list-style-type: none;
  margin-right: 2em;
  color: #888;
}

ol#items {
  margin: 0;
  padding: 0;
}
ol#items li {
  list-style-type: none;
  background-color: #eee;
  border: 1px solid #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 5px;
  margin-bottom: 2px;
}

ol#items li strong {
  background-image: url('/images/activity.png');
  background-repeat: no-repeat;
  padding-left: 20px;
  height: 16px;
  color: #333;
  display: inline-block;
}
ol#items li a.delete {
  float: right;
  width: 16px;
  height: 16px;
  background-image: url(/images/remove.png);
  text-indent:-9999px;
  display:inline-block;
}
ol#items li .comment {
  display:inline-block;
  color: #555;
  font-style:italic;
  margin-left: 1em;
  margin-right: 0.5em;
}
ol#items li .edit-comment {
  color: #033649;
  font-weight: bold;
}

h1 {
  display: inline-block;
}

img.gravatar {
  float: right;
}