.flo {
float: left;
clear: left;
font-size: 200%;
font-weight: bold;
color: blue;
background : transparent;
}

.floo {
float: left;
clear: left;
font-size: 200%;
font-weight: bold;
color: blue;
background : transparent;
}

.flos {
float: left;
clear: left;
font-size: 200%;
font-weight: bold;
margin-bottom: 1.0em;
color: blue;
background : transparent;
}

body {
background: #99ccff;
margin: 5%;
font-family: Verdana, Arial, sans-serif;
color: black;
}

h1 {
font-weight: bold;
letter-spacing: 0.4em;
color: blue;
background : transparent;
margin: 0 0 0 0;
}

h2 {
font-weight: bold;
letter-spacing: 0.4em;
color: white;
background : transparent;
margin: 0 0 0 0;
}

p {
padding-left: 0.5em;
padding-right: 0.5em;
}

.date {
font-family: Verdana, Arial, sans-serif;
color: black;
background : transparent;
font-weight: bold;
font-size: 95%;
}

.posts {
font-family: Verdana, Arial, sans-serif;
color: black;
background : transparent;
margin-bottom: 10%;
}

.byline {
font-family: Verdana, Arial, sans-serif;
color: blue;
background : transparent;
font-size: 80%;
}

.main {
color: black;
background: white;
width: 70%;
margin-right: 5%;
margin-left: 15%;
margin-top: 5%;
padding: 0;
}

.mainr {
color: black;
background: #99ccff;
width: 70%;
margin-right: 5%;
margin-left: 15%;
margin-top: 5%;
padding: 0;
}

.list {
margin-top: 5%;
margin-bottom: 25%;
}

UL.left {
float: left;
width: 40%;
}

UL.right {
float: right;
width: 40%;
 }

.rec {
font-size : 90%; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
text-align : justify; 
margin-right: 5%;
margin-left: 5%;
margin-top: 15%;
}

.cen {
text-align: center;
}
