/*  
Theme Name: Usable By Design (New)
Theme URI: http://www.usablebydesign.co.uk/
Description: Getting real-er
Version: 3.0
Author: Rob Brooks
Author URI: http://www.usablebydesign.co.uk/
*/
  
/* === Structure === */
body {
  font-size: small !important;
  font-size: medium;
  font-size: 90%;
  font-family: Helvetica, Arial, Sans-Serif;
  color: #333;
  background: url(bg-fade.gif) top repeat-x;
  text-align: center;
  margin: 0;
  padding: 0; 
  }

#getintouch {
	float: right;
}
#getintouch a {
	display: block;
	width: 133px;
	height: 133px;
	background: url(getintouch.gif) no-repeat;
}

#getintouch a span {
	margin-left: -4000px;
}

#header {
  padding: 0;
  margin: 0 auto;
  width: 760px;
  text-align: center;
  position: relative;
  height: 80px;
  border-bottom: 1px solid #ccc;
}

#header a {
  background: url(header.gif) no-repeat 40px top;
  position: absolute;
  top: 20px;
  left: 0;
  width: 760px;
  height: 60px;
}

#header a span {
  margin-left: -4000px;
  }
  

#content {
  text-align: left;
  margin: 0 auto;
  padding: 0;
  width: 750px;
  }
  
#footer {
  width: 760px;
  clear: both;
  margin: 0 auto;
  margin-top: 1.5em;
  border-top: 1px solid black;
  }

#footer p {
  margin: 0;
  text-align: center;
  }  

a:hover {
  text-decoration: underline;
  }

a img {
  border: none;
  }
  

.portfolio {
  padding-left: 20px;
  border-width: 2px 2px 2px 5px;
  border-style: solid;
  border-color: #eee;
}

.portfolio img {
  vertical-align: middle;
  margin-right: 5px;
}

.description {
  margin-left: -4000px;
}

#navtabs {
  margin: 0;
  padding: 0;
}

#navtabs ul, #navtabs ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#navtabs ul {
  text-align: center;
  padding: 10px;
}

#navtabs ul li {
  display: inline;
}

#navtabs ul li a {
  color: #333;
  padding: 10px;
  font-size: 1.2em;
}

#navtabs ul li a:visited {
  color: #333;
}

#navtabs ul li a:hover {
  color: #fff;
  background: #c00;
}

.current_page_item a {
  background: #c00;
  color: #fff !important;
  font-weight: bold;
}

.current_page_item a:visited {
  color: #fff;
  font-weight: bold;
}

h1 {
  margin: 0;
  }

acronym, abbr {
  cursor: help;
  border-bottom: 1px dashed #999;
  }
 
hr {
  display:none;
}  
