/* 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" /> */
/* incase an inverted custom gradient isn't specified */
/* line 177, ../../../../../../Library/Ruby/Gems/1.8/gems/fancy-buttons-1.1.1/lib/stylesheets/_fancy-buttons.sass */
.fancy-button-reset-base-class, div#container a.button {
  font-family: "Lucida Grande", Lucida, Arial, sans-serif;
  background: url('/static/images/button_bg.png?1289522762') repeat-x bottom left;
  margin: 0;
  width: auto;
  overflow: visible;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  border-style: solid;
  font-weight: bold;
}
/* line 165, ../../../../../../Library/Ruby/Gems/1.8/gems/fancy-buttons-1.1.1/lib/stylesheets/_fancy-buttons.sass */
.fancy-button-reset-base-class::-moz-focus-inner, div#container a.button::-moz-focus-inner {
  border: none;
  padding: 0;
}
/* line 168, ../../../../../../Library/Ruby/Gems/1.8/gems/fancy-buttons-1.1.1/lib/stylesheets/_fancy-buttons.sass */
.fancy-button-reset-base-class:focus, div#container a.button:focus {
  outline: none;
}

/* line 9, ../src/screen.scss */
body {
  font-family: Georgia, serif;
  text-align: center;
  margin: 0;
  padding: 0;
  color: #444;
  background-color: black;
  background-image: url("/static/images/body_background_navigator.png");
}

/* line 19, ../src/screen.scss */
a {
  color: #363;
}
/* line 23, ../src/screen.scss */
a:hover {
  color: #333;
}
/* line 27, ../src/screen.scss */
a:visited {
  color: #333;
}
/* line 31, ../src/screen.scss */
a img {
  border: 0;
}

/* line 36, ../src/screen.scss */
div#wrapper {
  text-align: left;
  width: 970px;
  margin: 10px auto;
  /*	background-color: #363;*/
  /*	border: 4px solid #333;*/
}

/* line 45, ../src/screen.scss */
div#header {
  border: 4px solid #224422;
  border-top: 4px solid #1a331a;
  background-color: #363;
  background: url('/static/images/beetle-angle.png?1302503974'), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1f3d1f), color-stop(100%, #336633));
  background: url('/static/images/beetle-angle.png?1302503974'), -webkit-linear-gradient(#1f3d1f, #336633);
  background: url('/static/images/beetle-angle.png?1302503974'), -moz-linear-gradient(#1f3d1f, #336633);
  background: url('/static/images/beetle-angle.png?1302503974'), -o-linear-gradient(#1f3d1f, #336633);
  background: url('/static/images/beetle-angle.png?1302503974'), -ms-linear-gradient(#1f3d1f, #336633);
  background: url('/static/images/beetle-angle.png?1302503974'), linear-gradient(#1f3d1f, #336633);
  background-repeat: no-repeat;
  background-position: right;
  height: 9em;
}
/* line 57, ../src/screen.scss */
div#header h1 {
  margin: 0;
  padding: 8px 14px 18px;
  font-size: 400%;
  font-weight: normal;
}
/* line 63, ../src/screen.scss */
div#header h1 a {
  text-decoration: none;
  color: #ffffef;
}
/* line 67, ../src/screen.scss */
div#header h1 a:hover {
  color: #ccb;
}
/* line 73, ../src/screen.scss */
div#header ul {
  list-style: none;
  padding: 0;
  margin: 0 10px;
  float: right;
}
/* line 79, ../src/screen.scss */
div#header ul li {
  float: left;
  margin: 0px 4px 0;
}
/* line 83, ../src/screen.scss */
div#header ul li a {
  display: block;
  text-decoration: none;
  color: #aba;
  padding: 6px 12px;
  margin-bottom: 6px;
  font-size: 1.4em;
  /*			background-color: #353;*/
}
/* line 92, ../src/screen.scss */
div#header ul li a:hover {
  background-color: #242;
  color: #eed;
}
/* line 97, ../src/screen.scss */
div#header ul li a.selected {
  /*						color: #eed;*/
  color: #ffffef;
  /*            background-color: #bcb;*/
}
/* line 102, ../src/screen.scss */
div#header ul li a.selected:hover {
  /*          background-color: #242;*/
}

