body
{
	background: repeat-x fixed center top url(images/background-image.jpg);
	background-color: #11141b;
	margin:0px;
}

body, td 
{
	font-family: arial, sans-serif;
	font-size: 14px;
	margin:10px;
}

/* smaller screen optimisations: */
@media (max-width: 680px) {
  body {
    margin:0;	
  }
  
  body, td {
	  line-height:1.4em;
	  font-size:15px;
  }
  
  img#avatar {
	  width: 80px;
	  height:80px;
  }
}

a, a:visited 
{
	color: #0000ee;
	margin-bottom:8px;
}

h1, h2
{
	font-weight:normal;
	font-size: 17px;
	margin-top:15px;
	margin-bottom:10px;
	padding:2px;
	padding-top:3px;
	padding-left:8px;
	background-color: #dddddd;
	text-transform:uppercase;
	font-family:  trebuchet ms, Arial,  Sans-Serif;
	text-shadow: #888 1px 1px 3px;
}

hr 
{
	color: #dddddd;
	background-color: #dddddd;
}

.clear {
	clear:both;
}

#contentDiv
 {
	min-width:320px;
	max-width:740px;
	background-color:white;
	padding:10px;
}

#titleBarImg {
	width:740px;
	max-width: 100%;
    height: auto;
}