.blink_me {animation: blinker 2s ease-in infinite; animation-direction: normal; animation-fill-mode: forwards; }
@keyframes blinker { 50% { opacity: 0.5; } }

/*Top fixed menu bar original*/
.element	{ position:fixed; top:0; left:50%; margin-left:-395px; background:#c7c7c7; padding:3px; border-bottom-left-radius:1em; border-bottom-right-radius:1em; border:1px solid #808080; z-index:4;  box-shadow: -5px 5px 5px rgba(0,0,0,0.4);}

/*Top fixed menu bar 2016 expanded*/
.menubar	{ position:fixed; top:0; left:50%; margin-left:-495px; background:#c7c7c7; padding:2px; border-bottom-left-radius:1em; border-bottom-right-radius:1em; border:1px solid #808080; z-index:4;  box-shadow: -5px 5px 5px rgba(0,0,0,0.4);}

.cover-navigation	{ background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:3px; border-radius:1em; border:2px solid #808080; opacity:.9; margin:7px;  box-shadow: -5px 5px 5px rgba(0,0,0,0.4);}


/*these two for two column pages*/
.mag-contents	{ background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:15px; border-radius:1em; border:2px solid #808080; opacity:0.93; margin:7px;  box-shadow: -5px 5px 5px rgba(0,0,0,0.4); scroll-anchoring: none;}

h1 {color:#0000FF; font-style:italic; text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15); margin-top:2px; margin-bottom:2px;}

h4 {color:#0000FF; font-size:50px; font-style:italic; text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15); margin-top:2px; margin-bottom:2px;}

.bottom-navigation  { background:#D4D4D4; background-image:url('alfred_blur2.jpg') ; padding:15px; border-radius:1em; border:2px solid #808080; text-align:center; opacity:0.9; margin:7px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); }


/*these three for expanded bottom pages*/
.mag-contents-480px { background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:15px 15px 0px 15px; border-radius:1em 1em 0em 0em; border: 2px solid #808080; border-bottom:0;
 opacity:0.9; margin:7px 7px 7px 7px;  box-shadow: -5px 5px 5px rgba(0,0,0,0.4);}

.mag-contents-bottom-full { background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:0px 15px 15px 15px; border-radius:0em 1em 1em 1em; border:2px solid #808080; border-top:0; opacity:0.9; margin:-12px 7px 7px 7px;  box-shadow: -5px 5px 5px rgba(0,0,0,0.4);}

.bottom-navigation2  { background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:15px; border-radius:1em; border:2px solid #808080; text-align:center; opacity:0.9; margin:7px; width:442px;  box-shadow: -5px 5px 5px rgba(0,0,0,0.4); }

.back-to  { background:#D4D4D4; padding:15px; border-radius:1em; border:2px solid #808080; text-align:center; opacity:0.9; margin:7px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); }

.click-cover-top  { background:#D4D4D4; background-image:url('alfred_blur2.jpg'); border-radius:1em; border:2px solid #808080; margin-top:7px; text-align:center;  box-shadow: -5px 5px 5px rgba(0,0,0,0.4);}

.ugoi-header	{ background:#D4D4D4; padding:15px; border-radius:1em; border:2px solid #808080; opacity:0.93; margin:7px; display:table; color:#0000aa;  box-shadow: -5px 5px 5px rgba(0,0,0,0.4); text-align: center;}
   
h2 {color:#0000FF; font-style:italic; text-shadow:1px 3px 7px #808080; margin-top:2px; margin-bottom:2px; }

.ugoi-table	{ background:#D4D4D4; padding:15px; border-radius:1em; border:2px solid #808080; opacity:0.93; margin:7px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); }

.like-254-back-front  { background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:15px; border-radius:1em; border:2px solid #808080; text-align:center; margin:7px; width:650px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); }

.like-323  { background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:15px; border-radius:1em; border:2px solid #808080; text-align:center; margin:7px; width:600px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); }

.load-area-thumbs	{ background:#D4D4D4; background-image:url('alfred_blur2.jpg'); padding:15px; border-radius:1em; border:2px solid #808080; margin:7px; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); }

.side-element	{ position:fixed; top:50%; left:10px; background:#c7c7c7; padding:3px; border-radius:1em; border:1px solid #808080; z-index:4; margin-top:-100px; opacity:0.93; width:240px; }

.poster-text  { background:#D4D4D4; text-align:left; border-radius:1em; border:2px solid #808080;  margin:7px; padding:7px; vertical-align:top; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); display:table;}

.madcollagemap { display: block; width: 762px; height: 558px; position: relative; background-position: 0 0; background-repeat: no-repeat; border-radius:1em; border:2px solid #808080; box-shadow: -5px 5px 5px rgba(0,0,0,0.4); }
	.madcollagemap .map_link { display: block; position: absolute; text-indent: -999em; overflow: hidden; }
	.madcollagemap #map_link_0 { width: 165px; height: 38px; top: 80px; left: 85px; }
	.madcollagemap #map_link_2 { width: 226px; height: 28px; top: 88px; left: 474px; }
	.madcollagemap #map_link_3 { width: 284px; height: 30px; top: 153px; left: 58px; }
	.madcollagemap #map_link_4 { width: 100px; height: 33px; top: 166px; left: 355px; }
	.madcollagemap #map_link_5 { width: 196px; height: 30px; top: 193px; left: 520px; }
	.madcollagemap #map_link_6 { width: 197px; height: 33px; top: 247px; left: 89px; }
	.madcollagemap #map_link_7 { width: 212px; height: 31px; top: 282px; left: 445px; }

	.madcollagemap #map_link_9 { width: 205px; height: 28px; top: 402px; left: 113px; }
	.madcollagemap #map_link_10 { width: 148px; height: 32px; top: 354px; left: 260px; }
	.madcollagemap #map_link_11 { width: 134px; height: 33px; top: 396px; left: 480px; }
	.madcollagemap #map_link_12 { width: 248px; height: 29px; top: 497px; left: 5px; }
	.madcollagemap #map_link_13 { width: 116px; height: 31px; top: 499px; left: 623px; }
	.madcollagemap #map_link_14 { width: 167px; height: 30px; top: 463px; left: 337px; }

/* .madcollagemap { background-image:url('madcollagemap.jpg'); border-radius:1em; border:2px solid #808080; width:760px; height;555px; } */

/*PopBox stuff*/
.PopBoxImageSmall {cursor: url("magplus.cur"), pointer;}
.PopBoxImageLarge {cursor: url("magminus.cur"), pointer;} 


/*Right scrollbar forced to appear at all times*/
html {overflow-y: scroll;}


/*Expand background image to full screen - IE and others probably not fully compatible*/
body {
  background: url("backmix6.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover; 
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  font-size: 16px;
  line-height: 1.15;
}

@media(min-width:60em){html{font-size: 100%}}

/*Social Media Buttons*/

.resp-sharing-button {
  display: inline-block;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  transition: background-color 25ms ease-out, border-color 25ms ease-out, opacity 250ms ease-out;
  margin: 0.5em;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.resp-sharing-button a {
  text-decoration: none;
  color: #FFF;
  display: block;
}

.resp-sharing-button__icon {
  display: inline-block;
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-bottom: -0.1em;
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #FFF;
  fill: none;
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #FFF;
  stroke: none;
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #FFF;
}

.resp-sharing-button--large .resp-sharing-button__icon svg {
  padding-right: 0.4em;
}

.resp-sharing-button__wrapper {
  display: inline-block;
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--google {


  background-color: #dd4b39;
  border-color: #dd4b39;
}

.resp-sharing-button--google:hover,
.resp-sharing-button--google:active {
  background-color: #c23321;
  border-color: #c23321;
}

.resp-sharing-button--tumblr {
  background-color: #35465C;
  border-color: #35465C;
}

.resp-sharing-button--tumblr:hover,
.resp-sharing-button--tumblr:active {
  background-color: #222d3c;
  border-color: #222d3c;
}

.resp-sharing-button--email {
  background-color: #444444;
  border-color: #444444;
}

.resp-sharing-button--email:hover
.resp-sharing-button--email:active {
  background-color: #2B2B2B;
  border-color: #2B2B2B;
}

.resp-sharing-button--pinterest {
  background-color: #cc2127;
  border-color: #cc2127;
}

.resp-sharing-button--pinterest:hover,
.resp-sharing-button--pinterest:active {
  background-color: #a01a1f;
  border-color: #a01a1f;
}