a:link {color: black; text-decoration:inherit;}      /* unvisited link */
a:visited {color:black; text-decoration:inherit;}  /* visited link */
a:hover {color:black; text-decoration:inherit;}  /* mouse over link */
a:active {color:black; text-decoration:inherit;}  /* selected link */

body {
   margin:0;
   padding: 0;
   font-family: Roboto;  
}

.total {
   width:100%;
   height:100%;
   
}

.header {
width: 100%;
height: 130px;
padding-top: 200px;
background: url('http://static.tumblr.com/d93f5d132a84ade5d617a84b1464220e/k6nh5y6/Xzrnucv26/tumblr_static_317v0zamiy804og48kcc4gsgo_2048_v2.jpg');
background-size: cover;
background-position-y: 326px;
float: left;
}


.post {
    border-radius: 4px;
    margin: 5px;
    margin-bottom:20px;
    border: 1px solid #eee;
    border: 1px solid rgba(0,0,0,.08);
    height: 390px;
    float: left;
    background: #f2f2f2;
}


.img_prev {
 height: 270px;  
 background-size:cover;
}

.shadow {
    height: 270px;  
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.4)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#99000000',GradientType=0 );
}

.attr {
   position: relative;
    bottom: -240px;
   left: 10px;
    display: inline-block;

}

.attr a, .attrOt a {
   color:white;   
}

.attrOt {
   position: relative;
    bottom: -220px;
    display: inline-block;
    float: right;
    right: 10px;
    font-size: 14px;
    
}

.title {
   font-size: 22px;
   font-weight: 500;
   padding: 10px;
}




ul {
margin: 0px;
padding: 22px;
list-style-type: square;
}

.side-list {
   padding-top:0;
}




.post-content {
   
   padding-top:17px;
   padding-bottom:17px; 
   
}

.post-img {
   border-radius: 60px;
   margin-right:20px;
}

table,td {
   padding:0;
}

.post-prev {
   font-size: 20px;
   float:left;
}

.newPage {
   display:inline-block;
   margin: 5px;
   margin-top: 50px;
      margin-bottom: 50px;
}


/*inizio css condizionati*/

@media screen and (min-width: 700px) {


.side-column {
   float:left;
   width: 260px;
   min-height: 800px;
   padding-left:20px;
   padding-right:20px;

}

.main {
   width: calc(100% - 341px);
   float:left;
   min-height: 1138px; 
   padding-left:20px;
   padding-right:20px;
   padding-top: 20px;   
   border-left: 1px solid grey;

}

.avatar {
width: 150px;
height: 150px;
border-radius: 100px;
border: 4px solid white;
margin-left: 30px;
background: url('https://pbs.twimg.com/profile_images/512548830210838528/6xulKzzW_400x400.jpeg');
background-size: contain;
display:inline-block;
float:left;
}



.name {
width: 350px;
font-size: 26px;
display: inline-block;
color: white;
float: left;
margin: 30px;
margin-top: 90px;
}

.altro {
   
}

.under-column {
   display:none;
}

}


@media screen and (min-width: 1020px) {
.post {
    width: calc(45% - 10px);
}



   
}

@media screen and (max-width: 1020px) {
.post {
   width: 90%;
   height: auto;
}


   
}


@media screen and (max-width: 700px) {

.under-column {
   float:left;
   width: 90%;
   padding:5%;

}

.side-column {
   display:none;
}

.altro {
 display:none;   
}


.avatar {
width: 100px;
height: 100px;
border-radius: 100px;
border: 4px solid white;
margin-left: 30px;
background: url('https://pbs.twimg.com/profile_images/512548830210838528/6xulKzzW_400x400.jpeg');
background-size: contain;
display:inline-block;
float:left;
}


.main {
   width: 90%;
   padding:5%;
   float:left;  
   padding-top: 20px;   
   border-left: 1px solid grey;

}

.name {
    width: 150px;
    font-size: 26px;
    display: inline-block;
    color: white;
    float: left;
    margin-left:10px;
}

.title {
   font-size: 18px;
   font-weight: 500;
   padding: 10px; 
}

}