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

body { background: transparent url("https://media1.shmoop.com/images/landing_images/shmoopsterpiece-repeat.jpg") repeat-x; color: #000; }
body a,
body a:visited { color: #004c8f; }
#wrapper { background: transparent url("https://media1.shmoop.com/images/landing_images/shmoopsterpiece-repeat.jpg") repeat; }
#page { background: #FFF url("https://media1.shmoop.com/images/landing_images/shmoopsterpiece-curtain-frame.png") no-repeat; width: 1024px; }
#module_content { width: 960px; margin: 0 auto; padding: 0; background: transparent; }

.orange-banner { margin: 20px auto 0; width: 680px; }

.homepage_logo_mark a { background: url("https://media1.shmoop.com/images/sprites/newlogo-small-white.png") no-repeat scroll 0 0 transparent; }

h1.banner,
h2.banner { background: transparent url("https://media1.shmoop.com/images/landing_images/darkorange-banner.png") top center no-repeat; display: block; height: 80px; margin: 0 auto; overflow: hidden; text-align: center; width: 917px; color: #FFFFFF; font-family: BebasNeueRegular,impact,sans-serif; font-size: 26pt; font-weight: normal; letter-spacing: 1px; line-height: 56px; text-shadow: none; }

.video-landing { margin: 0 30px; }

.video-landing h2 { color: #e15c40; font-size: 22pt; text-shadow: none; font-family: 'Oswald', Impact, sans-serif; text-transform: uppercase; margin: 20px 0 10px; font-weight: bold; }

.video-landing .video-top .top-left { float: left; width: 486px; margin: 0 30px 0 0; }
.video-landing .video-top .top-right { float: left; width: 341px; }

.featured-info { margin-bottom: 15px; }
.featured-info p.category { margin: 0; color: #004b91; font-family: Arial, sans-serif; font-weight: bold; font-size: 14pt; }
.featured-info h3,
.featured-info h1 { margin: 0; color: #e15c40; font-family: Arial, sans-serif; font-weight: bold; font-size: 2.4em; text-shadow: none; }
.featured-info h3 { font-size: 1.8em; }

p.description { background: #EEE; padding: 15px; width: 450px; margin: 0; }

.video-search { position: relative; } 
.video-search .search-wrapper { width: 268px; margin-bottom: 20px; }
.video-search input#video-search { color: #999999; height: 17px; margin: 0; width: 279px; padding: 6px 0 6px 10px; font-size: 13px; border-radius: 8px; border: none; border-top: 3px solid #e3e4e4; background: #FFF url("https://media1.shmoop.com/images/landing_images/shmoopsterpiece-updated-sprite.png ") -165px -354px no-repeat; padding-left: 30px; }

.video-search #suggestions { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; display: none; top: 32px; position: absolute; width: 300px; z-index: 99999; left: 3px; *left: 0; }
.video-search #suggestions ul { list-style: none; margin: 0; padding: 0; }
.video-search #suggestions ul li { padding: 5px 10px; border: none; display: block; float: none; }
.video-search #suggestions ul li#highlight { background: #eee; }
.video-search #suggestions ul li#highlight a { font-weight: bold; }
.video-search #suggestions ul li a { text-transform: lowercase; color: #888; }
.video-search #suggestions ul li a span { color: #000; }

.gray-box { margin: 30px 0 0 0; background: #f4f4f4; padding: 15px; border-radius: 10px; }

ul.categories,
ul.share { padding: 15px; width: 450px; margin: 0 0 20px 0; list-style: none; background: #EEE;}

ul.categories li { float: left; margin: 0 10px 10px 0; }
ul.categories li a { display: block; background: #0063b6; border-radius: 6px; color: #FFF; padding: 10px; font-size: 12pt; }
ul.categories li a:hover { color: #e15c40; }

ul.share li { float: left; margin: 0 15px 0 0; }
ul.share li.title { color: #E15C40; font-family: 'Rancho', cursive; font-size: 1.6em; }
ul.share li.link { width: 390px; margin-top: 10px; }
ul.share li.link input { padding: 3px; width: 100%; }

ul.share li a { display: block; width: 33px; height: 31px; background: transparent url("https://media1.shmoop.com/images/landing_images/shmoopsterpiece-updated-sprite.png ") no-repeat -168px -308px; text-indent: -9999px; overflow: hidden; }
ul.share li.fbook a { background-position: -211px -308px; }
ul.share li.email a { background-position: -295px -308px; }

.what-is-shmoop { background: #f99d48; padding: 15px; color: #FFF; margin: 20px 0; border-radius: 8px; }
.what-is-shmoop h3 { font-family: 'Oswald', Impact, sans-serif; text-shadow: 0 1px 1px #333; text-transform: uppercase; font-size: 21pt; margin: 0 0 10px 0; font-weight: normal; line-height: 28px; }
.what-is-shmoop #whatis_wrapper { float: left; width: 230px; }
.what-is-shmoop .what-is-text { float: left; width: 210px; margin: 0 0 0 15px; }
.what-is-shmoop .what-is-text p { margin-top: 0; font-size: 11pt; }

.categories { margin: 15px 0 0 0; }
.categories h3 { width: 336px; height: 54px; font-family: 'Oswald', Impact, sans-serif; color: #FFF; text-transform: uppercase; font-weight: normal; text-align: center; font-size: 26pt; background: transparent url("https://media1.shmoop.com/images/landing_images/shmoopsterpiece-updated-sprite.png ") no-repeat; margin: 0 auto; }
.categories ul { list-style: none; margin: 0; padding: 0 5px; }
.categories ul li { width: 100px; height: 138px; float: left; margin: 15px 15px 0 0; }
.categories ul li.last-row { margin-right: 0; }
.categories ul li a { display: block; background: transparent url("https://media1.shmoop.com/images/landing_images/shmoopsterpiece-categories.png") no-repeat; padding-top: 105px; padding-left: 5px; color: #004B91; font-family: Arial, sans-serif; }
.categories ul li.how a { background-position: -115px 0; }
.categories ul li.history a { background-position: -230px 0; }
.categories ul li.lit a { background-position: 0 -141px; }
.categories ul li.math a { background-position: -115px -141px; }
.categories ul li.coming a { background-position: -230px -141px; }

.video-library h2 { background: transparent url("https://media1.shmoop.com/images/landing_images/shmoopsterpiece-updated-sprite.png ") 0 -87px no-repeat; width: 941px; height: 50px; margin: 0 auto; font-family: 'Oswald', Impact, sans-serif; color: #FFF; text-transform: uppercase; text-align: center; font-size: 25pt; text-shadow: none; padding-top: 50px; }

.video-library .library-nav { position: relative; margin: 0 auto -20px; width: 875px; }
.video-library .library-nav ul { width: 845px; list-style: none; margin: 0; padding: 0 15px; border-bottom: 2px solid #e1e1e1; }
.video-library .library-nav ul li { float: left; margin: 0 30px 0 0; padding: 20px 0; }
.video-library .library-nav ul li a { font-size: 11pt; font-family: Arial, sans-serif; font-weight: bold; }
.video-library .library-nav .arrow { width: 43px; height: 30px; background: #FFF url("https://media1.shmoop.com/images/landing_images/shmoopsterpiece-updated-sprite.png ") -24px -407px no-repeat; position: absolute; bottom: -27px; left: 28px; }

.video-library .library-nav.follow { position: fixed; top: 0; background: #000; left: 0; width: 100%; z-index: 99999; }
.video-library .library-nav.follow ul { margin-left: 134px; border-bottom: 1px solid #000;  }
.video-library .library-nav.follow ul li.active a { color: #FFF; }
.video-library .library-nav.follow .arrow { background-position: -108px -408px; background-color: transparent; }
.video-library .library-nav.follow .arrow.wsic { left: 467px; }
.video-library .library-nav.follow .arrow.how { left: 625px; }
.video-library .library-nav.follow .arrow.history { left: 329px; }
.video-library .library-nav.follow .arrow.lit { left: 165px; }
.video-library .library-nav.follow .arrow.math { left: 246px; }
.video-library .library-nav.follow .arrow.coming { left: 756px; }

.video-category { width: 895px; margin: 0 auto -30px; padding-top: 60px; position: relative; }
.video-category h3 { font-family: 'Oswald', Impact, sans-serif; color: #e15c40; font-size: 22pt; margin: 0 0 10px 20px; float: left; width: 600px; }
.video-category .see-all { float: right; color: #105493; text-decoration: underline; font-weight: bold; margin: 20px 25px 0 0; }

.video-category .slides_container { height: 315px !important; }
.video-category ul { list-style: none; margin: 0 auto; padding: 0; width: 895px; position: relative; left: 16px; *left: -430px; }
#coming.video-category ul { *left: 0; }
.video-category ul li { float: left; position: relative; width: 200px; height: 150px; margin: 0 20px 20px 0; }
.video-category ul li.vid-large { width: 420px; height: 310px; margin-right: 25px; }
.video-category ul li p { position: absolute; bottom: 0; left: 0; color: #FFF; font-family: Arial, sans-serif; font-weight: bold; text-shadow: 0 1px 1px #666; width: 160px; padding: 10px 15px; margin: 0 0 10px 0; background: url("https://media1.shmoop.com/images/sprites/transparent-black-repeaty.png") repeat scroll 0 0 transparent;}
.video-category ul li.vid-large p { width: 390px; margin: 0; }
.video-category ul li.video-suggestion { width: 405px; }
.video-category ul li.video-suggestion .icon { width: 135px; height: 164px; background: transparent url("https://media1.shmoop.com/images/landing_images/shmoopsterpiece-updated-sprite.png ") -11px -220px no-repeat; float: left; }
.video-category ul li.video-suggestion p { position: relative; bottom: 0; left: 0; width: 239px; height: 132px; background: #f6f6f6; padding: 15px; color: #e15c40; font-family: 'Oswald', Impact, sans-serif; font-size: 20pt; border-top-right-radius: 8px; border-bottom-right-radius: 8px; text-transform: uppercase; float: left; margin: 0; text-shadow: none; line-height: 36px; }
.video-category ul li.video-suggestion p a { color: #FFF; display: block; background: #00afc9 url("https://media1.shmoop.com/images/landing_images/shmoopsterpiece-updated-sprite.png ") -160px -209px no-repeat; padding: 5px 5px 5px 50px; border-radius: 8px; font-size: 16pt; width: 75px; margin: 10px 0 0 0; line-height: 31px; cursor: pointer; }

.video-category .pagination { display: none; }
.video-category .prev,
.video-category .next { display: block; position: absolute; width: 25px; height: 40px; background: transparent url("https://media1.shmoop.com/images/landing_images/shmoopsterpiece-updated-sprite.png ") -164px -256px no-repeat; text-indent: -9999px; cursor: pointer; bottom: 140px; }
.video-category .prev { left: -23px; }
.video-category .next { background-position: -194px -256px; right: -23px; }

.video-category#history h3 { width: 160px; }
.cat-blurb { float: left; width: 320px; position: relative; margin-left: 5px; }
.cat-blurb .speech-bubble-arrow { width: 17px; height: 20px; background: transparent url("https://media1.shmoop.com/images/landing_images/shmoopsterpiece-updated-sprite.png") -345px -5px no-repeat; position: absolute; left: -13px; top: 16px; }
.cat-blurb p { padding: 5px 15px; background: #00acd1; border-radius: 8px; width: 255px; color: #FFF; margin: 0; font-family: 'Oswald', impact, sans-serif; font-size: 16pt; }

/*.video-library { margin: 0 30px; }
.video-library h2 { text-align: center; font-family: BebasNeueRegular,impact,sans-serif; color: #e15c40; font-size: 30pt; font-weight: normal; text-shadow: none; letter-spacing: 1px; }

.video-library .col1,
.video-library .col2,
.video-library .col3 { float: left; width: 272px; margin: 0 20px 0 0; }
.video-library .col3 { margin: 0; }

.video-library h3 { font-family: BebasNeueRegular,impact,sans-serif; font-weight: normal; text-shadow: none; letter-spacing: 1px; font-size: 24pt; margin: 10px 0; }

.video-library .library-row { margin: 0 0 20px 0; }
.video-library .library-row .thumb { width: 100px; height: 150px; background: transparent url("https://media1.shmoop.com/images/sprites/videos-sprite.png") no-repeat; float: left; margin: 0 10px 0 0; }
.video-library .library-row #how-to .thumb { background-position: -101px 0; }
.video-library .library-row #history .thumb { background-position: 0 -151px; }
.video-library .library-row #literature .thumb { background-position: -101px -151px; }
.video-library .library-row #math .thumb { background-position: 0 -302px; }
.video-library .library-row #coming-soon .thumb { background-position: -101px -302px; }

.video-library .library-row ul { float: left; width: 142px; margin: 0; padding: 0 0 0 20px; color: #474a4e; }
.video-library .library-row ul li { margin: 0 0 5px 0; line-height: 29px; }
.video-library .library-row ul li a { font-weight: bold; }
.video-library .library-row ul li a:hover { color: #e15c40; }
.video-library .library-row ul li span { color: #777; font-weight: bold;}*/

#dialog .sheet_dialog { border-radius: 8px; background: #FFF; width: 475px; }
#dialog .sheet_dialog .sheet_dialog_title { background: none; border: none; }

div.sheet_dialog_content { padding-top: 0; }
#dialog .sheet_dialog #quote-modal h2 { color: #df6039; font-family: 'Oswald',impact; text-transform: uppercase; font-size: 26pt; margin: 0 0 10px 0; text-align: center; text-shadow: none; font-weight: normal; }
#dialog .sheet_dialog #quote-modal p { margin: 20px; }

.email-form .input { position: relative; margin-bottom: 20px; }
.email-form .input label { position: absolute; font-weight: bold; top: 9px; left: 10px; font-family: "Lucida Sans Unicode","Lucida Grande",Helvetica,Arial,Verdana,sans-serif; }
.email-form .input input.name-check,
.email-form .input input.email-check { font-size: 12pt; padding: 4px 5px 5px 75px; border-radius: 6px; border-top: 3px solid #e8e8e8; border-left: 3px solid #e8e8e8; border-right: none; border-bottom: none; width: 325px; color: #999; background: #EFEFEF; }
.email-form .input textarea { background: #EFEFEF; border-radius: 6px; border-top: 3px solid #e8e8e8; border-left: 3px solid #e8e8e8; border-right: none; border-bottom: none; width: 405px; height: 75px; }
.email-form .buttons input { background: url("https://media1.shmoop.com/images/teachers_editions/teacher-arrow-white.png") no-repeat scroll right 9px #0063B6; border-radius: 6px 6px 6px 6px; color: #FFFFFF; cursor: pointer; display: block; font-family: 'Oswald',impact,sans-serif; font-size: 24px; margin: 20px auto 0; padding: 2px 30px 2px 10px; text-transform: uppercase; width: 152px; border: none; }

.email-form .input label.error { font-size: 11px; left: 75px; top: 35px; }
.email-form .textarea label.error { top: 80px; left: 10px; }

.footer { padding: 16px 0 0; background: url("https://media1.shmoop.com/images/landing_images/theater-footer-repeatX3.png ") repeat-x scroll 0 0 transparent; margin: 0; color: #FFF; height: 74px; }
.footer a { color: #FFF; }
.footer a:visited { color: #FFF; }
#footer_container { color: #FFF; text-shadow: 1px 1px 0 #000; }
#footer_copyright, #cc_notice { color: #FFF; }

.related-vids ul { list-style: none; margin: 0; padding: 0; }
.related-vids ul li { margin: 0 0 10px 0; }
.related-vids ul li a.thumb { width: 90px; float: left; margin: 0 15px 0 0; }
.related-vids ul li .info { float: left; width: 205px; }
.related-vids ul li .info a p { margin: 0; font-family: Arial, sans-serif; font-size: 11pt; color: #004b91; font-weight: bold; width: 205px; }
.related-vids ul li .info p.cat { margin: 0; font-family: Arial, sans-serif; font-size: 10pt; font-weight: bold; }
.related-vids ul li .info p.cat a { color: #004b91; }
.related-vids ul li a:hover { color: #e15c40; }

.related-vids ul li p { font-size: 12pt; margin: 10px 0 0 0; float: left; width: 240px;  }
.related-vids a.more-related { font-size: 12pt; margin: 20px 0 0 0; font-family: Arial, sans-serif; font-weight: bold; text-decoration: underline; }

li .new_video{background: transparent url("https://media1.shmoop.com/images/general/video-new-icon.png") no-repeat -1px -1px; width: 40px; height: 28px; display: block; float: right; position: relative; top: -28px; }

/* Category Pages */
.category h1 { font-family: 'Oswald',Impact,sans-serif; font-size: 25pt; color: #E15C40; text-transform: uppercase; text-shadow: none; margin: 0; }
.category .all-cats { color: #105493; text-decoration: underline; margin: 0 0 15px 0; text-align: right; display: block; position: relative; top: -15px; }
.category .view-links { text-align: right; }
.category .view-links a { color: #105493; font-size: 6em; line-height: 10px; cursor: pointer; }
.category .view-links a:hover { color: #4387B6; }
.category .view-links a.selected { color: #E15C40; }
.category .view-links a#photo-view-link {  }
.category #vid-search { margin-top: 30px; right: -35px; }
.category .video-search input#video-search { background-color: #F4F4F4; }

.category .video-top .top-right { float: right; }
.category-lists { width: 880px; margin: 10px auto 0; position: relative; right: -15px; }

ul#photo-view { list-style: none; margin: 0; padding: 0; }
ul#photo-view li { float: left; margin: 0 30px 30px 0; width: 190px; height: 142px; position: relative; }
ul#photo-view li p { position: absolute; bottom: 0; left: 0; color: #FFF; font-family: Arial, sans-serif; font-weight: bold; text-shadow: 0 1px 1px #666; width: 160px; padding: 10px 15px; margin: 0; background: url("https://media1.shmoop.com/images/sprites/transparent-black-repeaty.png") repeat scroll 0 0 transparent;}

ul#link-view { display: none; margin: 0; padding: 0; }
ul#link-view li { color: #105493; margin-bottom: 10px; }
ul#link-view li a { color: #105493; text-decoration: underline; font-weight: bold; }
ul#link-view li a:hover { color: #E15C40; }

.list-nav { padding-left: 30px; }
.list-nav p { font-weight: bold; float: left; width: 65px; }
.list-nav ul { float: left; width: 750px; list-style: none; margin-left: 10px; padding: 0; }
.list-nav ul li { float: left; margin: 0 0 0 7px; font-weight: bold; color: #b1b4b6; padding-right: 7px; border-right: 1px solid #b1b4b6;}
.list-nav ul li:last-child { border: none; }
.list-nav ul li a { cursor: pointer; color: #105493; text-decoration: underline; }

ul.vid-breadcrumb { list-style: none; margin: 0; padding: 0; }
ul.vid-breadcrumb li { float: left; margin: 0 10px 0 0; font-size: 1.0em; max-width: 200px; }
ul.vid-breadcrumb li a { text-decoration: underline; }