/* ---------------------- GLOBAL ---------------------- */

* {
   margin: 0;
   padding: 0;
   border: none;
}

html {
   font-size: 100.1%;
}


body {
   background: #71a3b2 url(../images/header-pattern.jpg) repeat-x;
   font: 80% 'Trebuchet MS', 'Lucida Sans Unicode', Arial, sans-serif;
   line-height: 1.8em;
   color: #423332;
}

a:link {
  color: #413433;
  text-decoration: none;
  font-weight: bold;
}

a:visited {
  color: #423433;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #abdbea;
  text-decoration: none;
  font-weight: bold;
}

a:active {
  color: #423433;
  text-decoration: none;
  font-weight: bold;
}


h1 {
  font-size: 175%;
  color: #fff;
}

h2 {
  font-size: 160%;
  color: #fff;
  padding-top: 5px;
}

h3 {
  font-size: 175%;
  color: #c8dee4;
}

h4 {
  font-size: 140%;
  color: #413433;
  padding-top: 10px;
  padding-bottom: 3px;
  border-bottom: solid 1px #413433;
}


#wrapper {
  width: 760px;
  margin: 0 auto 0 auto;
}

/* ---------------------- Header ---------------------- */

#header {
  height: 168px;
  position: relative;
}

#topnav {
   margin: 0;
   padding: 3px 0 0 0;
   position: absolute;
   top: 142px;
   right: 20px;
   font-size: 90%;
}

#topnav a {
   text-decoration: none;
   text-transform: uppercase;
   color: #fff;
   padding: 5px 10px 5px 10px;
   font-weight: bold;
}

#topnav a:visited {
  color: #fff;
}

#topnav a:hover {
  color: #abdbea;
}

#topnav a:active {
  color: #fff;
}

.topnav ul {
   list-style: none;
   padding: 5px 0px 5px 0px;
   width: 760px;
}

#topnav li {
   display: inline;
}

.logo {
  position: absolute;
  top: 5px;
  left: 20px;
}

.slogan {
  position: absolute;
  top: 80px;
  right: 20px;
}


/* ---------------------- Content ---------------------- */

#content {
  float: left;
}

#content p {
  margin-top: 10px;
}

#content ul {
  margin-left: 30px;
  margin-top: 10px;
}

#content li {
  padding-left: 5px;
  list-style-image: url(../images/flowerBullet.gif);
}

.oneCol {
  margin: 30px 20px 0 20px;
  padding-bottom: 20px;
}

.largeCol2 {
  width: 445px;
  margin: 30px 15px 0 30px;
  padding-bottom: 20px;
  float: left;
}

.smallCol2 {
  width: 240px;
  margin: 30px 0 0 15px;
  padding-bottom: 20px;
  float: left;
}

.largeCol {
  width: 445px;
  margin: 30px 30px 0 15px;
  padding-bottom: 20px;
  float: left;
}

.smallCol {
  width: 240px;
  margin: 30px 15px 0 0;
  padding-bottom: 20px;
  float: left;
}

.smallCol a:hover, .smallCol2 a:hover {
   color: #953b4a;
}

.homeBadges img {
  padding: 0 14px 20px 0;
}

.signature {
  margin-top: 20px;
}

.bioPic {
  background: url(../images/bio-bg.gif) no-repeat;
  padding: 10px;
  float: left;
  margin-right: 15px;
}

.weddingGirl {
  position: absolute;
  top: -545px;
  right: 510px;
}

/* ---------------------- Info Boxes ---------------------- */

.commendations p, .planningTip p, .eventShowcase p, .qualifications p, .communication p {
  font-size: 95%;
  line-height: 1.6em;
}

.planningTip {
  background: #9cbfcb;
}

.planTop {
  background: url(../images/planning-top.gif) no-repeat;
  height: 43px;
}

.planContent {
  padding: 0 10px 0 10px;
  color: #413433;
}

.planBottom {
  background: url(../images/commend-bottom.jpg) no-repeat;
  height: 12px;
}

.commendations {
  background: #9cbfcb;
  padding: 0;
  margin: 0;
}

.commendTop {
  background: url(../images/commendations-top.gif) no-repeat;
  height: 43px;
}

.commendContent {
  padding: 0 10px 0 10px;
  color: #413433;
}

.commendBottom {
  background: url(../images/commend-bottom.jpg) no-repeat;
  height: 12px;
}

.qualifications {
  background: #9cbfcb;
  margin-top: 20px;
}

.qualificationsTop {
  background: url(../images/qualifications-top.gif) no-repeat;
  height: 43px;
}

.qualificationsContent {
  padding: 0 10px 0 10px;
  color: #413433;
}

.qualificationsContent img {
  margin-right: 10px;
  padding-bottom: 5px;
  float: left;
}

.qualificationsBottom {
  background: url(../images/commend-bottom.jpg) no-repeat;
  height: 12px;
  clear: left;
}

.eventShowcase {
  background: #9cbfcb;
  margin-top: 15px;
}

.eventTop {
  background: url(../images/eventshowcase-top.gif) no-repeat;
  height: 53px;
}

.eventContent {
   padding: 0 10px 0 10px;
   line-height: 1.6em;
   color: #413433;
}

.eventContent img {
  border: 1px solid #fff;
  margin-right: 10px;
  float: left;
}

.eventBottom {
  background: url(../images/commend-bottom.jpg) no-repeat;
  height: 12px;
  clear: both;
}

.communication {
  background: #9cbfcb;
  margin-bottom: 20px;
}

.communicationTop {
  background: url(../images/communication-top.gif) no-repeat;
  height: 53px;
}

.communicationContent {
   padding: 0 10px 0 10px;
   color: #413433;
}

.communicationBottom {
  background: url(../images/commend-bottom.jpg) no-repeat;
  height: 12px;
  clear: both;
}

.clientName {
  text-align: right;
  font-style: italic;
  font-weight: bold;
}

/* ---------------------- Edit/Publish Buttons ---------------------- */

.editEntry {
   background: #b8e87f url(../images/icon_pencil.gif) 5px 7px no-repeat;
   padding: 3px 3px 3px 28px;
   margin: 10px 5px 0 10px;
   width: 105px;
   border: 1px solid #423332;
   font-size: 11px;
   font-weight: bold;
}
  
.editEntry a:hover {
   color: #742a4c;
}

.publishEntry {
   background: #b8e87f url(../images/icon_pencil.gif) 5px 7px no-repeat;
   padding: 3px 3px 3px 28px;
   margin: 10px 5px 0 10px;
   width: 105px;
   border: 1px solid #423332;
   font-size: 11px;
   font-weight: bold;
}
  
.publishEntry a:hover {
   color: #742a4c;
}

/* ---------------------- Contact Form ---------------------- */

.contactFields label {
   display: block;
}

.contactFields p {
   padding-bottom: 5px;
} 

.contactFields label {
   font-weight: bold;
}   

input, textarea {
   margin-bottom: 5px;
}

/* ---------------------- Footer ---------------------- */

#footer {
  width: 720px;
  border-top: solid 1px #6d5553;
  font-size: 80%;
  padding: 5px 20px 10px 20px;
  text-align: right;
  position: relative;
  clear: both;
}

/* ---------------------- IE 6 Fixes ---------------------- */