@import url(http://fonts.googleapis.com/css?family=Rancho);

#module_column_middle { margin: 0; float: left; }

.new-icon { background: transparent url("https://media1.shmoop.com/images/sprites/quotes-pages-sprite.png") no-repeat; width: 85px; height: 44px; text-indent: -9999px;  }

.quote-nav { background: #202930; color: #c0ccd7; padding: 10px 20px; height: 20px; }
.quote-nav p { float: left; margin: 0; font-family: 'Rancho', cursive; margin: 0 30px 0 0; font-size: 20pt; line-height: 18px; }
.quote-nav ul { list-style: none; margin: 0; padding: 0; float: left; }
.quote-nav ul li { float: left; margin: 2px 30px 0 0; }
.quote-nav ul li a { color: #0088f2; }
.quote-nav ul.chapter li.chapter-link a,
.quote-nav ul.character li.character-link a,
.quote-nav ul.theme li.theme-link a,
.quote-nav ul li a:hover { color: #c0ccd7; }
.quote-nav .new-icon { float: left; }

.quote-nav ul.theme li.theme-link .spike,
.quote-nav ul.character li.character-link .spike,
.quote-nav ul.chapter li.chapter-link .spike { background: transparent url("https://media1.shmoop.com/images/sprites/quotes-pages-sprite.png") -103px 0 no-repeat; width: 39px; height: 22px; position: relative; top: 10px; margin: 0 auto; }

.quote-box { border: 2px solid #dddedf; border-radius: 6px; background: #f4f4f4; margin: 0 0 20px 0; } 
.quote-box .quote-top { padding: 15px; border-bottom: 1px solid #dddedf; }
.quote-box .quote-top ul { list-style: none; margin: 0; padding: 0; float: left; }
.quote-box .quote-top ul li { float: left; font-weight: bold; }
.quote-box .quote-top ul li.arrow { background: transparent url("https://media1.shmoop.com/images/sprites/quotes-pages-sprite.png") -120px -33px no-repeat; width: 10px; height: 10px; margin: 3px 5px 0; text-indent: -9999px; }
.quote-box .quote-top .number { float: right; color: #96999f; font-size: 14pt; }
.quote-box .quote-content div { border-top: 1px solid #FFF; border-bottom: 1px solid  #dddedf; padding: 20px 40px; margin: 0; }
.quote-box .quote-content .quote { background: none; border-left: none; border-right: none; }
.quote-box .quote-content .quote .quote-mark-left,
.quote-box .quote-content .quote .quote-mark-right { width: 30px; height: 17px; background: transparent url("https://media1.shmoop.com/images/sprites/quotation-marks.png") no-repeat; padding: 0; border: none; position: relative; }
.quote-box .quote-content .quote .quote-mark-left { left: -25px; }
.quote-box .quote-content .quote .quote-mark-right { background-position: -40px 0; float: right; right: -25px; top: -20px; }
.quote-box .quote-content .analysis { background: #ececec; }
.quote-box .quote-bottom { padding: 15px; border-top: 1px solid #FFF; }
.quote-box .quote-bottom a { color: #004b91; font-weight: bold; }
.quote-box .quote-bottom .chapter { float: left; }
.quote-box .quote-bottom .section { float: right; }

.whats-goingon { margin: 20px 0; }
.whats-goingon h3 { font-family: BebasNeueRegular, impact; color: #df5f39; font-size: 26pt; font-weight: normal; text-align: center; margin: 0; text-shadow: 1px 1px 0 #CCC; line-height: 34px; }
.whats-goingon ul { list-style: none; margin: 20px 0 0 0; padding: 0 15px; }
.whats-goingon ul li { margin: 0 0 15px 0; font-size: 12pt; }
.whats-goingon ul li a { color: #004a96; background: transparent url("https://media1.shmoop.com/images/sprites/quotes-pages-sprite.png") 259px -54px no-repeat; display: block; }
.whats-goingon ul li a:hover { color: #df5f39; }
.whats-goingon .new-icon { float: right; font-weight: bold; }

.module_leftnav .module_leftnav_selected { background: none; color: #c1c3c5; border: none; font-size: 11pt; }
.module_leftnav .module_leftnav_selected:hover { background: #FFF !important; }
.module_leftnav .module_leftnav_subitem {  background: #EEE url("https://media1.shmoop.com/images/sprites/quotes-pages-sprite.png") 8px -49px no-repeat; position: relative; border-bottom: none; }
.module_leftnav li { border-bottom: 1px solid silver; }
.module_leftnav li a { color: #004b91; font-size: 11pt; }
.module_leftnav .module_leftnav_subitem .new-icon { position: relative; left: 58px; top: 5px; margin-bottom: -13px; }