/* desktop styles */

@import url(http://fonts.googleapis.com/css?family=Oldenburg|Cabin+Sketch|Nosifer|Frijole|Voltaire|Averia+Gruesa+Libre|Arapey|Annie+Use+Your+Telescope);

/*
font-family: 'Oldenburg', cursive;
font-family: 'Cabin Sketch', cursive;
font-family: 'Nosifer', cursive;
font-family: 'Frijole', cursive;
font-family: 'Voltaire', sans-serif;
font-family: 'Averia Gruesa Libre', cursive;
font-family: 'Arapey', serif;
font-family: 'Annie Use Your Telescope', cursive;
*/

@font-face {  
  font-family: "Ghost";  
  src: url("/fonts/Ghost.eot"); /* IE */  
  src: local("Ghost of Times New Roman"), url("/fonts/Ghost.ttf") format("truetype"); /* non-IE */  
}  
 
body { 
  color: white; 
/*  font-family: 'Averia Gruesa Libre', sans-serif; */
  font-family: 'Cabin Sketch', sans-serif;
  line-height: 150%;
  background-color: black; 
  width: 700px;
  margin: 0 auto;
}

/* radar: #016850
 * leds: #5ff464 #01db05 #3ba370 #017b3e
 * logo colours: #a0fcf8 #016850
 */
a:link    { color: #a0fcf8; text-decoration: none }
/* a:visited { color: #016850; text-decoration: none } */
a:visited { color: #a0fcf8; text-decoration: none }
a:hover   { color: #5ff464; }
a:active  { color: white; }

/*
a:link    { color: #70f0e0; text-decoration: none }
a:visited { color: #4aa095; text-decoration: none }
a:hover   { color: red; }
a:active  { color: yellow; }
*/

#page-top {
/*  line-height: 92px; */
/*  background-color: yellow; */
  border-bottom: thin solid white;
/*  margin-bottom: 1em; */
  width: 704px;
  height: 104px;
  margin: 0 auto;
  margin-top: 1em;
  margin-bottom: 1em;
  overflow: auto;
}

#page-top-1 {
  height: 92px;
  width: 200px;
  margin: 0 auto;
/*  border: thin dotted red; */
  float: left;
}

#page-top-2 {
  height: 92px;
  width: 340px;
  text-align: center;
  margin: 0 auto;
/*  border: thin dotted green; */
  float: left;
}

#page-top-3 {
  height: 92px;
  margin: 0 auto;
/*  border: thin dotted blue; */
  float: right;
}

#two-column {
   width: 700px;
   margin: 0 auto;
}
#left-column {
   float: left;
   width: 200px;
}
#right-column {
   float: left;
   margin: 0 auto;
   width: 500px;
}

.spooky, h1 {
  font-family: "Ghost", sans-serif;
}

pre {
  line-height: 150%;
}

hr {
  margin-top: 2em;
  margin-bottom: 2em;
}

div.step {
  margin-bottom: 3em;
}

.center {
  text-align: center;
}

div#logo{ background: url(/graphics/logo-450.jpg) no-repeat; width: 450px; height: 248px }
div#logo-small{ background: url(/graphics/logo-240x132.jpg) no-repeat; width: 240px; height: 132px }
div#poe-logo{ background: url(/graphics/poe-logo-450x300.jpg) no-repeat; width: 450px; height: 300px; }
div#composite-logo{ background: url(/graphics/composite-logo-500x300.jpg) no-repeat; width: 500px; height: 300px; }
div#vampires-logo{ background: url(/graphics/vampires-logo-659x400.png) no-repeat; width: 659px; height: 400px; }
div#transfabulator-logo{ background: url(/graphics/transfabulator-logo-600x426.jpg) no-repeat; width: 600px; height: 426px; }

img.header-logo { ; }
img.profile-picture { ; }

img {
  border: none;
}

#two-items {
   width: 700px;
   margin: 20 auto;
}
#left-item {
   border-style: double;
   border-color: #555555;
   margin: 1em auto;
   float: left;
   width: 340px;
}
#right-item {
   border-style: double;
   border-color: #555555;
   margin: 1em auto;
   float: right;
   width: 340px;
}