/*
Theme Name: Choose On Purpose
Theme URI: http://www.chooseonpurpose.com/
Description: The WordPress theme for chooseonpurpose.com, child theme of twentyten.
Author: Dossy Shiobara
Template: twentyten
Version: 1.0
*/

@import url(../twentyten/style.css);

body {
    margin: 0;
    padding: 0;
    background: #8FC757 url(images/greenback.gif) repeat-x 0 0;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
}

a:link, a:visited, a:active {
    color: #009BE3;
    text-decoration: none;
}
a:hover {
    color: #FFF; 
    background: #009BE3;
    text-decoration: none;
}

.left {
    float: left;
}

.photocaption {
    margin: 0 0 15px 0;
}
.photocaption span {
    display: block;
    margin: 0px;
    padding: 0px;
    color: #808080;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
    font-size: 10px;
    line-height: 14px;
}
.photo {
    margin: 0;
    padding: 7px;
    background: #F6F6F6;
    border: 1px solid #DEDEDE;
}

ul.plain {
    list-style-type: none;
}
ul.plain li {
    padding: inherit;
    background: inherit;
}

#wrapper {
    width: 975px;
    margin: 20px auto;
    padding: 0;
    background: #FFF;
}

#header {
    padding: 0;
}

#first-header,
#footer-widget-area #fourth {
    color: #FFF;
}
#first-header {
    background: #8FC757;
}
#footer-widget-area #fourth {
    background: #529342;
}
#first-header a:link,
    #first-header a:visited,
    #first-header a:hover,
    #first-header a:active,
    #footer-widget-area #fourth a:link,
    #footer-widget-area #fourth a:visited,
    #footer-widget-area #fourth a:hover,
    #footer-widget-area #fourth a:active
{
    color: #FFF;
}
#first-header ul,
#footer-widget-area #fourth ul {
    width: 925px;
    height: 35px;
    margin: 0 auto;
    padding: 5px 0 0 0;
    list-style-type: none;
}
#first-header ul li,
#footer-widget-area #fourth ul li {
    display: inline;
    padding-right: 20px;
}
#first-header ul li.last,
#footer-widget-area #fourth ul li.last {
    padding-right: 0;
}

#branding, #access {
    float: left;
}

#branding {
    width: auto;
    margin: 0;
}
#site-title {
    float: none;
    width: auto;
    margin: 0;
}
#site-title a {
    display: block;
    width: 275px;
    height: 135px;
    background: transparent url(images/logo.gif) no-repeat 0 0;
    text-indent: -9999px;
}
#site-description {
    display: none;
}

#access {
    width: auto;
    margin: 0;
    background: transparent;
}
#access .skip-link {
    display: none;
}
#access .menu-header {
    width: auto;
    margin: 0 0 0 115px;
}
#access ul.menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#access ul.menu li {
    display: inline;
    margin: 0 15px 0 0;
    padding: 50px 6px 5px 10px;
    color: #999;
    border-left: 1px dashed #CCC;
    font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#access a:link,
    #access a:visited,
    #access a:hover,
    #access a:active
{
    padding: 5px 6px;
    color: #999;
    font-size: 14px;
    line-height: 16px;
}
#access ul li.current_page_item > a,
    #access ul li.current-menu-ancestor > a,
    #access ul li.current-menu-item > a,
    #access ul li.current-menu-parent > a
{
    color: inherit;
}
#access li:hover > a,
    #access ul ul :hover > a
{
    color: #FFF !important;
    background: #88C456;
}
    
#main {
    width: inherit;
    padding: 0;
    clear: left;
}

#container {
    float: right;
    width: 450px;
    min-height: 500px;
    margin: 0 300px 0 0;
}
body.page.home #container {
    float: inherit;
    width: 650px;
    margin: 0 50px;
}

