/***** rebekajdesigns.com ***** Charles Kiblinger ***** June 2007 *****/

/***** Global Settings *****/
 
html, body {
border: 0;
margin: 0px 0px 0px 0px;
padding: 0;
}

body {
font-family: "OldStyle 1 HPLHS", "OldStyle 1", Georgia,  "Adobe Garamond",  "AGaramond", Times, serif;
font-size: 1em;
/*Verdana, Trebuchet, Helvetica, Arial, sans-serif*/
background-color: #bfbfbf;
}

/***** Common Formatting *****/
a, a:hover {
border: 0;
text-decoration: none;
}
 
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
}
 
h1 {
padding: 30px 0px 25px 0px;
letter-spacing: -1px;
font-size: 2em;
}
 
h2 {
padding: 20px 0px 20px 0px;
letter-spacing: -1px;
font-size: 1.5em;
}
 
h3 {
font-size: 1em;
font-weight: bold;
}

p {
margin: 10px 0px 10px 10px;
padding: 0px 0px 0px 10px;
}
 
/*ul, ol {
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 20px;
}*/
  
img {
border: 0;
}
 
table, tr, td {
border: 0;
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0px;
}
 
 
.spacer { 
clear: both; 
padding: 0; 
margin: 0;
line-height: 1px;
font-size: 1px; /* **** MAKES IT STAY SMALL EVERYWHERE **** */
}

.spacer200 { 
clear: both; 
padding: 0; 
margin: 0;
line-height: 200px;
font-size: 200px; /* **** MAKES IT STAY SMALL EVERYWHERE **** */
}


.text-left     { text-align: left; }
.text-right    { text-align: right; }
.text-center   { text-align: center; }
.text-justify  { text-align: justify; }
.spaced        { word-spacing: 70px; font-size: 1.3em;}
.float-right {float: right;}
.float-left {float: left;}
.clear-right {clear: right;}
.clear-left {clear: left;}

.pull-left {
margin-left: -250px;
}

p.spaced span {
font-family: sans-serif;
font-size: 1.3em;
}

p.credit {
font-size: 0.75em;
margin: 0;
padding: 0px 10px 0px 0px;
}

.credit a { color: yellow; }
.credit a:hover { color: red; }


p.back {
text-align: center;
margin: 0px 0px 15px 0px;
padding: 0;
}

body.jeanette-shannon p.back {
margin-bottom: 25px;
}

/***** common structural elements *****/

#wrapper {
width: 900px;
padding: 0px;
margin: 5px auto 5px auto;
}

#content {
width: 100%;
/*border: 1px solid red;*/
}

#head {
float: left;
margin-left: 255px;
}

#box {
margin-left: 40px;
}

#box img {
float: left;
margin-left: 30px;
}

#amy-phil-box {
margin: 0px 0px 0px 120px;
}

body.amy-phil #bottom {
width: 650px;
margin: 0px 90px 0px 90px; 
color: #E4C3A8;
border: 0px solid red;
}

#vert-pics {
float: left;
width: 280px;
margin: 0px 0px 0px 60px;
}

#js-head img {
float: left;
margin-left: 60px;
margin-top: 60px;
}

#js-head img.pull-left {
margin-left: -90px;
margin-top: 10px;
}

body.jeanette-shannon table tr td p {
text-align: center;
margin: 20px 40px 0px 40px;
padding: 0;
color: #6C5635;
}

body.jeanette-shannon table tr td img {
margin: 0px 40px 0px 0px;
padding: 0;
}

/*#js-bottom {
color: #6C5635;
margin-left: 60px;
margin-right: 60px;
width: 700px;
border: 1px solid red;
}

#js-text {
float: left;
text-align: center;
width: 300px;
border: 1px solid blue;
padding: 0;
margin: 0;
}

#js-img {
margin: 20px 50px 0px 40px;
border: 1px solid green;
float: left;
width: 300px;
}*/

#rd-head p {
text-align: center;
margin-top: 0px;
}

#rd-top img {
float: left;
margin-left: 50px;
}

