﻿/* CSS Reset */
html, body { 
  margin: 0; 
  padding: 0; 
  border: 0; 
  background: #303030; 
  font-size: 10px; 
}
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
  margin: 0; 
  padding: 0; 
  border: 0; 
  vertical-align: baseline; 
  background: transparent; 
}
img { margin: 0; padding: 0; border: 0; }
table { 
  margin: 0; 
  padding: 0; 
  border: 0; 
  vertical-align: baseline; 
  background: transparent; 
  border-collapse: collapse; 
  border-spacing: 0; 
}
input, select, textarea, form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: 0; 
}
article, aside, dialog, figure, footer, header, hgroup, nav, section { 
  display: block; 
}
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%; 
  font-weight: normal;
  font-style: normal;
  line-height: 100%;
  text-indent: 0;
  text-decoration: none;
  text-align: left;
  color: #c0c0c0;
}
ol, ul { list-style: none; }
/* End CSS Reset */

/* Global Settings */

/* Cookie law banner */
#cookie-law { 
  max-width: 100%;
  background: #FFFF00; 
  margin: 10px auto 0; 
  border-radius: 17px;
}

#cookie-law p { 
  padding: 10px; 
  font-size: 1.2em; 
  font-weight: bold; 
  text-align: center; 
  color: #682008; 
  margin: 0;
}

body, html { 
  background-color: #303030; 
}

/* Div settings */
#wrapper { 
  margin-left: auto; 
  margin-right: auto; 
  background-color: #303030;
  overflow: hidden; 
}
#masthead { 
  background-color: #303030; 
  width: 100%; 
  height: 110px;
  overflow: hidden;
}

#main_content_wrap, 
#main_contact_wrap { 
  margin-left: auto; 
  margin-right: auto; 
  background-color: #303030; 
  height: auto;
  width: auto; 
  text-align: center;
  overflow: hidden;
}
#main_contact_wrap { font-size: 18px; }

#contact { 
  background-color: #303030;
  width: 49%;
  float: right;
  text-align: center;
  font-size: 18px;
  padding-top: 50px;
  padding-right: 15px;
}
#bioimageholder { 
  width: 49%;
  background-color: #303030;
  float: left;
  padding-top: 25px;
}

#main_content { 
  background-color: #303030;
  margin: 10px 10px 10px 20px; 
  overflow: hidden;
}

#rotator { float: left; width: 50%; }
#slider { float: left; width: 50%; }

#cv {
  margin-left: auto; 
  margin-right: auto; 
  width: 80%; 
  text-align: left; 
  font-size: 18px;
  color: #c0c0c0;
  font-weight: normal;
}
#paragraph {
  width: 40%;
  height: 540px; 
  float: right; 
  text-align: center; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px; 
  font-weight: normal;
  color: #c0c0c0;
  padding-right: 70px; 
  padding-top: 220px;
}

#about {     
  width: 80%; 
  margin-left: auto; 
  margin-right: auto;
  text-align: center; 
  padding-top: 15px; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 18px; 
  font-weight: normal;
  color: #c0c0c0;
}               

#links {	 	
  width: 80%;
  margin-left: auto; 
  margin-right: auto;
  text-align: left; 
  padding-top: 15px; 
  height: 350px; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 18px; 
  font-weight: normal;
  color: #c0c0c0;
}

#main_content_wrapper { background-color: #303030; }
#contact_yvonne {
  background-color: #303030;
  padding-left: 240px;
  padding-top: 50px;
}

#facebook {
  float: left;
  background-color: #303030;
  height: 70px;
  padding-bottom: 50px;
  padding-left: 330px;
}
#collection1, 
#collection2 { 
  background-color: #303030;
  text-align: center; 
}

/* ❌ FIXED: there was an extra closing brace here which broke the CSS */

#linkedin {
  float: left;
  background-color: #303030;
  height: 70px;
  padding-bottom: 50px;
  padding-left: 90px;
}

#emptyspace { background-color: #303030; height: 100px; }

#footer { 
  background-color: #303030;
  margin-left: auto; 
  margin-right: auto; 
  width: 100%; 
  float: left; 
  height: 40px; 
  overflow: hidden; 
  padding-top: 15px;
}		  

/* Headings */
h1 {	
  color: #C0C0C0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 50px;
  letter-spacing: 4px;
  margin-left: 25px; 
  padding-top: 10px;
}
h2 {	
  color: #C0C0C0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  letter-spacing: 4px;
  margin-left: 405px;
}
h3 {	
  color: #C0C0C0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  float: right; 
}
h4 {	
  color: #C0C0C0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center; 
  padding-top: 10px;
}
h5 {   
  color: #C0C0C0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 25px;
  text-align: left; 
  padding-top: 10px;
}
h6 {   
  color: #C0C0C0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-align: center; 
  padding-top: 10px; 
  font-weight: bold;
}
