/*** uncss> filename: css/bootstrap.css ***/
/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
figcaption,
figure,
section {
  display: block;
}
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:hover,
a:active {
  outline: 0;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  /* Responsive images (ensure images don't scale beyond their parents) */

  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */

  width: auto\9;
  /* IE7-8 need help adjusting responsive images */

  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */

  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
input,
select {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
input {
  *overflow: visible;
  line-height: normal;
}
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
select {
  cursor: pointer;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.row {
  margin-left: -20px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}
.container {
  width: 940px;
}
.span12 {
  width: 940px;
}
.span9 {
  width: 700px;
}
.span8 {
  width: 620px;
}
.span6 {
  width: 460px;
}
.span4 {
  width: 300px;
}
.span2 {
  width: 140px;
}
.span1 {
  width: 60px;
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
.nav {
  margin-left: 0;
  margin-bottom: 20px;
  list-style: none;
}
.nav > li > a {
  display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav-pills {
  *zoom: 1;
}
.nav-pills:before,
.nav-pills:after {
  display: table;
  content: "";
  line-height: 0;
}
.nav-pills:after {
  clear: both;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* move down carets for tabs */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
@-ms-viewport {
  width: device-width;
}
@media (max-width: 767px) {
  body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .container {
    width: auto;
  }
  .row {
    margin-left: 0;
  }
  [class*="span"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span6 {
    width: 352px;
  }
  .span4 {
    width: 228px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  input {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container {
    width: 1170px;
  }
  .span12 {
    width: 1170px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span6 {
    width: 570px;
  }
  .span4 {
    width: 370px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }
  input {
    margin-left: 0;
  }
}
@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
}
 
/*** uncss> filename: css/font-awesome.min.css ***/
@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.2.1');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
.icon-muted{color:#eeeeee;}
.icon-2x{font-size:2em;}
.icon-4x{font-size:4em;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.nav [class^="icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.nav-pills [class^="icon-"],.nav-pills [class*=" icon-"],.nav-pills [class^="icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.icon-home:before{content:"\f015";}
.icon-book:before{content:"\f02d";}
.icon-camera:before{content:"\f030";}
.icon-pencil:before{content:"\f040";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-github:before{content:"\f09b";}
.icon-hand-left:before{content:"\f0a5";}
.icon-envelope:before{content:"\f0e0";}
.icon-quote-left:before{content:"\f10d";}
.icon-rss-sign:before{content:"\f143";}
 
/*** uncss> filename: css/site.css ***/
/*
  Site-wide css.
*/

html { overflow-y: scroll; }

body {
    height:800px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.6;
    color: hsl(45, 0%, 13%);
    background-color: hsl(45, 30%, 97%);
}

/* Paragraph and list fontsize and alignment */

p, li {
	font-size: 1.0em;
	font-weight: 400;
	text-align: left;
}
p {
	text-align: justify;
    line-height: 2.0;
}
li ol li {font-size: 0.8em;}

/* Header font and alignment */
h1, h2, h3, h4 {
    text-align: left;
    font-family: Helvetica, Arial, sans-serif;
}

/* Header size */
h1 { font-size: 2.0em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 {
	font-size: 1.0em;
}

/* Links */
/* Links not in a paragraph are colored differenty. */
a:link, a:visited, a:hover {
    color: hsl(15, 80%, 25%);
    text-decoration: none;
}

/* Links in a paragraph are merely underlined. */
p a:link, p a:visited, p a:hover {
	color: hsl(45, 0%, 13%);
	text-decoration: underline;
	text-decoration-color: hsl(45, 50%, 55%);
	text-decoration-skip: ink;
}

/* Forms */
input {
	background-color: hsl(45, 40%, 95%);
}

select {
	background-color: hsl(45, 40%, 90%);
}

/* Miscellaneous items */

figcaption {
    font-style: italic;
    font-size: smaller;
}

dt {
	font-weight: bold;
	margin-bottom: -0.25em;
	padding-top: 0.25em;
}


pre {
	background-color: hsl(45, 100%, 95%);
    border: 1px solid grey;
    padding-left: 5px;
}

.footnotes {
	font-size: smaller;
}

/* The site navigation header */
div#site-header {
	background-color: hsl(45, 80%, 95%);
	background: linear-gradient(to bottom, hsl(45, 80%, 70%), hsl(45, 80%, 90%));
	color: hsl(45, 80%, 95%);
	font-size: 0.8em;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

div#site-header a:link { color: hsl(45, 100%, 15%); }
div#site-header a:visited { color: hsl(45, 100%, 15%); }
div#site-header a:hover { color: hsl(45, 100%, 15%); }

/* The page title and information */
div#page-header {
	background: linear-gradient(to bottom, hsl(45, 80%, 90%), hsl(45, 80%, 97%));
	text-align: left;
	line-height: 1.0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.title {
    font-family: Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	color: hsl(45, 100%, 25%);
	margin-bottom: 0;
}

.author {
	font-size: 1.0em;
}
.date {
	font-size: 0.6em;
	color: hsl(45, 20%, 60%);
	font-style: italic;
}

/* Navigation links should be different color than embedded links */

/* Navigation */

div#header {
    width: 100%;
    padding-bottom: 2em;
    font-size: 1em; 
}

div#footer-content {
    font-size: 80%;
    line-height: 1.6;
    border-top: 1px solid black;
    padding-top: 10px;
    margin-top: 10px;
}

.footer-page-info {
	font-size: 0.4em;
	padding-top: 20px;
	color: hsl(45, 0%, 90%);
}

/* Special rendering for brief-notes pages */

.short-piece-head {
    font-size: 90%;
	color: hsl(45, 80%, 10%);
    background-color: hsl(45, 50%, 40%);
	background: linear-gradient(to bottom,
								hsla(30, 50%, 40%, 0.9),
								hsla(30, 30%, 97%, 0));
    padding: 10px;
	padding-bottom: 30px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.short-piece-date {
    font-style: italic;
}

/* special rendering for section index link */
div#section-index-link-div {
    font-size: xx-small;
    color: hsl(45, 80%, 95%);
    height: 1px;
}

div#section-index-link-div a {
    color: hsl(45, 80%, 95%);
}

/* For the favorites book covers on the reviews/index page */
.favorites-book-cover {
  border: 1px solid black;
  margin-right: 5px;
  margin-bottom: 5px;
}

/* For the recent movies watched page */

/* For the all_movies index page */

@page
{
	size: auto;
	margin: 0.75in 0.75in 1.0in 0.5in;
}

/* Turn off navigation and metadata, and adjust fonts for printing */
@media print {
	body {
		font-size: 12pt;
		line-height: 1.2;
		font-family: serif;
		background-color: white;
	}
	p {
		text-align: left;
	}
	#metadata { display: none; }
	#section-index-link-div { display: none; }
	#right-nav { display: none; }
	div#header { display: none; }
	div#site-header { display: none; }
}

 
/*** uncss> filename: css/table_style.css ***/
/* tables */
table.tablesorter {
	font-family:arial;
	margin:10px 0pt 15px;
	font-size: 0.7em;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: hsl(30, 80%, 90%);
	border: 1px solid #FFF;
	font-size: 1.0em;
	padding: 4px;
}
table.tablesorter tbody td {
	color: hsl(30, 0%, 13%);
	padding: 4px;
	vertical-align: top;
}
 
/*** uncss> filename: css/reviews.css ***/
/* Styling for /reviews. */

#metadata {
    clear:left;
	height: 17em;
}
#metadata h2 { display: none; }

#metadata-info {
    width: 30em;
	height: 17em;
    border: 1px solid black;
	border-radius: 5px;
    clear: right;
    background-color: hsl(30, 20%, 95%);
}

#metadata-info h3 { display: none; }
#metadata-info ul {
    list-style-type: none;
    padding-left: 1em;
}
#image {
    float: left;
    height: 16em;
    padding-right: 1em;
    padding-left: 5px;
}
#image h3 { display: none; }
#image figcaption { display: none; }
#image figure { height: 16em; }
#image figure img { height: 15em; }

#review {
    clear: left;
}
#review > h2 {
    display: none;
}