#rd-bottom {
margin-top: 20px;
margin-left: 60px;
margin-right: 60px;
}

#rd-bottom img {
float: left;
}

#rd-bottom p {
margin-right: 30px;
margin-top: 0px;
color: #44431A;
}

#textbox {
width: 360px;
float: left;
}

#sc-box {
margin: 20px 60px 20px 60px;
color: #6C5635;
}

#sc-text, #sc-pic {
float: left;
}

#sc-text {
width: 300px;
}

#sc-pic {
width: 450px;
}

#sc-bottom {
width: 500px;
margin-left: 160px;
color: #6C5635;
}




body.weddings a {
color: #977347;
}

body.semi-custom a {
color: #541B0A;
}

body.weddings a:hover, body.semi-custom a:hover {
color: #893521;
}


body.amy-phil a {
color: #DFCF81; /*#7b6c20;*/
}

body.amy-phil a:hover {
color: #CD864C;
}

body.jeanette-shannon a {
color: #977347;
}

body.jeanette-shannon a:hover {
color: #A0634B;
}

body.rebekah-daniel a {
color: #A08A48;
}

body.rebekah-daniel a:hover {
color: #9E475D;
}


body.erin-zach a {
color: #3C290C;
}

body.erin-zach a:hover {
color: #9DCBBE;
}






body.art {
color: #6C5635;
}

body.art p.info {
margin-left: -515px;
margin-top: -40px;
}

body.art p.info a {
color: #6C5635;
}

body.art p.info a:hover {
color: #9dcabd;
}

#aj-top {
width: 500px;
margin-left: 60px;
}

#aj-mid {
margin-top: -10px;
margin-left: 30px;
}



/*body.art ul {
list-style: none;
text-align: center;
margin-right: 25px;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

body.art li {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 11px;
}*/

body.art table tr td.list p {
text-align: center;
padding: 0;
margin: 0px 25px 2px 10px;
font-weight: normal;
font-size: 11px;
}

body.semi-custom #star-button {
margin-left: 500px;
margin-top: -120px;
width: 200px;
border: 0px solid red;
}

body.home p {
color: #574D30;
margin-top: 50px;
font-size: 1.25em;
}

body.home #top-bar {
width: 100%;
line-height: 30px;
background-image: url(images/home-top.jpg);
background-position: top center;
background-repeat: no-repeat;
}

body.home #bottom-bar {
width: 100%;
line-height: 30px;
background-image: url(images/home-bottom.jpg);
background-position: bottom center;
background-repeat: no-repeat;
}

body.home #container {
width: 100%;
margin: 0 auto;
background-image: url(images/home-field.jpg);
background-repeat: repeat-y;
}

body.semi-custom #top-bar {
width: 100%;
line-height: 30px;
background-image: url(images/semi-custom-top.jpg);
background-position: top center;
background-repeat: no-repeat;
}

body.semi-custom #bottom-bar {
width: 100%;
line-height: 30px;
background-image: url(images/semi-custom-bottom.jpg);
background-position: bottom center;
background-repeat: no-repeat;
}

body.semi-custom #container {
width: 100%;
margin: 0 auto;
background-image: url(images/semi-custom-field.jpg);
background-repeat: repeat-y;
}

body.art #top-bar {
width: 100%;
line-height: 30px;
background-image: url(images/art-top.jpg);
background-position: top center;
background-repeat: no-repeat;
}

body.art #bottom-bar {
width: 100%;
line-height: 30px;
background-image: url(images/art-bottom.jpg);
background-position: bottom center;
background-repeat: no-repeat;
}

body.art #container {
width: 100%;
margin: 0 auto;
background-image: url(images/art-field.jpg);
background-repeat: repeat-y;
}







body.jeanette-shannon {
background-image: url(images/jeanette-shannon-feather-bg.png);
background-color: #fffffd;
background-repeat: repeat;
}

body.jeanette-shannon #container {
width: 100%;
margin: 0px auto 50px auto;
}

body.jeanette-shannon #content {
width: 856px;
margin: 0 auto;
background: #9dcbbe;
border: 5px solid #a08c4b;
}



