html { background: #002a20 url('../img/acumen_bg.jpg') repeat-x top left; font: 12px/16px Arial, Helvetica, sans-serif; color: #898989; outline:none; overflow-y: scroll; }

/*Removes blue glow from Safari form input and Firefox dotted line focus*/
:focus, a { -moz-outline-style: none; outline: none !important; }

a { color: #00ade1; text-decoration: none; }
a:hover { color: #00ade1; text-decoration: underline; }
strong { font-weight: bold; }
em { font-style: italic; }

#wrapper { text-align: left; margin: 0 auto; width: 964px; margin-bottom: 20px; position: relative; }
#main { background: #FFEFD7; border: 2px solid #d9d9d9; padding: 10px; overflow:hidden; width: 940px; }

div.hr { width: 644px; height:26px; border:none; background:#fff url('../img/hr.gif') no-repeat left top; }
div.hr hr { display:none; }

a.btn { float: left; width: 128px; height: 25px; overflow: hidden; display: block; text-indent: -9999px; margin-right: 13px; }

/*-------------------------------------------------
=SUPPORT ACUMEN
-------------------------------------------------*/
#connect { width: 297px; height: 54px; background:url('../img/connect-bg.png'); position: absolute; top: 0; right: -10px; padding: 26px 0 0 25px; }
#connect h1 { text-indent: -9999px; height: 10px; }
#connect a#connected { float: left; background: url(../img/buttons.png) no-repeat 0 0; }
#connect a#donate { background: url(../img/buttons.png) no-repeat -128px 0; }
#connect a#connected:hover { background-position: 0 -25px; }
#connect a#donate:hover { background-position: -128px -25px; }

/*-------------------------------------------------
=HEADER
-------------------------------------------------*/
#hd { padding: 30px 20px 20px 20px; overflow:hidden; }
#hd a { float: left; width: 115px; height: 45px; overflow: hidden; display: block; background-image: url(../img/acumen-logo.png); text-indent: -9999px; margin-right: 20px; }
#hd h1 { width: 376px; height: 26px; overflow: hidden; display: block; background-image: url(../img/hd-bluesweater.png); text-indent: -9999px; margin-bottom: 6px; }
#hd h2 { width: 400px; height: 12px; overflow: hidden; display: block; background-image: url(../img/hd-tag.png); text-indent: -9999px; }


/*-------------------------------------------------
=LEFT COLUMN
-------------------------------------------------*/
#leftCol { float: left; width: 644px; }
#leftCol h2 { font-size: 12px; line-height: 14px; font-weight: bold; color: #B3084d; text-transform: uppercase; }

#videoList { overflow:auto; margin: 0 0 5px; }
#videoContainer { height: 388px; }
.videoBox { height: 105px; width:150px; border: 3px solid #e6e6e6; float:left; overflow:hidden; margin-right: 6px; position:relative; }
.videoBox.selected, .videoBox:hover { border-color: #9dd0e3; }
.videoBox.last { margin-right: 0px; }

.videoBox div { position:absolute; bottom:0; left:0; height: 15px; background: #4ba2c1; color:#fff; padding: 2px 7px 4px 3px; overflow:hidden; width: 142px; font-size: 90%; }
.videoBox:hover { cursor: pointer; }
.videoBox .title { font-weight:bold; }

#videoShare { margin: 8px 0 12px; color: #555; }
#videoShare a { padding: 0 2px; color: #555; text-decoration: underline; }
h2#quotes { width: 578px; height: 10px;  text-indent: -9999px; overflow: hidden; display: block; background-image: url(../img/hd-quotes.gif); }

#quoteCarousel { height: 45px; width: 620px; padding: 0; position: relative; float:left; margin-bottom: 10px; }
#quoteCarousel li { padding: 10px 0; height: 45px; }
#quoteCarousel li p { font-size: 16px; line-height: 24px; color: #4295ae; }
#quoteCarousel span { color: #777; font-size: 12px; }

#quoteCarousel div { float: left; width: 490px; }
#quoteCarousel .quote { color: #00ade1; margin-bottom: 10px; }
#quoteCarousel .bio { color: #555; }
#quoteCarousel .bio a { color: #555; }

#carouselNav { float:left; width:12px; height:55px; position:relative; margin-top:10px; }
#carouselNav .next, #carouselNav .prev { display:block; float:left; width: 12px; height:12px; text-indent: -9999px; cursor:pointer; }
#carouselNav .next { background:url('../img/icon-arrow-down.gif') no-repeat top left; position:absolute; bottom: 0; }
#carouselNav .prev { background:url('../img/icon-arrow-up.gif') no-repeat top left; position:absolute; top: 0; }

#twitter { height: 74px; width: 640px; background-color: #FFF; position: absolute; left: 10px; bottom: 12px; border: 2px solid #e7dbca; }
.twtr-widget { height: 74px; }
.twtr-bd, .twtr-timeline { height: 55px!important; }
.twtr-doc { height: 74px; }
.twtr-hd { float: left; }
.twtr-ft div { padding: 0 10px!important; }


/*-------------------------------------------------
=RIGHT COLUMN
-------------------------------------------------*/
#rightCol { float: right; width: 294px; }
#rightCol li { margin-bottom: 3px; padding: 10px; position: relative; }
#rightCol li h1 { margin-bottom: 4px; }
#rightCol li p { color: #fff; }
li.bookClub { background-color: #509c60; border: 2px solid #6bb076; height: 103px; }
li.bookClub h1 { width: 220px; height: 22px; text-indent: -9999px; overflow: hidden; display: block; background: url(../img/hd-pods.png) no-repeat 0 0; }
a#learnMore { background: url(../img/buttons.png) no-repeat 0 -50px; position:absolute; left: 10px; bottom: 10px; }
a#learnMore:hover { background-position: 0 -75px; }
a#enterIdea { background: url(../img/buttons.png) no-repeat -128px -50px; position:absolute; left: 153px; bottom: 10px; }
a#enterIdea:hover { background-position: -128px -75px; }


li.spread { background-color: #ca8845; border: 2px solid #de9f60; height: 104px; position: relative; }
li.spread h1 { width: 220px; height: 22px;  text-indent: -9999px; overflow: hidden; display: block; background: url(../img/hd-pods.png) no-repeat 0 -22px; }
li.spread ul { position:absolute; left: 10px; top: 82px; width: 100%; height: 25px;  }
#rightCol li.spread li { float:left; width:25px; height:25px; margin-right: 8px; padding: 0; }
li.spread a { display:block; text-indent: -9999px; height:25px; width:25px; }
#mailShare { background:url('../img/email-icon.png') no-repeat top left; }
#fbShare { background:url('../img/fb-icon.png') no-repeat top left; }
#twitterShare { background:url('../img/twitter-icon.png') no-repeat top left; }
#diggShare { background:url('../img/digg-icon.png') no-repeat top left; }
#suShare { background:url('../img/stumbleupon-icon.png') no-repeat top left; }

li.join { background-color: #5da4bc; border: 2px solid #82bccd; height: 103px; }
li.join h1 { width: 220px; height: 22px;  text-indent: -9999px; overflow: hidden; display: block; background: url(../img/hd-pods.png) no-repeat 0 -44px; }
a#join { background: url(../img/buttons.png) no-repeat -256px 0; position:absolute; left: 10px; bottom: 10px; }
a#join:hover { background-position: -256px -25px; }

#blueSweater { width: 270px; height: 307px; border: 2px solid #e6d8c4; background: #e3e3e3 url(../img/bg-blueSweater.gif) repeat-x left top; padding: 15px 10px 10px 10px; position: relative; }
#blueSweater h1 { width: 270px; height: 25px;  text-indent: -9999px; overflow: hidden; display: block; background: url(../img/hd-pods.png) no-repeat 0 -66px; padding-bottom: 15px; border-bottom: 1px dotted #898989; margin-bottom: 12px; }
#blueSweater h2 { color: #3a8dab; margin-bottom: 15px; }
#blueSweater h3 { width: 85px; height: 32px;  text-indent: -9999px; overflow: hidden; display: block; background: url(../img/by-jacqueline.png) no-repeat 0 0; margin-bottom: 35px; }
#blueSweater p { color: #777; font-size: 11px; line-height: 16px; font-style: italic; }
#blueSweater img { float: right; margin: 0 5px 15px 15px; }

a#order { background: url(../img/buttons.png) no-repeat -256px -50px; position:absolute; left: 10px; bottom: 42px; }
a#order:hover { background-position: -256px -75px; }
a#preview { background: url(../img/buttons.png) no-repeat 0 -100px; position:absolute; left: 153px; bottom: 42px; }
a#preview:hover { background-position: 0 -125px; }
a#aboutBook { background: url(../img/buttons.png) no-repeat -128px -100px; position:absolute; left: 10px; bottom: 12px; }
a#aboutBook:hover { background-position: -128px -125px; }
a#aboutAuthor { background: url(../img/buttons.png) no-repeat -256px -100px; position:absolute; left: 153px; bottom: 12px; }
a#aboutAuthor:hover { background-position: -256px -125px; }

/*-------------------------------------------------
=POPUPS
-------------------------------------------------*/
.popupContainer { display: none; }
.popup { width: 600px; padding: 130px 20px 0 20px; background: #FFF url(../img/hd-popup.jpg) no-repeat 0 0; }
.popup img { float: left; margin: 0 20px 10px 0; }
.popup h1 { font-size: 22px; line-height: 26px; color: #3A8DAB; margin-bottom: 1em; background: none!important; }
.popup h2 { font-size: 18px; line-height: 22px; color: #3A8DAB; margin-bottom: 1em; }
.popup p { margin-bottom: 1em; }

.photo { float: left; margin: 0 20px 10px 0; }
.photo p { clear: both; font-size: 10px; line-height: 12px; margin: 0; }

#includedPopup li { clear: both; padding-bottom: 2px; border-bottom: 1px dotted #898989; margin-bottom: 12px; overflow: hidden; height: 160px }
#includedPopup li.last { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

#buyPopup ul { margin: 40px 0 20px 0; overflow: hidden; }
#buyPopup li { margin: 0 20px 20px 30px; float: left; }
a#amazon { width: 133px; height: 39px;  text-indent: -9999px; overflow: hidden; display: block; background-image: url(../img/buy-amazon.gif); }
a#barnes { width: 154px; height: 39px;  text-indent: -9999px; overflow: hidden; display: block; background-image: url(../img/buy-barnes.gif); }
a#indiebound { width: 100px; height: 104px;  text-indent: -9999px; overflow: hidden; display: block; background-image: url(../img/buy-indiebound.gif); }
a#borders { width: 138px; height: 104px;  text-indent: -9999px; overflow: hidden; display: block; background: url(../img/buy-borders.gif) no-repeat 0 50px; }





/*-------------------------------------------------
=FOOTER
-------------------------------------------------*/
#ft { margin: 5px 0 20px 0; font-size: 10px; }
#ft p { float: left; }
#ft p.msdsLink { float: right; }
#ft a { color: #00ade1; text-decoration: underline; }