#fb6b50 [orange]
#ef5a5c
#e34868 [red]
#b2456e
#804273 [purple]
#4a2e55
#141936 [off black]
#0e3351
#084d6c [dark blue]
#05677e
#028190 [blue]
#03a2b5
#04c3d9 [bright blue]
 
#8d8d8d [mid grey]
#c0c0c0 [light grey]
 
*/
 
/* fonts (these are custom fonts i added, but if you use web-safe fonts you don't need to do this bit. for ease of use i've changed all the custom fonts to web safe ones, but if you want to use your own custom fonts, you need a font in as many font file formats as possible and the @fontface thing i've left below)*/
 
@font-face {
	font-family: '(font name)';
	src: url('/fonts/(font name).eot?#iefix') format('embedded-opentype'), 
	     url('/fonts/(font name).woff') format('woff'), 
	     url('/fonts/(font name).ttf')  format('truetype'),
	     url('/fonts/(font name).svg#svgFontName') format('svg');
	}
 
 
/* main css */
 
body {
  background-color: #141A35;
  background-image: url(/* background URL here*/);
  background-size: 25%;
  background-repeat: repeat;
  background-position: right top;
  background-attachment: fixed;
  color: #FA6B50;
  font-family: "courier new", Monospace;
  margin: 0;
}
 
h1 {
  color: #FA6B50;
  font-family: "courier new";
  font-size: 40px;
  text-shadow: 3px 3px #7F4273;
}
 
h2 {
  color: #028291;
  font-family: "courier new";
  text-align: center;
}
 
p {
  text-align: justify;
}
 
del {
  color: #028291;
}
 
header {
  background-color: #141A35;
  background-image: none;
  height: 110px;
  width: 100%;
  margin: 0;
  position: fixed;
}
 
nav {
  margin: 0;
  margin-top: 100px;
  margin-bottom: 20px;
  position: fixed;
  width: 100%;
}
 
.divnav {
  height: 135px;
}
 
.logo {
  float: left;
  padding: 10px;
  margin: 0;
  opacity: 0.5;
}
 
.title {
  float: left;
  padding-top: 0;
  padding-left: 25px;
}
 
.links, .neosites, .blinkies {
  float: left;
  width: 26%;
}
 
.about, .stamps, .buttons {
  float: right;
  width: 61%;
}
 
.stamps p, .buttons p {
  text-align: center;
}
 
.stampbod, .buttonbod {
  display: block;
  padding: 9px;
}
 
.links, .about, .neosites, .stamps, .blinkies, .buttons {
    padding: 20px;
    padding-top: 0;
  margin-top: 25px;
  border-style: double;
  border-color: #8d8d8d;
  background-color: #141A35;
  background-image: none;
}
 
.links, .neosites, .blinkies {
  margin-left: 25px;
  margin-right: 0;
}
 
.about, .stamps, .buttons {
  margin-left: 0;
  margin-right: 25px;
}
 
.blinkies img {
  display: inline-block;
  margin-top: 5px;
}
 
.links a, .neosites a {
  color: #04c3d9;
  padding: 2px;
}
 
.links a:hover, .neosites a:hover {
  color: #FA6B50;
  background-color: #fff;
  font-weight: bold;
}
 
.links a:visited, .neosites a:visited {
  color: #04c3d9;
}
 
.links a:visited:hover, .neosites a:visited:hover {
  color: #E44869;
  background-color: #fff;
  font-weight: bold;
}
 
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #094D6D;
  width: 100%;
}
 
nav li {
  float: left;
  width: 20%;
}
 
nav li button {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #094D6D;
  padding: 4px;
  margin: 0;
}
 
nav li a, nav li p, nav li script, nav button {
  display: block;
  color: #fff;
  font-family: "courier new", monospace;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  border-style: outset;
  border-color: #094D6D;
  border-width: 3px;
  padding: 4px;
}
 
nav li a:hover, nav li p:hover, nav li script:hover, nav button:hover {
  color: #fff;
  background-color: #094D6D;
  font-weight: bold;
  border-style: inset;
  border-color: #094D6D;
  padding: 4px;
}
 
 
footer {
    background-color: #141A35;
  background-image: none;
  height: 70px;
  margin: 0;
  margin-top: 27px;
  border-top: double;
  border-color: #8d8d8d;
  width: 100%;
  float: left;
}
 
footer p {
  padding-left: 15px;
  padding-top: 10px;
  float: left;
}
 
.neocat {
  float: right;
  padding: 15px;
  display: block;
  height: 40px;
}