body.rebekah-daniel #top-bar {
width: 100%;
line-height: 30px;
background-image: url(images/rebekah-daniel-top.png);
background-position: top center;
background-repeat: no-repeat;
}

body.rebekah-daniel #bottom-bar {
width: 100%;
line-height: 30px;
background-image: url(images/rebekah-daniel-bottom.png);
background-position: bottom center;
background-repeat: no-repeat;
}

body.rebekah-daniel #container {
width: 100%;
margin: 0 auto;
background-image: url(images/rebekah-daniel-field.png);
background-repeat: repeat-y;
}

body.rebekah-daniel #content {
width: 856px;
margin: 0 auto;
background-image: url(images/rebekah-daniel-circles.png);
background-repeat: repeat-y;
}

body.rates #top-bar, body.contact #top-bar {
width: 100%;
line-height: 30px;
background-image: url(images/rates-top.jpg);
background-position: top center;
background-repeat: no-repeat;
}

body.rates #bottom-bar, body.contact #bottom-bar {
width: 100%;
line-height: 30px;
background-image: url(images/rates-bottom.jpg);
background-position: bottom center;
background-repeat: no-repeat;
}

body.rates #container, body.contact #container {
width: 100%;
margin: 0 auto;
background-image: url(images/rates-field.jpg);
background-repeat: repeat-y;
color: #9dcabd;
font-family: "OldStyle 1 HPLHS", "OldStyle 1", Georgia,  "Adobe Garamond",  "AGaramond", Times, serif;
font-size: 1em;
}

body.contact p {
background: transparent;
font-family: Georgia, Impact, Verdana, sans-serif;
color: #231F20;
letter-spacing: 0.05em;
margin-bottom: 20px;
}

body.contact #main {
margin: 0px 100px 50px 100px;
}

body.contact p.info {
margin-right: 120px;
}

body.contact p.info a {
color: #231F20;
font-family: "OldStyle 1 HPLHS", "OldStyle 1", Georgia,  "Adobe Garamond",  "AGaramond", Times, serif;
}

body.contact p.info a:hover {
color: #9DCABD;
}




body.erin-zach #top-bar {
width: 100%;
line-height: 30px;
background-image: url(images/erin-zach-top.png);
background-position: top center;  
background-repeat: no-repeat;
}

body.erin-zach #bottom-bar {
width: 100%;
line-height: 30px;
background-image: url(images/erin-zach-bottom.png);
background-position: bottom center;  
background-repeat: no-repeat;
}

body.erin-zach #container {
width: 100%;
margin: 0 auto;
background-image: url(images/erin-zach-field.png);
background-repeat: repeat-y;
}

body.erin-zach #content {
width: 856px;
margin: 0 auto;
background-image: url(images/erin-zach-flowers2.png);
background-repeat: repeat-y;
}

body.erin-zach p {
margin: 40px 10% 0px 10%;
color: #462B21;
}

body.erin-zach p.back {
margin: 0px 0px 15px 0px;
padding: 0;
}

body.erin-zach img.float-right {
margin-left: 30px;
}





body.weddings #top-bar {
width: 100%;
line-height: 30px;
background-image: url(images/weddings-top.png);
background-position: top center;  
background-repeat: no-repeat;
}

body.weddings #bottom-bar {
width: 100%;
line-height: 30px;
background-image: url(images/weddings-bottom.png);
background-position: bottom center;  
background-repeat: no-repeat;
}

body.weddings #container {
width: 100%;
margin: 0 auto;
background-image: url(images/weddings-field.png);
background-repeat: repeat-y;
}

body.weddings #content {
width: 856px;
margin: 0 auto;
background-image: url(images/weddings-flowers.png);
background-repeat: no-repeat;
}

body.weddings p {
margin: 0px 10% 0px 10%;
color: #462B21;
}




body.amy-phil #wrapper {
background-color: #6d7372;
}

body.amy-phil #top-bar {
width: 100%;
line-height: 30px;
background-image: url(images/amy-phil-top.png);
background-position: top;
background-repeat: no-repeat;
}