/* line 111, ../src/screen.scss */
div#container {
  padding: 0 10px;
  background-color: #ffe;
  clear: both;
  margin-top: 20px;
  border: 4px solid #bcb;
  min-height: 600px;
}
/* line 119, ../src/screen.scss */
div#container a.button {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  font-size: 100%;
  line-height: 1.2em;
  padding: 0.3em 1em;
  border-width: 1px;
  background-color: #148514;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #81c081), color-stop(10%, #4d994d), color-stop(50%, #2e5c2e), color-stop(50%, #295229), color-stop(100%, #3a743a));
  background-image: -webkit-linear-gradient(#81c081, #4d994d 10%, #2e5c2e 50%, #295229 50%, #3a743a);
  background-image: -moz-linear-gradient(#81c081, #4d994d 10%, #2e5c2e 50%, #295229 50%, #3a743a);
  background-image: -o-linear-gradient(#81c081, #4d994d 10%, #2e5c2e 50%, #295229 50%, #3a743a);
  background-image: -ms-linear-gradient(#81c081, #4d994d 10%, #2e5c2e 50%, #295229 50%, #3a743a);
  background-image: linear-gradient(#81c081, #4d994d 10%, #2e5c2e 50%, #295229 50%, #3a743a);
  border-color: #1a331a;
  text-shadow: #031603 0px 1px 1px;
  -moz-box-shadow: rgba(255, 255, 255, 0.3) 0 0 0.1em 1px inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0 0 0.1em 1px inset;
  -o-box-shadow: rgba(255, 255, 255, 0.3) 0 0 0.1em 1px inset;
  box-shadow: rgba(255, 255, 255, 0.3) 0 0 0.1em 1px inset;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  background-clip: padding-box;
}
/* line 116, ../../../../../../Library/Ruby/Gems/1.8/gems/fancy-buttons-1.1.1/lib/stylesheets/_fancy-buttons.sass */
div#container a.button, div#container a.button:visited {
  color: white;
}
/* line 31, ../../../../../../Library/Ruby/Gems/1.8/gems/fancy-buttons-1.1.1/lib/stylesheets/_fancy-buttons.sass */
div#container a.button:hover, div#container a.button:focus {
  background-color: #127712;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #77bb77), color-stop(10%, #478f47), color-stop(50%, #295229), color-stop(50%, #244724), color-stop(100%, #356935));
  background-image: -webkit-linear-gradient(#77bb77, #478f47 10%, #295229 50%, #244724 50%, #356935);
  background-image: -moz-linear-gradient(#77bb77, #478f47 10%, #295229 50%, #244724 50%, #356935);
  background-image: -o-linear-gradient(#77bb77, #478f47 10%, #295229 50%, #244724 50%, #356935);
  background-image: -ms-linear-gradient(#77bb77, #478f47 10%, #295229 50%, #244724 50%, #356935);
  background-image: linear-gradient(#77bb77, #478f47 10%, #295229 50%, #244724 50%, #356935);
  border-color: #142914;
  text-shadow: #010901 0px 1px 1px;
}
/* line 116, ../../../../../../Library/Ruby/Gems/1.8/gems/fancy-buttons-1.1.1/lib/stylesheets/_fancy-buttons.sass */
div#container a.button:hover, div#container a.button:hover:visited, div#container a.button:focus, div#container a.button:focus:visited {
  color: white;
}
/* line 36, ../../../../../../Library/Ruby/Gems/1.8/gems/fancy-buttons-1.1.1/lib/stylesheets/_fancy-buttons.sass */
div#container a.button:active {
  background-color: #106a10;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #295229), color-stop(30%, #2c582c), color-stop(50%, #254b25), color-stop(50%, #204120), color-stop(100%, #366d36));
  background-image: -webkit-linear-gradient(#295229, #2c582c 30%, #254b25 50%, #204120 50%, #366d36);
  background-image: -moz-linear-gradient(#295229, #2c582c 30%, #254b25 50%, #204120 50%, #366d36);
  background-image: -o-linear-gradient(#295229, #2c582c 30%, #254b25 50%, #204120 50%, #366d36);
  background-image: -ms-linear-gradient(#295229, #2c582c 30%, #254b25 50%, #204120 50%, #366d36);
  background-image: linear-gradient(#295229, #2c582c 30%, #254b25 50%, #204120 50%, #366d36);
  border-color: #0f1f0f;
  text-shadow: black 0px -1px -1px;
  -moz-box-shadow: #1a331a 0 0.08em 0.2em 1px inset;
  -webkit-box-shadow: #1a331a 0 0.08em 0.2em 1px inset;
  -o-box-shadow: #1a331a 0 0.08em 0.2em 1px inset;
  box-shadow: #1a331a 0 0.08em 0.2em 1px inset;
}
/* line 116, ../../../../../../Library/Ruby/Gems/1.8/gems/fancy-buttons-1.1.1/lib/stylesheets/_fancy-buttons.sass */
div#container a.button:active, div#container a.button:active:visited {
  color: white;
}

/* line 124, ../src/screen.scss */
div#sidebar {
  float: left;
  width: 250px;
  /*	background-color: lighten(#ffe, 10);*/
  height: 100%;
}
/* line 130, ../src/screen.scss */
div#sidebar ul {
  list-style: none;
  margin: 12px 4px;
  padding: 0;
}
/* line 135, ../src/screen.scss */
div#sidebar ul li {
  padding: 0;
  margin: 6px;
}
/* line 141, ../src/screen.scss */
div#sidebar img {
  margin: 10px;
}
/* line 145, ../src/screen.scss */
div#sidebar h4 {
  margin-bottom: 4px;
}
/* line 149, ../src/screen.scss */
div#sidebar div#new-release {
  /*      text-align: center;*/
}
/* line 152, ../src/screen.scss */
div#sidebar div#new-release h4 {
  text-align: left;
}
/* line 156, ../src/screen.scss */
div#sidebar div#new-release img {
  max-width: 200px;
  margin: 5px 0 5px 0px;
  padding: 0;
}

/* line 164, ../src/screen.scss */
div#content {
  float: right;
  width: 690px;
  /*	background-image: url('/static/images/body_background_navigator.png');*/
}
/* line 169, ../src/screen.scss */
div#content h1 {
  margin: 10px;
  padding: 0;
  font-weight: normal;
  color: #333;
  font-size: 2.5em;
}
/* line 177, ../src/screen.scss */
div#content h2 {
  margin: 8px 10px;
  padding: 0;
  color: #333;
}
/* line 183, ../src/screen.scss */
div#content h3 {
  margin: 8px 10px;
  padding: 0;
  color: #333;
}
/* line 189, ../src/screen.scss */
div#content h4 {
  margin: 8px 10px;
  padding: 0;
  color: #333;
}
/* line 195, ../src/screen.scss */
div#content p {
  /*		font-family: 'Cambria', 'Utopia', Georgia, serif;*/
  margin: 8px 10px;
  padding: 0 12px;
  line-height: 24px;
}
/* line 201, ../src/screen.scss */
div#content p img {
  margin-right: -2px;
  margin-bottom: 8px;
  margin-left: 8px;
}
/* line 208, ../src/screen.scss */
div#content blockquote {
  font-style: italic;
}
/* line 211, ../src/screen.scss */
div#content blockquote p {
  padding: 0;
}
/* line 216, ../src/screen.scss */
div#content ul {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 0;
}
/* line 221, ../src/screen.scss */
div#content ul li {
  margin: 4px 0;
}
/* line 225, ../src/screen.scss */
div#content ul.no-bullets {
  list-style: none;
}
/* line 229, ../src/screen.scss */
div#content ul.books {
  padding-left: 20px;
}
/* line 234, ../src/screen.scss */
div#content ol {
  margin-top: 4px;
  margin-bottom: 4px;
}
/* line 238, ../src/screen.scss */
div#content ol li {
  margin: 4px 0;
}
/* line 243, ../src/screen.scss */
div#content h2.category-title {
  padding: 6px 12px;
  margin: 10px;
  background-color: #eec;
  background-image: url("/static/images/body_background_navigator.png");
}
/* line 250, ../src/screen.scss */
div#content ul.books li {
  margin-bottom: 14px;
  clear: both;
}
/* line 254, ../src/screen.scss */
div#content ul.books li img {
  height: 120px;
  float: left;
  margin: 2px 8px;
}

/* line 263, ../src/screen.scss */
div#footer {
  clear: both;
  color: #9a9;
  font-size: 0.75em;
  font-family: 'Lucida Grande', Arial, Georgia, serif;
}
/* line 270, ../src/screen.scss */
div#footer ul {
  list-style: none;
  margin: 12px 0;
  padding: 0;
}
/* line 275, ../src/screen.scss */
div#footer ul li {
  display: inline;
  margin: 8px;
  padding: 0;
}
/* line 280, ../src/screen.scss */
div#footer ul li a {
  text-decoration: none;
  color: #9a9;
}
/* line 284, ../src/screen.scss */
div#footer ul li a.selected {
  color: #e2e2d8;
}
/* line 288, ../src/screen.scss */
div#footer ul li a:hover {
  color: #ccb;
}
/* line 295, ../src/screen.scss */
div#footer p {
  padding: 0;
  margin: 16px 0;
}

/* line 301, ../src/screen.scss */
div#photo-gallery img {
  float: none;
}