@font-face {
    font-family: 'Flame-on-Black';
    src:url('../files/css/Flame-on-Black.ttf.woff') format('woff'),
        url('../files/css/Flame-on-Black.ttf.svg#Flame-on-Black') format('svg'),
        url('../files/css/Flame-on-Black.ttf.eot'),
        url('../files/css/Flame-on-Black.ttf.eot?#iefix') format('embedded-opentype'),
        url('../files/css/Flame-on-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'homoneta';
    src:url('../files/css/Homoneta-Regular.woff')format('woff'),
url('../files/css/Homoneta-Regular.woff2')format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Adelphe-Germinal';
    src:url('../files/css/Adelphe-GerminalRegular.woff')format('woff'),
src:url('../files/css/Adelphe-GerminalBold.woff')format('woff'),
src:url('../files/css/Adelphe-GerminalItalic.woff')format('woff'),
src:url('../files/css/Adelphe-GerminalBoldItalic.woff')format('woff');
}

body
{

color: #222;
min-height: 1000px;
width : 90%;
/*font-family: 'trebuchet ms', helvetica, arial, sans-serif;*/
/*font-family: homoneta;*/
font-family: Adelphe-Germinal;
font-size: 16px;
text-align: justify;

/*background-color: #FDD;*/
background:
    radial-gradient(
      farthest-side at bottom left,
      rgba(220, 0, 220, 0.5), 
      transparent
    ),
    radial-gradient(
      farthest-corner at bottom right,
      rgba(255, 50, 50, 0.5), 
      transparent 800px
    );

}

b
{
}

.left
{
text-align: left;
}

.right
{
text-align: right;
}

.center
{
text-align: center;
}

.justify
{
text-align: justify;
}

A
{
text-decoration: none;
color: #c60;
}

A:link
{
text-decoration: none;
color: #c00;
}

A:visited
{
color: #c00;
text-decoration: none;
}

A:hover
{
text-decoration: underline;
color: #c00;
}

A:active
{
text-decoration: underline;
color: #c00;
}

ul
{
list-style-type: circle;
list-style-position: outside;
margin-left: -20px;
}

img
{
margin: 5px;
padding: 2px;
border-width: 0px;
}

hr
{
width: 80%;
border-color: #c60;
border-width: 1px 0 0 0;
border-style: dashed;
}

textarea
{
font-family: 'trebuchet ms', helvetica, arial, sans-serif;
/*font-family: homoneta;*/
font-size: 11px;
width:100%;
text-align: justify;
}

input
{
font-family: 'trebuchet ms', helvetica, arial, sans-serif;
font-size: 11px;
}

fieldset {
border-width: 0px;
}

table {
font-family: 'trebuchet ms', helvetica, arial, sans-serif;
font-size: 11px;
}

td {
align: top;
}

.searchform {
display: inline;
border: 0px;
}

.clearer {
clear: both;
}

.highlight {
color:#f00;
background-color:#fc6;
}

// back links
.blinks
{
line-height: 10px;
text-align: right;
}
A.blinks
{
color: #777;
}

A.blinks:hover
{
text-decoration: none;
color: #333;
}

A.blinks: visited
{
text-decoration: none;
color: #777;
}

A.blinks: active
{
text-decoration: none;
color: #777;
}


.box {
/*background-color: #FAA;*/
/*border-color: #c60;
border-width: 1px;
border-style: dashed;*/
border-radius: 25px;
padding:10px;
}

#page_top{
/*background-color: #FDD;*/
}

#page_frame{
/*background-color: #FDD;*/
}

#page_left{
float:left;
padding:10%px;
width:10;
}

#page_right{
padding:10px;
float:right;
width:140px;
/*background-color: #FDD;*/
}

#page_bottom{
clear:both;
/*background-color: #FDD;*/
}

#header
{
font-size: 11px;
padding:10px;
color: inherit;
background-color: inherit;
}

#menu
{
z-index:2;
padding: 10px;
color: inherit;
/*background-color: #FDD;*/
}

#content
{
padding:10px;
margin-left:10%;
text-align: justify;
color: inherit;
/*background-color: #FDD;*/
}

#title
{
z-index:3;
margin-left:100px;
padding:20px;
font-size: 40px;
/*font-family: Georgia, Garamond, "Times New Roman", Times, serif;*/
font-family: Flame-on-Black;
/*font-weight: lighter !important;*/
font-weight: normal;
line-height: 65px;
text-decoration: none;
text-transform: uppercase;
/*color: inherit;*/
  background: linear-gradient(to right,#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
/*background-color: #FDD;*/
text-align: right;

}

#footer
{
clear:both;
color: inherit;
/*background-color: #FDD;*/
}

.maj {
font-family: Flame-on-Black;
text-transform: uppercase;
	}

.howto{
font-family: homoneta;
font-size: 22px;
}

.code{
font-family: Monospace;
font-size: 14px;
}

.flame{
font-family: Flame-on-Black;
text-transform: uppercase;
font-size: 14px;
}