body {
 background: black;
}
img { 
  border:0;
  margin-left:auto; margin-right:auto;
}
h1 {
  font-size: larger;
  position:relative;
  color:  #eee8aa;
}

 svg {
    background-image: url(media/background.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    max-width:1200px;
    width: 100%;
 }
 path {
    fill: transparent;
    cursor: pointer;
    transition: fill 0.2s
 }
 svg a:focus,
 svg a:hover {
    outline: none;
 }
 svg a:focus path,
 svg a:hover path {
    fill: rgba(30,222,121, 0.25);
    cursor: pointer;
 }

.image_nav
{
	position: absolute;
	top: 0;
	margin: auto;
	width:100%;
	z-index:-1;">
}

.column {
	max-width: 1200px;
	margin: auto;
	font-size: large;

}

.smallview {
	   visibility: hidden; 
	   height:0;
	}


.menu {
  color: #eee8aa;
  position: relative;
  width:45%;
  float: right;
  max-height:inherit;
  overflow:hidden;
}

@media only screen and (max-width: 625px) {
.menu {
	float: left;
	width:100%;
    }
.smallview{
	visibility:visible;
	width:100%;
	height:50%;
}
.smallview img{
	margin: auto;
	max-width:400px;
	width:90%;
	height:50%;
}
.column {
	max-width:400px;
	margin:auto;
}

svg {
	visibility:hidden;
}
	
}


.menu ul {
  padding: 0;
  margin:0;
}
.menu li
{
  padding: 0;
  margin:0;
  list-style-type:none;
}

.mainpage_nav:hover .note{
	opacity: 1;
o}


.booktitle {
	font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:7px;line-height:1.25;font-family:'Calisto MT';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#eee8aa;fill-opacity:1;stroke:none;stroke-width:0.26458332;
}

.note{
	color: blue;
	opacity: 0;
	font-style:italic;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8px;line-height:1.25;font-family:'Cookie','Brush Script MT',serif;fill:#000000;stroke:none;stroke-width:0.26458332;text-align:center;text-anchor:middle;
}


.menu a {
  color:  #eee8aa;
  text-decoration: none;
}
.menu a:hover{
  text-decoration: underline;
}

.italics {
font-style:italic;
}

.sites a { display:block;}