/* custom style for other8hours.com - custom-other8hours.css */

#top {background: #ffc500 none;border-top: 7px solid #ff9d29;border-bottom: 1px solid #ff9d29;height: 90px;}
#top .content {background: none;}
#header {height: 80px;padding: 10px 0 0;}
#featured {background: transparent none;border: none;}
#loopedSlider {padding: 15px 0 0;}
#header img.logo {top: 0;left: 11px;}
#header img.logo-left {top: 0;left: 40px;float: left;position: absolute;z-index: 1;}
#header h1 {display: block;visibility: hidden;height: 0;padding: 0;font-size: 0;} /* display: none caused IE 6 to duplicate content in the neighboring #nav element */

#nav {margin: 11px 20px 0 0;width: 100%;}
#nav li {margin-left: 5px;}
#nav li a {color: #4d4d4d;letter-spacing: 0;font-family: Arial, Helvetica, sans-serif;text-transform: none;background-color: #ffd959;border: none;}
#nav li:hover, #nav li.current_page_item {border: none;}
#nav li a:hover, #nav li.current_page_item a, #nav li.current_page_parent a {color: #3266a4;background-color: #fff;}
#nav li ul {width: 220px;}
#nav li ul li {margin-left: 0;}
#nav li ul li a {width: 200px;}
#nav li ul li a:hover, #nav li.current_page_item ul li a, #nav li.current_page_parent ul li a {color: #4d4d4d;background-color: #ffd959;}
#nav li.page-item-194 a {background: #3266a4;color: #fff;}
#nav ul.sf-shadow ul li a {background-color: #fff;}

#featured #page-title h2 {display: none;} /* This was showing up behind the "LOGO" image */
.tagline {float: right;width: 645px;height: 41px;padding: 0 45px 0 0;text-indent: -999em;background: url(custom-other8hours/other8hours-tagline.jpg) no-repeat;}

