html {
 line-height: 1.5;
 color: black;
 background-color: white;
}

body {
 border: 0;
 font-family: sans-serif;
 width: 70%;
 margin: 0px auto 0px auto;
}

#header {
 margin: 0px auto 30px auto;
 padding: 5px; 
}


.home {
 float: left;
} 

.lang {
 float: right;
}

#main {
}

ul {
 padding-top: 0px;
 margin-top: 0px;
 list-style-image: none;
 list-style-type: square;
}

li.bottom-space {
 margin-bottom: 25px;
}

.section {
 -moz-border-radius: 5px 5px 5px 5px;
 padding: 0px;
 margin: 0px 0px 15px 0px;
 border: 2px solid #0101EE;
}

.title-section {
 padding: 7px;
 margin: 0px;
 border-bottom: 1px solid #7F98A7;
 letter-spacing: 3px;
 font-size: 120%;
 font-weight: bold;
 text-align: center;
}

.content-section {
 margin: 10px 0px 0px 0px;
 padding: 5px;
}

#footer {
 padding: 5px;
 margin: 0px 0px 20px 0px;
}

a, a:link, a:visited, a:active {
 text-decoration: none;
 border-bottom:  1px dotted #ccc;
 color: #0101EE;
}

a:hover	{
 text-decoration: underline;
 border-bottom: none;
}

.date {
 color: #00af00;
}

/* Constrained screen styles start here */
@media only screen and (max-device-width: 768px) {

body {
 width: 98%;
}

}