/*@import url('http://infamous.net/fonts/SSP/ssp.css');*/
@import url('https://infamous.net/fonts/djv/djv.css');
@import url('https://paws.infamous.net/paws.css');

/* @import "common.css" screen, projection;
@import url('landscape.css') screen and (orientation:landscape);*/

/* defined style classes:

   logotext, smlogotext, leftnav, rightnav, sans, serif, mono, quote, large,
   small, alert, warning, notice, note, fineprint, caption 

*/

/*
  Text Colors 
 */
#all {color: black;} 


#left {color: #000000}
a.leftnav:link {color: #00ff00; text-decoration: none}
a.leftnav:active {color: #FF00FF}
a.leftnav:visited {color: #00ff00; text-decoration: none}

a.topnav:link {color: #3333FF; text-decoration: none}
a.topnav:active {color: #FF00FF}
a.topnav:visited {color: #3333FF; text-decoration: none}

#right {color: #000000}
a.rightnav:link {color: #00ff00; text-decoration: none}
a.rightnav:active {color: #FF00FF}
a.rightnav:visited {color: #00ff00; text-decoration: none}


/*
  Fonts 
 */

#all
{
  /* Use a 12px base font size with a 16px line height */
  /* font-size: 0.75em; /* 16px x .75 = 12px */
  /* line-height: 1.333em; /* 12px x 1.333 = 16px */

  /* Use a 14px base font size with a 18px line height */
   font-size: 0.875em; /* 16px x .875 = 14px */
   line-height: 1.286em; /* 14px x 1.286 = 18px */

  /* font-size: 0.8125em; /* 16px x .875 = 14px */
  /* line-height: 1.3095em; /* 14px x 1.286 = 18px */

   font-family: dejavu_sans, sans-serif;
}
/* -- borders */
/* #head {border: 3px blue groove;} */


/* the body background here is the color of the pillarbox matte, #all is
   the background of the rest of things*/

#all {background: white;}
body {background: #333366}


/* -- backgrounds */

#top {background: white}
#head {background: white}
#main {background: white}
#main-footer {background: white}

#left {background: #333333}
#left-footer {background: #333333}

#right {background: #333333}
#right-footer {background: #333333}

#bottom {background: white}

/* wrap contains all sections except #top and #bottom, 
   without some sort of tricks, #wrap will not be visible */
#wrap {background: white;}


/* following only floated for color purposes */
/*#left-footer {float: left; }
  #right-footer {float: right;}
  #main-footer {float: left}
*/

#menu {}

/* -- other decls */

#top { clear: both; /*margin-top:10px;*/ margin-bottom: 0px; height: 255px;
padding-left: 0ex; padding-right: 0ex;}

.redsticker {border: thin grey outset; color: red; font-weight: bold;
             margin: 2em; padding: 0.5em}

/* for mobile and tiny screens */
@media only handheld, screen and (max-device-width: 480px) {
    .nomobile {display: none;}
    #all {font-family:  sans-serif;}

}

.logotext {color:blue}
.logotext {font-style: italic}
.logotext {font-weight:bold}
.logotext {font-size: 400%; font-family: "Lucida Bright", Lucidabright, Georgia,
  "Bitstream Vera Serif", serif ; line-height: 1.4em}