/*Universal selector with the lowest priority*/
* {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
}
/*page section*/
body { 
  font-family: Georgia; 
  color: black;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  position: relative;
  cursor: auto;

  /*background-color: #f6ee9ec2;*/
  background-image: -webkit-linear-gradient(#c6ae71, #fbe071b9);
  /*border: 20px 20px;
  border-color: #1111ba;*/
}
.container {
  width: 800px;
  /*background-color: #2ab7ef;*/
  background-image: -webkit-linear-gradient(#2ab7ef, #d0efef65);
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  border-top-width: 30px;
  border-bottom-width: 30px;
  border-left-width: 20px;
  border-right-width: 10px;
  border-color: #1111ba;
}
.main-header {
  text-decoration-color: #1005e9;
  text-align: center;
  font-size: bold;
  background-color: #2ab7ef;
  /*padding: 20px;
  padding-left: 40px;
  padding-right: 40px;
  */
  /*shorthand 
  padding first value = top&bottom and second value =left-right*/
  padding: 10px 10px;
  margin-bottom: 10px;
  /*A fixe height may cause problems for other inline containers*/
  height: auto;
}
.post-header {
  margin-bottom: 40px;
}

aside {
  /*background-image: -moz-linear-gradient(#1ea9ee, #cde6f4);*/
  border-width: 2px;
  border-top: 5px solid #439ce5;
  border-bottom: 5px solid #1098ad;
  padding: 50px 0;
  width: 500px;
}

/*smaller elements*/
h1,
h2,
h3 {
  color: #f60606;
  text-align: center;
}
h1 {
  font-size: 30px;
  text-transform: uppercase;
  font-style: italic;
}

h2 {
  font-size: 26px;
  text-align: center;
  margin-bottom: 20px;
}

h3 {
  font-size: 20px;
  
  margin-bottom: 20px;
}

h4 {
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
}

li {
  font-size: 20px;
  padding-bottom: 10px;
}
li:last-child {
  margin-bottom: 0;
}
footer p {
  font-size: 16px;
}
article {
  width: 600px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  border-style: solid;
  border-width: 5px;
  border-color: #1005e9;
 
}
article header {
  text-align: center;
  font-style: italic;
}
article p{
  text-align: center;
}
td {
  text-align: left;
  border-style: solid;
  border-width:  1px;
  /*
  border-bottom:2px;
  border-left: 2px;
  border-right: 2px;
  */
}
/*article img{
  width: 500px;
  margin-top: 10px;
  margin-left: 100px;
  margin-right:100px;
  margin-top: 10px;
}*/
.centre{
  width: 200px;
  text-align: center;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  
}
#author {
  font-style: italic;
  font-size: 18px;
}
#copyright {
  font-size: 16px;
}
.related-author {
  font-size: 18px;
  font-weight: bold;
}

.related {
  list-style: none;
}

.first-li {
  font-weight: bold;
}
.thead{
  color:black;
  font-size: 28;
  font-weight: bolder;
  font-family: Times;
  text-align: center;
  border-bottom: 2px solid blue;
  
}
.tdborder1{
  border-bottom: 2px solid blue;
}
p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 15px;
}
/*
li:first-child {
  font-weight: bold;
}
li:last-child {
  font-style: italic;
}

li:nth-child(2) {
  color: rgb(5, 142, 180);
}
li:nth-child(odd) {
  color: aqua;
}
*/

article p:last-child {
  color: rgb(11, 10, 10);
}
p i{
  color:#1005e9 !important
}
/* styling links*/
a:link {
  color: rgb(14, 14, 15);
  font-weight: bold;
  text-decoration-color: rgb(7, 30, 238) ;
}
a:hover {
  color: rgb(8, 8, 8);
  font-weight: bolder;
  text-decoration: underline orangered;
}
a:active {
  background-color: black;
  font-style: italic;
}
ul,
ol {
  margin-left: 50px;
  margin-bottom: 20px;
}
ol{list-style-type:decimal;}
.two-img{
  width: 375px;
  height:200px;
  margin-right:10px;
  margin-left:10px;
}
/*img behave as inline-block elements*/
.post-img {
  width: 800px;
  height: auto;
  /*height:auto is only mrequires if height of element is specified elsewhere*/
}
.logo-club{  
  width: 500px;
  height: auto;
  margin-left: 150px;
  margin-right: 50px;
  margin-top: 10px;
  border-width: 5px;
  border-color: #1005e9;
}
.mini-logo{
  width: 50px;
  height: auto;
  margin-left: 5px;
}
/*lvha*/
/*Resolving conflicts*/
/*Note that the !important key word is the most priority*/
/*this is the most significant selector
#copyright {
  color: red;
}

.copyright {
  color: blue;
}
.text {
  color: yellow;
}
footer p {
  color: green;
}
*/
nav a:link {
  color:black;
  display: inline-block
  background-color: blue;
  margin-left: 10px;
  margin-top: 30px;
  padding: 10px;
  cursor:auto;
}

nav a:link:last-child {
  margin-right: 0;
}

button {
  font-size: 22px;
  padding: 20px;
  /*cursor:crosshair;*/

  position: absolute;
  bottom: -50px;
  right: 50px;
}
/* default elements are all block level elements as they occupy the entire width of the screen
    such as: body,main,header,footer,section,nav,aside,div, h1-h6, p, ul,li, etc*/

/*inline boxes occupy only the space needed for their content such as strong element, 
    important etc the line and width properties do not have any effects and padding only 
    on the right&left sides*/