/*######################################################################################### ## CreateSpace home.css ## Layout for the Home Page ## Created: 4/20/2011 ## Author: Brandon D. Ove (bove@createspace.com) #########################################################################################*/ p {text-align:left;} a.linkout {color:#164879; text-decoration:none;} #home {background:url(https://ssl.images-createspace.com/csp/Special/Img/bg-horizon.png) repeat-x 0 233px;} #col_main {width: 720px; float:right; margin-right:30px; margin-bottom:30px;} #hero {background:#085FA3 url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_top_fill.png) repeat-x; margin-bottom:20px;} #hero .main {height:157px;} #hero h1.headline, #hero p.description, #hero p.description-new {margin:0px 0px 15px 20px;} #hero h1.headline span, #hero p.description span, #hero h1.headline span, #hero p.description-new span {display:none;} #hero a.learnmore {margin:0 0 10px 20px; color:#fff; font: bold 1.1em verdana;} #hero .action {background:#2980C4 url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_action_fill.png) repeat-x; height:130px;} #hero .action ul {padding:5px; margin:0px; list-style:none; display:block;} #hero .action li {display:block; float:left; margin:10px 15px 0; padding:0; width:315px;} #hero .action h3 {margin: 0 0 3px; color:#fff; font:bold 1.3em Arial, Helvetica, sans-serif;} #hero .action p {font-size:.95em; margin:0; line-height:1.3em;} #hero a.action {margin:20px 0 0; display:block; width:190px; height:18px; padding:6px 0; text-align:center; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/button_action.png) no-repeat; color:black; text-decoration:none; font: bold 1.1em Verdana, Geneva, sans-serif;} #hero_nav_arrow {height:10px;} #hero_nav {background:#FBF6E2; border:1px solid #929375; border-top:0; border-bottom:0; height:40px;} #hero_nav a#authorlink, #hero_nav a#indielink, #hero_nav a#musicianlink, #hero_nav a#filmmakerlink, #hero_nav a#discslink, #hero_nav a#enterpriselink {display:block; height:27px; background:#D3CEBA; border:1px solid #929375; border-left:0; border-bottom:0; padding:12px 20px 0; float:left; color:#000; text-decoration:none; font:bold 1.1em Arial, Helvetica, sans-serif; } #hero_nav_bottom {height:3px; clear:both; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_nav_shadow.gif) repeat-x;} #hero #authors {display:none; padding-top: 48px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/authors_hero_books.jpg) 446px 10px no-repeat;} #hero #authors h1.headline {width:413px; height:36px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_author_headline.png) no-repeat;} #hero #authors p.description {margin-top:4px; width:387px; height:32px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_author_description.png) no-repeat;} #hero #indie .headline, #hero #discs .headline, #hero #enterprise .headline { color: #FFFFFF } #hero #indie .description, #hero #discs .description, #hero #enterprise .description { color: #FFFFFF } #hero #indie {display:none; padding-top: 24px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/authors_hero_books.jpg) 446px 10px no-repeat;} #hero #indie h1.headline {width:413px;} #hero #indie p.description {margin:0px 0px 0px 20px; width:413px;} #hero #musicians {display: none; padding-top: 48px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/musician_hero_headphones.jpg) 480px 20px no-repeat;} #hero #musicians h1.headline {width:486px; height:29px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_musician_headline.png) no-repeat;} #hero #musicians p.description {width:351px; height:30px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_musician_description.png) no-repeat;} #hero #musicians p.description-new {width:351px; height:30px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_musician_description2.png) no-repeat;} #hero #filmmakers {display: none; padding-top:48px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/filmmaker_hero_clapper.jpg) 500px 20px no-repeat} #hero #filmmakers h1.headline {width:453px; height:29px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_filmmaker_headline.png) no-repeat;} #hero #filmmakers p.description {width:335px; height:30px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_filmmaker_description.png) no-repeat;} #hero #discs {display: none; padding-top:24px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/filmmaker_hero_clapper.jpg) 500px 20px no-repeat} #hero #discs h1.headline {width:453px;} #hero #discs p.description {width:453px; margin-bottom: 0px;} #hero #enterprise {display:none; padding-top: 24px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/authors_hero_books.jpg) 446px 10px no-repeat;} #hero #enterprise h1.headline {width:413px;} #hero #enterprise p.description {margin-top:4px; width:387px; height:32px;} /* Authors Selected */ #hero.authors #authors {display:block;} #hero.authors #hero_nav_arrow {background:#2980C4 url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_nav_arrow.png) no-repeat 36px 0;} #hero.authors #hero_nav a#authorlink {background:#FBF6E2; border-right:1px solid #929375; border-top:0;} #hero.indie #indie {display:block;} #hero.indie #hero_nav_arrow {background:#2980C4 url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_nav_arrow.png) no-repeat 36px 0;} #hero.indie #hero_nav a#indielink {background:#FBF6E2; border-right:1px solid #929375; border-top:0;} /* Musicians Selected */ #hero.musicians #musicians {display:block;} #hero.musicians #hero_nav_arrow {background:#2980C4 url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_nav_arrow.png) no-repeat 134px 0;} #hero.musicians #hero_nav a#musicianlink {background:#FBF6E2; border-right:1px solid #929375; border-top:0;} /* Filmmakers Selected */ #hero.filmmakers #filmmakers {display:block;} #hero.filmmakers #hero_nav_arrow {background:#2980C4 url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_nav_arrow.png) no-repeat 246px 0;} #hero.filmmakers #hero_nav a#filmmakerlink {background:#FBF6E2; border-right:1px solid #929375; border-top:0;} #hero.discs #discs {display:block;} #hero.discs #hero_nav_arrow {background:#2980C4 url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_nav_arrow.png) no-repeat 121px 0;} #hero.discs #hero_nav a#discslink {background:#FBF6E2; border-right:1px solid #929375; border-top:0;} #hero.enterprise #enterprise {display:block;} #hero.enterprise #hero_nav_arrow {background:#2980C4 url(https://ssl.images-createspace.com/csp/Special/Img/homepage/hero_nav_arrow.png) no-repeat 215px 0;} #hero.enterprise #hero_nav a#enterpriselink {background:#FBF6E2; border-right:1px solid #929375; border-top:0;} /* Announcements within Hero */ img#announce_top {margin-left:323px; float:left;} #announce {margin-left:322px; width:385px;} #announce img#announce_bottom {float:left; margin-right:5px;} #announce em {font:bold 10px Verdana, Geneva, sans-serif; padding-right:5px;} #announce a {font-size: 14px; font-weight: bold;} #announce span {display:block; padding-top:8px;} #announce span.twoline {display:block; padding-top:2px;} #home_body {background-color:#fff;} #home_body h3, #home_body h4 {font-size:1.4em; margin:0 0 5px;} #home_body .top {height:6px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/body_container_top.gif) no-repeat;} #home_body .body {border:1px solid #B2D1E0; border-top:0 none; border-bottom:0 none; padding:10px 15px 5px;} #home_body .bottom {height:10px; clear:both; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/body_container_bottom.gif) no-repeat;} #benefits {border-bottom: 1px solid #B2D1E0; margin-bottom:30px; color:#333; } #benefits h4 {color:#000; margin:0 0 3px 0; padding:0; font-size:1.25em; font-weight:bold;} #benefits ul {margin:20px 0 0 0; padding:0; list-style:none; font-size:.9em;} #benefits li {display:block; width:260px; float:left; padding:5px 0 5px 70px; margin:0 20px 20px 0;} #benefits #tools {background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/benefit_icon_tools.jpg) no-repeat 5px 5px;} #benefits #royalties {background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/benefit_icon_royalties.jpg) no-repeat 3px 3px;} #benefits #services {background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/benefit_icon_services.jpg) no-repeat 0px 8px;} #benefits #instock {background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/benefit_icon_instock.jpg) no-repeat 1px 5px;} #benefits #distribution {background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/benefit_icon_distribution.jpg) no-repeat 3px 5px;} #benefits #distributionworld {background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/benefit_icon_distribution_world.jpg) no-repeat 3px 5px;} #benefits #support {background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/benefit_icon_support.jpg) no-repeat 2px 3px;} #virtues {width:320px; float:left; margin-right:38px; padding-bottom:20px;} #virtues p {line-height:1.6em;} #spotlight {width:325px; padding-bottom:20px; float:left;} #spotlight img {width:125px; float:left; margin:0 20px 10px 0; background-color:#ccc;} #spotlight h4 {font-size: 1.3em;} #spotlight h4 strong {font-size:.8em; color:#000; font-weight:bold;} #spotlight p {font-size:.95em; color:#333; line-height:1.4em;} #guarantee {clear:both; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/benefit_icon_guarantee_large.jpg) no-repeat 5px 15px; border-top: 1px solid #B2D1E0; margin-top:20px; padding: 25px 0 0 100px;} #guarantee h4 {color:black; font-size:1.2em; font-weight:bold;} #col_left {width: 180px; float:left; margin-left:10px; margin-bottom:30px;} #login_box .top {height:9px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/loginbox_top.gif) no-repeat;} #login_box .body {padding:0 8px; background-color:#fff; border:2px solid #164879; border-top:0; border-bottom:0;} #login_box .bottom {height:9px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/loginbox_bottom.gif) no-repeat;} #login_box h4, .promo_box h4 {font-size:1.1em; color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:10px 0px;} #login_box input {width:150px; border:1px solid #ccc; padding:3px;} #login_box label {font-size:.9em; color:#666; margin-bottom:15px; display:block;} #login_box .blue_bubble_large, .promo_box .blue_bubble_large {width:115px; float:none; margin:0 auto; padding-bottom:5px;} #login_box .blue_bubble_large_middle a, .promo_box .blue_bubble_large_middle a {width:85px; text-align:center;} #login_box #forgot_link {display:inline-block; width:115px; padding:0; margin:0; text-align:left; background:none; border:none; color:#164879; font-size:.9em; cursor:pointer;text-decoration:underline;} .promo_box {margin-top:20px;} .promo_box .top {height:6px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/promo_top.gif) no-repeat;} .promo_box .body {border:1px solid #BABB9D; border-top:0; border-bottom:0; background:#FBF6E2 url(https://ssl.images-createspace.com/csp/Special/Img/homepage/promo_fill.png) repeat-x; padding:0 10px;} .promo_box h4 {color: #E47911; padding-bottom:5px;} .promo_box h5 {color: black; font:bold 10px Verdana, Geneva, sans-serif; margin-top:3px;} .promo_box p {font-size:.9em; color:#333; line-height:1.2em; margin:0; padding-bottom:10px;} .promo_box em.hot {font:bold .9em Verdana, Geneva, sans-serif; color:#f00; padding-right:5px;} .promo_box .note {font-size:.8em;} .promo_box div.block {padding-bottom:10px;} .promo_box .bottom {height:6px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/promo_bottom.gif) no-repeat;} #bestsellers h4 {font-size:1em; padding:5px 0 0;} #bestsellers ol {padding:0 0 5px 20px; margin:5px 0 0; font:.9em Arial, Helvetica, sans-serif;} #bestsellers img {margin-top:2px;} #bestsellers ol li {margin-bottom:5px;} #bestsellers ol li strong {display:block; font-size:1.1em;} #bestsellers #top_5 {border-bottom:1px solid #BABB9D; margin-bottom:5px;} #bestsellers #top_5 div {vertical-align:bottom;} #bestsellers #top_10 {padding-bottom:2px;} #news_footer {clear:both; height:140px; background:url(https://ssl.images-createspace.com/csp/Special/Img/homepage/news_footer_fill.png) repeat-x; padding:10px 20px 0;} #news_footer h4 {color:#000; font-weight:bold; font-size:.75em; margin-bottom:10px;} #news_footer h4 a {text-decoration:none; font-weight:normal; font-size:1.2em;}