body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin:0; padding:0; }

body {
  text-align:center;
  color:#393939;
  font-family: Helvetica, Arial, freesans, clean, sans-serif;
  font-size:90%;
  line-height:1.4;
}

/* layout */

#logo {
  position:absolute;
  width:100%;
  top:0;
}

#logo a {
  display: block;
  width: 255px;
  height: 229px;
  margin: 30px auto;
  background: transparent url(../images/site/housetrip_developers_blog_logo.png) no-repeat;
  text-indent: -11000em;
}

#main, #footer {
  max-width:700px;
}

#main {
  text-align:left;
  margin: 299px auto 0px auto;
}

.post {
  position:relative;
}

#main .post .content {
  padding:0 0.666667em;
}

.post + .post {
  margin-top:42px;
}

#main .content p {
  text-align:justify;
}

.content > p:first-child {
   margin-top:1.25em;
}

/* post meta */

.author {
  width:auto;
  display:inline-block;
  clear:both;
  margin:0 0 21px 0;
  background:#E8E8E8;
  padding:10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.content .author img {
  float:left;
  margin-top:0;
  margin-bottom:0;
}
.author div {
  display:inline-block;
  margin:4px 21px 0 10px;
  font-size:12px;
}
.author div span {
  color:#767676;
  font-style:italic;
  margin-top:2px;
  display:inline-block;
}

.date {
  font-weight: normal;
  font-size: 11px;
  background:#32B7C5;
  color:#FFF;
  padding:0 8px 1px 8px;
  position:absolute;
  top:5px;
  right:0px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

/* post archive */

#archive {
  position:absolute;
  top:0;
  right:40px;
  background:#e16369;
  color:#FFF;
  width:180px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 2px 2px 3px #ddd;
   -moz-box-shadow: 2px 2px 3px #ddd;
   box-shadow: 2px 2px 3px #ddd;
  border:5px solid #9F4448;
  border-top:none;
  z-index:10000;
  text-align:left;
  padding:18px 18px 0 18px;
  font-size:12px;
}


#archive h4, #archive h5 {  margin: 0 0 10px 0;}
#archive h5 { font-size:13px;}

#archive ul {
 margin:0 0 18px 0;
 padding:0;
 list-style:none;
}

#archive ul li {
  padding:0 0 10px 0;
}

#archive ul li span {
  font-style:italic;
}

#archive a, #archive a:hover {
  color:#FFF;
  font-weight:bold;
}

/* headings */

h1, h2, h3, h4,
h1 a, h1 a:hover, h1 a:visited,
h2 a, h2 a:hover, h2 a:visited,
h4 a, h4 a:hover, h4 a:visited,
h3 a, h3 a:hover, h3 a:visited {
  color:#222;
  padding:0;
}

h1 a, h2 a, h3 a { text-decoration:none; }
h1 { font-size:1.5em; margin:1.45833em 0; }
h2 { font-size:1.33333em; margin:1.25em 0; }
h3 { font-size:1.16667em; margin:1.51786em 0; }
h4 { font-size:1.16667em; margin:1.42045em 0; }

h1 {
  border-top:5px solid #E8E8E6;
  border-bottom:5px solid #E8E8E6;
  padding:0.666667em 0;
  margin:0;
}

h2 {
  padding:0 0 1px 0;
  border-bottom:1px solid #CECECE;
}

/* text indentation */

div + p, h1 + p, h2 + p, h3 + p, h4 + p, p.first, pre + p, p:first-child, ul + p, ol + p, img + p, pre + p, iframe + p { text-indent: 0; }

/* post content */

.content p, .content ul, .content ol {
  margin:0 0 1.51786em 0;
}
.content img, .content p img, .content div pre, .content iframe {
  margin:1.4em 0;
}

img, .content p img, .content pre, .content iframe {
  border: 1px solid #CECECE;
  padding: 2px;
  -webkit-box-shadow: 2px 2px 3px #ddd;
  -moz-box-shadow: 2px 2px 3px #ddd;
  box-shadow: 2px 2px 3px #ddd;
  vertical-align:middle;
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.content blockquote p {
  width: 85%;
  margin: 1.4em auto;
  padding: 1em;
  background: #EFEFEF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

img.centered {
  margin: 1.4em auto;
}

.center-image, .center-graph {
  display:    block;
  margin:     1.4em auto !important;
  width:      670px;
  height:     auto;
}

.center-graph {
  width: 66%;
}

#main .content .caption {
  text-align: center;
  color: #ccc;
  font-style: italic;
  font-size: 11px;
  padding-bottom: 20px;
}

/* links */

a, a:visited, a:active { color: #32B7C5; }
a:hover { color: #0e95ab; }

/* code formatting */

pre {
  line-height: 1.2em;
  font-family: Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;
  padding: 10px;
  overflow:auto;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #FAFAFB;
  color: #393939;
  margin: 0px;
  margin-bottom: 1.51786em; /* like <p> */
}

pre code {
  white-space: pre;
}

/* footer */

#footer {
  color:#888;
  margin:0 auto;
  letter-spacing: 1px;
}

#footer ul {
  font-size:0.833333em;
  display: block;
  margin:0 0 1.25em 0;
  padding:1.25em 0;
  border-top:5px solid #E8E8E6;
  border-bottom:5px solid #E8E8E6;
}

#footer ul li {
  display: inline;
  border-right: 1px solid #CECECE;
  padding: 0 5px;
}

