-DIV#header {
+.header {
position: absolute;
top: 0;
left: 0;
background-color: black;
}
-DIV#header img.title {
+.header img.title {
position: absolute;
top: 0;
left: 2em;
}
-DIV#header img.logo {
+.header img.logo {
position: absolute;
top: 0;
right: 0;
}
-DIV#sidebar {
+.sidebar {
position: absolute;
right: 0.5em;
width: 195px;
top: 130px;
}
-DIV#sidebar h2 {
+.sidebar h2 {
background-color: black;
color: white;
font-size: 1em;
padding: 0.5ex;
}
-DIV#sidebar p {
+.sidebar p {
border-color: black;
border-style: solid;
border-width: 1pt;
padding: 0.5ex;
}
-DIV#sidebar a {
+.sidebar a {
color: blue;
text-decoration: underline;
}
-DIV#sidebar a:visited {
+.sidebar a:visited {
color: blue;
text-decoration: underline;
}
-DIV#items {
+.items {
padding-right: 200px;
- padding-top: 0.5ex;
+ padding-top: 5em;
}
-DIV#items h1 {
+.items h1 {
background-color: black;
color: white;
font-size: 1.5em;
font-family: sans-serif;
padding: 0.5ex;
+ margin-bottom: 0;
}
-DIV#item {
+.item {
padding: 0.5em;
}
-DIV#item h2 {
+.item h2 {
background-color: #dddddd;
color: black;
font-size: 1em;
padding: 0.5ex;
}
-DIV#item a > img {
+.item img {
border-style: none;
- padding-left: 0.5ex;
+ padding-left: 1ex;
padding-right: 0.5ex;
}
-DIV#item img.image {
+.item img.image {
float: right;
margin: 10pt;
padding: 0em;
}
-DIV#item p.body {
+.item p.body {
padding: 0.5em;
+ text-align: justify;
}
-DIV#item p.time {
+.item p.time {
color: #999999;
}
-DIV#item p.body a {
+.item p.body a {
color: blue;
text-decoration: underline;
}
-DIV#item p.body a:visited {
+.item p.body a:visited {
color: blue;
text-decoration: underline;
}
-DIV#item p.time a {
+.item p.time a {
color: #999999;
text-decoration: none;
}
-DIV#item p.time a:visited {
+.item p.time a:visited {
color: #999999;
text-decoration: none;
}
-DIV#footer {
+.footer {
color: #999999;
text-align: center;
}
-DIV#footer a {
+.footer a {
color: #5555AA;
text-decoration: underline;
}
-DIV#footer a:visited {
+.footer a:visited {
color: #5555AA;
text-decoration: underline;
}