/* Base Stylesheet */

/* Typography */
a img {
	border:none;
}
body {
  	font-size: 100%;
  	font-family: 'Trebuchet MS',Arial,sans-serif;
}
p, li, dt, dd, th, td {
  	color: #666;
  	font-size: 0.80em; /* 12px */
  	line-height: 1.4em;
}
li li, td td {
  	font-size: 1em; /* don't scale within nested lists */
}
div, p, table { text-align: left; }
h1, h2, h3, h4, h5, h6 {
  	font-family: 'Trebuchet MS',Arial,sans-serif;
  	color: #666;
  	margin: 0;
  	padding: 0;
  	text-align: left;
  	letter-spacing: -1px;
  	font-weight: normal;
}
h1 { font-size: 185%; line-height: 1.1em; letter-spacing: -1px; color: #AA4949; }
h2 { font-size: 154%; line-height: 1.4em; color: #8c7450; }
h3 { font-size: 118%; line-height: 1.4em; }
h4, div.association h3 { font-family: 'Trebuchet MS',Arial,sans-serif; font-size: 100%; line-height: 1.4em; color: #666; letter-spacing: 0; }
h5 { font-family: 'Trebuchet MS',Arial,sans-serif; font-size: 95%; line-height: 1.4em; letter-spacing: 0; color: #AA4949; }
h6 { font-style: italic; font-size: 90%; line-height: 1.4em; color: #666; letter-spacing: 0; }

a {
  color: #8C7450;
  text-decoration: underline;
}
a:hover {
  color: #AA4949;
}

a.more-link, a.back-link {
  	font-family: 'Trebuchet MS',Arial,sans-serif;
  	color: #8C7450;
  	background: url(images/morearrow.png) no-repeat left 0;
  	padding: 0 0 0 20px;
  	width: 102px;
  	height: 35px;
	display: inline-block;
  	text-decoration: none;
  	text-align: left;
}
a.more-link:hover, a.back-link:hover {
	color: #AA4949;
  	background-position: left -71px;
}
div.blog a.more-link, div.blog a.back-link {
  	background-position: left 0;
}
div.blog a.more-link:hover, div.blog a.back-link:hover {
  	background-position: left -71px;
}
a.back-link { padding-left: 0.5em; }
a.rss {
  	background: url(images/rss-icon.png) no-repeat left 50%;
  	padding-left: 14px;
}
.feed {
  	clear: both;
  	text-align: right;
}

span.new, span.popular {
    font-weight: bold;
    padding: 5px 8px 4px 8px;
    line-height: 20px;
}
span.new {
    background-color: #ff0;
    color: #333;
}
span.popular {
    background-color: #f90;
    color: #333;
}

hr {
  border: none;
  width: 100%;
  margin: 8px 0;
  background-color: #999;
  height: 1px;
  padding: 0;
}

p {
  padding: 0;
  margin: 5px 0;
}
.centre {
  text-align: center;
}
.text-right {
  text-align: right;
}
span.highlight {
  display: block;
  font-size: 118%
}
table {
  border-collapse: collapse;
  width: 100%;
}
th, td {
  vertical-align: top;
}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */