/* ========================================================= */
/* Document contents                                         */
/*                                                           */
/* Reset (http://developer.yahoo.com/yui/reset/) 2.60        */
/*  "removes and neutralizes the inconsistent default        */
/*   styling of HTML elements"                               */
/*                                                           */
/* Layout                                                    */
/*  - structural styles                                      */
/*    - placement of main page elements                      */
/*    - main content alignment                               */
/*      - margin and padding for content /containers/        */
/*        i.e. spacing between containers and content        */
/*        not "spacing between content and other elements"   */
/*                                                           */
/*  - header                                                 */
/*  - nav                                                    */
/*  - body                                                   */
/*  - footer                                                 */
/*  - content wrapper (applies to header, body and footer)   */
/*                                                           */
/*                                                           */
/*                                                           */
/*                                                           */
/*                                                           */
/*                                                           */
/*                                                           */
/*                                                           */
/* Typography                                                */
/*  - content-element styling                                */
/*    - headings                                             */
/*    - links                                                */
/*    - texty bits                                           */
/*      - margin, padding, fonts                             */
/*                                                           */
/* Colour                                                    */
/*  - colours                                                */
/*                                                           */
/*                                                           */
/* ========================================================= */

/* ========================================================= */
/* Reset (http://developer.yahoo.com/yui/reset/) 2.60        */
/* ========================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

fieldset,img {
  border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}

ol,ul {
  list-style:none;
}

caption,th {
  text-align:left;
}

h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}

q:before,q:after {
  content:'';
}

abbr,acronym {
  border:0;
}

strong {
  font-weight:bold;
}


/* ========================================================= */
/* Layout                                                    */
/* ========================================================= */

	/* ========================================================= */
	/* Header                                                    */
	/* ========================================================= */

	div#header {

	}

	div#header div {
	  margin-top: -15px;
	  padding-top:5px;

	  margin-bottom: -20px;
	}

	div#header div#site-title h1 a,
	div#header div#site-title h1 b {
	  float:left;
	  text-decoration:none;
	  padding: 30px 20px 40px 20px;

	  width:100%;
	  height:70px;
	}
	
	div#header div#site-title h1 b {
	  font-weight:normal;
	}	

	div#header div#site-title h1 a span,
	div#header div#site-title h1 b span {
	  display:block;
	}

	/* ========================================================= */
	/* Body                                                      */
	/* ========================================================= */

	div#body div.preface {

	  margin: 1em 0;
	}

	div#body div.preface p {
      font-family: Palatino,Georgia,"Times New Roman",serif;
	  font-size: 1.2em;
	}

	div#body div.preface em {
	  font-style:normal;
	}

	div#body {
      padding: 1em 0;
	}

	div#body div.content {
	  float:left;
	  width:600px;

	  margin: 0 0 0 30px;
	  padding: 0 15px 0 0;
	}
	
	div#body div.content img {
	  margin: 1em 0 1.4em 0;
	}

	div#body div.supplemental {
	  float:right;

	  width:200px;

	  margin: 0 30px 0 0;
	}

	div#body div.supplemental ul {
	  margin: 1em 0;
	}

	div#body div.supplemental ul li {
      margin: 1.4em 0;
	}

	div#body div.supplemental div#hr-sidebar-promotion {

	}


	div#body div.supplemental div#hr-sidebar-promotion h2 em {
      display:block;
	  font-size: 1em;
	}

	div#body div.supplemental div#hr-sidebar-promotion ul {
	  margin: 0 0 0 1em;
	  list-style: disc;
	}

	div#body div.supplemental div.ad {
	  background-color:#FDF3CB;
	  padding: 10px;
	  margin: 1em -10px -10px -10px;
	}

	div#body div.supplemental div.ad h2 {
      font-size: 1.2em;
	  margin-top:0.4em;
	}

	div#body div.supplemental div.ad span {
	  margin:0;
	  padding:0;
	  text-transform:uppercase;
	  color:#666;
	  font-size:0.8em;
	}

	div#body div.content ul.dated-list {

	}

	div#body div.content ul.dated-list li {
	  margin: 0.8em 0;
	}

	div#body div.content ul.dated-list {

	}

	body.single div#body div.content {
	  width:840px;
	  float:none;
	}

		/* ========================================================= */
		/* Body - articles                                           */
		/* ========================================================= */

		div#body div.asset-content {
		  margin: 0 0 5em 0;
		}


	/* ========================================================= */
	/* Footer                                                    */
	/* ========================================================= */

	div#footer {
      padding: 0 0 20px 0;
	}

	div#footer ul#categories li.category {
	  float:left;
	  margin: 0 1em 1em 0;
	}

	div#footer ul#categories li#hostingreborn {
	  width: 300px;
	}

	div#footer ul#categories h2 {
	  margin: 1em 0 0.4em 0;
	}

	div#footer ul#categories li.category ul.category-contents {
	  float:left;
    }

	div#footer ul#categories li.category ul.category-contents li {
	  margin-bottom: 0.4em;
    }

	/* ========================================================= */
	/* Content centering                                         */
	/* ========================================================= */

	body {
	  text-align:center;
	}

	div.wrapper {
	  text-align:left;
	  margin: 0 auto;
	}

	/* ========================================================= */
	/* Content wrapper                                           */
	/* ========================================================= */

	div.wrapper {
	  width:900px; /* For browsers (IE6) that don't understand the min- and max-width */
	  max-width: 900px;
	  min-width: 700px;

	  padding: 0 30px;
	}