/* Thickbox */
.graybox {overflow: hidden;padding: 15px;color: #333;line-height: 18px;background-color: #fef4d2;border: 1px solid #e3e3e3;}

/* Video */
.vimeo {float: left;width: 400px;margin-right: 30px;padding: 13px 19px 24px 19px;background-image: url(custom-other8hours/vimeo-background.png);}
.vimeo.text {line-height: 20px;font-size: 14px;}
.book-cover {float: left;margin-left: 20px;margin-top: -15px;}

/* Sidebar */
.page #sidebar, .single #sidebar, .archive #sidebar {margin-top: 250px;}
#sidebar .block-top {height: 20px;background-image: url(custom-other8hours/sidebar-block-top-background.png);}
#sidebar .block-bottom {height: 20px;background-image: url(custom-other8hours/sidebar-block-bottom-background.png);}
#sidebar .block-top.inside_the_book {height: 98px;background-image: url(custom-other8hours/header-insidethebook.png);}
#sidebar .block-top.cre8tor {height: 85px;margin-top: 14px;background-image: url(custom-other8hours/header-cre8tor.png);}
#sidebar .block-top.rules {height: 90px;background-image: url(custom-other8hours/header-rules.png);}
#sidebar .block {height: 1%;padding: 10px 40px;background: url(custom-other8hours/sidebar-block-background.png);border: none;}
#sidebar .widget {margin-bottom: 0;}
#sidebar ul, #sidebar .textwidget {position: static;}
#sidebar ul.sidebarlist {padding: 0 0 20px;top: 0;background: none;}
#sidebar ul.sidebarlist li {line-height: 15px;list-style: none;padding: 7px 0 15px 28px;background: url(custom-other8hours/sidebarlist-li-background.gif) no-repeat 0 5px;border-bottom: 1px solid #3266a4;}
#sidebar #woo-latest-news li {padding: 5px 0 0 15px;background: url(../images/ico-bullet.png) no-repeat left 10px;}
#sidebar .widget_twitter h3 {display: block;}

.as_seen_on {height: 150px;margin-top: 10px;padding: 81px 39px 45px 36px;background-image: url(custom-other8hours/as_seen_on-background.png);}

.newsletter {width: 306px;height: 50px;margin: 0 0 10px;padding: 20px 0 0 20px;background-image: url(custom-other8hours/mailing-list-bg.png);}
.inf-button {height: 22px;color: #000;font-weight: bold;font-size: 10px;background-color: #ffd440;border: none;}

/* Free Resources */
.free-resources {width: 324px;text-indent: -999em;background: url(custom-other8hours/other8hours-free-resources.png) no-repeat;}
.free-resources a {display: block;height: 183px;}
.free-resources.Robert {background: url(custom-other8hours/other8hours-askRobert.png) no-repeat;}
.free-resources.Robert a {height: 95px;}
.free-resources.Contest {background: url(custom-other8hours/other8hours-contest.png) no-repeat;}
.free-resources.Contest a {height: 125px;}
#main .worksheet-thumbs {list-style-image: none;}
#main .worksheet-thumbs li {float: left;list-style-type: none;}
#main .blue-form {overflow: hidden;width: 400px;margin: 40px auto;padding: 20px;background-color: #feebae;}
#main .blue-form td {padding-bottom: 10px;padding-right: 15px;}
#main .blue-form h2 {margin: -20px -20px 20px;padding: 20px;color: #fff;text-align: center;font-size: 20px;background-color: #3266a4;}
#main .blue-form table {margin: 0 auto;}

/* Top 10 Cre8tor Channels */
#sidebar ul.cre8tor {padding: 0 0 20px;top: 0;list-style: none;line-height: 18px;font-weight: bold;background: none;}
#sidebar ul.cre8tor li {padding: 0;border-bottom: 1px solid #3266a4;}
#sidebar ul.cre8tor li a {display: block;padding: 20px 0 20px 70px;background: no-repeat 0 50%;}
#sidebar ul.cre8tor li.blogging a {background-image: url(custom-other8hours/sidebarlist-li-blogging.gif);}
#sidebar ul.cre8tor li.blogging a:hover {background-image: url(custom-other8hours/sidebarlist-li-hover-blogging.gif);}
#sidebar ul.cre8tor li.inventing a {background-image: url(custom-other8hours/sidebarlist-li-inventing.gif);}
#sidebar ul.cre8tor li.inventing a:hover {background-image: url(custom-other8hours/sidebarlist-li-hover-inventing.gif);}
#sidebar ul.cre8tor li.writing a {background-image: url(custom-other8hours/sidebarlist-li-writing.gif);}
#sidebar ul.cre8tor li.writing a:hover {background-image: url(custom-other8hours/sidebarlist-li-hover-writing.gif);}
#sidebar ul.cre8tor li.company a {background-image: url(custom-other8hours/sidebarlist-li-company.gif);}
#sidebar ul.cre8tor li.company a:hover {background-image: url(custom-other8hours/sidebarlist-li-hover-company.gif);}
#sidebar ul.cre8tor li.reselling a {background-image: url(custom-other8hours/sidebarlist-li-reselling.gif);}
#sidebar ul.cre8tor li.reselling a:hover {background-image: url(custom-other8hours/sidebarlist-li-hover-reselling.gif);}
#sidebar ul.cre8tor li.fads a {background-image: url(custom-other8hours/sidebarlist-li-fads.gif);}
#sidebar ul.cre8tor li.fads a:hover {background-image: url(custom-other8hours/sidebarlist-li-hover-fads.gif);}
#sidebar ul.cre8tor li.stock a {background-image: url(custom-other8hours/sidebarlist-li-stock.gif);}
#sidebar ul.cre8tor li.stock a:hover {background-image: url(custom-other8hours/sidebarlist-li-hover-stock.gif);}
#sidebar ul.cre8tor li.advance a {background-image: url(custom-other8hours/sidebarlist-li-advancing.gif);}
#sidebar ul.cre8tor li.advance a:hover {background-image: url(custom-other8hours/sidebarlist-li-hover-advancing.gif);}
#sidebar ul.cre8tor li.freelancing a {background-image: url(custom-other8hours/sidebarlist-li-freelancing.gif);}
#sidebar ul.cre8tor li.freelancing a:hover {background-image: url(custom-other8hours/sidebarlist-li-hover-freelancing.gif);}
#sidebar ul.cre8tor li.hobbies a {background-image: url(custom-other8hours/sidebarlist-li-hobbies.gif);}
#sidebar ul.cre8tor li.hobbies a:hover {background-image: url(custom-other8hours/sidebarlist-li-hover-hobbies.gif);}

#sidebar ul.cre8tor li.accept {padding: 15px 0 10px 45px;background: url(custom-other8hours/accept.gif) no-repeat 0 5px;}

/* Content */
#main-content {overflow: hidden;padding: 25px 0;background: #fff3cc url(custom-other8hours/main-content-background.gif) repeat-x top;}
#main-content.home {padding: 0 0 25px;}
#main-content.page {background: #fff3cc url(custom-other8hours/main-content-tallbg.gif) repeat-x scroll center top;}
#main {width: 620px;}
#main-content .kwyjibo-top {height: 20px;background-image: url(custom-other8hours/kwyjibo-top-background.png);}
#main-content .kwyjibo-bottom {height: 20px;margin: 0 0 20px;background-image: url(custom-other8hours/kwyjibo-bottom-background.png);}
#main-content .kwyjibo {height: 1%;padding: 10px 40px;background-image: url(custom-other8hours/kwyjibo-background.png);}
#main-content .kwyjibo h3 {overflow: hidden;height: 1%;margin: 10px 0 0.5em -20px;color: #fff;text-transform: uppercase;font-size: 20px;font-weight: bold;}
#main-content .kwyjibo h3 span {display: block;float: left;padding: 10px 20px;background-color: #f7951c;}
#main-content .kwyjibo h3 span a {color: #fff;}

.chapters {overflow: hidden;margin: 1em 0 2em;}
.chapters dt {clear: both;float: left;width: 75px;height: 33px;margin: 0 15px 10px 0;padding: 15px;text-align: center;font-size: 17px;font-weight: bold;background-color: #eee;border: 1px solid #aaa;}
.chapters dd {height: 35px;margin: 0 0 10px;padding: 15px 0;font-size: 14px;}

/* Available */
#available-now {height: 42px;margin: 0;background-color: #feebae;}
.available-header {float: left;width: 170px;height: 42px;background-color: #f89a28;}
#available-now p {padding: 10px;color: #fff;text-align: center;font-weight: bold;font-family: Verdana;}
#available-now ul {text-align: center;padding: 0px;float: left;margin: 6px 3px 0;}
#available-now li {margin: 0;list-style: none;display: inline;padding: 0 4px;}

#sidebar .available-now-vertical {overflow: hidden;height: 1%;margin: 10px 0;text-align: center;background-color: #feebae;}
#sidebar .available-now-vertical h3 {display: block;margin: 0 0 20px;color: #fff;padding: 8px 0;letter-spacing: 0;font-family: Georgia, Helvetica, sans-serif;font-weight: bold;font-size: 14px;background-color: #f89a28;border: none;}
#sidebar .available-now-vertical ul {margin: 0 0 10px;list-style: none;}
#sidebar .available-now-vertical li {margin: 0;padding: 0 0 10px;}

#footer {margin-top: 0;padding: 10px 0;background: #ffc500;border-top: 1px solid #ff9d29;}
#footer ul {font-size: 14px;}
#footer ul li {float: left;margin-left: 20px;}
#footer ul li a {font-weight: bold;}
#footer a {color: #4d4d4d;}
#footer .facebook a, #footer .twitter a {display: block;padding: 0 0 0 30px;color: #fff;line-height: 24px;}
#footer .facebook a {background: url(custom-other8hours/footer-facebook-background.gif) no-repeat;}
#footer .twitter a {background: url(custom-other8hours/footer-twitter-background.gif) no-repeat;}

#footer2 {margin-top: 0;background-color: #ff9d29;}
#sitecredit {width: 976px;height: 15px;margin: 0 auto;padding: 10px;background-color: #ff9d29;}
#sitecredit a {color: #555;}

/* Contact Form 7 */
div.wpcf7-response-output {padding: 10px 15px;color: #fff;font-weight: bold;}
div.wpcf7-mail-sent-ok {background-color: #f89a28;border: 1px solid #d81;}
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {background-color: #f50;border: 1px solid #e40;}

span.wpcf7-form-control-wrap {position: relative;}
span.wpcf7-not-valid-tip {z-index: 100;position: absolute;left: 10%;top: 60%;width: 200px;padding: 2px 8px;color: #fff;font-size: 10pt;font-weight: bold;background-color: #f50;border: 1px solid #e40;}
span.wpcf7-not-valid-tip-no-ajax {display: block;color: #f00;font-size: 10pt;}
span.wpcf7-list-item {margin-left: 0.5em;}

.wpcf7-display-none {display: none;}
.post img.ajax-loader {margin-left: 10px;padding: 8px 0;vertical-align: middle;border: none;}