html, body {
min-height: 100%; /*Sets the min height to the
                                        height of the viewport.*/
width: 100%;
height: 100%; /*Effectively, this is min height
                                for IE5+/Win, since IE wrongly expands
                                an element to enclose its content.
                                This mis-behavior screws up modern
                                browsers*/
margin: 0;
padding: 0;

}

html>body {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
}

body { position: absolute; top: 0; 	font: 14px/1.5 Helvetica, Arial, sans-serif; background-color: #f3f3f3;}

#main {   /*Keeps content above footer. */  padding-bottom:100px; height:auto;}
.clear{ clear:both; } 

address {font-style: normal;}

/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {font-size: 48px; line-height: 58px; text-align: right;  text-shadow: 1px 1px #fff; letter-spacing: -1px;  }
h2 {font-size: 30px; line-height: 40px;  text-shadow: -1px -1px #fff;  }
h3 {font-size: 24px; line-height: 34px;  }
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}
h1,h2,h3, h4, h5, h6 {font-weight: normal; font-family: Helvetica, sans-serif; }

/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol {list-style: decimal;}
ul {list-style: disc;}
/* li {margin-left: 30px;}*/
p,dl, hr, h1,h2,h3, h4, h5, h6, ol, ul, pre,table, address, fieldset {margin-bottom: 10px;}


/* Unique heading styles
----------------------------------------------------------------------------------------------------*/
h1#contactpage span { font-size: 24px; line-height: 24px; display: block;}
h1#strapline {font-size: 62px; text-align: center; line-height: 76px; padding-top: 20px; letter-spacing: -1px; color: #fff; text-align: center; text-shadow: 1px 1px #333; margin: 0; }

h1#about, h1#marketing, h1#services, h1#casestudies, h1#casestudy_detail, h1#blog_article, h1#blog_title, h1#errorpage {border-bottom: 2px solid #ee283b; }
h1#blog_title {margin-bottom: 20px;}
h1#casestudy_detail {margin-bottom: 20px;}
h1#blog {display: none;}

/* `Form
----------------------------------------------------------------------------------------------------*/
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}

input.text, input.title, textarea, select, input.newslettertext {margin: 0 0 10px 0; border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus, input.short-text:focus {border:1px solid #ee283b;}
input.text, input.title {width:280px;padding:5px;}
input.newslettertext {width:160px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.notice, .success, .error_box, .boxout, .love_message {padding:.8em; margin-bottom:1em;border:2px solid #ddd;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.love_message {background: #ffffff; color: #ee283b; border-color: #ee283b; width: 250px;}
.love_message p {padding-left: 20px; background: #fff url(http://www.crushdigital.co.uk/layoutimages/heart_icon.gif) no-repeat 0 50%; margin: 0;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.notice a {color:#514721;}
.success a {color:#264409;}
.error_box {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4; margin: 10px 160px;}
.boxout {background:#f3f3f3; color:#666; border-color:#ccc; margin: 2em 0; font-size: 13px; line-height: 15px; }
.boxout p {margin: 0; }



/* `Global
----------------------------------------------------------------------------------------------------*/
a:focus { outline: 1px dotted; }
hr {background:#ee283b;color:#ee283b;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
hr#rowspacer { border: 0 #fff solid; border-top-width: 2px; clear: both; height: 10px;}


a.textlink, a.textlinks {text-transform: uppercase; color: #ee283b; background: transparent url(http://www.crushdigital.co.uk/layoutimages/textlink_redarrow.gif) no-repeat 100% 50%; padding-right: 12px; text-decoration: none; }
a.textlink:hover, a.textlink:hover {color:#000; text-decoration: underline;} 

img.right, .alignright {float: right; margin-left: 10px;}
img.left, .alignleft {float: left; margin-right: 10px;}
img.alignleft, img.alignright {border: 2px solid #fff;}
img.centered {display: block;	margin-left: auto; margin-right: auto;	}

.stop {color: #ee283b; background: transparent url(http://www.crushdigital.co.uk/layoutimages/red_fullstop.gif) no-repeat 0 50%; width: 8px; height: 8px; }

.backlink { padding: 10px; background-color: #fff; margin: 20px 0; font-size: 14px; line-height: 18px; text-align: right; text-decoration: none;}
.backlink a {color: #ee283b; text-decoration: underline; }
.backlink a:hover {color: #333; text-decoration: underline; }


/* `Button Colours
----------------------------------------------------------------------------------------------------*/

a.button, button, #submitButton {
  display:block;
  float:left;
  margin: 0.7em 0.5em 0.7em 0;
  padding:5px 10px 5px 7px;   /* Links */
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#fcfcfc;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button, #submitButton {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type], #submitButton {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type], #submitButton {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img, #submitButton img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}



/* `Header
----------------------------------------------------------------------------------------------------*/
#header_wrapper {position: relative; width: 960px;}
#header {height: 120px; background: transparent url(http://www.crushdigital.co.uk/layoutimages/header_background.jpg) repeat-x top left; z-index: 1;}
#nav_wrapper {position:absolute; z-index: 2; right: 0px; width: 620px; }
#logo {z-index: 9;}
#logo a {padding-top:20px; position: absolute; top:0 ; left: 0; z-index: 10; width: 300px; height: 145px; text-indent: -9999px; background: transparent url(http://www.crushdigital.co.uk/layoutimages/crush_logo.png) no-repeat; outline: none;}
#red_contactdetails {background: transparent url(http://www.crushdigital.co.uk/layoutimages/redtab.png) no-repeat top center; text-align: center; height: 60px; width: 240px; float: right; }
#red_contactdetails p {font-size: 16px; line-height: 55px;  color: #fff;}
#red_contactdetails a {color: #fff;}
#red_contactdetails a:hover {color: #000; text-decoration: none;}

/* `Navigation
----------------------------------------------------------------------------------------------------*/
#navigation {margin: 0; padding:20px 0 0 0; height: 60px; width: 620px; position: relative; font: 13px/1.5 Helvetica, Arial, sans-serif; letter-spacing: normal;}
#navigation li {list-style: none; float:left; display: inline; margin: 0; }
#navigation li.back {  border-bottom: 10px solid #ee283b; height: 35px; width: 9px; z-index: 8; position: absolute;}
#navigation li a { color: #fff; text-decoration: none; text-align: center; top: 5px; text-transform: uppercase; letter-spacing: 0; z-index: 10; display: block; float: left; height: 40px; position: relative; overflow: hidden; margin: auto 5px; padding: 0 5px; }
#navigation li a:hover {color: #ee283b;}
#navigation li a:hover,  #navigation li a:active,  #navigation li a:visited { border: none; }     

/* `Sub Navigation
----------------------------------------------------------------------------------------------------*/
#sub-nav {background-color: #000; margin: 20px 0 20px 0; height: 40px; }
#sub-nav ul {margin:0 10px; float: right;}
#sub-nav ul li {display: inline; }
#sub-nav ul li a:link, #sub-nav ul li a:visited {float: left; text-transform: uppercase; color: #fff; display: block; font-size: 12px; text-decoration: none; padding:12px 10px; margin-right: 10px; }
#sub-nav ul li a:hover, #sub-nav ul li a.highlight {border-bottom: 5px solid #ee283b; padding:12px 10px 5px 10px; color: #f8f8f8;}


/* `Marketing Sub Pages
----------------------------------------------------------------------------------------------------*/
#spacer-fifty {margin-top: 50px;}
#spacer-thirty {margin-top: 30px;}



/* `Content
----------------------------------------------------------------------------------------------------*/
#content { background: #f3f3f3 url(http://www.crushdigital.co.uk/layoutimages/crush_red_background.gif) no-repeat 100% 0;}


/* `Bodyblock
----------------------------------------------------------------------------------------------------*/
#bodyblock {margin:0 0; padding:  30px 0 20px 0;}
#bodyblock a:link, .blog_wrapper a:link {color: #ee283b; text-decoration: underline;}
#bodyblock a:visited, .blog_wrapper a:visited {color: #ee283b; text-decoration: none;}
#bodyblock a:hover, .blog_wrapper a:hover {color: #333333; text-decoration: underline;}


/* `Scroller
---------------------------------*/
#scroller {width: 940px; height: 350px; background: transparent url(http://www.crushdigital.co.uk/layoutimages/slider_background.png) no-repeat top left; position: relative; margin: 0; padding: 0; }
#slider ul, #slider li{ margin:0; padding:0; list-style:none;}	
#slider, #slider li{ height:350px; width:940px; margin: 0px; padding:  0; overflow:hidden; color: #fff;}
#slider{ margin:0px;}	
#slider li {margin: 10px 0;}
#prevBtn, #nextBtn{ display:block; width:80px; height:300px; position:absolute; left:0px; top:30px;}	
#nextBtn{ left: 890px;}														
#prevBtn a, #nextBtn a{ display:block; width:50px; height:80px; ; background:url(http://www.crushdigital.co.uk/layoutimages/prev_button.gif) no-repeat 0 0; margin-top:110px; text-indent:-8000px;  outline: none;}	
#nextBtn a { background:url(http://www.crushdigital.co.uk/layoutimages/next_button.gif) no-repeat 0 0; }

.slider_image {width: 940px; height: 300px; margin-top:15px;}

/* `Homepage
----------------------------------------------------------------------------------------------------*/
#homepagestrap {background: #F3F3F3 url(http://www.crushdigital.co.uk/layoutimages/homepage_greystrap.jpg) repeat-x top left; width: 100%; min-height: 300px; }             
/*#homepage_dtod {background: transparent url("http://www.crushdigital.co.uk/layoutimages/homepage_dtod.png") no-repeat scroll top center;  margin-top: 0px;}*/

#blog_summary_home { width: 210px; margin-left: 80px;}

#newsletterform {margin: 10px 0 20px 0;}
#newsletterform label {text-transform: uppercase; text-align: right; width:95px; float: left; margin-right: 10px; line-height: 41px; clear: both;}
#newsletterform label.error {display: block; color:#8a1f11; width: 190px; text-align: left; text-align: left; margin-left: 100px; line-height: 14px; text-transform: none; font-weight: bold;}
#newsletterform input.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
#newsletterform label#message {display: none;}

.date_box_home {background-color: #ee283b; color: #fff; font-size: 48px; line-height: 50px; width: 60px; padding: 5px; text-align: center; border-right: 5px solid #f7f7f7; border-bottom: 5px solid #f7f7f7; float: left;}
.date_box_home span {color: #fff; font-size: 32px; line-height: 32px;}


#latest_blog_homepage a {text-transform: uppercase; color: #ee283b; text-decoration: none; white-space: nowrap; display: block;}
#latest_blog_homepage a:hover {color: #000; text-decoration: underline;}

/* `About Us
----------------------------------------------------------------------------------------------------*/
#elsewhere {margin-top: 20px ;}
.elsewhere_spacer {margin-bottom: 20px;}
#about_strategy { width: 940px; background: transparent url(http://www.crushdigital.co.uk/layoutimages/diagram_3d.png) no-repeat top right;}

.teamphoto {position: relative; width: 220px; height: 300px; background: transparent url(http://www.crushdigital.co.uk/layoutimages/teamphoto_shadow.jpg) no-repeat top left;}
.teamphoto img {position: absolute; z-index: 40; top:0; right:10px;}
.teamphoto h3 {position:absolute; z-index:45; bottom:20px; right:0; background-color: black; color: #fff; font-size: 12px; line-height: 14px; width: 150px; padding: 5px;}
.teamphoto h3 span {font-size: 10px; line-height:12px; font-style: italic; display: block;}


/* `Marketing
----------------------------------------------------------------------------------------------------*/
#marketing_tagline {font-size: 40px; line-height: 48px; }
#movie_wrapper {background:transparent url(http://www.crushdigital.co.uk/layoutimages/movieblur_shadow.png) no-repeat 100% 0; width:540px; height: 300px; margin-left: 20px; }

#marketing_text_wrapper {position: relative;}
#marketing_left_top {width: 220px; margin-right: 10px;}
#marketing_left_bottom {width: 220px; margin-right: 10px;}
#marketing_right_top {width: 225px; float: left; position: absolute; top:0; left: 240px;}
#marketing_right_bottom {width: 225px; float: left; position: absolute; top:300px; left: 240px;}

#marketing_emphasise h4 {padding:10px 30px; font-size: 38px; line-height: 44px; text-shadow: 1px 1px #fff; font-weight: bold; font-family: 'Lobster', serif; text-transform: none; color: #ee283b; padding-bottom: 5px;}
#marketing_emphasise { margin-bottom: 10px; }
.redbox {background-color: #ee283b; color: #fff; font-size: 24px; line-height: 28px; padding: 5px;}

/* `Services
----------------------------------------------------------------------------------------------------*/
.side_boxout {float:right; width: 100px; font-size: 10px; vertical-align: bottom; font-weight: bold;}
.boxout_content {margin-right: 106px; border-right: 2px solid #ee283b; padding:0 10px; }

#casestudies_scroller_wrapper {}
#casestudies_scroller { background-color: blue; margin:20px 0 40px 0; padding: 0;}
#casestudies_scroller li {float: left; display: inline; list-style: none; margin-right: 20px; padding: 0 0 20px 0; width: 300px; }
#casestudies_scroller li#end {margin: 0;}
#casestudies_scroller li a img { width: 286px; border: 2px solid #fff; height: 215px; background: #fff url (http://www.crushdigital.co.uk/layoutimages/casestudy_shadow_right.jpg) no-repeat bottom right; display: block;}
#casestudies_scroller li a:hover img { border: 2px solid #ee283b;}
#casestudies_scroller li h4 a:link, #casestudies_scroller li h4 a:visited {text-transform: uppercase; color: #ee283b; background: transparent url(http://www.crushdigital.co.uk/layoutimages/textlink_redarrow.gif) no-repeat 100% 50%; padding-right: 12px; text-decoration: none; margin-top: 10px;}
#casestudies_scroller li h4 a:hover {color:#000; text-decoration: underline;}

#design_service, #development_service {margin-bottom: 20px;}


/* `Case Studies
----------------------------------------------------------------------------------------------------*/
.casestudies_index h2 {margin: 0; padding: 0;}
.casestudies_index h2 a:link, .casestudies_index h2 a:visited {font-size: 24px; line-height: 24px; text-decoration: none; }
.casestudies_index h2 a:hover {color: black;}

.long_index_thumb {width: 300px; height: 350px; margin: 0; padding: 0 0 20px 0; display: block; position: relative;}
.short_index_thumb {width: 300px; height: 200px; margin: 0; padding: 0 0 20px 0; display: block; position: relative;}

.casestudy_shadow_left {background: transparent url(http://www.crushdigital.co.uk/layoutimages/casestudy_shadow_left.png) no-repeat bottom;}
.casestudy_shadow_right {background: transparent url(http://www.crushdigital.co.uk/layoutimages/casestudy_shadow_right.png) no-repeat bottom;}

.logo_cover {width: 300px; height: 350px; position: absolute; z-index: 55;cursor: pointer;}
.logo_cover_short {width: 300px; height: 200px; position: absolute; z-index: 56;cursor: pointer;}

.logo_cover a, .logo_cover_short {cursor: pointer;}
.long_index_thumb img {position: absolute; z-index: 50;}

a.talk {background: transparent url(http://www.crushdigital.co.uk/layoutimages/talk_icon.gif) no-repeat 100% 50%; padding-right: 18px; text-transform: uppercase;}
a.talk:hover {background: transparent url(http://www.crushdigital.co.uk/layoutimages/talk_icon_black.gif) no-repeat 100% 50%;}

a.doc {background: transparent url(http://www.crushdigital.co.uk/layoutimages/document_icon.gif) no-repeat 100% 50%; padding-right: 18px; text-transform: uppercase; margin-right: 10px;}
a.doc:hover {background: transparent url(http://www.crushdigital.co.uk/layoutimages/document_icon_black.gif) no-repeat 100% 50%;}


/* `Case Study Detail
----------------------------------------------------------------------------------------------------*/
.casestudy_image_wrapper {padding: 0 0 10px 0; background: transparent url(http://www.crushdigital.co.uk/layoutimages/casestudy_shadow_left.jpg) no-repeat bottom left; margin-bottom: 20px;}
.casestudy_image_wrapper  img {border: 2px solid #fff; }

.casestudy_column {text-align: justify;}
.text_highlight {padding:5px; font-size:18px; font-weight:bold; border-top:2px solid #ee293b; border-bottom:2px solid #ee293b; text-align: left;}

/* `Contact Page
----------------------------------------------------------------------------------------------------*/
#contactformblurb {margin: 0 0 10px 160px;}


#contactform {margin: 10px 0 20px 0; border-top:2px solid #ee283b; margin-top: 5px; padding-top: 10px;}
#contactform label {text-transform: uppercase; float: left; padding-right: 10px; text-align: right; line-height: 32px; }
.contactform-label {width: 140px; }
#contactform label.error { color:#8a1f11; width: 440px; text-align: left; text-align: right; line-height: 14px; text-transform: none; font-weight: bold; padding: 10px 20px 10px 0;}
#contactform input.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
#contactform label#message {display: none;}
#contactform textarea {font-size: 12px; color: #333; font-family: Arial, sans-serif; height: 156px; width: 450px; margin-bottom: 10px;}
#submit_button {background-color: #ee283b; color: #fff; padding: 10px; font-size: 14px; cursor: pointer; text-align: center; border: none; width: 130px; text-shadow: 1px 1px #cc3333; }
#submit_button[class] {width: auto;}
#submit_button:hover {background-color: #000; text-shadow: 1px 1px #333;}

#question-label {float: left; width:375px; margin-right: 10px; text-align: right;}
input.short-text {width: 50px; border:1px solid #bbb; padding:5px; margin: 0; }


#contactdetails { text-transform: uppercase; font-size: 24px; line-height: 38px; text-shadow: 1px 1px #fff; text-align: right; margin: 0 20px 0 0; padding: 0;}

#contact_information_wrapper {margin: 30px 0 20px 0; font-size: 13px; }
#contact_information {margin: 20px 0; width: 460px; padding: 0;}
#contact_information li {margin-right: 10px; width: 140px; list-style: none; float: left; display: inline; font-size: 13px;}
#contact_information li#last {margin: 0; width: 135px; }
#contact_heading_wrapper {margin-bottom: 40px;}
#contact_heading_iframe {margin-top: 30px;}
#webform_container select, #webform_container input.text { width: 200px;

}

ul#contact_information_links, #contact_information_links li {margin: 0; padding: 0; width: 135px;}

.contact_detail_spacer {margin: 10px 0;}

#seo_links {margin:10px 0; position:relative; width: 460px;}
#seo_links li {margin:0; width: 140px; height: 50px; float:left;list-style-type:none; }
#seo_links li a {background: url(http://www.crushdigital.co.uk/layoutimages/contact_page_icons.gif) no-repeat scroll 0 0 transparent; display:block; margin:0; overflow:hidden; padding:0; position:absolute;text-indent:-9999px; top:0;}
#seo_links li#linkedin a {background-position: 0 0; left:0; width:140px; height: 50px;}
#seo_links li#linkedin a:hover {background-position: 0 -50px;}
#seo_links li#facebook a {background-position: -140px 0;  width:140px; height: 50px;}
#seo_links li#facebook a:hover {background-position: -140px -50px;}
#seo_links li#twitter a {background-position: -280px 0;  width:140px; height: 50px;}
#seo_links li#twitter a:hover {background-position: -280px -50px;}

#map_canvas_wrapper {position: relative; left: 0; width: 460px; height: 220px; z-index: 30; margin: 0 0 20px 0; padding: 0;  background: transparent url(http://www.crushdigital.co.uk/layoutimages/map_canvas_back.jpg) no-repeat bottom right; }
#map_canvas {position:absolute; z-index:35; margin: 0 10px 10px 0; width: 440px; height: 200px;}


/* `Wordpress Blog Styling
----------------------------------------------------------------------------------------------------*/
#access {display: none;}
.blog_wrapper {padding-top: 50px; min-height: 600px;}

.blog_wrapper h2 {text-align: right; border-bottom: 2px solid #ee283b;}
.blog_wrapper h2 a:link, .blog_wrapper h2 a:visited {font-size: 30px; line-height: 40px; color: #000;  text-shadow: 1px 1px #fff; text-decoration: none;}
.blog_wrapper h2 a:hover {font-size: 30px; line-height: 40px; color: #ee283b;  text-shadow: 1px 1px #fff;}

.color1 {background-color: #DBDBDB;}
.color2 {background-color: red;} 

.left-image {float: left; margin: 0 10px 10px 0;}
.right-image {float: right; margin: 0 0 10px 10px;}

object {border: none;}

#sidebar li {list-style: none;}
#sidebar li h3 {text-shadow: 1px 1px #fff;}

#sidebar li ul {border-top: 1px solid #ccc;  margin-bottom: 20px;}
#sidebar li ul li {border-bottom: 1px solid #ccc;}
#sidebar li ul li a {text-decoration: none; color: #ee283b; display: block; padding: 5px; }
#sidebar li ul li a:hover {background-color: #ee283b; color: #f3f3f3; }

#share {clear: both; padding-top: 10px; border-top :2px solid #ee283b;}

#searchform { margin-bottom: 20px; }
#searchform input#s {border: 1px solid #ccc; padding: 5px; width: 140px;}
#searchform input#searchsubmit {background-color: #ee283b; color: #fff; padding: 4px 5px; text-align:center; cursor: pointer; border: none; margin-left: 5px; }
#searchform input#searchsubmit[class]{width: auto;}
#searchform input#searchsubmit:hover {background-color: #000;}
.screen-reader-text {display: none;}

#twitter_div {}
#twitter_div ul {margin: 0; padding: 0;}
#twitter_div ul li {margin: 0; padding: 0; list-style: none;}

#article h2 {text-align: left; border-bottom: none; margin-top: 20px;}
#article li {margin-left: 15px; list-style: circle;}
#article object {border: 3px solid #fff;}


#commentform label { float: left; text-align: right; margin-right: 15px; width: 100px;}
#commentform input, #commentform textarea {border: 1px solid #ccc; padding: 5px;}
#commentform input:focus, #commentform textarea:focus {border: 1px solid #ee283b;}
#commentform textarea {font-family: Helvetica, Arial, sans-serif; font-size: 12px;}
#commentform span.required {width: 5px; color: #ee283b; font-weight: bold;}
#submitButton{background-color: #ccc; margin-left: 115px;}


.nav-previous {float: left; width: 150px;}
.nav-next {float: right; width: 150px; text-align: right;}

.date-thumb { color: #fff; float: left; position: relative; width: 360px; height: 200px; margin-right: 10px;}
.date-thumb img { position: absolute; width: 360px; height: 200px; z-index: 90; top:0; left: 0; }
.date_box {background-color: #ee283b; color: #fff; font-size: 48px; line-height: 50px; z-index: 95; position: absolute; top:0; left: 0; width: 60px; padding: 5px; text-align: center; border-right: 5px solid #f7f7f7; border-bottom: 5px solid #f7f7f7;}
.date_box span {color: #fff; font-size: 32px; line-height: 32px;}

#author_boxout {padding: 10px; margin-bottom: 20px; }
#author_boxout h2 {text-align: left; border-bottom: none;}

#author-boxout { background-color:#F3F3F3; border:2px solid #CCCCCC; padding:5px; margin:20px 0 10px 0;}
#author-boxout h3 {text-transform: capitalize;}

ol#comments_list {list-style: none; border-bottom: 3px dotted #fff;}
ol#comments_list li {position: relative; vertical-align: top; border-top: 1px solid #ccc; padding: 5px 0;}
ol#comments_list li.thread-even {background-color: #ccc;}
.reply, .comment-body {margin:5px 10px;}
ol#comments_list li ul.children {margin:10px; list-style: none; padding: 0px 10px 5px 22px; background: #f7f7f7 url(http://www.crushdigital.co.uk/layoutimages/blog_arrow_up.gif) no-repeat top left;}
ol#comments_list li ul.children li {border-top:none;}
ol#comments_list li .avatar {padding: 5px; background-color: #fff; border: 1px solid #ccc; margin-left: 5px; }
ol#comments_list .commentmetadata {position: absolute; width: 200px; top:5px; right: 10px; text-align: right;}

.boxout img {float: left; margin: 0px 10px 0 0;}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#fcfcfc;
  border:1px solid #ccc;
  color:#000;
  text-align: center;
  text-decoration: none;
}
a.button:active{
  background-color:#333;
  border:1px solid #333;
  color:#ee283b;
}

a.red_button:link, a.red_button:visited  {background-color: #ee283b; color: #fff; text-decoration: none; padding: 5px 10px; margin-top: 15px; }
a.red_button:link span , a.red_button:visited span {color: #fff;}
a.red_button:hover {background-color: #000;}
a.red_button:hover span {text-decoration: none; color: #f3f3f3;}

a.black_button:link, a.black_button:visited  {background-color: #000; color: #fff; text-decoration: none; padding: 5px 10px; margin-top: 15px; }
a.black_button:link span , a.black_button:visited span {color: #fff;}
a.black_button:hover {background-color: #ee283b;}
a.black_button:hover span {text-decoration: none; color: #f3f3f3;}


/* `Footer
----------------------------------------------------------------------------------------------------*/
#footer { position: absolute; bottom: 0; height:60px; /*line-height:60px;*/ background: #000 url(http://www.crushdigital.co.uk/layoutimages/footer_background.gif) repeat-x top;  width: 100%; color: #ccc; font: 13px/1.5 Helvetica, Arial, sans-serif; letter-spacing: 0; }
#footerwrapper {position: relative; width: 960px; z-index: 13; }
#d_to_d {bottom:0; padding:0; position:absolute; right:0;width:100px; z-index:23;}
#footer p {margin: 0; z-index: 17; line-height: 60px;}
#footer a {text-decoration: underline; color: #ccc;}
#footer a:hover {text-decoration: none; color: #fff;}

#newsletterform .error { display: none; font-size: 10px; padding: 5px; background: none; border: none; color: #ee2d3a;}
#newsletterform p { margin-bottom: 10px }