a{
	cursor: url(cursors/chocobo21.gif), auto;
}
html{
	cursor: url(cursors/ChocoboChick-Shock.gif), text;
	cursor: url(cursors/chocobo4.gif), auto;
	animation: cursor 4s infinite;
}
details > summary {
	list-style-type: none;
	list-style-image: none;
}
details > summary::-webkit-details-marker {
  display: none;
  margin-left: -1em;
}
@keyframes cursor{
	3% { 
        cursor: url(cursors/chocobo4frames/frame_00_delay-0.1s.gif), auto;
    }
    6% { 
        cursor: url(cursors/chocobo4frames/frame_01_delay-0.1s.gif), auto;
    }
    10% { 
        cursor: url(cursors/chocobo4frames/frame_03_delay-0.1s.gif), auto;
    }
	13% { 
        cursor: url(cursors/chocobo4frames/frame_04_delay-0.1s.gif), auto;
    }
    16% { 
        cursor: url(cursors/chocobo4frames/frame_05_delay-0.1s.gif), auto;
    }
    20% { 
        cursor: url(cursors/chocobo4frames/frame_06_delay-0.1s.gif), auto;
    }
	23% { 
        cursor: url(cursors/chocobo4frames/frame_07_delay-0.1s.gif), auto;
    }
    26% { 
        cursor: url(cursors/chocobo4frames/frame_08_delay-0.1s.gif), auto;
    }
    30% { 
        cursor: url(cursors/chocobo4frames/frame_09_delay-0.1s.gif), auto;
    }
	33% { 
        cursor: url(cursors/chocobo4frames/frame_10_delay-0.1s.gif), auto;
    }
    36% { 
        cursor: url(cursors/chocobo4frames/frame_11_delay-0.1s.gif), auto;
    }
    40% { 
        cursor: url(cursors/chocobo4frames/frame_12_delay-0.1s.gif), auto;
    }
	43% { 
        cursor: url(cursors/chocobo4frames/frame_13_delay-0.1s.gif), auto;
    }
    46% { 
        cursor: url(cursors/chocobo4frames/frame_14_delay-0.1s.gif), auto;
    }
    50% { 
        cursor: url(cursors/chocobo4frames/frame_15_delay-0.1s.gif), auto;
    }
	53% { 
        cursor: url(cursors/chocobo4frames/frame_16_delay-0.1s.gif), auto;
    }
    56% { 
        cursor: url(cursors/chocobo4frames/frame_17_delay-0.1s.gif), auto;
    }
    60% { 
        cursor: url(cursors/chocobo4frames/frame_18_delay-0.1s.gif), auto;
    }
	63% { 
        cursor: url(cursors/chocobo4frames/frame_19_delay-0.1s.gif), auto;
    }
    66% { 
        cursor: url(cursors/chocobo4frames/frame_20_delay-0.1s.gif), auto;
    }
    70% { 
        cursor: url(cursors/chocobo4frames/frame_21_delay-0.1s.gif), auto;
    }
	73% { 
        cursor: url(cursors/chocobo4frames/frame_22_delay-0.1s.gif), auto;
    }
    76% { 
        cursor: url(cursors/chocobo4frames/frame_23_delay-0.1s.gif), auto;
    }
    80% { 
        cursor: url(cursors/chocobo4frames/frame_24_delay-0.1s.gif), auto;
    }
	83% { 
        cursor: url(cursors/chocobo4frames/frame_25_delay-0.1s.gif), auto;
    }
    86% { 
        cursor: url(cursors/chocobo4frames/frame_26_delay-0.1s.gif), auto;
    }
    90% { 
        cursor: url(cursors/chocobo4frames/frame_27_delay-0.1s.gif), auto;
    }
	93% { 
        cursor: url(cursors/chocobo4frames/frame_28_delay-0.1s.gif), auto;
    }
    96% { 
        cursor: url(cursors/chocobo4frames/frame_29_delay-0.1s.gif), auto;
    }
    100% { 
        cursor: url(cursors/chocobo4frames/frame_30_delay-0.1s.gif), auto;
    }
}
.scale, .icons{
	vertical-align: text-bottom;
	height: 1em;
	width: auto;
}
.icons{
	margin-left: -1em;
}
#main {
	position: relative;
	border-width: thin;
	border-style: dashed;
	width: 800px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(bg.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	-webkit-box-shadow: 4px 4px 8px;
	box-shadow: 4px 4px 8px;
	padding-left: 2%;
	padding-right: 2%;
	margin-top: 5%;
}
#title {
	font-size: 80px;
	margin-right: 50%;
	text-shadow: -4px -3px 0px #7F7F7F;
	font-weight: bold;
}
#info   {
	float: right;
	position: static;
	text-align: right;
	color: #7F7F7F;
}
#container {
	margin-right: 25%;
	height: 346px;
	width: auto;
	position: relative;
}
#content {
	height: 100%;
	text-align: left;
	float: right;
	border-style: dashed;
	border-width: thin;
	width: 65%;
}

#list {
	border-style: dashed;
	border-width: thin;
	height: 100%;
	width: 30%;
}
.category {
	color: #0000ff;
	font-weight: bold;
	cursor: url(cursors/chocobo21.gif), auto;
	font-size: medium;
	text-decoration: underline;
}
.category, .unavailable, li{
	display:block;
	margin-left: -1em;
}
.unavailable {
	cursor: not-allowed;
	color: #7F7F7F;
	font-size: medium;
	text-decoration: underline;
}
#footer  {
	bottom: 0px;
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	left: 0px;
}
#host{
	display: inline-block;
	float: left;
	vertical-align: bottom;
	position: absolute;
	bottom: 0px;
}
#medias {
	display: inline-block;
	float: right;
	vertical-align: bottom;
	text-align: right;
	cursor: url(cursors/chocobo21.gif), auto;
}