/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 13, ../sass/screen.scss */
body {
  font: 1em/1.5 ff-tisa-web-pro-1, ff-tisa-web-pro-2, serif;
  background: url('http://photos.charityblossom.org/blog/images/bg.png?1329930584');
}

/* line 18, ../sass/screen.scss */
#wrapper {
  margin: 6.618em auto 2.427em auto;
  max-width: 960px;
  overflow: hidden;
  *zoom: 1;
  overflow: visible !important;
}

/* line 25, ../sass/screen.scss */
#title {
  margin-bottom: 1em;
}
/* line 27, ../sass/screen.scss */
#title a {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('http://photos.charityblossom.org/blog/images/logo.png?1329930614');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 230px;
  height: 60px;
  display: inline-block;
}

/* line 33, ../sass/screen.scss */
#content {
  float: left;
  padding: 2.618em;
  background: #fcfcfc;
  background: rgba(255, 255, 255, 0.8);
  max-width: 66.6666666666667%;
  border: 1px solid #ebe5db;
}
/* line 41, ../sass/screen.scss */
#content p {
  color: #3c3a39;
  text-shadow: white;
  clear: both;
}
/* line 49, ../sass/screen.scss */
#content .post {
  margin: 3.927em auto;
}
/* line 51, ../sass/screen.scss */
#content .post:first-child {
  margin-top: 0;
}
/* line 54, ../sass/screen.scss */
#content .post .title {
  font: normal 100 2.25em/1.25 proxima-nova-1, proxima-nova-2, sans-serif;
  color: #555;
}
/* line 58, ../sass/screen.scss */
#content .post a {
  color: #333333;
}
/* line 60, ../sass/screen.scss */
#content .post a:visited, #content .post a:hover {
  color: #888888;
}
/* line 64, ../sass/screen.scss */
#content .post:before {
  content: '';
  border-bottom: 1px solid #777;
  -moz-box-shadow: 0 -1px 0 0 #333333;
  -webkit-box-shadow: 0 -1px 0 0 #333333;
  -o-box-shadow: 0 -1px 0 0 #333333;
  box-shadow: 0 -1px 0 0 #333333;
}

/* line 72, ../sass/screen.scss */
#sidebar {
  font-family: proxima-nova-1, proxima-nova-2, sans-serif;
  width: 21%;
  margin-top: -0.75em;
  float: right;
}
/* line 77, ../sass/screen.scss */
#sidebar ul {
  margin-left: 0;
  list-style-type: none;
  padding-left: 0;
}

/* line 80, ../sass/screen.scss */
.button a {
  font-size: 0.75em;
  margin-left: -1em;
  margin-top: -0.5em;
  padding: 0.25em 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: bold;
  color: #f87474;
  text-shadow: 1px 1px 0 #fff;
  text-decoration: none;
  display: inline-block;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0);
  height: 100%;
  -moz-transition-property: all;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.18s;
  -webkit-transition-duration: 0.18s;
  -o-transition-duration: 0.18s;
  transition-duration: 0.18s;
  -moz-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
/* line 96, ../sass/screen.scss */
.button a:hover {
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
/* line 100, ../sass/screen.scss */
.button a:first-child {
  white-space: nowrap;
  margin-top: 0;
}

/* line 103, ../sass/screen.scss */
#tweetcontainer {
  margin-bottom: 1.333em;
  padding-left: 0.927em;
  border-left: 1px dotted #ccc;
}
/* line 107, ../sass/screen.scss */
#tweetcontainer:hover {
  border-left: 1px dotted #aaa;
}
/* line 110, ../sass/screen.scss */
#tweetcontainer a {
  color: #777;
  text-decoration: none;
  font-size: 0.75em;
  line-height: 1.4;
  margin-bottom: 1.618em;
  text-shadow: 0 1px 0 white;
}
/* line 117, ../sass/screen.scss */
#tweetcontainer a:hover {
  color: #333;
}
/* line 120, ../sass/screen.scss */
#tweetcontainer a li {
  margin-bottom: 0.5em;
}
/* line 122, ../sass/screen.scss */
#tweetcontainer a li:first-child {
  margin-top: 0.5em;
}
/* line 123, ../sass/screen.scss */
#tweetcontainer a li:before {
  color: #bbb;
  content: '\273D\2003\2003';
}

/* line 132, ../sass/screen.scss */
hr {
  border: none;
  outline: none;
  margin: 0.618em 0;
  border-bottom: 1px solid #fff;
  -moz-box-shadow: 0 -1px 0 0 #dddddd;
  -webkit-box-shadow: 0 -1px 0 0 #dddddd;
  -o-box-shadow: 0 -1px 0 0 #dddddd;
  box-shadow: 0 -1px 0 0 #dddddd;
}

/* line 140, ../sass/screen.scss */
form#search-form input.query {
  outline: none;
  border: 1px solid #ddd;
  padding: 0.4em 0.5em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}