html { margin: 0;
       padding: 0; }
body,p,td { font-size: 11px;
            font-family: verdana, arial, sans-serif;
            margin: 0;
            padding: 0; }

div#main { margin: 10px;
           padding: 0;
           border: 1px solid; }
div#main h1#header { font-size: 200%;
                     font-weight: bold;
                     font-family: georgia, verdana, arial, sans-serif;
                     font-variant: small-caps;
                     margin: 0;
                     padding: 5px;
                     border-bottom: 1px solid; }

table { border-style: none;
	padding: 0;
	margin: 0; }

tr { padding: 0;
     margin: 0;
     vertical-align: middle; }

td { padding: 0;
     margin: 0;
     vertical-align: middle; }

p { margin: 0.5em 0 1em 10px;
    padding: 0;
    text-align: left;
    line-height: 1.4; }
table { margin: 0.5em 0 1em 10px;
        padding: 0;
        text-align: left;
        line-height: 1.4; }
pre { margin: 0.5em 0 1em 10px;
      padding: 0;
      text-align: left;
      line-height: 1.4; }
h1 { font-size: 130%;
     font-weight: bold;
     margin: 10px 0 0 0;
     padding: 0; }
hr { border: none;
     margin: 0;
     padding: 0;
     height: 1px; }
ul, ol { margin: 0.5em 0 1em 1em;
         padding: 0 0 0 10px;
         line-height: 1.4; }

div#content { margin: 10px; }

div#ad { margin: 10px;
         text-align: center; }

div#sidebar { float: right;
              width: 15%;
              margin: 0 0 10px 10px;
              padding: 3px;
              border: 1px solid; }
.menubox { margin: 0 0 3px 0;
           padding: 0 0 0 0; }
.menubox h1 { margin: 0;
              padding: 0;
              font-size: 110%;
              font-weight: bold;
              border-bottom: 2px solid;
              display: block; }
.menubox ul { list-style: none;
              margin: 0;
              padding: 0;
              }
.menubox ul li { list-style: none;
                 margin: 0;
                 padding: 0;
                 text-align: left; }
.menubox ul li a { margin: 0;
                   padding: 0; }

.workoutweek { position: relative;
               top: auto;
               left: auto; 
               width: 500px; }
.workoutday { position: relative;
              float: left;
              top: auto;
              left: auto;
              width: 150px;
              height: 210px;
              margin: 0 10px 10px 0;
              background-image: url('/running/log/log.png'); }
.workoutday .dayoftheweek { position: absolute;
                            left: 60px;
                            top: 5px;
                            width: 79px;
                            height: 12px;
                            text-align: right;
                            font-weight: bold; }
.workoutday .date { position: absolute;
                    left: 12px;
                    top: 4px;
                    width: 43px;
                    height: 14px; }
.workoutday .amdistance { position: absolute;
                          left: 23px;
                          top: 27px;
                          width: 52px;
                          height: 12px; }
.workoutday .pmdistance { position: absolute;
                          left: 92px;
                          top: 27px;
                          width: 52px;
                          height: 12px; }
.workoutday .weight { display: none; }
.workoutday .sleep { display: none; }
.workoutday .hr { display: none; }
.workoutday .tank { display: none; }
.workoutday .comments { position: absolute;
                        left: 7px;
                        top: 44px;
                        width: 136px;
                        height: 120px;
                        font-size: 10px; }
.workoutday .comments p { margin: 0 0 5px 0;
                          padding: 0;
                          font-size: 80%; }

div#content table.running-table { margin: 0.5em 0 1em 10px;
                                  padding: 0; }
div#footer { font-size: 90%;
             margin: 0;
             padding: 5px;
             border-top: 1px solid;
             text-align: right; }
div#footer p { margin: 0 0 0 0.125em;
               font-size: 90%;
               text-align: right; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

.clearfix:after { content: ".";
                  display: block;
                  height: 0;
                  clear: both;
                  visibility: hidden; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* colors */
html, body { background-color: rgb(93%, 93%, 80%);
             color: rgb(20%, 20%, 20%); }


div#main { background-color: rgb(100%, 100%, 100%);
           border-color: rgb(60%, 60%, 60%); }
div#main h1#header { background-color: rgb(30%, 60%, 80%);
                     color: rgb(100%, 100%, 100%);
                     border-color: rgb(60%, 60%, 60%); }

div#content hr { background-color: rgb(20%, 20%, 20%);
                 color: rgb(20%, 20%, 20%); }

div#sidebar { background-color: rgb(100%, 100%, 90%);
              border-color: rgb(85%, 85%, 70%);
              color: rgb(30%, 30%, 30%); }
.menubox h1 { border-color: rgb(85%, 85%, 70%); }

/*
a { color: #406181; }
a, a:visited, a:hover { color: #5580AB; }
*/
a, a:visited, a:hover { color: #6699CC; }
/*
a:hover { color: #6699CC; }
*/

div#footer { border-color: rgb(60%, 60%, 60%);
             background-color: rgb(85%, 90%, 95%); }