html {
 position: relative;
 width: 100%;
 height: 100%;
 min-width: 980px; /* enough for two-column demo UI */
 -moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased;
 /* http://files.christophzillgens.com/webkit-font-smoothing.html */
 /* font-smoothing: subpixel-antialiased; */
 /* general font niceness? */
 font-smoothing: antialiased;
 text-rendering: optimizeLegibility;
 background: #fff;
 color: #000;
 transition: background 0.2s ease-in-out;
}

body {
 font-family: helvetica, verdana, tahoma, arial, sans-serif;
 font-weight: 500;
 margin: 76px;
 padding: 0.5em;
 transition: color 0.2s ease-in-out;
 padding-bottom: 26px; /* room for the bottom bar UI player */
}

h1 {
 display: compact;
 font-family: "helvetica neue", helvetica, verdana, tahoma, arial, sans-serif;
 font-size: 2em;
 font-weight: 300;
 margin: 0px 0px 1.25em 0px; /*space vertica player and line ....*/
 padding: 0px 0px 0.96em 0px; /*space vertica dot ... and logo ....*/
 border-bottom: 3px dotted #C06;
}

h1 a {
 font-size: 100%;
 text-decoration: none;
 color: #000;
}

h1 a:hover {
 color: #336699;
 text-decoration: underline;
}

h2 {
 margin: 0px;
 padding: 0px;
 font-weight: 300;
}

h3 {
 font-weight: 300;
 margin: 1em 0px 0.5em 0px;
 padding: 0px;
}

p {
 margin-top: 0.5em;
}