/* - - - - - - - - - - - - - - - - - - - - -
Title : Kelly DeVere layout and Style
Author : Reese Spykerman
URL : www.designbyreese.com
Created : April 28, 2006
Modified : Sept 20, 2007
- - - - - - - - - - - - - - - - - - - - - */


/* ----- standard ----- */

body {
background: #a5cefa url(http://kellydevere.com/graphics/bgtile.jpg) repeat;
margin: 0;
padding: 0;
font-family: 'Trebuchet MS', Tahoma, Verdana, helvetica, sans-serif;
font-size: small;
color: #000;
}

a {color: #d8b827; text-decoration: none;}
a:link {color: #d8b827;}
a:visited {color: #bf7303;}
a:hover {color: #bf7303; text-decoration: underline;}


input, area, textarea, select {
background-color: #be941e;
border: 1px solid #4e4807;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
font-family: 'Trebuchet MS', Tahoma, Verdana, helvetica;
font-size: 100%;
color: #000;

}

.submit {
border: 1px solid #4e4807;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
}

.checkbox {
background: none;
border: 0;
}


/* ----- layout ----- */

#container {
position: relative;
margin: 0 auto;
background: transparent url(http://kellydevere.com/graphics/container.jpg) repeat-y;
width: 618px;
background-color: #722705;
}

#header {
float: left;
background: transparent url(http://kellydevere.com/graphics/header.jpg) no-repeat top center;
width: 618px;
height: 157px;
}

body#home-page #center {
float: left;
width: 618px;
height: 207px;
background: transparent url(http://kellydevere.com/graphics/centerspring.jpg) no-repeat top center;
}

body#benefits-page #center {
float: left;
width: 618px;
height: 207px;
background: transparent url(http://kellydevere.com/graphics/benefits-tree.jpg) no-repeat top center;
}

body#process-page #center {
float: left;
width: 618px;
height: 207px;
background: transparent url(http://kellydevere.com/graphics/centerfall.jpg) no-repeat top center;
}

body#resources-page #center {
float: left;
width: 618px;
height: 207px;
background: transparent url(http://kellydevere.com/graphics/resources-spa.jpg) no-repeat top center;
}

body#relationshipcounseling-page #center {
float: left;
width: 618px;
height: 207px;
background: transparent url(http://kellydevere.com/graphics/relationships-unity.jpg) no-repeat top center;
}

body#disc-page #center {
float: left;
width: 618px;
height: 207px;
background: transparent url(http://kellydevere.com/graphics/disc-cooperation.jpg) no-repeat top center;
}

body#about-page #center {
float: left;
width: 618px;
height: 207px;
background: transparent url(http://kellydevere.com/graphics/about-cross.jpg) no-repeat top center;
}

#navigation {
position: absolute;
top: 157px;
right: -170px;
width: 175px;
height: 203px;
background-color: #cb9036;
}

#secondaryContent {
float: left;
width: 236px;
}

#primaryContent {
float: right;
margin: 0 0 30px 0;
padding: 0 35px 0 0;
width: 317px;
color: #fffffe;
line-height: 150%;
}

#footer {
clear: both;
}

/* ----- navigation ----- */

ul#menu {
height:203px;
width:175px;
margin:0;
padding:0;
border:0;
background:transparent url(http://kellydevere.com/graphics/navimage.jpg) no-repeat 0 0;
}

ul#menu li {
padding:0;
margin:0;
display:block;
float:left;
text-indent:-9999px;
color: #33383b;
}

ul#menu li a {
border:0;
display:block;
text-decoration:none;
background:transparent url(http://kellydevere.com/graphics/navimage.jpg) no-repeat;
outline: none;
}

li#home a {
width:175px;
height:31px;
padding: 0;
margin: 0;
}

li#relationship-counseling a {
width:175px;
height:30px;
padding: 0;
margin: 0;
}

li#benefits a {
width:175px;
height:29px;
padding: 0;
margin: 0;
}

li#process a {
width:175px;
height:28px;
padding: 0;
margin: 0;
}

li#resources a {
width:175px;
height:28px;
padding: 0;
margin: 0;
}

li#disc a {
width:175px;
height:27px;
padding: 0;
margin: 0;
}

li#about a {
width:175px;
height:30px;
padding: 0;
margin: 0;
}

li#home a:hover {
background-position:0px -203px;
}

li#relationship-counseling a:link, li#relationship-counseling a:visited {
background-position:0px -31px;
}

li#relationship-counseling a:hover {
background-position:0px -234px;
}

li#benefits a:link, li#benefits a:visited {
background-position: 0px -61px;
}

li#benefits a:hover {
background-position: 0px -264px;
}

li#process a:link, li#process a:visited {
background-position: 0px -90px;
}

li#process a:hover{
background-position: 0px -293px;
}

li#resources a:link, li#resources a:visited {
background-position: 0px -118px;
}

li#resources a:hover{
background-position: 0px -321px;
}

li#disc a:link, li#disc a:visited {
background-position: 0px -146px;
}

li#disc a:hover {
background-position: 0px -349px;
}

li#about a:link, li#about a:visited {
background-position: 0px -173px;
}

li#about a:hover {
background-position: 0px -376px;
}


/* active page navigation */

body#home-page ul#menu li#home a {
background-position:0px -203px;
}

