/*This is where the typographying, style and stuff goes*/

body {font-family: Helvetica Neue,Helvetica,Arial,FreeSans,sans-serif;}
a {color: #DA3C2E; text-decoration: none;}
a:hover {text-decoration: underline;}
p {color: #333; font-size: 12px; line-height: 19px;}

/*Article*/
.blogPost {background: #fff url('images/red_arrow.gif') no-repeat 0 10px; color: #333; position: relative; padding: 0 30px 30px 30px; font-size: 12px; margin: 0;}
.blogPost header h2 {color: #000; background: #fff; font-size: 32px; font-weight: normal; line-height: 32px; margin: 0px; margin: 0px; width: 430px;}
.blogPost header h2 a {color: #fff; background: #fff; font-size: 32px; font-weight: normal; line-height: 32px; margin: 0px; margin: 0px; width: 430px;}
.blogPost header h2 a:hover {color: #DA3C2E; text-decoration: underline;}
.blogPost header h2 span {background: #333; float: left; display: block; height: 32px;}
.blogPost .articleMeta {background: #F7F7F7; clear: left; float: left; padding:10px; margin: 0 0 30px 0; width: 410px;}
.blogPost .articleMeta .author {color: #333; display: block; font-family: Georgia; float: left; font-size: 13px; font-style: italic; margin: 0 0 10px 0; width: 410px;}
.blogPost .articleMeta dl {display: block; float: left; margin: 0px; padding: 0px; width: 210px;}
.blogPost .articleMeta dd, .blogPost .articleMeta dt {display: inline; float: left;  font-size: 11px; margin: 0px; padding: 0 5px 0 0;}
.blogPost .articleMeta .postedIn {display: inline; float: right; font-size: 11px; width: 190px;}
.blogPost p {clear: left; margin: 0 0 15px 0;}
.blogPost time {background: #DA3C2E; color:#fff; font-family: Georgia; font-size: 12px; left: -70px; height: 40px; padding: 10px 3px 10px 5px; position: absolute; top: 0px; width: 62px}
.blogPost img {border: 0px;}

/*Comments*/
.commentlist {list-style: none; font-size: 12px; margin: 0px; padding: 0px;}
.commentlist .avatar {float: left; padding: 0 10px 0 0}
.commentsForm .navigation {padding: 0px;}
.commentsForm h3 {margin: 0 0 20px 0}
.commentlist li {padding: 0px; margin: 0px;}

/*Comment Form*/
.commentsForm {background: #fff url('../Images/grey_up.gif') no-repeat 0 42px; border-top: 3px solid #f7f7f7; margin: 0 30px; padding: 60px 0 0 0;}
.commentsForm form {background: #F7F7F7; padding: 30px 30px 20px 30px;}
.commentsForm form dl {margin: 0 0 10px 0; width: 360px;}
.commentsForm form dl dd {margin: 0px; padding: 0px;}
.commentsForm form dl dd input {border: 1px solid #C8C8C8; color: #333; height: 16px; padding: 5px; width: 100%; vertical-align: middle;}
.commentsForm form dl dd textarea {border: 1px solid #C8C8C8; color: #333; font-family: Arial; font-size: 12px; padding: 5px; height: 70px; width: 100%}
.commentsForm form dl dt {margin: 10px 0 5px 0;}
.commentsForm form dl label {color: #666; font-size: 13px;}
.commentsForm h4 {font-family:Georgia; font-style: italic; font-weight: normal; margin: 0px;}
.commentsForm form .submitButton {border: 0px; background: #DA3C2E; color:#fff; display: block; font-family: Georgia; font-size: 12px; height: 30px; padding: 5px; text-align: left;}

/*Nav Column*/
h3 {font-size: 15px; font-weight: bold; text-transform: lowercase; margin: 0px;}
h3 span {color: #DA3C2E}
#navCol ul {margin: 20px 0 40px 0; padding: 0px;}
#navCol ul {margin: 30px 0; padding: 0px;}
#navCol ul  li {list-style: none; }
#navCol ul  li a {color: #666; font-size: 11px; line-height: 14px;}
.recentcomments {color: #333; font-size: 11px; line-height: 19px;}
.recentcomments a {color: #666; font-size: 11px;}

/*Tag Col*/
#tagCol {background: #EDEDED url("images/dark_grey_panel.gif") repeat-x; padding:84px 0 0 0;}
.tags {padding: 115px 0 0 30px;}
#tagCol form {display: block; height: 60px; margin: 0px;}
#tagCol .textIn {border: 0px; display: block; height: 20px; padding: 5px; width: 210px; vertical-align: middle;}
#tagCol .submitIn {border: 0px; background: #DA3C2E; color:#fff; display: block; font-family: Georgia; font-size: 12px; float: right; height: 30px; padding: 0 5px; width: 80px; text-align: left;}
#tagCol ul {margin: 30px 0; padding: 0px;}
#tagCol ul li {display: inline; margin: 0px; padding: 0px;}
#tagCol ul li a {color: #333; font-size: 11px; line-height:14px;}

/*Footer*/
footer {background: #333333; line-height: 16px; float: left; font-size:11px; width: 100%}
footer .mulletPartOne {background: #454142; padding: 40px 0 7px 0; float: left; width:100%;}
footer .mulletPartOne .footer_top_content {margin:0 auto; padding:0 0; width:890px;}
ul.footer_cols {float:left; width:910px; margin: 0px; padding: 0px;}
ul.footer_cols li {list-style-image:none; list-style-position:outside; list-style-type:none;}
ul.footer_cols li.col1, ul.footer_cols li.col2 {float:left; margin:0 10px 0 0; padding:0 20px 0 0; width:270px;}
ul.footer_cols li.col3 {float:left; padding:0 0 0 0; width:280px;}
ul.footer_cols li strong {color:#CCCCCC; font-size:13px; font-weight:bold;}
ul.footer_cols li p {color:#999999; font-size:11px; line-height:16px; margin:13px 0;}
footer a {color:#CCCCCC; text-decoration:none;}
ul.footer_cols li address {color:#FFFFFF; margin:29px 0 0; padding:0; font-style: normal;}
a.follow {background:transparent url(http://www.i-dmedialondon.co.uk/images/twitter_btn.gif) no-repeat scroll 0 0; float:left; height:22px; width:159px;}
a.follow:hover {background-position: 0 -22px; text-decoration: none;}
footer .mulletPartTwo {float:left; padding:0 0 100px; width:100%;}
footer .mulletPartTwo .footer_bottom_content {background:#333333 none repeat scroll 0 0; margin:0 auto; padding:0 50px;width:890px;}
.footer_logo {float:left; margin:40px 0 0;}
.footer_bottom_content p {color:#FFFFFF; float:right; margin:40px 0 0; padding:0;}

/* Fixes by Jacob */

#content {margin:0;padding:0 30px 30px; position:relative;}
.pagetitle {margin:0;padding:0 30px 0 30px; position:relative; font-weight: normal}

#navCol ul li.cat-item {color:#333333;font-family:Georgia;font-size:13px;font-style:italic;display:inline;padding-right: 5px;}
#navCol ul li.cat-item a {color:#333333; font-size:13px;}

#navCol h3 {background: transparent url('images/slashes_navcol.png') no-repeat -3px -1px; padding-left: 13px;}
#tagCol h3 {background: transparent url('images/slashes_tagcol.png') no-repeat -1px 0px; padding-left: 13px;}
#tagCol div div {margin-top: 30px;}
.navigation {padding:0 30px 30px;}
.navigation a {font-size:12px;line-height:19px;}