html, body {
        margin: 0;
        padding: 0;
        }


body {
margin: 0;
padding: 0;
text-align: center;
font-family: verdana;
color: #555555;
font-size: 11px;
line-height:18px;
background-color: #acacac;
}

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

#banner1 {
width: 900px;
height: 115px;
margin: 0 auto;
padding: 0;
text-align: center;
background: url(images/banner1.jpg) no-repeat;
}

#wrapper2 {
width: 900px;
margin: 0 auto;
padding: 0;
text-align: center;
background: url(images/bodybg.jpg) repeat-y;
}

#content {
width: 850px;
margin: 0 auto;
padding: 0;
text-align: left;
}


#leftcol {
width: 170px;
float: left;
padding: 0;
margin: 0;
}

#rightcol {
width: 645px;
float: right;
margin: 0;
padding-right: 15px;
}


#footer {
width: 900px;
height: 93px;
margin: 0 auto;
text-align: center;
background: url(images/footer.jpg) no-repeat;
}


#gbbanner {
width: 900px;
height: 117px;
margin: 0 auto;
text-align: center;
background: url(http://brookenelson.com/blakeandadele/images/guestbookbanner.jpg) no-repeat;
}

#gbwrapper2 {
width: 900px;
margin: 0 auto;
text-align: center;
background: url(http://brookenelson.com/blakeandadele/images/guestbookbodybg.jpg) repeat-y;
font-family: verdana;
font-size: 11px;

}

#gbfooter {
width: 900px;
height: 93px;
margin: 0 auto;
text-align: center;
background: url(http://brookenelson.com/blakeandadele/images/guestbookfooter.jpg) no-repeat;
font-family: verdana;
font-size: 11px !important;
}

#gbwrap {
width: 100%;
}

#credit {
font-family: verdana;
font-size: 10px !important;
line-height: 10px !important;
margin: 0 0 15px 0;
}





/* ---------------SPACERS----------------*/

.spacer1 {
width: 794px;
height: 12px;
margin: 0 auto;
background-color: white;
line-height: 1px;
}

.spacer4 {
width: 100%;
clear: both;
height: 4px;
}

.spacer8 {
width: 100%;
clear: both;
height: 8px;
}

.spacer12 {
width: 100%;
clear: both;
height: 12px;
}

.spacer24 {
width: 100%;
clear: both;
height: 24px;
}

.clear {
clear: both;
}






/*-----------HEADS-----------*/


.head1 {
font-family: georgia;
height: 37px;
text-align: left;
font-size: 20px !important;
padding: 8px 0 0 90px;
color: #716F70;
background: url(images/blossom1.jpg) no-repeat;
background-position: left top;
margin: 4px 0 6px 0;
}


.special1 {
font-family: arial;
text-align: center;
font-size: 11px !important;
color: #716F70;
padding: 0 10px;
font-weight: bold;
}

.head2 {
font-family: georgia;
margin: 6px auto;
text-align: center;
font-size: 16px !important;
color: #a291a2;
font-weight: bold;
}

.head3 {
font-family: georgia;
margin: 8px auto;
padding: 0 0 2px 0;
text-align: left;
font-size: 14px !important;
color: #a291a2;
font-weight: bold;
border-bottom: 3px double #fdd2e2;
}



/*-----------LINK STYLES-----------*/

#rightcol a, a:visited {
color: #F2719E;
font-weight: bold;
text-decoration: none;
font-size: 11px !important;
}

#rightcol a:hover, a:active {
color: #F2719E;
font-weight: bold;
text-decoration: underline;
font-size: 11px !important;
}

#leftcol a, a:visited {
color: #F06093;
font-weight: bold;
text-decoration: none;
font-size: 11px !important;
}

#leftcol a:hover, a:active {
color: #F06093;
font-weight: bold;
text-decoration: underline;
font-size: 11px !important;
}

#footer a, a:visited {
color: #F2719E;
font-weight: bold;
text-decoration: none;
font-size: 11px !important;
}

#footer a:hover, a:active {
color: #F2719E;
font-weight: bold;
text-decoration: underline;
font-size: 11px !important;
}


#credit a, a:visited {
color: #fcb4c9;
font-weight: bold;
text-decoration: none;
font-size: 10px !important;
}

#credit a:hover, a:active {
color: #fcb4c9;
font-weight: bold;
text-decoration: underline;
font-size: 10px !important;
}


#gbwrap a, a:visited {
color: #F2719E;
font-weight: bold;
text-decoration: none;
font-size: 11px !important;
}

#gbwrap a:hover, a:active {
color: #F2719E;
font-weight: bold;
text-decoration: underline;
font-size: 11px;
}

#gbfooter a, a:visited {
color: #F2719E;
font-weight: bold;
text-decoration: none;
font-size: 11px !important;
}

#gbfooter a:hover, a:active {
color: #F2719E;
font-weight: bold;
text-decoration: underline;
font-size: 11px;
}



/*  -------------------VNAV-----------------------*/



.vnav {
padding: 0;
margin: 0;
list-style-type: none;
width: 100%;
text-align: left;
border-top: 1px solid #c3c3c3;
border-bottom-width: 0;
}
.vnav ul {
padding: 0;
margin:0;
list-style-type: none;
width: 100%;
line-height: 18px;
}
.vnav li {
width: 100%;
margin: 0;
padding: 0;
}
.vnav li a {
width: 137px;
color: #F06093;
display: block;
text-decoration: none;
background-color: transparent;
background-image: url("images/navbullet.gif");
background-repeat: no-repeat;
background-position: 10px 6px;
padding: 3px 3px 3px 30px;
font-family: verdana, sans-serif;
font-weight: bold;
border-bottom: 1px solid #c3c3c3;
margin: 0;
}
.vnav li a:hover {
color: #F06093;
background-color: #ebebeb;
background-image: url("images/navbullet2.gif");
background-repeat: no-repeat;
background-position: 10px 6px;
text-decoration: underline;
margin: 0;
}





.list ul{
margin: 0 0 0 0;
padding:0;
list-style-type: none;
}

.list li{
padding: 2px 0 2px 18px;
background-image: url("images/listbullet.gif");
background-repeat: no-repeat;
background-position: left 6px;
font-weight:normal !important;
list-style-type: none;
}

.vline {
width: 2px;
border-right: 1px solid #aaaaaa;
height: 1010px;
}



.indent {
padding-left: 15px;
}


.photobox {
background-color:#FDD7E2;
border: 3px double #a291a2;
padding: 10px;
}