/*--------------------------------------------------------------------------------

Typography CSS for www.m-i-e.co.uk

Version: 1.0
Author: Marcus Taylor
e-Mail: enquiries@taylorthomas.co.uk
Website: http://www.taylorthomas.co.uk

--------------------------------------------------------------------------------*/

/* Standard
--------------------------------------------------------------------------------*/

p,
address,
li {
  font-size:1.2em;
  line-height:1.8em;
  font-weight:normal;
  font-style:normal;
  color:#fff;
  margin-bottom:0.9em;
}

p a,
address a,
li a {
  color:#999;
  font-weight:bold;
  text-decoration:none;
}

p a:hover, p a:active,
address a:hover, address a:active,
li a:hover, li a:active {
  color:#fff;
}

h1 a,
h2 a,
h3 a {
  color:#999;
  font-weight:normal;
  text-decoration:none;
}

h1 a:hover, h1 a:active,
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active {
  color:#fff;
}

h1 {
  font-size:2em;
  font-weight:bold;
  color:#fff;
  float:left;
  display:block;
  width:256px;
}

h2 {
  font-size:1.8em;
  line-height:1.5em;
  font-weight:normal;
  font-family:Georgia, Palatino, serif;
  color:#fff;
}

h3 {
  font-size:1.4em;
  line-height:1.5em;
  font-weight:normal;
  font-family:Georgia, Palatino, serif;
  color:#fff;
  margin-bottom:0.9em;
}

h4 {
  font-size:1.2em;
  line-height:1.8em;
  font-weight:bold;
  font-style:normal;
  color:#fff;
  margin-bottom:0.9em;
}

ul {
  list-style-type:none;
}

/* Layout specific
--------------------------------------------------------------------------------*/

#navigation h1 a {
  background:url(images/mie.gif) no-repeat;
  width:156px;
  height:65px;
  display:block;
  text-indent:-9999px;
}

#navigation ul li {
  width:256px;
  float:left;
  text-transform:lowercase;
  margin-bottom:0;
  margin-top:0.9em;
  line-height:inherit;
}

#navigation ul li.top {
  margin-top:0;
}

#navigation ul li a:link, #navigation ul li a:visited {
  color:#fff;
}

#navigation ul li a:hover, #navigation ul li a:active {
  color:#999;
}

.title h2 {
  line-height:0.8em;
}

/* Layout specific - Home Page
--------------------------------------------------------------------------------*/

#recent_news h4 {
  margin-bottom:0;
}

/* Layout specific - News
--------------------------------------------------------------------------------*/

.page_pagination .previous, 
.page_pagination .next {
  width:9px;
  margin-top:1px;
  text-indent:-9999px;
}

.page_pagination .next {
  background:url(images/next.gif) no-repeat left 50%;
}

.page_pagination .previous {
  background:url(images/previous.gif) no-repeat left 50%;
}

/* Layout specific - Case study
--------------------------------------------------------------------------------*/

.casestudyinfo p {
  margin-top:0.9em;
}

.flash,
.casestudyinfo p a,
.read_more a,
.links a {
  background:url(images/next.gif) no-repeat right;
  padding-right:15px;
}

.casestudynavigation p {
  display:inline;
}

#mieplayer h2 {
  padding:20px 0 0 20px;
}

#mieplayer p {
  padding-left:20px;
}

/* Layout specific - Blog
--------------------------------------------------------------------------------*/

#tools ul,
p#subscribe {
  background:url(images/line.gif) no-repeat bottom left;
  padding:0 0 40px 0;
  margin:20px 0 0 0;
}

p#subscribe {
  margin-bottom:40px;
}

#tools h4 {
  margin:0;
}

h2.sectiontitle {
  background:url(images/line.gif) no-repeat bottom left;
  padding-bottom:40px;
  margin-bottom:40px;
}

.more-link {
  background:url(images/next.gif) no-repeat right;
  padding:0 15px 0 0;
}

.metanavigation .previous {
  background:url(images/back.gif) no-repeat left;
  padding:0 0 0 15px;
  float:left;
}

.metanavigation .next {
  background:url(images/next.gif) no-repeat right;
  padding:0 15px 0 0;
  float:right;
}

#comments h2,
#reply h2 {
  padding:40px 0;
}

#reply form p label {
  margin:0;
  font-weight:bold;
}

.commentauthor p {
  margin:0;
}

p#subscribe a {
  background:url(images/rss.gif) no-repeat right 3px;
  padding-right:22px;
  display:inline-block;
}

/* Miscellaneous
--------------------------------------------------------------------------------*/

active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
  outline:none;
}