body
{
background: white;
color: #111;
font-family: Verdana, sans-serif;
font-family: "MS PGothic", sans-serif;
margin: 1em;
}

h1
{
font-family: Monospace;
font-weight: normal;
letter-spacing: 0.2em;
font-size: 175%;
}

h2
{
font-weight: normal;
letter-spacing: 0.2em;
font-size: 100%;
}

ul { list-style-type: '- '; }

.i::before { content: ""; margin-right: 0.5em; width: 16px; height: 16px; background-size: 112px 16px; display: inline-block; }

.i_bang::before  { background-image: url("/image/iconset1.png"); background-position: -96px 0px; }

figure
{
margin: 0px 0px 1em 0px;
background: linear-gradient(-45deg, lightgrey 0%, white 100%), url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, white 80%) 1;
}

figcaption
{
    padding: 0px;
}

.red
{
color: red;
}

#GameModding
{
background: url("/Book/Game\ Modding/Title.jpg") no-repeat;
text-shadow: 3px 2px 4px grey;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#GameModdingGZDoom
{
color: #eee;
text-shadow: 3px 2px 4px firebrick;
background: url("/Book/Game\ Modding/Doom/GZDoom/Title.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#OtherPlacesOnWeb
{
background: url("/Book/OtherPlacesOnWeb.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#GZDoomDoomAdventure
{
color: #eee;
text-shadow: 1px 2px 0px darkslateblue;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#GZDoomDoomEncounter
{
color: #eee;
text-shadow: 1px 2px 0px darkslateblue;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#GameModdingSeriousSamTSE
{
color: #eee;
text-shadow: 1px 2px 0px darkslateblue;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#GameModdingSeriousSamTSEHD
{
color: #eee;
text-shadow: 1px 2px 0px darkslateblue;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#Welcome
{
color: #eee;
text-shadow: 1px 2px 0px darkslateblue;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#Art
{
color: #eee;
text-shadow: 1px 2px 0px darkslateblue;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#ArtSelection
{
color: #eee;
text-shadow: 1px 2px 0px darkslateblue;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#ArtMSPaint
{
color: #eee;
text-shadow: 1px 2px 0px darkslateblue;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#ArtMSPaintMonsterHunter
{
color: #eee;
text-shadow: 1px 2px 0px darkslateblue;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#ArtMSPaintHalo
{
color: #eee;
text-shadow: 1px 2px 0px darkslateblue;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#ArtMSPaintDota2
{
color: #eee;
text-shadow: 1px 2px 0px darkslateblue;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#FunZone
{
color: #eee;
text-shadow: 1px 2px 0px darkslateblue;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#Tutorial
{
color: #eee;
text-shadow: 1px 2px 0px darkslateblue;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#WhatsNew
{
color:darkblue;
text-shadow: 1px 2px 0px grey;
background: url("/Book/WhatsNew.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#CookieNotice
{
color:darkblue;
text-shadow: 1px 2px 0px grey;
background: url("/Book/WhatsNew.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#Wyvern3D
{
color:white;
text-shadow: 1px 2px 0px grey;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#SuperSeriouslyKart
{
color:white;
text-shadow: 1px 2px 0px grey;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}

#Software
{
color:white;
text-shadow: 1px 2px 0px grey;
background: url("/Book/Checkerboard.jpg") no-repeat;
border: 1px solid #000;
border-image: linear-gradient(to right, black 0%, transparent 50%) 1;
height:64px;
padding-left:1em;
}