html {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;line-height: 120%}/*font family*/
body{max-width: 1024px; margin: 0 auto}/*setting webpage boundaries, look what happens if you shrinke or widen the window*/
.top{margin-top: 2em}/*include-space-command*/
li{margin-bottom: 0.5em}/*space*/
ol{list-style-type: none; position: relative}/*remove item mark*/
ol> li:before{font-weight: bold; content: attr(value); counter-increment: item; position: absolute; left:-0.3em; width:40px; text-align:right;}/*formatting new item mark*/
[sth-title]{display: block; font-weight: bold}
[sth-details]{display: block; font-style: italic}/*same style*/
a:link{padding: 1px 1px; color: red}/*links spaced -since underbar and brackets- and in red*/