body.page.home #primary {
    display: none;
}
#leftnav, #primary {
    position: absolute;
    top: 225px;
    width: 140px;
    margin: 0;
    padding: 50px 0 0 50px;
}
#leftnav h5,
    #primary h5
{
    width: 125px;
    height: 35px;
    text-indent: -9999px;
}
#leftnav h5.text {
    width: inherit;
    height: inherit;
    color: #999;
    font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-indent: inherit;
}
#leftnav h5.about {
    background: transparent url(images/sidetitle_about.gif) no-repeat 0 0;
}
#leftnav h5.help-me {
    background: transparent url(images/sidetitle_help.gif) no-repeat 0 0;
}
#leftnav h5.author {
    background: transparent url(images/sidetitle_author.gif) no-repeat 0 0;
}
#leftnav h5.book {
    background: transparent url(images/sidetitle_book.gif) no-repeat 0 0;
}
#leftnav h5.media {
    background: transparent url(images/sidetitle_media.gif) no-repeat 0 0;
}
#leftnav h5.contact {
    background: transparent url(images/sidetitle_contact.gif) no-repeat 0 0;
}
#primary h5.blog {
    background: transparent url(images/sidetitle_blog.gif) no-repeat 0 0;
}

#leftnav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#leftnav ul li {
    padding: 5px 0;
    font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
}
#leftnav ul li.indent {
    font-size: 12px;
    line-height: 14px;
    padding-left: 15px;
}
#leftnav a:link,
    #leftnav a:visited,
    #leftnav a:active
{
    color: #999;
    background: transparent;
}
#leftnav a:hover {
    color: #FFF;
    background: #88C456;
}

#content {
    margin: 0;
}
.entry-title a:link,
    .entry-title a:visited,
    .entry-title a:hover,
    .entry-title a:active,
    #content .entry-title,
    #content h2,
    #content h3
{
    margin: 0px;
    color: #64A54C;
    font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
}
.entry-title a:hover {
    color: #FFF;
    background-color: #64A54C;
}
#content .entry-title {
    margin: 0;
    padding: 0;
    font-size: 28px;
    line-height: 1.1;
}
#content h2.entry-title {
    float: left;
    margin: -56px 0 0 55px;
}
body.page.home #content .entry-title {
    width: 500px;
    height: 52px;
    background: transparent url(images/headline_commonground.gif) no-repeat 0 0;
    text-indent: -9999px;
}
.entry-meta {
    font-size: 14px;
}
.entry-meta a:hover,
    .entry-utility a:hover
{
    color: #FFF;
    background-color: #009BE3;
    text-decoration: none;
}
.entry-date {
    display: block;
    width: 3.5em;
    border: 1px solid #999; 
    font-family: Georgia, "Times New Roman", serif; 
    font-size: 12px;
    line-height: 1; 
}
.entry-date span {
    display: block;
    text-align: center;
}
.entry-date .entry-month {
    padding-top: 0.3em;
    text-transform: uppercase;
}
.entry-date .entry-day {
    font-size: 1.2em;
}
.entry-date .entry-year {
    margin-top: 0.3em;
    padding: 0.3em 0;
    color: #FFF;
    background-color: #009BE3;
}
#content h2 {
    padding: 5px 0px 7px;
    font-size: 21px;
}
body.page.home #content h2 a:link,
    body.page.home #content h2 a:visited,
    body.page.home #content h2 a:active
{
    color: #64A54C;
}
body.page.home #content h2 a:hover {
    color: #FFF;
    background-color: #64A54C;
}
#content h3 {
    padding: 0px 0px 5px;
    font-size: 16px;
}
#content h5 {
    margin: 0px;
    padding: 0px 0px 5px;
    color: #666;
    font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
}
#content h5.for {
    margin: 0px;
    padding: 0px;
    color: #64A54C;
    font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
}
body.page.home #content h5 {
    margin: 0px;
    padding: 0px 0px 5px;
    color: #858585;
    font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 15px;
    text-transform: uppercase;
}
#content p,
    #content li
{
    margin: 0px;
    color: #646363;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.34;
}
body.page.home #content p {
    color: #575757;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial, Verdana, sans-serif;
    font-size: 13px;
    line-height: 21px;
}
#content p {
    padding: 0px 0px 17px;
}
#content p.callout {
    margin: 10px 15px 25px 25px;
    padding: 5px 0px 5px 13px;
    color: #858585;
    font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, arial, sans-serif;
    font-size: 17px;
    line-height: 27px;
    border-left: 2px solid #E7E7E7;
}
#content img.photo.left {
    margin: 5px 13px 7px 0px;
}
#content ul {
    margin: 0 0 18px 0;
    list-style-type: none;
}
#content ul ul {
    margin: 10px 0 0 0;
    padding: 0 0 0 20px;
    list-style-type: disc;
}
#content ul li {
    padding: 0 0 7px 20px;
    background: transparent url(images/gear.gif) no-repeat 0 2px;
}
#content ul.plain li {
    padding: 0;
    background: transparent;
}
#content ul ul li {
    padding: 0 0 7px 0;
    background: transparent;
}
#content ul.green {
    list-style-type: none;
}
#content ul.green li {
    padding: 0 0 7px 20px;
    background: transparent url(images/gear-green.gif) no-repeat -25px -2px;
}
#content ul.columns {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}
#content ul.columns > li {
    float: left;
    width: 200px;
    padding: 0 25px 0 0;
    background: inherit;
}
body.page.home #content ul.columns > li p {
    font-size: 11px;
    line-height: 17px;
}
#content ul.columns li.last {
    padding: 0;
}
#content ol.decimal {
    margin: 0 0 0 30px;
}
#content ol.decimal li {
    padding-bottom: 5px;
}
#content ol.decimal li a:link,
    #content ol.decimal li a:visited,
    #content ol.decimal li a:active
{
    color: #64A54C;
}
#content ol.decimal li:hover > a {
    color: #FFF;
    background-color: #009BE3;
}

