/* thanks to garrettdimon.com for bits of this css */
/* and technorati.com for the .box */

/*** DEFAULTS ***/

body {
  background: #fff url("../images/bg.gif") repeat-x;
  font-family: Geneva, Helvetica, Arial, Verdana, sans-serif;
  font-size: medium;
  margin: 0;
  padding: 0;
}

a {
  color:#06c;
  text-decoration:underline;
}

a:hover {
  text-decoration:none;
}

p, li, blockquote, dd, dt {
  line-height:130%;
}

img {
  border: 0px;
}

blockquote {
  background: #f0f0f0;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 20px 25px;
  padding: 10px;
}

blockquote p {
  color:#333;
  font-style:italic;
  line-height:140%;
  margin:0;
}

p {
  margin:0 0 15px 0;
  color:#000;
}

ul, li {
  list-style-type:none;
  margin:0;
  padding:0;
}

code {
  background: #f0f0f0 url(../images/Code_BG.gif) left top repeat-y;
  border: 1px solid #ccc;
  color:#333;
  display:block;
  margin: 20px 25px;
  padding: 10px 10px 10px 21px;
  white-space:pre;
}

#entry {
  border: 1px solid #ccc;
  color:#333;
  /*display:block;*/
  margin: 20px 25px;
  padding: 10px 10px 10px 21px;
}

h1, h2, h3 {
  letter-spacing:4px;
  margin:55px 0 0 0;
}

h1 {
  color:#66f;
  font-size:2.3em;
}

h2 {
  color:#06c;
  margin-bottom:3px;
}

h3 {
  color:#333;
  margin-bottom:3px;
}

h1 a, h2 a {
  color:#66f;
  text-decoration:none;
}

h1 a:hover, h2 a:hover {
  color:#668;
  /*text-decoration:underline;*/
}

dt {
  font-weight:bold;
}

dd {
  margin:3px 0 10px 0;
}


/*
h1 {
	text-align: center;
#	text-align: center; # font-size: 1px;
#	background: url("../images/logo_alpha.gif") top left no-repeat;
#	height: 150px;
}
*/



/*** LAYOUT ***/

.lower {
  margin: 10px 20px -10px 10px;
}

#top {
}

#right {
	margin-left: 15px;
	float: right;
}

#centre {
	margin: 40px 0;
}

#footer {
	font-size: 60%;
	color:#888;
	/* vertical-align: center; does nowt */
}

#wrapall {
	position: relative;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 95%;
	text-align: left;
	width: 750px;
	background: transparent; /* #fff; */
}

#title {
	background: url("../images/logo.gif") top no-repeat;
	height: 70px;
	font-size: 0px;
}

.box {
	float: right;
	width: 300px; position: relative; 
	border: 1px solid #95CF72;  /* border-top-width: 1; Border*/
	background: url(fade-hp-green.gif) repeat-x top; /* Fade BG */
}

/* .box b.cn {background-image: url(bord-green.gif);} */
b.cngreen {background: url(cornergreen.gif) no-repeat; position: absolute; height: 10px; width: 10px; margin: 0; padding: 0; line-height: 1px; font-size: 1px; } 
b.cnfade {background: url(cornerfade.png) no-repeat; position: absolute; height: 40px; width: 40px; margin: 0; padding: 0; line-height: 1px; font-size: 1px; } 
b.tl {top: -1px; left: -1px; background-position: top left;}
b.tr {top: -1px; right: -1px; background-position: top right;}
b.bl {bottom: -1px; left: -1px; background-position: bottom left;}
b.br {bottom: -1px; right: -1px; background-position: bottom right;}
