*{margin: 0;
padding: 0;}


body
{
min-width:30%;


font-family:Arial, Helvetica, sans-serif;
}

header, .main, footer{
/*background:#fff;*/
width:90%;
max-width:1000px;
margin:20px auto;
}
header nav{
background:#528fd5;
overflow:hidden;/*ocultar contenido que sobrepasa el contenedor y limpia los fload left*/
}
header nav ul li{
float:left; 
}
header nav ul li a{
padding:10px 20px;
display:block; /*para que funcione el padding usamos el display*/
color:#fff;
text-decoration:none;
border: #F90 dotted 1px;

}

.main .articles {
width:78.5%;
margin-right:1.5%;
float:left;
}


.main .articles article {

background:#0A0A2A;
margin-bottom:10px;
border-radius:10px;
color:#FFFFFF;
padding:10px 20px;
}



.main .articles article a:link  {
color:#FFFFFF;
font-size:12px;
text-decoration:none;
margin: 10px 50px 10px 10px;
}
.main .articles article a:visited  {
color:#666666;
}

.main .articles article a:hover{
text-decoration:underline;
color:#FFCC33;
padding:10px 10px 10px 10px;
}



aside{
width:20%;
heigth:30%;
float:left;
}
aside div img
{
width:90%;
border-radius:10px;
box-sizing:border-box;
box-shadow:0px 10px 10px 0px;

}
footer{
background:#000;
color:#FFF;
font-size:8px;
clear:both;/*limpia lo del float*/
padding:10px 0px;
text-align:center;
border-radius:10px ;
}