body {
  margin: 0;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  text-align: center;
  /* color: #316AC5; */
  color: #200080;
  /* background: #6598D9 */
  background: #316AC5 url(/images/neil-ladder2sm.jpg) ;
     background-repeat: repeat-x;
     /* background-position: left top; */
  }

.post-title {
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 130%;
  letter-spacing: -1px;
  color: #993333;
  }


abbr, acronym {
  cursor: help;
  font-style: normal;
  border-bottom: 1px dotted;
  }

code {
  color: #996666;
  }

hr {
  color: #b5c6e7;
}

img {
  border: none;
  }

/* unordered list style */

ul {
  list-style: none;
  margin: 0 0 20px 30px;
  padding: 0;
  }

li {
  list-style: none;
  padding-left: 14px;
  margin-bottom: 3px;
  background: url(/images/tictac_blue.gif) no-repeat 0 6px;
  }

/* links */

a:link {
  color: #200080;
  }

a:visited {
  color: #200080; /* 666699 */
  }

a:hover {
  color: #5B739C;
  }

a:active {
  color: #5B739C;
  text-decoration: none;
  }

a.citylinks:link, a.citylinks:visited, a.citylinks:hover, a.citylinks:active {
  color: #200080;
  text-decoration: none;
  }

/* ---( layout structure )---*/

@media all {
  #wrap {
    width: 847px;
    margin: 0 auto;
    text-align: left;
    background: url(/images/tile3.gif) repeat-y;
    }

  #content {
    margin-left: 62px; /* to avoid the BMH */
    }

  #main-content {
    float: left;
    width: 580px; /* 480 */
    margin: 20px 0 0 0;
    padding: 0;
    line-height: 1.5em;
border: 0px solid #000000;
    }

  #sidebar {
    width: 130px;
    margin: 0 0px 0 655px; /* 537 */
    padding: 0px 0px 0px 5px;
    font-size: 85%;
    line-height: 1.4em;
    }
  }
@media handheld {
  #wrap {
    width: 90%;
    background: none;
    }

  /* #content {
    margin-left: 0 2% 0 2%;
    } */

  #main-content {
    float: none;
    width: 100%;
    }

  #sidebar {
    margin: 0 2% 0 2%;
    }
  }

/* ---( header and site name )--- */

@media all {
  #header {
    margin: 0;
    padding:  0px 0px 0px 0px;
    background: url(/images/new-bloghead.gif) no-repeat top left;
    }

  #header h1 {
    margin: 0;
    padding: 57px 60px 50px 160px;
    background: url(/images/top_h1_blue1.gif) no-repeat bottom left;
    } 
  }
@media handheld {
  #header {
    background: #6699cc;
    }

  #header h1 {
    background: none;
    }
  }

#header h1 a {
  text-decoration: none;
  }

#header h1 a:hover {
  color: #eee;
  }

/* .buttonscontainer {
		width: 132px;
		//align: right;
		padding: 0px 0px 0px 116px;
		} */

.buttons a {
	color: #200080;
	background-color: #b5c6e7;
	padding: 13px 0px 9px 14px;
	font: 12px Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0px;
	width: 100%;
	text-align: left;
		}

.buttons a:hover {
	padding: 13px 0px 9px 14px;
	background-color: #7AADDD;
	color: #ffffff;
	text-decoration: none;
		}

/* ---( footer )--- */

.clear { /* to fix IE6 padding-top issue */
  clear: both;
  height: 0;
  }

@media all {
  #footer {
    margin: 0;
    padding: 0 0 9px 0;
    font-size: 85%;
    color: #200080;
    background: url(/images/top_h1_blue1.gif) no-repeat bottom left;
    }

  #footer p {
    margin: 0;
    padding: 20px 220px 20px 95px;
    background: url(/images/bottom_sash2.gif) no-repeat top left;
    }
  }
@media handheld {
  #footer {
    background: none;
    }

  #footer p {
    background: none;
    }


  }

.error_message {
  color: #FF0000;
}

.blue {background-color: #0000ff;}
.ltblue {background-color: #B5C6E7;}
.ltgreen {background-color: #B6F2B6;}
.yellow {background-color: #ffff80;}
.blue {background-color: #0000ff;}
.gold {background-color: #FFD700;}
.gray {background-color: #AAABBB;}
.red {background-color: #ff0000;}