.darkHeader {background-color: rgba(55,55,55, 0.8);margin-top: -10px; padding: 150px 50px; color: #fff; text-align: center;}
.darkHeader .topDiv {font-size: 20px;}
.darkHeader .userPic {font-size: 70px; font-family: Ubuntu;}
.darkHeader .userPic img {height: 70px; border-radius: 5px;}
.darkHeader .socialNetworks {margin-top: 10px;}
.darkHeader .socialNetworks a.toPoints{color: #fff;}
.darkHeader .socialNetworks img {height: 24px; margin: 0 5px;}

.lightBody {background-color: rgba(255,255,255, 0.8);margin-top: 0px;padding-bottom: 30px;}

.articlesList {}
.articlesList .article {border: solid 1px #ddd; border-radius: 3px; padding: 8px; margin-bottom: 5px;background-color: rgba(255,255,255, 0.8); font-size: 16px;}
.articlesList .article img {width: 100px; float: left; margin-right: 10px;}
.articlesList .article .h {font-size: 18px; font-weight: bold; display: block;}
.articlesList .article .date {font-size: 11px; color: #bbb;  }

.photoList {}
.photoList .photo {display: inline-block; border: solid 3px #fff; margin: 3px;}