body {
margin: 0 0 0 0;
padding: 1em 1em 1em 1em;
- background-color: #eee;
- font-family: sans-serif;
+ background-color: #fefefe;
+ font-family: Helvetica,Arial,sans-serif;
}
nav {
padding: 0 0 0 0;
}
+nav ul {
+ list-style-type: none;
+ padding: 0 0 0 0;
+}
+
+nav ul li {
+ display: inline;
+ margin: 0em 1em 0 0;
+ padding: 0 0 0 0;
+ text-transform: uppercase;
+}
+
a.active {
text-decoration: none;
border-bottom: 4px solid black;
padding: 0 0 0 0;
}
-div.article {
- margin-bottom: 1em;
-}
-
.article-info {
+ white-space: nowrap;
font-size: 80%;
color: #bbb;
-}
-
-img {
- margin: 0em 1em 1em 0em;
- padding: 0 0 0 0;
- width: 8em;
+ margin: 0;
+ padding: 0;
}
p {
- margin: 1em 1em 1em 1em;
+ margin: 0;
padding: 0 0 0 0;
}
-.left {
+.article-image img {
float: left;
+ position: relative;
+ width: 10em;
+ padding: 0em;
+ margin: 0 1em 0 0;
}
-h2 {
- clear: left;
- margin: 0 0 0 0;
- padding: 0 0 0 0;
+.article-content {
}
-nav ul {
- list-style-type: none;
- padding: 0 0 0 0;
+.article-title {
+ font-size: 120%;
+ font-weight: bold;
+
+ margin: 0;
+ padding: 0;
}
-nav ul li {
- display: inline;
- margin: 0em 1em 0 0;
- padding: 0 0 0 0;
- text-transform: uppercase;
+.article-description {
+ font-size: 100%;
+ padding: 0;
+ margin: 0;
+}
+
+div.article {
+ clear:left;
+ padding: 0;
+ margin: 0 0 2em 0;
+ overflow: hidden;
}