#footer ul li.last {
  border: none;
}

#footer p.terms {
  display: block;
  text-shadow: #FFF 0px 1px 0px;
  padding:0.666667em 0;
  margin:0;
  font-size:0.75em;
}

#footer-rss-image {
  border:0px;
  padding:0px;
  width:14px;
  height:14px;
  display: inline;
}

/* buttons */

/* cupid green (inspired by okcupid.com)
*******************************************************************************/

p.read { text-indent:0; margin-bottom:30px }

a.yellow-btn {
  display: inline-block;
  text-decoration:none;
  font-weight:bold;
}

a.yellow-btn {
  background-color: #FFBC59;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFBC59), color-stop(100%, #E4A74A));
  background-image: -webkit-linear-gradient(top, #FFBC59, #E4A74A);
  background-image: -moz-linear-gradient(top, #FFBC59, #E4A74A);
  background-image: -ms-linear-gradient(top, #FFBC59, #E4A74A);
  background-image: -o-linear-gradient(top, #FFBC59, #E4A74A);
  background-image: linear-gradient(top, #FFBC59, #E4A74A);
  border: 1px solid #FFBA55;
  border-bottom: 1px solid #E0A449;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 0 #FFCB80;
  -moz-box-shadow: inset 0 1px 0 0 #FFCB80;
  box-shadow: inset 0 1px 0 0 #FFCB80;
  color: #fff;
  font: bold 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  line-height: 1;
  padding: 9px 12px 10px 12px;
  text-align: center;
  text-shadow: 0 -1px 0 #E0A449;
}

a.yellow-btn:hover {
  background-color: #FFC673;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFC673), color-stop(100%, #FFBA55));
  background-image: -webkit-linear-gradient(top, #FFC673, #FFBA55);
  background-image: -moz-linear-gradient(top, #FFC673, #FFBA55);
  background-image: -ms-linear-gradient(top, #FFC673, #FFBA55);
  background-image: -o-linear-gradient(top, #FFC673, #FFBA55);
  background-image: linear-gradient(top, #FFC673, #FFBA55);
  -webkit-box-shadow: inset 0 1px 0 0 #FFC167;
  -moz-box-shadow: inset 0 1px 0 0 #FFC167;
  box-shadow: inset 0 1px 0 0 #FFC167;
}

a.yellow-btn:active {
  border: 1px solid #E0A449;
  border-bottom: 1px solid #FFBA55;
  -webkit-box-shadow: inset 0 0 8px 4px #FFBA55, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 8px 4px #FFBA55, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #FFBA55, 0 1px 0 0 #eeeeee;
}

/* pygments, github style */

.highlight  { background: #ffffff; }
.highlight .c { color: #999988; font-style: italic } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { font-weight: bold } /* Keyword */
.highlight .o { font-weight: bold } /* Operator */
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gr { color: #aa0000 } /* Generic.Error */
.highlight .gh { color: #999999 } /* Generic.Heading */
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
.highlight .go { color: #888888 } /* Generic.Output */
.highlight .gp { color: #555555 } /* Generic.Prompt */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
.highlight .kc { font-weight: bold } /* Keyword.Constant */
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.highlight .m { color: #009999 } /* Literal.Number */
.highlight .s { color: #d14 } /* Literal.String */
.highlight .na { color: #008080 } /* Name.Attribute */
.highlight .nb { color: #0086B3 } /* Name.Builtin */
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
.highlight .no { color: #008080 } /* Name.Constant */
.highlight .ni { color: #800080 } /* Name.Entity */
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
.highlight .nn { color: #555555 } /* Name.Namespace */
.highlight .nt { color: #000080 } /* Name.Tag */
.highlight .nv { color: #008080 } /* Name.Variable */
.highlight .ow { font-weight: bold } /* Operator.Word */
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
.highlight .mf { color: #009999 } /* Literal.Number.Float */
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
.highlight .sc { color: #d14 } /* Literal.String.Char */
.highlight .sd { color: #d14 } /* Literal.String.Doc */
.highlight .s2 { color: #d14 } /* Literal.String.Double */
.highlight .se { color: #d14 } /* Literal.String.Escape */
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
.highlight .si { color: #d14 } /* Literal.String.Interpol */
.highlight .sx { color: #d14 } /* Literal.String.Other */
.highlight .sr { color: #009926 } /* Literal.String.Regex */
.highlight .s1 { color: #d14 } /* Literal.String.Single */
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
.highlight .vc { color: #008080 } /* Name.Variable.Class */
.highlight .vg { color: #008080 } /* Name.Variable.Global */
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */

/* pygments, github style */

.medium_height_highlight  { background: #ffffff }
.medium_height_highlight pre { max-height: 200px }
.medium_height_highlight .c { color: #999988; font-style: italic } /* Comment */
.medium_height_highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.medium_height_highlight .k { font-weight: bold } /* Keyword */
.medium_height_highlight .o { font-weight: bold } /* Operator */
.medium_height_highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
.medium_height_highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
.medium_height_highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
.medium_height_highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
.medium_height_highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.medium_height_highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
.medium_height_highlight .ge { font-style: italic } /* Generic.Emph */
.medium_height_highlight .gr { color: #aa0000 } /* Generic.Error */
.medium_height_highlight .gh { color: #999999 } /* Generic.Heading */
.medium_height_highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
.medium_height_highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
.medium_height_highlight .go { color: #888888 } /* Generic.Output */
.medium_height_highlight .gp { color: #555555 } /* Generic.Prompt */
.medium_height_highlight .gs { font-weight: bold } /* Generic.Strong */
.medium_height_highlight .gu { color: #aaaaaa } /* Generic.Subheading */
.medium_height_highlight .gt { color: #aa0000 } /* Generic.Traceback */
.medium_height_highlight .kc { font-weight: bold } /* Keyword.Constant */
.medium_height_highlight .kd { font-weight: bold } /* Keyword.Declaration */
.medium_height_highlight .kp { font-weight: bold } /* Keyword.Pseudo */
.medium_height_highlight .kr { font-weight: bold } /* Keyword.Reserved */
.medium_height_highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
.medium_height_highlight .m { color: #009999 } /* Literal.Number */
.medium_height_highlight .s { color: #d14 } /* Literal.String */
.medium_height_highlight .na { color: #008080 } /* Name.Attribute */
.medium_height_highlight .nb { color: #0086B3 } /* Name.Builtin */
.medium_height_highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
.medium_height_highlight .no { color: #008080 } /* Name.Constant */
.medium_height_highlight .ni { color: #800080 } /* Name.Entity */
.medium_height_highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
.medium_height_highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
.medium_height_highlight .nn { color: #555555 } /* Name.Namespace */
.medium_height_highlight .nt { color: #000080 } /* Name.Tag */
.medium_height_highlight .nv { color: #008080 } /* Name.Variable */
.medium_height_highlight .ow { font-weight: bold } /* Operator.Word */
.medium_height_highlight .w { color: #bbbbbb } /* Text.Whitespace */
.medium_height_highlight .mf { color: #009999 } /* Literal.Number.Float */
.medium_height_highlight .mh { color: #009999 } /* Literal.Number.Hex */
.medium_height_highlight .mi { color: #009999 } /* Literal.Number.Integer */
.medium_height_highlight .mo { color: #009999 } /* Literal.Number.Oct */
.medium_height_highlight .sb { color: #d14 } /* Literal.String.Backtick */
.medium_height_highlight .sc { color: #d14 } /* Literal.String.Char */
.medium_height_highlight .sd { color: #d14 } /* Literal.String.Doc */
.medium_height_highlight .s2 { color: #d14 } /* Literal.String.Double */
.medium_height_highlight .se { color: #d14 } /* Literal.String.Escape */
.medium_height_highlight .sh { color: #d14 } /* Literal.String.Heredoc */
.medium_height_highlight .si { color: #d14 } /* Literal.String.Interpol */
.medium_height_highlight .sx { color: #d14 } /* Literal.String.Other */
.medium_height_highlight .sr { color: #009926 } /* Literal.String.Regex */
.medium_height_highlight .s1 { color: #d14 } /* Literal.String.Single */
.medium_height_highlight .ss { color: #990073 } /* Literal.String.Symbol */
.medium_height_highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
.medium_height_highlight .vc { color: #008080 } /* Name.Variable.Class */
.medium_height_highlight .vg { color: #008080 } /* Name.Variable.Global */
.medium_height_highlight .vi { color: #008080 } /* Name.Variable.Instance */
.medium_height_highlight .il { color: #009999 } /* Literal.Number.Integer.Long */