/* General */

.header {
background-color:hsl(0, 0%, 40%);
color: white;
font-size: 1.5em;
font-weight: bold;
font-style: italic;
text-align: center;
margin-bottom: 10px;
margin-top: 1px;
padding: 1px;
}

.pageheader {
font-size: 16px;
font-family: sans-serif;
font-weight: bold;
text-align: center;
}

.latest {
font-size: 10px;
font-family: sans-serif;
text-align: left;
}

h3 {
color: black;
font-size: 16px;
font-family: sans-serif;
font-weight: lighter;
}

.whitespace {
height: 100px;
}

/* Menu Formatting */

ul.menu {
list-style-type: none;
margin-left: auto;
margin-right: auto;
overflow: hidden;
text-align: center;
}

.menu {
color: white;
font-weight: bold;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 5%;
padding-right: 5%;
background-color: hsl(0, 0%, 40%);
font-size: 0.975em;
position: sticky;
top: 10px;
margin-left: auto;
margin-right: auto;
}

li {
/*float: left;*/
padding-right: 5%;
display: block;
align-items: center;
display: inline;
}

/* General Links */

a:link {
color: white;
background-color: hsl(0, 0%, 40%);
border: 3px solid white;
padding: 10px;
text-decoration: none;
}

a:visited {
color: white;
background-color: hsl(0, 0%, 40%);
border: 3px solid white;
padding: 10px;
text-decoration: none;
}

a:hover {
color: hsl(0, 0%, 30%);
background-color: hsl(0, 0%, 40%);
border: 3px solid hsl(0, 0%, 40%);
padding: 10px;
text-decoration: none;
}

a:active{
color: white;
background-color: hsl(0, 0%, 40%);
border: 3px solid white;
padding: 10px;
text-decoration: none;
}

/* Menu Links */

a.menu1:link {
color: white;
background-color: hsl(0, 0%, 40%);
border: 3px solid hsl(0, 0%, 40%);
padding: 10px;
text-decoration: none;
}

a.menu1:visited {
color: white;
background-color: hsl(0, 0%, 40%);
border: 3px solid hsl(0, 0%, 40%);
padding: 10px;
text-decoration: none;
}

a.menu1:hover {
color: hsl(0, 0%, 30%);
background-color: hsl(0, 0%, 60%);
border: 3px solid hsl(0, 0%, 40%);
padding: 10px;
text-decoration: none;
}

a.menu1:active {
color: white;
background-color: hsl(0, 0%, 40%);
border: 3px solid hsl(0, 0%, 40%);
padding: 10px;
text-decoration: none;
}

/* Article and Book Review Formatting */

.article {
display: block;
width: 85%;
/*text-align: left;*/
text-align: justify;
line-height: 1.5;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
}

.references {
text-align: center;
line-height: 2.5
}

.footer {
font-size: 0.8em;
color: grey;
margin-left: 50px;
}

.imgfooter {
display: block;
margin-left: auto;
margin-right: auto;
width: 20%;
}

/* Book Review Links */

.container {
position: relative;
text-align: center;
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/Openbook.jpg");
background-color: white;
height: 160px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
color: white;
}

.centred {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

a.book1 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/TheElegantUniverseBanner.jpg");
background-color: white;
height: 100px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

a.book2 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/ABriefHistoryOfTime.jpg");
background-color: white;
height: 100px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

a.book3 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/TheFirstThreeMinutes.png");
background-color: white;
height: 100px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

a.book4 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/EarthriseBanner.jpg");
background-color: white;
height: 100px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

a.book5 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/MandelbrotSet.jpg");
background-color: white;
height: 100px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

a.book6 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/Maths.jpg");
background-color: white;
height: 100px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

a.book7 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/Earth.jpg");
background-color: white;
height: 100px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

/* Article Links */

a.article1 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/marsscape.jpg");
background-color: white;
height: 100px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

a.article2 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/Milkyway.jpg");
background-color: white;
height: 100px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

/* Science in Short */

.sisHead {
font-size: 16px;
font-family: sans-serif;
font-weight: bold;
text-align: center;
line-height: 0.7;
}

.sisCredits{
font-size: 10px;
font-family: sans-serif;
text-align: center;
line-height: 0.7;
}

.sisBody{
font-size: 14px;
font-family: sans-serif;
text-align: justify;
width: 90%;
padding-left: 5%;
padding-right: 5%;
}

.sis1 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 100%;
background-image: url("Pictures/largescalestructure.jpg");
background-color: white;
height: 60px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

.sis2 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/Galaxy2.jpg");
background-color: white;
height: 60px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

.sis3 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/Life3.jpg");
background-color: white;
height: 60px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

.sis4 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/Hurricane.jpg");
background-color: white;
height: 60px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

.sis5 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/Aurora.jpg");
background-color: white;
height: 60px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

.sis6 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/Jupiter.jpg");
background-color: white;
height: 60px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

.sis7 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/AtomCollision.jpg");
background-color: white;
height: 60px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

.sis8 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/Moon.jpg");
background-color: white;
height: 60px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

.sis9 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/Cosmos.jpg");
background-color: white;
height: 60px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

.sis10 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/Spaceship.png");
background-color: white;
height: 60px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

.sis11 {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Pictures/SpaceTime.png");
background-color: white;
height: 60px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

/* Iceland Gallery */

a.Icelandlink {
display: block;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 90%;
background-image: url("Gallery/Iceland/new-51.JPG");
background-color: white;
height: 100px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
text-align: center;
}

.IcelandGallery {
background-color: white;
float: left;
}

img.IcelandGallery {
padding: 0px;
border: 2px solid hsl(0, 0%, 40%);
background-color: white;
height: 160px;
}

a.IcelandGallery {
border: 0px solid white;
padding: 6px;
background-color: white;
}

.IcelandHeader {
text-align: center;
font-weight: bold;
font-size: 40px;
}

.IcelandText {
text-align: left;
font-size: 15px;
}