body.amy-phil #bottom-bar {
width: 100%;
line-height: 30px;
background-image: url(images/amy-phil-bottom.png);
background-position: bottom;
background-repeat: no-repeat;
}

body.amy-phil #content {
width: 844px;
margin: 0 auto;
background-image: url(images/amy-phil-flowers.gif); /* png I made is screwy */
background-repeat: no-repeat;
}

body.amy-phil #container {
width: 100%;
margin: 0 auto;
background-image: url(images/amy-phil-field.png);
background-repeat: repeat-y;
}






body.amy-phil img.portrait {
background: #6C5635;
padding: 5px;
border: 1px solid #CADB2A;
}

body.erin-zach img.portrait {
background: #423419;
padding: 5px;
border: 1px solid #F9F7E5;
}



#footer {
width: 850px;
margin-left: 12px;
}

body.home #footer, 
body.rates #footer, 
body.art #footer,
body.semi-custom #footer {
margin-left: 35px;
}


#footer img {
width: 160px; 
height: 110px;
display: block;
}

.button {
width: 165px;
float: left;
}

.button a, .button a:hover {
display: block;
padding: 0;
margin: 0;
}

#home-button a {
background-repeat: no-repeat;
background-image: url(images/home-up.png);
}

#home-button a:hover {
background-repeat: no-repeat;
background-image: url(images/home-down.png);
}

#weddings-button a {
background-repeat: no-repeat;
background-image: url(images/wedding-up.png);
}

#weddings-button a:hover {
background-repeat: no-repeat;
background-image: url(images/wedding-down.png);
}

#art-button a {
background-repeat: no-repeat;
background-image: url(images/art-up.png);
}

#art-button a:hover {
background-repeat: no-repeat;
background-image: url(images/art-down.png);
}

#contact-button a {
background-repeat: no-repeat;
background-image: url(images/contact-up.png);
}

#contact-button a:hover {
background-repeat: no-repeat;
background-image: url(images/contact-down.png);
}

#rates-button a {
background-repeat: no-repeat;
background-image: url(images/rates-up.png);
}

#rates-button a:hover {
background-repeat: no-repeat;
background-image: url(images/rates-down.png);
}

body.weddings #star-button {
width: 200px;
float: left;
margin-left: 40px;
}

#star-button a, #star-button a:hover {
display: block;
padding: 0;
margin: 0;
}

#star-button img {
width: 180px;
height: 180px;
}

#star-button a {
background-repeat: no-repeat;
background-image: url(images/order-star-dark.png);
}

#star-button a:hover {
background-repeat: no-repeat;
background-image: url(images/order-star-light.png);
}

body.home #home-button a {
background-repeat: no-repeat;
background-image: url(images/home-down.png);
}

body.weddings #weddings-button a {
background-repeat: no-repeat;
background-image: url(images/wedding-down.png);
}

body.art #art-button a {
background-repeat: no-repeat;
background-image: url(images/art-down.png);
}

body.contact #contact-button  a {
background-repeat: no-repeat;
background-image: url(images/contact-down.png);
}

body.rates #rates-button a {
background-repeat: no-repeat;
background-image: url(images/rates-down.png);
}


#preload img {
position: absolute;
top: -2000px;
height: 0px;
width: 0px;
visibility: hidden;
}

body.rates h1 {
font-size: 1.6em;
font-weight: bold;
margin-left: 40px;
margin-right: 40px;
text-transform: uppercase;
}

body.rates h2 {
font-size: 1.2em;
font-weight: bold;
margin-left: 40px;
margin-right: 40px;
text-transform: uppercase;
}

body.rates h2.underline {
text-decoration: underline;
}

body.rates p {
margin-left: 40px;
margin-right: 40px;
}

body.rates ul {
list-style-type: disc;
margin: 5px 40px 5px 100px;
padding: 0;
font-style: italic;
}

body.home #content p {
text-align: center;
}

body.contact #footer {
margin-left: 35px;
}


#wedding-image {
margin: 0px 0px 0px 10%;
padding: 0px;
}

.lame {
font-family: Arial, arial;
}