body#relationshipcounseling-page ul#menu li#relationship-counseling a {
background-position: 0 -234px;
}

body#benefits-page ul#menu li#benefits a {
background-position: 0 -264px;
}

body#process-page ul#menu li#process a {
background-position:0 -293px;
}

body#resources-page ul#menu li#resources a {
background-position:0 -321px;
}

body#disc-page ul#menu li#disc a {
background-position:0 -349px;
}

body#about-page ul#menu li#about a {
background-position:0 -376px;
}

/* ----- blurb box----- */

#blurbBox {
width: 236px;
margin: 0 0 0 6px;
padding: 0;
background: #fffbee url(http://kellydevere.com/graphics/blurbboxrepeat.gif) repeat-y;
color: #8b2705;
}

#blurbBox p {
margin: 0;
padding: 15px;
font-size: 100%;
line-height: 135%;
}


#blurbBox p strong {
font-weight: bold;
font-size: 130%;
}

#blurbBox p a{
font-weight: bold;
color: #8b2705;
}


body#blog-page #blurbBox a {
color: #5f2206;
}

body#blog-page #blurbBox p {
font-size: 100%;
font-weight: normal;
}

body#blog-page #blurbBox h3 {
margin: 0 0 0 20px;
padding: 10px 0 0 0;
font-size: 140%;
color: #bf7303;
}

body#blog-page #blurbBox ul {
margin: 0 20px 0 20px;
padding: 0 0 20px 0;
list-style: none;
}

body#blog-page #blurbBox li {
margin-bottom: 2px;
list-style: none;
}



#blurbBoxbottom {
margin: 0 0 20px 6px;
padding: 0;
width: 234px;
height: 66px;
background: #fffbee url(http://kellydevere.com/graphics/blurbboxbottom.gif) no-repeat;
}

/* ----- secondary box----- */

.secondaryBox {
background-color: #752505;
width: 232px;
margin: 0 0 0 6px;
border: 1px solid #8f840c;
border-left: 1px solid #4e4807;
border-bottom: 1px solid #4e4807;
}

p.quote {
padding: 15px 15px 0 15px;
font-size: 110%;
color: #FFFBEF;
margin: 0;
}

p.quotee {
margin: 0;
padding: 0 15px 15px 15px;
font-size: 110%;
color: #94BFF4;
}

/* ----- primary content styling ----- */

#primaryContent b {
font-size: 110%;
}

#primaryContent h2 {
font-size: 140%;
margin: 10px 0 10px 0;
padding: 0;
color: #94BFF4;
text-transform: capitalize;
}

#primaryContent ul {
margin: 25px 0 0 0;
padding: 0 0 0 0;
list-style: none;
}

#primaryContent li {
background: url(http://kellydevere.com/graphics/bullet.gif) no-repeat 0 20%;
padding-left: 47px;
margin-bottom: 10px;
}

.benefitsbox {
background: #94BFF4 url(http://kellydevere.com/graphics/blueboxbg.jpg) repeat-x ;
color: #722705;
border: 1px solid #4e4807;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
padding: 10px;
}

.benefitsbox p {
margin: 0;
padding: 0;
}

.benefitsbox p:first-letter {
font-size: 120%; 
font-weight: bold;
color: #5f2206;
}

.benefitsbox h3 {
margin: 0 0 5px 0;
padding: 0;
border-bottom: 1px solid #fff;
text-transform: uppercase;
color: #5f2206;
}

p.posted {
color: #94BFF4;
margin: 0 0 40px 0;
padding: 0;
border-top: 1px solid #a3310a;
}

.copyright {
text-align: center;
padding: 5px 0 5px 0;
margin: 0 6px 0 6px;
background: #5f2206;
font-size: 90%;
border-top: 1px solid #8f840c;
color: #fffffe;
}

h2.credits {
font-size: 100%;
font-weight: normal;
margin: 0;
padding: 0;
display: inline;
}

/* resources*/


body#resources-page #primaryContent ul {
margin: 0 0 20px 0;
padding: 0 0 0 0;
list-style: none;
}


body#resources-page #primaryContent li {
background: url(http://kellydevere.com/graphics/bullet.gif) no-repeat 0 20%;
padding-left: 47px;
margin-bottom: 0;
}

body#resources-page #primaryContent h3 {
margin: 0 0 5px 0;
padding: 0;
border-bottom: 1px solid #bf7303;
text-transform: uppercase;
font-size: 110%;
}

p.bookthumb {
float: left;
width: 60px;
height: 120px;
padding: 0 40px 10px 0;
margin: 0;
}

p.bookthumb img {
background: #b0d4fb;
padding: 3px;
border: 1px solid #fff;
}


#websites {
clear: both;
padding-top: 10px;
}



/* comments */

.comment {
background: #94BFF4 url(http://kellydevere.com/graphics/blueboxbg.jpg) repeat-x ;
padding: 15px 15px 10px 15px;
color: #5f2206;
border: 1px solid #94BFF4 ;
}

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

p.commentposted {
margin: 0 0 20px 0;
padding: 5px 0 5px 15px;
background-color: #5f2206;
font-size: 90%;
border: 1px solid #94BFF4 ;
border-top: 0;
}

/* extras */

.kellyphoto {
float: left;
width: 317px;
text-align: center;
margin: 10px 0;
padding: 0 0 2px 10px;
}