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

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

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

body {
  background:#000;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  font-size:62.5%;
  margin:0 0 20px 0;
  padding:0;
}

body * {
  margin:0;
  padding:0;
}

img {
  display:block;
}

a img {
  border:solid 1px #414141;
}

a img:hover, a img:active {
  border:solid 1px #7d7d7d;
}

#wrapper {
  width:768px;
  margin:0 auto;
}

fieldset {
  border:0;
  margin:0;
  padding:0;
}

/* Layout - Global
--------------------------------------------------------------------------------*/

#navigation {
  padding:40px 0;
  margin-bottom:40px;
  border-bottom:solid 1px #414141;
}

#content {
  padding-bottom:40px;
  clear:both;
  min-height: 453px;
  height: auto !important;
  height: 453px;
}

.title {
  width:256px;
  height:54px;
}

.text {
  width:512px;
}

.address {
  width:256px;
}

.info {
  float:left;
}

#tools {
  width:216px;
  float:left;
}

#blog {
  width:512px;
  float:right;
}

#social {
  background:url(images/line.gif) no-repeat 0 0;
  padding-top:20px;
}

#social li {
  width:22px;
  height:22px;
  float:left;
  margin-right:7px;
}

#social a {
  background-repeat:no-repeat;
  width:20px;
  height:20px;
  display:block;
  text-indent:-9999px;
  border:solid 1px #414141;
}

#social a:hover, #social a:active {
  border:solid 1px #7d7d7d;
}

#facebook a {
  background-image:url(images/facebook.gif);
}

#twitter a {
  background-image:url(images/twitter.gif);
}

/* Layout - Homepage & Work
--------------------------------------------------------------------------------*/

.casestudythumb {
  margin-top:20px;
}

.casestudythumb.top {
  margin-top:0;
}

.casestudythumb img {
  margin-left:40px;
  float:right;
}

.casestudythumb p {
  margin-bottom:0;
}

#video {
  border:solid 1px #414141;
  width:766px;
  height:431px;
}

#recent_news {
  padding-bottom:40px;
  background:url(images/line.gif) no-repeat 0 100%;
  margin-bottom:40px;
}

.recent_news_item {
  float:left;
  width:226px;
  margin-right:30px;
}

.read_more {
  margin-bottom:0;
  line-height:inherit;
}

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

#news {
  float:right;
  width:510px;
}

.news_item {
  padding-top:40px;
  background:url(images/line.gif) no-repeat 0 0;
  margin-top:35px;
}

.news_item.top {
  padding-top:0;
  background:none;
  margin-top:0;
}

.news_item img {
  margin-bottom:15px;
}

.news_item h4 {
  margin-bottom:0;
}

.news_item p {
  width:256px;
}

.links {
  margin-bottom:0.9em;
}

.links li {
  margin-bottom:0;
}

.page_pagination {
  padding-top:36px;
  background:url(images/line.gif) no-repeat 0 0;
  margin-top:37px;
}

.page_pagination li {
  display:inline;
  margin-bottom:0;
  line-height:inherit;
}

.page_pagination a {
  margin-right:10px;
  display:inline-block;
}

.page_pagination .selected {
  color:#ffffff;
}

.page_pagination .previous {
  margin-left:-1px;
  margin-right:0;
}

/* Layout - Case Study
--------------------------------------------------------------------------------*/

.casestudyinfo {
  width:384px;
  padding:20px 0 0 0;
  float:left;
}

.casestudynavigation {
  width:256px;
  padding:20px 0 40px 0;
  float:right;
  text-align:right;
}

.blog {
  background:url(images/line.gif) no-repeat 0 0;
  padding-top:10px;
  margin-top:20px;
}

.casestudynavigation img {
  display:inline;
  vertical-align:text-bottom;
}

.casestudynavigation a img {
  border:none;
}

.casestudynavigation a img:hover, .casestudynavigation a img:active {
  border:none;
}

#socialise {
  height:25px;
  margin-bottom:20px;
}

#socialise li {
  float:left;
  line-height:inherit;
}

#share_this {
  margin-top:40px;
}

#tools #share_this ul {
  margin-top:15px;
}

#share_this li {
  height:25px;
  margin-top:5px;
}

#share_this li.first {
  margin-top:0;
}

/* Layout - Tools
--------------------------------------------------------------------------------*/

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

.search {
  background:#000;
  width:206px;
  padding:4px 5px;
  margin:10px 0;
  border:solid 1px #414141;
  color:#fff;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  font-size:1.2em;
}

/* Layout - Posts
--------------------------------------------------------------------------------*/

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

.posttitle,
.metanavigation {
  margin:0 0 20px 0;
}

#socialise li,
#tools li,
.posttitle li {
  margin-bottom:0;
}

.post img {
  margin:0 0 12px 0;
}

.comments {
  padding:40px 0;
  border-bottom:solid 1px #414141;
}

.comment {
  padding:10px 0 0 0;
  margin:-1px 0 0 0;
  border-top:solid 1px #414141;
  border-bottom:solid 1px #414141;
  clear:both;
}

.commentbody {
  width:344px;
  float:left;
}

.commentauthor {
  width:128px;
  padding:0 0 10px 0;
  float:right;
}

.leaveareply {
  padding:40px 0;
}

.name,
.email,
.website {
  background:#000;
  width:246px;
  padding:4px 5px;
  margin:0 0 10px 0;
  border:solid 1px #414141;
  color:#fff;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  font-size:1.2em;
}

.comments {
  background:#000;
  width:502px;
  padding:4px 5px;
  margin:0 0 10px 0;
  border:solid 1px #414141;
  color:#fff;
  font-family:Arial, Helvetica, Verdana, sans-serif;
  font-size:1.2em;
}

/* Clears
--------------------------------------------------------------------------------*/

#navigation:after,
#content:after,
#recent_news:after,
#social:after,
#socialise:after,
.casestudythumb:after,
.metanavigation:after,
.comment:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}