body{
	font-size:10px;
	margin: 0;
	padding: 0 0px;
	font-family: Ariel, sans-serif;
	
	background-image: url("/Pictures/SitePictures/SeamlessWallpaper/BookBackgroundSeamless.jpg");
	background-attachment: fixed;
  background-repeat:repeat;
  background-position:left top;
  background-position:bottom right;
}

a:hover {
  opacity:0.7;
}

/* REVIEWER PROFILE INFORMATION */

.profile {
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-top:125px;
  width:90%;
  background-color:#dfdffb;
  border:2px solid #13137d;
  padding:10px 10px 10px 10px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
}

.reviewer {
  
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  width:120px;
  float: left;
  margin: 4px 10px 0px 0px;
  border: 2px solid #13137d;
}

.profiletext {
  display:block;

}

.profiletext p {
  color:darkblue;
  font-size:1.7em;
  text-align:left;
}


/* LIST OF REVIEWS DIVIDED INTO YEARS */


h1 {
 margin-left:1.65em;
 margin-top:1em;
 margin-bottom:-3em;;
 color:darkblue;
 font-size:3em;
 font-weight:bold;
 
}

h2 {
 margin-left:2em;
 margin-top:1em;
 margin-bottom:-1em;;
 color:darkblue;
 font-size:3em;
 font-weight:bold;
}


h4 {
font-size:2em; 
margin-left:15px;
color:blue;
}

h5 {
 font-size:1.8em; 
}

#mainpage {
 margin-top:3em;
 width:60%;
 float:left;
}

.Year {
 color: green;
 padding-bottom:1em;
 margin-top:2em;
}

.Year a {
  text-decoration:none;
}

.Year a:visited {
 color: darkgreen; 
}

.yeartitle a {
  color:green;
  font-size:1.7em;
}
         
.yeartitle span {
 font-size:2em;
 padding-left:100px;
 margin-top:-20px;
 margin-right:10px;
 font-weight:bold;
 color:blue;
 white-space: nowrap;          
}


.readinglist {
  
  margin-left:4em;
  font-size:1.6em;
  padding-left:60px;
  color:green;
}

.readinglist a {
  text-decoration:none;
  color:blue;
}

.readinglist a:hover {
 color:darkblue;
 font-weight:bold;
}

.readinglist a:visited {
  color:darkslateblue;
}

.list li {
         list-style:none; 
                }
        
        .list img {
          height:15px; width:82px;
        }
        
        .list span {
          color:red;
          margin: 0 5px 0 5px;
        }


/* TO BE READ LIST AT THE RIGHT OF THE PAGE */

.tbr {
         width:35%;
         float:left;
         margin-top:70px;
         background-color:#dfdffb;
         border:2px solid #13137d;
        }
        
        .tbr p {
         color:darkblue;
         font-size:1.6em;
         text-align:left; 
        }
        
        .tbr .heading h3 {
        margin-left:8px;
        padding-bottom:0;
        color:darkblue;
        font-size:1.7em;
        }
        
        .tbr ul {
         font-size:1.6em;
         margin-left:10px;
         color:darkblue;
         
        }
        
        .tbr ul li {
          padding-bottom:5px;
          
        }
        
        .tbr p {
          font-size:1.6em;
          margin:0 10px 0 10px;
          text-align:left;
          width:90%;
          margin-top:10px;
        }
        
          .quotebox {
  background-color:#ededfb;
  width:94%;
  margin:0 auto;
}

.quotebox p {
  font-size:1.6em;
  padding:15px;
  
}

.quotebox img {
  width:40%;
  float:right;
  padding: 15px 15px 10px 10px;
}
        
        .tbrlist {
        }
        
        .tbrlist li span {
          font-weight:bold;
          font-style:italic;
          margin-right:6px;
          color:#000055;
        }
          
/* ***************************************************************** RESPONSIVE SETTINGS ************************************************************ */

@media only screen and (min-width: 360px) and (max-width: 768px) {
  
  .profile {
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  width:90%;
  background-color:#e0ffff;
  border:2px solid #b0e0e6;
  padding:10px 10px 10px 10px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
}
  
  
  h2 {
   margin-left:0; 
  }
  
  .readinglist, .list li {
   width:100%; 
  }
  
  #mainpage {
    float:none;
   width:100%;
   display:block;
   margin-left:auto;
   margin-right:auto;
  }
  
  #reviews {
   margin-left:-80px;
   width:100%;
  }
  
  
 h1 {
 color:darkblue;
 font-size:3em;
 font-weight:bold;
 text-align:center;
 margin:10px 0;
}

h2 {
 margin-left:50px;
 margin-top:1em;
 margin-bottom:-1em;
 color:darkblue;
 font-size:3em;
 font-weight:bold;
}


h4 {
font-size:2em; 
margin-left:0;
color:blue;
}

h5 {
 font-size:1.8em; 
}

.Year {
 color: green;
 padding-bottom:1em;
 margin-top:2em;
 
}

.Year a {
  text-decoration:none;
}

.Year a:visited {
 color: darkgreen; 
}

.yeartitle {
 margin-left:0px; 
}

.yeartitle a {
  color:green;
  font-size:1.7em;
}
         
.yeartitle span {
 font-size:2em;
 margin-top:-20px;
 margin-right:10px;
 font-weight:bold;
 color:#13137d;
 white-space: nowrap;          
}


.readinglist {
  
  margin-left:0;
  font-size:1.6em;
  color:green;
}

.readinglist a {
  text-decoration:none;
  color:blue;
}

.readinglist a:hover {
 color:darkblue;
 font-weight:bold;
}

.readinglist a:visited {
  color:darkslateblue;
}

.list li {
         list-style:none; 
                }
        
        .list img {
          height:15px; width:82px;
        }
        
        .list span {
          color:red;
          margin: 0 5px 0 5px;
        }
 
  
  
  
  
  
  
  
  .tbr {
    float:none;
    margin-left:80px;
    width:98%;
  }
  
}