/* **** Customifontit **** */
@font-face {
  font-family: DMDFont;
  src: url("dmd.eot");
}

@font-face {
  font-family: DMDFont;
  src: url("dmd.ttf");
}

@font-face {
  font-family: alphanumFont;
  src: url("alphanum.eot");
}

@font-face {
  font-family: alphanumFont;
  src: url("alphanum.ttf");
}


/* **** Sivun pääosa **** */

body { 
       color: #000000;
       margin: 0px;
       padding: 10px;
     }
     
.main { 
       background: #ffffff;
       font-family: verdana,arial;
       font-size: 14px;
       color: #000000;
       padding: 20px 50px 20px 50px; 
       border: 0;
       width: 900px;
       margin: 0px auto;
       text-shadow: #808080 1px 1px 1px;
     }

.header { 
       font-family: verdana,arial;
       font-size: 20px;
       font-weight: bold;
       border: 0;
       color: #ffffff;
       width: 550px;
       height: 135px;
       padding: 0px 5px 0px 445px;
       margin: 0px auto;
       text-align: right;
     }

.footer { 
       font-family: verdana,arial;
       font-size: 13px;
       font-weight: bold;
       border: 0;
       color: #ffffff;
       width: 970px;
       height: 37px;
       padding: 5px 15px;
       margin: 0px auto;
       text-align: right;
     }


/* ****  Varoitus & Quotelootat **** */

.hint {
       background: #CCFFCC;
       color: #000000;
       padding: 2px;
       margin: 5px 0px;
       border: 1px solid #000000;
}
     
.note {
       background: #FFFFCC;
       color: #000000;
       padding: 2px;
       margin: 5px 0px; 0px; 0px;
       border: 1px solid #000000;
}

.warn {
       background: #FFCCCC;
       color: #000000;
       padding: 2px;
       margin: 5px 0px; 0px; 0px;
       border: 1px solid #000000;
}

.return {
       color: #000000;
       background: #b0b0b0;
       font-size: 18px;
       text-align: right;
       padding: 0px 5px 3px 5px;
       margin: 2px 2px;
       border-width: 3px;
       border-style: solid;
       border-color: #f0f0f0 #808080 #808080 #f0f0f0;
}

.dmd { 
       background: #000000;
       color: #dd4c1b;
       font-family: 'DMDFont', monospace;
       font-size: 19px;
       padding: 2px 0px 0px 2px;
       margin: 2px 0px;
       border: 1px solid #000000;
       text-shadow: none;
}

.alphanum { 
       background: #000000;
       color: #dd4c1b;
       font-family: 'alphanumFont', monospace;
       font-size: 19px;
       padding: 2px 0px 0px 2px;
       margin: 2px 0px;
       border: 1px solid #000000;
       text-shadow: none;
}

.p2k { 
       background: #0000A9;
       color: #FFFFFF;
       font-family: monospace;
       font-size: 17px;
       padding: 0px 0px 2px 2px;
       margin: 2px 0px;
       border: 1px solid #0000A9;
       text-shadow: none;
}

.file {
       background: #FFFFFF;
       color: #000000;
       font-family: monospace;
       padding: 2px;
       margin: 5px 0px;
}

pre {
       background: #000000;
       color: #FFFFFF;
       font-family: monospace;
       padding: 3px;
       margin: 5px 0px;
}

.cap {
       padding: 0px;
       font-size: 10px;
       margin-bottom: -2px;
}

img {
       border: 1px solid #000000;
}

a {
       color: #AA0000; 
       text-decoration: none;
}
a:link {
       color: #AA0000; 
       text-decoration: none;
}
a:active {
       color: #FF0000; 
       text-decoration: none;
}
a:visited {
       color: #AA0000; 
       text-decoration: none;
}
a:hover {
       color: #FF0000; 
       text-decoration: none;
}

/* **** Alaotsikot & elementit **** */

.subtopic {
       font-family: arial,sans-serif,verdana;
       font-size: 18px;
       font-weight: normal;
}
.subtopicnote {
       font-family: arial,sans-serif,verdana;
       color: #000000;
       font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {   
       font-family: verdana, arial;
       font-weight: bold;
       font-style: italic;
       color: #000000;
       margin-top: 5px;
       margin-left: 0px;
       margin-bottom: 5px;
       border-bottom: dotted 1px #000000;
}

.twitter {
       padding-bottom: 10px;
}

ul, ol, li {
       margin-left: 0px;
       padding-left: 0px;
}

ol {
       padding-left: 29px;
       margin-top: -2px;
       margin-bottom: -1px;
}

ul {
       list-style-image: url(bullet.png);
       padding-left: 21px;
       margin-top: -2px;
       margin-bottom: -1px;
}


.updated {   
       font-size: 7px;
       text-align: center;
}

h1 {   
       font-size: 16px;
       margin-top: -10px;
}

h2 {   
       font-size: 15px;
}

h3 {   
       font-size: 14px;
}

.banner {
       font-size: 26px;
       text-align: center;
}