/*
CSS for benmetcalfe.com, written by Ben Metcalfe
Licenced under a lGPL licence

An additional background attribute (image url) will be defined for body in the site's javascript.  This is left out of the default css as most clients not parsing javascript (phones, pdas, etc) may also not want to receive a high-res photo either! 

*/

body { 
    background: #B0B0AE no-repeat fixed bottom left;
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;
	  font-size: 11px;
	  line-height: 15px;
	  color: #404040;
	  
  }  

  A:link, A:visited, A:active {
	  text-decoration: none;
	  color: #9B1111;
	  border-bottom: dotted #999999 1px;
  }


  A:hover {
  	text-decoration: none;
  	color: #222222;
  	border-bottom: dotted #222222 1px;
  }

  div {
    margin: 0 0 7 0;
  }

  #body {
    position:absolute;
    /*left: 5%;*/
    right: 50%;
  }

  #title   {
  	padding: 0;
  	margin: 0;
  	position: relative;
  	left: 0px;
  	top: 0px;
  	width: 468px;
  	height: 23px;
  	background-image: url(/img/benmetcalfelogo.gif);
  	background-repeat: no-repeat;
  	text-indent: -9000px;
  }
  
  ul {
    margin: 0 0 0 -10;
  	list-style-type: none;
	  list-style-image: none;
	  list-style-position: none;
  	
  }
  
  ul li:before {
	  content: "\00BB \0020";
  }
  
  #welcome, #problog, #persblog {
    margin: 15 0 0 0;
    width: 400px;
  }