@charset "utf-8";
/* CSS Document

*/
body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #000; 
}

{
  box-sizing: border-box;
}

img {
  border: 8px double #666;
  margin-left: auto;
  margin-right: auto;
  display: block;
  /* below are can't be copy and past images */
   pointer-events: none; 
  -webkit-touch-callout: none;
   -khtml-user-select: none;
 -moz-user-select: none; 
 -webkit-user-select: none; 
 -ms-user-select: none; 
 -o-user-select: none; 
 user-select: none; 
 }
 
a {
	font-size:15px;
	font-weight:bold;
	color: #CCC;
	text-decoration: none; 
	}
a:visited{
	text-decoration: none; 
	color:#CCC;
}
a:hover{
	text-decoration: none; 
	color:#CCC;
}
a:active{
	text-decoration: none; 
	color:#CCC;
}

ul li{
	margin-left: 0px;
}
p {
  font-family: Arial, Helvetica, sans-serif;
  color:#CCC ;
  padding-left: 13%;
  padding-right: 13%;
}

/* Style the header */
header {
  float: right;
  background-color: #000;
  padding: 10px;
  text-align: left;
  color:#CCC ;
  width: 100%;
 }


/* Mok Loch Digital */
article {
  float: right;
  width: 100%;
  height: ; /* only for demonstration, should be removed */
  color: #FFF;
  border-top:#333 2px double;
  border-bottom: #333 2px double;
  padding-bottom:50px;
 
}


/* Style the footer */
footer {
  padding: 20px;
  text-align: right;
  color: #CCC;
  }

/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
@media (max-width: 600px) {
  nav, article {
    width: 100%;
    height: auto;
  }
}

#menu {
   position: fixed;
    right: 0;
    top: 40%;
    width: 8em;
    margin: -3em 0 0 0;
    z-index: 5;
   /*  background: hsla(80, 90%, 40%, 0.7);*/
    background-color:#CCC;
    color: #666;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    /* border: solid hsla(80, 90%, 40%, 0.5);*/
	border:solid #999 ;
    border-right: none;
    padding: 0.5em 0.5em 0.5em 1em;  /*  top right bottom left padding */
    box-shadow: 0 1px 3px black;
    border-radius: 3em 0em 0em 3em;
  }
  #menu li { margin: 0 }
  #menu a { color: inherit }

  /* Make menu absolute, not fixed, on IE 5 & 6 */
  #menu { position: absolute }
  *>#menu { position: fixed }
  
  li {text-decoration: none; list-style: none; azimuth:left;}