#secondary {
    position: absolute;
    top: 225px;
    width: 200px;
    margin-left: 725px;
}
#secondary.widget-area a:hover {
    text-decoration: none;
}
#secondary ul,
    #main #secondary ul
{
    margin: 0;
    padding: 0;
}
#secondary .bubble01 {
    width: 200px;
    background: #88C456 url(images/divbtm01.gif) no-repeat 0 100%;
}
#secondary .bubble01 h3 {
    margin: 0;
    padding: 13px 0 0 0;
    background: transparent url(images/divtop01.gif) no-repeat 0 0;
}
#secondary .bubble01 p,
    #secondary .entry .bubble01 p
{
    margin: 0;
    padding: 0 13px 13px 13px;
    color: #FFF;
    font-family: Georgia, sans-serif;
    font-size: 17px;
    line-height: 27px;
}
#secondary .testimonial01 {
    float: left;
    width: 200px;
    margin: 0;
    padding: 0 0 10px 0;
    background: transparent url(images/divspeak01.gif) no-repeat 0 0;
    list-style-type: none;
}
#secondary .testimonial01 .name {
    margin: 5px;
    padding: 40px 10px 15px 0px;
    color: #75BA55;
    font-family: 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
    text-align: right;
}
#secondary .bubble02 {
    width: 200px;
    background: #EEE url(images/divbtm02.gif) no-repeat 0 100%;
    clear: left;
}
#secondary .bubble02 h3 {
    margin: 0;
    padding: 13px 0 0 0;
    background: transparent url(images/divtop02.gif) no-repeat 0 0;
}
#secondary .bubble02 p {
    margin: 0;
    padding: 0 13px 13px 13px;
    color: #575757;
    font-family: Georgia, sans-serif;
    font-size: 17px;
    line-height: 27px;
}
body.page.home #secondary .bubble02 p {
    font-size: 15px;
    line-height: 25px;
}
#secondary .testimonial02 {
    float: left;
    width: 200px;
    margin: 0;
    padding: 0 0 10px 0;
    background: transparent url(images/divspeak02.gif) no-repeat 0 0;
    list-style-type: none;
}
#secondary .testimonial02 .name {
    margin: 5px;
    padding: 40px 10px 15px 0px;
    color: #575757;
    font-family: 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 14px;
    text-align: right;
}
#secondary .entry {
    margin-bottom: 60px;
}
#secondary .entry h3 {
    margin: 0px;
    padding: 5px 0px 10px;
    color: #5C9746;
    font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
}
#secondary .entry p {
    color: #858585;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
}
#secondary .entry p.small {
    font-size: 11px;
    line-height: 15px;
}
#secondary .entry ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#secondary .entry ul li {
    padding-bottom: 15px;
    font-size: 13px;
    line-height: 15px;
}
#secondary .caption {
    margin-bottom: 60px;
}
#secondary .caption span {
    display: block;
    margin: 0px;
    padding: 0px;
    color: #999;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
    font-size: 10px;
    line-height: 13px;
}
#secondary .buybook {
    margin-bottom: 60px;
}
#secondary .buybook .photo {
    margin-bottom: 10px;
}
#secondary .buybook ul,
    #content ul.buybook
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#secondary .buybook ul li,
    #content ul.buybook li
{
    float: left;
}
#secondary .buybook a:link,
    #secondary .buybook a:visited,
    #secondary .buybook a:hover,
    #secondary .buybook a:active,
    #content ul.buybook a:link,
    #content ul.buybook a:visited,
    #content ul.buybook a:hover,
    #content ul.buybook a:active
{
    color: #C36;
    text-decoration: none;
}
#secondary .buybook li:hover > a,
    #content ul.buybook li:hover > a
{
    color: #FFF;
    background-color: #C36;
}

