/* --- Annie Mondegreen Website Layout 2025 --- */

/* General Settings */

body {
   color:#000;
   background-color:#fff; 
   margin:0;
   padding:0;
   font-weight:normal;
   font-family:'Josefin Sans', sans-serif;
}

div#page { 
  margin:0 auto;
  padding:0;
  text-align:center;
  font-weight:normal;
  background-color:#fff;
}



/* Content */ 

div#contentwrap {
  overflow:auto;
  clear:both;
  margin:0;
  padding:0; 
  text-align:center;
  margin:0 auto;
  font-weight:normal;
  background-color:#FFF;
}

div.contenta {
  overflow:hidden;
  margin:0;
  text-align:left;
  padding:2%;
  color:#fff;
  background-color:#000;
}

div.contentb {
  margin:0;
  text-align:left;
  padding:2%;
  color:#000;
  background-color:#fff;
}

div.textblock {
  margin:0 20px 20px 10px;
  text-align:left;
  font-size:1.5em;
  line-height:1.2em;
  font-weight:normal;
}

div.intro {
  font-size: 2em;
  margin:0 auto; 
  padding:2%;
}

p.clear {
 clear:both;
}

p {
 margin:15px;
}

.credits {
  margin:15px 0 0 25px;
  font-size:0.5em;
  display:block;
} 



/* Image Settings */

img {
   border:none;
}

img.round {
  border-radius:10px;
  width:350px;
}

div.imgleft {
  float:none; 
  text-align:center; 
  margin:0 auto; 
  padding:0 0 10px 0;
}

img.sizeable {
 max-width:80%;
 height:auto;
}

/* Links */

a {
   outline:0;
}

a:link, a:visited { 
   color:#6359aa;
   font-weight:bold;
   text-decoration:underline; 
}

a:hover, a:focus { 
   color:#6359aa;
   font-weight:bold;
   text-decoration:underline;  
}



/* Footer */

div#siteinfo {
   position:relative;
   clear:both;
   text-align:center;
   padding:0px;
   background-color:#FFF;
}

div#siteinfo p {
   margin:0px;
   padding:2% 0;
}

div#siteinfo a {
   color:#000;
   font-weight:normal;
   text-decoration:none;  
}

.fa {
  font-size: 20px;
  width: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 8px;
  color:#000;
}

.fa:hover, div#siteinfo a:hover, div.ep a:hover {
  opacity: 0.7;
  text-decoration:none;  
}



/* Responsive Settings */

@media screen and (min-width:1024px) {
 p.clear {margin:0;}
 div.imgleft { float:left; margin:0 2% 2% 20px; padding: 0px; }
 img.round {width:250px;}
 div.intro { font-size: 2.8em; margin: 0px; padding:0px;}
 }