br.clear {
  clear:both;
}

/* ========================================================= */
/* Typography                                                */
/* ========================================================= */

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4 {
  font-family: Palatino,Georgia,"Times New Roman",serif;
}

div#header h1 {
  font-size: 1.6em;
}

div#header div#site-title h1 a span,
div#header div#site-title h1 b span {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  font-weight:normal;
}

div#header div#site-promotion h1 a span {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  font-weight:normal;
}

div#footer ul#categories {
  font-size: 0.9em;
}

div#footer ul#categories li.category h2 {
  font-weight:bold;
  font-size:1.1em;
}

div#body h2 {
  font-size: 1.6em;
  margin: 2em 0 1em 0;
}

div#body h3 {
  font-size: 1.4em;
  margin: 2em 0 1em 0;
}

div#body div.supplemental h2 {
  font-size:1.4em;
}

div#body p {
  display:block;
  margin: 1em 0;
  line-height:140%;
}

div#body div.supplemental {
  font-size: 90%;
}

blockquote {
  font-size:100%;
  margin: 1em 1em 2em 2em;
  line-height:140%;
  color:#654A33;
}

q {
  line-height:140%;
  color:#654A33;
}

	/* ========================================================= */
	/* Typography - links                                        */
	/* ========================================================= */

	/* Header */
	div#header span.supplemental {
	  color:#D4EDCC;
	  /*color:#FAE27C;*/
	  margin: 0.4em 0;
	  text-decoration:underline;
	  margin: 1em 0 0 0;
	  padding: 0;
	}


	/* Main content and footer */
	div#footer a,
	div#body a,
	div#body span.selected {
	  color:#175289;
	  text-decoration:underline;
	  padding:3px;
	  margin-right:-3px;
	  margin-left:-3px;
	}

	div#footer a:link,
	div#body a:link {

	}

	div#footer a:visited,
	div#body a:visited {
	    color:#800080;
	}

	div#footer a:hover,
	div#body a:hover,
	div#body a:focus,
	div#body a.focused,
	div#body span.selected {
	  text-decoration:none;
	  background-color:#175289;
	  color:#F7F7BD;
	}

	div#footer a {
	  color:#fff;
	  text-decoration:underline;
	  padding:3px;
	  margin-right:-3px;
	  margin-left:-3px;
	}

	div#footer a:link {

	}

	div#footer a:visited {
	    color:#D4EDCC;
	}

	div#footer a:hover {
	  text-decoration:none;
	  background-color:#D4EDCC;
	  color:#29A500;
	}

