body {
    background: url('3.gif') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

  
 margin: 0;
 padding: 0;
	font-family: Source Han Sans Jp;
	text-transform:lowercase; overflow: hidden;
	font-size: 18pt;
    
    
}


ul.border {
	box-shadow: 0px 0px 10px #000;
    border: #2E282A 2px solid;
}



ul {
	display: block;
	width: 50%;
	margin: 5% auto;
	padding: 0;
	list-style: none;
	text-align: center;
}

a { /* text in lists*/
	display: block;
	padding: 10px;
	color: #FDEEE7;
	text-decoration: none;
	transition: all .3s ease;
	opacity: 0.5;
}

a:hover { /* text behaviour on hover */
    color: #FDEEE7;
	opacity: 1;
	transition: all .3s ease;
}

a.parent1 {
    background: #2E282A;
    transition: all .3s ease;
    border-bottom: #2E282A 2px solid;
    opacity: 1;
    color:  #FF3144; /* text color for list label */
}
a.parent1:hover {
    background: #2E282A;
    transition: all .3s ease;
    /*text-indent: 5px;*/
}

a.tab1 {
    background: #2E282A;
    transition: all .3s ease;
}
a.tab1:hover {
    background: #2E282A;
    transition: all .3s ease;
    text-indent: 5px;
}
ul > li:hover > a.parent1 {
    background: #2E282A;
    transition: all .3s ease;
    opacity: 1;
    color: #FD215F;
    /*text-indent: 5px;*/
}
/* the following changes the text in list titles on hover */
 #norm:hover span {
   display:none
 }
 #chan:hover span {
   display:none
 }
 #otherchan:hover span {
    display:none;
 }
 #social:hover span {
   display:none;
}
#norm:hover:before {content:"[ pages ] "}
#chan:hover:before {content:"[ miscellaneous ] "}
#otherchan:hover:before {content:"[ miscellaneous ] "}
#social:hover:before {content:"[ social timewaste ]"}

ul.subMenu {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

img {
	width: 100%;
	height: auto;
}