@import url(http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic,bold);;
/* line 14, /var/lib/gems/1.9.1/gems/compass-0.10.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* line 17, /var/lib/gems/1.9.1/gems/compass-0.10.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
body {
  line-height: 1;
  color: black;
  background: white;
}

/* line 19, /var/lib/gems/1.9.1/gems/compass-0.10.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 21, /var/lib/gems/1.9.1/gems/compass-0.10.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}

/* line 23, /var/lib/gems/1.9.1/gems/compass-0.10.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 25, /var/lib/gems/1.9.1/gems/compass-0.10.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: "" "";
}
/* line 96, /var/lib/gems/1.9.1/gems/compass-0.10.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
}

/* line 27, /var/lib/gems/1.9.1/gems/compass-0.10.2/frameworks/compass/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 43 */
body {
  font-family: "Droid Serif", times, serif;
  font-size: 100%;
  line-height: 1.8em;
  background-color: #fafafa;
  color: black;
}

/* line 51 */
html > body {
  font-size: 16px;
}

/* line 58 */
.clearfix {
  clear: both;
}

/* line 61 */
p {
  margin-bottom: 0.75em;
  text-align: justify;
}

/* line 65 */
h1, h2, h3, h4, h5, h6 {
  color: rgba(50, 50, 50, 0.5);
}

/* line 68 */
h1 {
  vertical-align: bottom;
  line-height: 50px;
  font-size: 50px;
  color: black;
  text-shadow: rgba(50, 50, 50, 0.25) 1px 1px 2px;
  float: left;
  margin: 0;
  margin-top: 119px;
  margin-right: 40px;
  margin-left: 30px;
  padding: 0;
}

/* line 83 */
h2 {
  font-size: 300%;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* line 89 */
h3 {
  font-size: 200%;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

/* line 94 */
h4 {
  font-size: 150%;
}

/* line 97 */
a {
  color: inherit;
  text-decoration: none;
}

/* line 101 */
#main a[href], #project_nav a p {
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  -o-border-radius: 0.4em;
  -ms-border-radius: 0.4em;
  -khtml-border-radius: 0.4em;
  border-radius: 0.4em;
  text-shadow: rgba(50, 50, 50, 0.25) 1px 1px 2px;
  background: rgba(50, 50, 50, 0.04);
  color: inherit;
  border: 1px solid rgba(50, 50, 50, 0.08);
  padding: 2px;
}
/* line 109 */
#main a[href]:hover, #project_nav a p:hover {
  text-shadow: white 0px 0px 5px;
  background: rgba(50, 50, 50, 0.15);
  border: 1px solid rgba(50, 50, 50, 0.2);
}
/* line 114 */
#main a[href]:visited, #project_nav a p:visited {
  border: none;
}

/* line 118 */
#project_nav a p {
  background: rgba(242, 242, 242, 0.95);
  border: 1px solid rgba(226, 226, 226, 0.95);
}
/* line 122 */
#project_nav a p:hover {
  background: rgba(219, 219, 219, 0.95);
  border: 1px solid rgba(185, 185, 185, 0.95);
}

/* line 126 */
.nofancylink a[href] {
  padding: 0;
  background: none !important;
  border: none !important;
}
/* line 130 */
.nofancylink a[href]:hover {
  text-decoration: underline;
}

/* line 133 */
code.term {
  color: white;
  background-color: black;
  padding: 0.2em;
}

/* line 138 */
pre {
  width: 55em;
  line-height: 125%;
  font-size: 120%;
  border: thin solid black;
  background-color: #f5f5f5;
  padding: 1em;
}

/* line 146 */
p + ul {
  margin-top: -0.5em;
}

/* line 149 */
ul.bulletlist {
  margin-bottom: 1.5em;
  list-style-type: disc;
  margin-left: 1em;
  padding-left: 1em;
  text-indent: -1em;
}
/* line 155 */
ul.bulletlist li {
  padding-left: 1em;
}

/* line 158 */
#content {
  margin-left: 10px;
}

/* line 161 */
.warning {
  width: 66%;
  margin: 1em auto;
  padding: 1em;
  background-color: rgba(160, 50, 50, 0.2);
}
/* line 166 */
.warning em {
  text-shadow: #a03232 0 0 2px;
}

/* line 169 */
#header .warning {
  text-align: center;
  width: 270px;
  font-size: 12px;
  position: absolute;
  top: 160px;
  left: 30px;
  padding: 0.2em;
  margin: 0;
}

/* line 179 */
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 230px;
  background: url("../images/header_background3.png");
  z-index: 100;
}

/* line 190 */
ul#project_nav {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  overflow: hidden;
  display: inline-block;
}
/* line 8, /var/lib/gems/1.9.1/gems/compass-0.10.2/frameworks/compass/stylesheets/compass/utilities/general/./_hacks.scss */
ul#project_nav {
  display: block;
}
/* line 50, /var/lib/gems/1.9.1/gems/compass-0.10.2/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */
ul#project_nav li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0px;
  white-space: nowrap;
  display: inline;
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
/* line 41, /var/lib/gems/1.9.1/gems/compass-0.10.2/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */
ul#project_nav li:first-child, ul#project_nav li.first {
  padding-left: 0px;
}
/* line 43, /var/lib/gems/1.9.1/gems/compass-0.10.2/frameworks/compass/stylesheets/compass/utilities/lists/_horizontal-list.scss */
ul#project_nav li:last-child, ul#project_nav li.last {
  padding-right: 0px;
}
/* line 193 */
ul#project_nav li {
  width: 100px;
  height: 160px;
  margin: 0 10px;
  padding-bottom: 2em;
}
/* line 198 */
ul#project_nav li .icon {
  display: block;
  position: relative;
  text-decoration: none;
  height: 160px;
}
/* line 203 */
ul#project_nav li .icon p.project_title {
  font-size: 80%;
  padding: 0;
  color: black;
  text-align: center;
  margin: 0;
  margin-top: 4px;
  position: absolute;
  top: 158px;
  width: 98px;
  height: 28px;
}
/* line 215 */
ul#project_nav li .icon img {
  position: absolute;
  bottom: 0;
}

