/* - - - - - - - - - - - - - - - - - - - - -
Title : Passion Meets Purpose Layout and Style
Author : Reese Spykerman
URL : www.designbyreese.com
Modified : May 9, 2007
- - - - - - - - - - - - - - - - - - - - - */


/********** standard elements **********/
body{
margin: 0;
background: #D6F5FF;
background-image: url(http://passionmeetspurpose.com/site_images/bodybg.gif);
background-repeat: repeat-x;
background-position: bottom left;
font-family: verdana,sans-serif;
font-size: small;
color: #32000C;
}

input,  checkbox, textarea, select {
font-family: verdana,sans-serif;
color:#32000C;
text-align: left;
border:1px solid #D4D4D4;
background-color:#fff;
padding: 2px;
}


a {color:#C40000; font-weight:bold; text-decoration:none;}
a:link {color:#C40000; font-weight:bold; text-decoration:none;}
a:visited {color:#C40000; font-weight:bold; text-decoration:none;}
a:hover {color:#C40000; font-weight:bold; text-decoration: underline;}

.blogsidetext a {color:#32000C; font-weight:normal; text-decoration:none;}
.blogsidetext a:link a {color:#32000C;  text-decoration:none;}
.blogsidetext a:visited {color:#C40000; text-decoration:none; font-weight: normal;}
.blogsidetext a:hover {color:#C40000; text-decoration: underline; font-weight: normal;}

blockquote {
background-color: #f2fcff;
border: 3px double #441111;
padding: 10px;
color: #595145;
font-size: 90%;
}


/********** structural elements (the layout) **********/

#invisibleframe {
width: 775px;
margin: 0 auto 100px auto;
background-color: transparent;
}

#container
{
width: 755px;
margin: 0 auto 160px auto;
background: #fff url(http://passionmeetspurpose.com/site_images/container.jpg) repeat-y;
}

#header {
float: left;
width: 755px;
height: 93px;
background: #fff url(http://passionmeetspurpose.com/site_images/header.jpg) no-repeat;
margin: 0;
padding: 0;
}    

#top {
float: left;
width: 755px;
height: 93px;
background: #fff;
}

.navimage {
float: left;
height: 93px;
background: #fff;
}

#contentbg {
float: left;
width: 755px;
background-repeat: no-repeat;
background-image: url(http://passionmeetspurpose.com/site_images/topcontent.jpg);
}

.contenttext {
float: left;
width: 660px;
padding: 0 0 20px 50px;
}

#contentmain {
float: left;
width: 397px;
padding: 200px 45px 0 0;
margin: 0;
}

#contentmain a{color: #C40000; text-decoration: none;}
#contentmain a:link{color: #C40000;  text-decoration: none;}
#contentmain a:visited {color: #C40000; }
#contentmain a:hover{color: #C40000; text-decoration: underline;}

#sidebar {
float: left;
width: 213px;
padding: 22px 0 0 0;
margin: 0;
}

#bottom {
float: left;
width: 620px;
text-align: center;
}

#footer {
float: left;
width: 755px;
height: 30px;
background: url(http://passionmeetspurpose.com/site_images/footer.jpg) no-repeat;
}

/********** SIDEBAR Layout and Styling ***********/

ul#newsletterlist {
list-style-type: none;
margin: 5px 0 15px 0;
padding: 0;
font-size: 80%;
}

ul#newsletterlist li {
padding: 0 0 5px 0;
}

.sidebg{
width: 213px;
background-repeat: no-repeat;
background-image: url(http://passionmeetspurpose.com/site_images/sidetop.jpg);
}

.sidebox {
width: 213px;
background: transparent url(http://passionmeetspurpose.com/site_images/sidemiddle.jpg) repeat-y;
}

.sideboxbottom {
width: 213px;
height: 20px;
background: transparent url(http://passionmeetspurpose.com/site_images/sidebottom.jpg) no-repeat;
}

.sideboxtext {
color: #737568;
padding: 20px 25px 20px 25px;
}

.homepic {
width: 160px;
height: 220px;
background: transparent url(http://passionmeetspurpose.com/site_images/homepagepic.jpg) no-repeat;
border: 1px solid #470000;
}

.aboutpic {
width: 160px;
height: 240px;
background: transparent url(http://passionmeetspurpose.com/site_images/aboutpagepic.jpg) no-repeat;
border: 1px solid #470000;
}

.picturebookbuzz{
width: 160px;
height: 240px;
background: transparent url(http://passionmeetspurpose.com/site_images/picturebookbuzz.jpg) no-repeat;
border: 1px solid #470000;
}

.pictureo {
width: 160px;
height: 240px;
background: transparent url(http://passionmeetspurpose.com/site_images/pictureo.jpg) no-repeat;
border: 1px solid #470000;
}

.picturei {
width: 160px;
height: 240px;
background: transparent url(http://passionmeetspurpose.com/site_images/picturei.jpg) no-repeat;
border: 1px solid #470000;
}


/********** TEXT Layout and Styling ***********/

h1 {
margin: 0;
padding: 0;
color: #C40000;
}

h2 {
margin: 0;
color: #C40000;
font-size: 110%;
}

h3 {
margin: 0;
color: #C40000;
font-size: 100%;
background: transparent url(http://passionmeetspurpose.com/site_images/redarrow.gif) no-repeat 0 50%;
vertical-align: middle;
padding: 5px 0 5px 30px;
}

h4 {
margin: 0;
color: #C40000;
font-size: 110%;
}

h4.testimonialslink {
margin-bottom: 20px;
font-size: 100%;
}

.resourceheader {
color: #320000;
font-size: 100%;
margin: 0;
}

#header ul {
float: left;
list-style: none;
padding: 75px 5px 0 240px;
font-size: 80%;
margin: 0;
}

#header li {
float: left;
padding: 0 10px 0 0;
margin: 0;
}

#header a{color: #C40000; text-transform: uppercase; font-size: 90%; text-decoration: none;}
#header a:link{color: #C40000; text-transform: uppercase; font-size: 90%; text-decoration: none;}
#header a:visited {color: #C40000;  text-decoration: none;}
#header a:hover{color: #C40000;  border-bottom: 2px solid #2F200F;}

.sidetitle img {border: 0;}

.quotee {
font-size: 80%;
text-transform:  uppercase;
color: #998785;
margin: 0;
font-weight: normal;
}

.quote {
margin-bottom: 3px;
padding: 0;
font-weight: normal;
float: left;
width: 98%;
font-style: italic;
font-family: bookman old style, georgia, times, serif;
line-height: 100%;
color: #407080;
}

.copyright {
font-size: 60%;
color: #200001;
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 20px;
}

.feedbox {
float: left;
background-color: #D6F5FF;
padding: 5px 10px;
border: 1px solid #D4D4D4;
width: 138px;
margin-bottom: 10px;
}

*html .feedbox {
padding-bottom: 0;
}

*html .feedbox p {
margin: 0 0 2px 0;
}

*html #feedsubscribe {
margin: 0;
text-align: center;
}

.newsletterbox {
float: left;
background: #D6F5FF url(/site_images/freecoaching.gif) no-repeat top center;
padding: 105px 10px 5px 10px;
border: 1px solid #D4D4D4;
width: 138px;
margin-bottom: 10px;
}

*html .newsletterbox {
padding-bottom: 0;
}

*html .newsletterbox p  {
margin: 0 0 2px 0;
}

.newsletterradio {
background: none;
border: 0;
padding: 0;
}

.newsletterbox h4 {
text-indent: -9999px;
font-size: 1px;
height: 1px;
display: block;
}

.sidebarextras {
width: 100%; padding-top: 20px; text-align: center;
}

*html #newslettersubmit {
margin-top: 0;
margin-bottom: 0;
text-align: center;
}

.blogtitle {
margin: 0;
padding: 0;
font-weight: normal;
}

.blogbody {
margin-top: -10px;
font-size: 90%;
line-height: 130%;
padding-bottom: 1px;
border-bottom: 1px dotted #C40000;
}

.kamcircle {
float: left;
width: 93px;
height: 96px;
background: transparent url(http://passionmeetspurpose.com/site_images/kamcircle.gif) no-repeat;
padding: 0 5px 5px 0;
}

.posted {
font-size: 80%;
margin-bottom: 40px;
margin-top: 3px;
text-transform: uppercase;
color: #8F8F8F;
font-weight: bold;
}

*html .posted {
margin-top: 0;
}

.blogsidehead {
margin: 0;
padding: 0;
font-weight: normal;
font-size: 100%;
}

#home-page .blogsidehead {
margin-top: 20px;
}

.blogsidetext {
font-size: 80%;
padding: 5px 0 20px 0;
}

.keepreading {
width: 100%;
text-align: center;
display: block;
margin: 0 0 10px 0;
}

.blog-image-right {
float: right;
padding: 5px 0 5px 5px;
}

/************ blog comments styling ************/
#google {
float: left;
width: 100%;
text-align: center;
margin-bottom: 20px;
}

.commentbody {
margin: 20px;
background-color: transparent;
border: 2px solid #D4D4D4;
}

.comments {
}

.comment-body {
background: #fff;
font-size: 11px;
border: 1px solid #D4D4D4;
border-bottom: 0;
margin-bottom: 10px;
}

.comment-body p {
margin: 5px 0 0 0;
padding: 5px 10px;
}

.comment-posted {
background: #D4D4D4;
padding: 10px;
font-size: 10px;
margin: 0 0  10px 0;
border: 1px solid #D4D4D4;
border-top: 3px double #D6F5FF;
text-transform: uppercase;
}

.commentform {
padding: 10px 0 0 0;
font-size: 90%;
}

h4.commentsheader {
font-weight: normal;
margin-bottom: 10px;
text-transform: uppercase;
}

#commentlink {
margin: 0;
padding: 0;
}


/***************** resources **************/

.bookthumb img {
border: 0;
}

.bookthumb {
float: left;
border-bottom: 1px solid #BFBFBF;
border-right: 1px solid #7F7F7F;
margin: 0 10px 10px 0;
}

.bookscategory {
float: left;
width: 400px;
margin-bottom: 10px;
}

.resourcecategory {
float: left;
width: 400px;
margin-bottom: 20px;
}


#resources a, a:link {border: 0;}
#resources a:visited {border: 0;}
#resources a:hover {border: 0;}

/************ testimonials styling ************/
.testimonial p {
margin: 0 0 10px 0;
}

p.testimonialname {
margin: -5px 0 0 0;
padding: 0;
text-transform: uppercase;
font-weight: bold;
}

p.testmoniallocation {
margin: 0 0 30px 0;
padding: 0;
font-size: 80%;
text-transform: uppercase;
}

/********** Buzz Page Styling **********/

#buzz-page .blogbody img {
float: left;
margin: 5px 10px 5px 0;
}

/********** Book Page Styling **********/
#book-page .book_cover_order {
float: left;
margin-right: 20px;
margin-bottom: 3px;
}

#book-page h3 {
background: none;
padding: 5px 0;
}


#book-page #sidebar {
text-align: center;
}

#book-page #sidebar h4 {
margin-bottom: 10px;
}