#footer {
    margin-top: 40px;
    margin-bottom: inherit;
    clear: both;
}
#colophon {
    width: inherit;
    margin: inherit;
    padding: inherit;
    border: inherit;
}

#footer-widget-area .widget-area {
    float: inherit;
    width: inherit;
    margin-right: inherit;
}

#second ul.xoxo {
   padding: 0;
   list-style-type: none; 
}
#second ul.menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
#second ul.menu li {
    display: inline;
    margin: 0 10px 0 0;
    padding: 0 6px 0 10px;
    font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
}
#second a:link,
    #second a:visited,
    #second a:hover,
    #second a:active
{
    padding: 5px 6px;
    color: #999;
    text-decoration: none;
}
#second li:hover > a {
    color: #FFF;
    background: #88C456;
}

#footer-widget-area #third ul {
    padding: 0;
    list-style-type: none;
}
#footer-widget-area #third ul li {
    color: #999;
    font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-align: center;
}

#site-info,
#site-generator {
    display: none;
}

/*
 * Page-specific styles:
 */

/* Home */
body.page.home #content .left {
    margin: 5px 13px 0px 0px;
}

body.page.home #content h4 {
    width: 200px;
    height: 35px;
    margin: 0;
    color: #64A54C;
    font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 18px;
}
body.page.home h4.thebook {
    background: transparent url(../../../wp-content/uploads/2010/08/title_thebook.gif) no-repeat 0 0;
    text-indent: -9999px;
}
body.page.home h4.truestory {
    background: transparent url(../../../wp-content/uploads/2010/08/title_truestory.gif) no-repeat 0 0;
    text-indent: -9999px;
}

body.page.home #upcoming h3,
    body.page.home #sampler h3
{
    color: #64A54C;
    font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    margin: 0px;
    padding: 0px 0px 5px;
}
body.page.home #upcoming {
    float: left;
    width: 425px;
}
body.page.home #upcoming h4 {
    width: 200px;
    height: 35px;
    margin: 0;
    text-indent: -9999px;
}
body.page.home #upcoming h4.events {
    background: transparent url(../../../wp-content/uploads/2010/08/title_upcomingevents.gif) no-repeat 0 0;
}
body.page.home #upcoming ul.plain {
    margin: 20px 20px 0 0;
}
body.page.home #sampler {
    float: left;
    width: 450px;
}
body.page.home #sampler ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
body.page.home #sampler ul li {
    float: left;
    padding: 0;
    background: inherit;
}

/* Our Team */
.page-id-48 #content .photo {
    margin: 5px 13px 7px 0px;
}

/* GPS, Coaching Programs */
.page-id-57 #content .left,
.page-id-86 #content .left
{
    margin: 5px 13px 7px 0px;
}

/* What's in it for You? */
.page-id-126 #secondary .entry ul {
    list-style-type: disc;
}
.page-id-126 #main #secondary ul {
    margin: 0 0 0 20px;
}

/* Independent Bookshops */
.page-id-168 #content h1.entry-title,
.page-id-450 #content h1.entry-title
{
    width: 200px;
    height: 209px;
    margin-left: 100px;
    background: transparent url(../../../wp-content/uploads/2010/08/indiebound_org_small.jpg) no-repeat 0 0;
    text-indent: -9999px;
}