/* line 221 */
#about {
  margin-top: 230px;
  margin-left: 50px;
  width: 900px;
}

/* line 229 */
#projects {
  position: absolute;
  top: 0;
  left: 1475px;
  width: 100%;
  height: 100%;
}

/* line 236 */
.project {
  width: 900px;
  height: 100%;
  margin: 0;
  margin-left: 50px;
}
/* line 246 */
.project img {
  max-width: 950px;
}
/* line 248 */
.project h2 {
  margin-bottom: 0.5em;
}

/* line 250 */
.project > h2 {
  margin-top: 230px;
}

/* line 254 */
.horizontal .project {
  position: absolute;
  top: 0;
}
/* line 257 */
.horizontal #qrate {
  left: 0;
}
/* line 259 */
.horizontal #imageaday {
  left: 1475px;
}
/* line 261 */
.horizontal #hourface {
  left: 2950px;
}
/* line 263 */
.horizontal #yoface {
  left: 4425px;
}
/* line 265 */
.horizontal #the_magic_fish {
  left: 5900px;
  padding-right: 525px;
}

/* line 270 */
.summary {
  overflow: visible;
  margin-bottom: 2em;
}

/* line 274 */
.summary p {
  display: block;
  font-style: italic;
  width: 60%;
  margin-right: 2em;
}

/* line 280 */
ul.stats {
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  -o-border-radius: 0.4em;
  -ms-border-radius: 0.4em;
  -khtml-border-radius: 0.4em;
  border-radius: 0.4em;
  max-width: 36%;
  float: right;
  list-style: none;
  background: #e8e8e8;
  position: relative;
  top: -56px;
  font-size: 80%;
  line-height: 1.2em;
  padding: 0.5em;
}
/* line 292 */
ul.stats li {
  text-indent: -1em;
  margin-left: 1em;
  padding: 0.3em 0.8em;
  clear: both;
}
/* line 297 */
ul.stats .start, ul.stats .end, ul.stats .date {
  clear: none;
  font-weight: bold;
}
/* line 300 */
ul.stats .start, ul.stats .end {
  float: left;
  display: block;
}
/* line 303 */
ul.stats .start {
  padding-right: 0;
}
/* line 305 */
ul.stats .end {
  padding-left: 0;
}
/* line 307 */
ul.stats .end::before {
  content: " - ";
}

/* line 311 */
.features h4 {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
/* line 315 */
.features li {
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}
/* line 319 */
.features p.thanks {
  margin: 0;
  font-style: italic;
}

/* line 323 */
.example {
  max-width: 420px;
  text-align: center;
}
/* line 326 */
.example img, .example embed {
  padding: 20px 0;
  max-width: 400px;
}
/* line 329 */
.example p {
  text-align: center;
  font-size: 80%;
}

/* line 334 */
.example.right {
  float: right;
  margin-left: 1em;
}
/* line 337 */
.example.right img, .example.right embed {
  padding-left: 10px;
}

/* line 340 */
.example.left {
  float: left;
  margin-right: 1em;
}
/* line 343 */
.example.left img, .example.left embed {
  padding-right: 10px;
}

/* line 346 */
.FAQ {
  margin-bottom: 2em;
}
/* line 349 */
.FAQ p {
  margin: 0;
  margin-bottom: 0.5em;
}
/* line 353 */
.FAQ p.question {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.5);
}

/* line 358 */
.videolist .date {
  font-weight: bold;
  margin: 0;
  margin-bottom: 0.4em;
  padding: 0;
  padding-top: 0.2em;
  padding-right: 0;
  padding-bottom: 0.2em;
  padding-left: 0.4em;
  background: RGBA(10, 10, 10, 0.1);
}
/* line 368 */
.videolist li {
  display: block;
  float: left;
  width: 25em;
  min-height: 240px;
  margin: 0.8em;
}
/* line 374 */
.videolist li .clip {
  min-height: 110px;
  vertical-align: middle;
}
/* line 377 */
.videolist li img {
  border: none;
  float: left;
  margin-right: 0.4em;
}

/* line 383 */
.title {
  margin-top: 2em;
  margin-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.5);
}

/* line 388 */
.title, .subtitle {
  text-align: center;
}

/* line 391 */
.subtitle {
  margin-top: 0;
}

/* line 394 */
.title + hr {
  color: rgba(50, 50, 50, 0.5);
  width: 50%;
}

/* line 398 */
.subtitle {
  font-style: italic;
}

/* line 401 */
.divider {
  text-align: center;
  margin: 2em auto;
}

/* line 405 */
.divider + p, p.first {
  margin-top: 3em;
}
/* line 407 */
.divider + p:first-letter, p.first:first-letter {
  font-size: 4em;
  font-weight: bold;
  line-height: 0.66em;
  display: block;
  float: left;
  margin-right: 3px;
  padding: 2px;
  color: #aaaaaa;
}