
@media screen {

  html {
  background-image: url("/styleimgs/bg3.gif");
  background-color: #000;
  }
  
  html, body, .content {
  color: #FFF;
  }
  
  /* gallery */
  img.gimage {
  border: 1px solid #485E5E;
  }
  
  /* magazine layout */
  .magazine-image {
  border: 0;
  }
  
  .magazine-image a img {
  border: 1px solid #485E5E;
  display: block;
  padding: 0px;
  margin: 2px;
  }
  
  .magazine-image a:hover img {
  border: 2px solid #FF850D;
  margin: 1px;
  }
  
  /* main nav */
  ul#sections.nav li.link.FunkinsHome {
  background-image: url("/styleimgs/button_FunkinsHome_ei.gif");
  }
  ul#sections.nav li.link.TheFunkinPatch {
  background-image: url("/styleimgs/button_TheFunkinPatch_ei.gif");
  }
  ul#sections.nav li.link.FriendsofFunkins {
  background-image: url("/styleimgs/button_FriendsofFunkins_ei.gif");
  }
  ul#sections.nav li.current.EerieInspirations {
  background-image: url("/styleimgs/button_EerieInspirations_do.gif");
  }
  ul#sections.nav li.link.EerieInspirations {
  background-image: url("/styleimgs/button_EerieInspirations_ei.gif");
  }
  
  
  /* menbar */
  #menbar {
  background-image: url("/styleimgs/bg4.gif");
  }
  
  #menbar .login {
  background-image: url("/styleimgs/bg5.gif");
  color: #FFF;
  }
  
  h1, h2, h3, h4, h5 {
  color: #FF850D;
  }
  
  
  
  
  
  
  
  /* Light Side */
  
  /* - pnote - */
  .pnote {
  background-color: #402D17;
  color: #FFF;
  }
  
  /* - Footer - */
  .footer {
  border-top: 1px solid #402D17;
  }
  
  /* sidebar */
  
  /* - links - */
  a {
  color: #FF850D;
  }
  
  a:hover {
  text-decoration: underline;
  }
  
  /* - Sub Navigation - */
  ul.subnav {
  padding: 2px;
  background-color: #111;
  }
  
  ul.subnav li a {
  border-bottom: 1px solid #444;
  background-color: #000;
  }
  
  ul.subnav li a:hover {
  color: #FFF;
  background-color: #FF850D;
  }
  /* TAGS */
  td, th {
  vertical-align: top;
  border: 1px solid #485E5E;
  }
  
  
  /* - messages - */
  .message {
  border: 3px double #FF850D;
  color: #FF850D;
  }
  
  /* tag cloud */
  .taghead {
  background-color: #111;
  color: #FFF;
  }
  
  ul.tagcloud li a.c0 {
  font-size: 1em;
  color: #C7D6A3;
  }
  
  ul.tagcloud li a.c1 {
  font-size: 1.1em;
  color: #FF850D;
  }
  
  ul.tagcloud li a.c2 {
  font-size: 1.2em;
  color: #485E5E;
  }
  
  ul.tagcloud li a.c3 {
  font-size: 1.3em;
  color: #C7D6A3;
  }
  
  ul.tagcloud li a.c4 {
  font-size: 1.4em;
  color: #FF850D;
  }
  
  ul.tagcloud li a.c5 {
  font-size: 1.5em;
  color: #485E5E;
  }
  
  ul.tagcloud li a.c6 {
  font-size: 1.6em;
  color: #C7D6A3;
  }
  
  ul.tagcloud li a.c7 {
  font-size: 1.7em;
  color: #FF850D;
  }
  
  ul.tagcloud li a.c8 {
  font-size: 1.8em;
  color: #485E5E;
  }
  
  ul.tagcloud li a.c9 {
  font-size: 1.9em;
  color: #C7D6A3;
  }
  
  ul.tagcloud li a.c10 {
  font-size: 2em;
  color: #FF850D;
  }
}