/* ========================================================= */
/* Colour                                                    */
/* ========================================================= */

html, body {
 background-color:#FCFCE4;
 color:#3F1D07;
}

div#header {
  background-color:#29A500;
  border-top: 20px solid #BDD673;
  border-bottom: 20px solid #BDD673;
/*
  background-color:#FAE27C;
  border-top: 20px solid #29A500;
  border-bottom: 20px solid #29A500;
*/
}

div#header div#site-title h1 {
  font-size: 2em;
}

div#header div#site-title h1 a span,
div#header div#site-title h1 b span {
  font-size: 50%;
}

div#header div#site-title h1 a,
div#header div#site-title h1 b {
 background-color: #29A500;
 color:#D4EDCC;
 border-top: 20px solid #BDD673;
 border-bottom: 20px solid #BDD673;
}

div#header div#site-title h1 a:hover {
 color:#fff;

 border-top: 20px solid #3285C4;
 border-bottom: 20px solid #3285C4;
 background-color:#1A62A3;
}

div#footer {
  background-color:#29A500;
  border-top: 20px solid #BDD673;
  color:#D4EDCC;
}

div#body {
  /*background-color:#D6E5F4;*/
}

div#body div.content {
  /*padding: 0 3em;*/
}

div#body div.supplemental {
  color:#654A39;
}

.byline {
  color: #A3A3A3;
}

.comments {
  margin-top:4em;
}

.comment {
  margin-bottom:3em;
}

#comments-form label {
  display:block;
  margin: 0 0 0 0;
}

#comments-form label.inline {
  display:inline;
}

#comments-form label.checklabel {
  font-size: 80%;
}

#comments-open-text {
  margin-top:2em;
}

/* ========================================================= */
/* Forms - generic                                           */
/* ========================================================= */

form input {
  overflow:visible; /* Fixes IE super wide button bug */
}

form input,
form textarea {
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

form input,
form textarea {
  padding: 3px 3px 5px 3px;
  margin: 10px 0 1em 0;
}

form textarea {
  width:100%;
}

form input {
  font-size: 0.8em;
}

form textarea {
  font-size: 0.8em;
}

form span.formhint {
  font-size:80%;
  display:block;
}

form .standby {
  background-color:#fff;
  border-top: 2px solid #848284;
  border-left: 2px solid #848284;
  border-right: 2px solid #D6D3CE;
  border-bottom: 2px solid #D6D3CE;
}

form input.focused,
form select.focused,
form textarea.focused
{
  background-color:#EFEBDE;
  border-top: 2px solid #577927;
  border-left: 2px solid #577927;
  border-right: 2px solid #94C74A;
  border-bottom: 2px solid #94C74A;
}

/* ========================================================= */
/* Page specific - article archive                           */
/* ========================================================= */

body#archive ul.dated-list {
  margin-bottom:16em;
}

body#archive ul.dated-list li {
  padding-bottom:0.6em;
}

body#archive ul.dated-list li a {
  padding:10px;
  margin:-10px;
}

/* ========================================================= */
/* Unsorted                                                  */
/* ========================================================= */

div.content ol.standard,
div.content ul {
  margin: 1em 1em 1em 2em;
}

div.content ul {
  list-style:disc;
}

div.content ol.standard li,
div.content ul li {
  margin: 0.6em;
  padding: 0 0 0 0.6em;
  line-height:140%;
}

div.content ol.standard {
  list-style:decimal;
}

em {
  font-style: italic;
}

img.figure {
  margin: 1em 0 1em 1em;
}

del {
  text-decoration: line-through;
}

div#body ul.contentList p.first {
    margin-top:0.4em;
}