/**************************************************
 * global styles
 **************************************************/
* { margin: 0; padding: 0; }
body {
  font-family: Trebuchet, Helvetica, sans-serif;
  font-size: 88%;
  color: #333;
  background-color: #fff;
}
a {
  font-family: "Century Gothic", Trebuchet, Helvetica, sans-serif;
  color: #666;
  font-weight: bold;
  text-decoration: none;
}
a:hover { color: #333; }
h1, h2, h3, h4, h5, h6 {
  margin: 0.8em 0;
  line-height: 1.2em;
  font-family: "Century Gothic", Trebuchet, Helvetica, sans-serif;
  text-transform: lowercase;
  display: block;
}
h1 { font-size: 1.4em; text-transform: none; font-weight: normal; color: #ed4599; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
p { line-height: 1.4em; margin: .8em 0; }

/**************************************************
 * header styles
 **************************************************/
div#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: transparent url(../images/henna-floral.png) no-repeat scroll right top;
  z-index: 199;
  font-family: "Century Gothic", Trebuchet, Helvetica, Arial, sans-serif;
}
a#mainLogo {
  width: 450px;
  height: 40px;
  text-indent: -9999em;
  background: transparent url(../wp-content/uploads/anjaLogo.png) no-repeat scroll top left;
  display: block;
  margin: 15px 0 0 10px;
  border: none;
}
/* main navigation */
ul#mainNav { position: absolute; top: 20px; right: 3em; list-style: none outside; display: inline; }
#photoGallery ul#mainNav { top: 26px; }
ul#mainNav > li { float: left; padding: 1em 0 1em 1em; margin-left: 1em; position: relative; }
ul#mainNav a { color: #333; text-transform: lowercase; font-weight: normal; border: none; }
ul#mainNav ul {
  display: none;
  position: absolute;
  top: 3em;
  right: 0;
  width: 12em;
  list-style: none outside;
  border: 1px solid #BC3B85;
  border-bottom: none;
  z-index: 205;
}
ul#mainNav li:hover ul { display: block; z-index: 205; }
ul#mainNav ul li { width: auto; border-bottom: 1px solid #BC3B85; }
ul#mainNav ul li a { padding: 0.5em .5em .5em 2em; display: block; color: #BC3B85; }
ul#mainNav ul li a:hover, ul#mainNav ul li.current a {
  background: transparent url(../images/bullet.gif) no-repeat scroll 6px 10px;
  text-decoration: none;
  z-index: 220;
}

/**************************************************
 * content styles
 **************************************************/
#contentWrap { margin: auto; padding: 154px 0; width: 940px; position: relative; }
#photoGallery #contentWrap { padding: 110px 0 154px; }
#mainContent { float: left; width: 420px; padding-bottom: 40px; }
#mainContent a { border-bottom: 1px dotted #BC3B85; }
#mainContent a.findFB { display: block; margin-top: 2em; border-bottom: none; }
#mainContent a.noborder { border: none; }
#mainContent ul { list-style: outside square url(../images/bullet.gif); margin: 0 0 0 2em; }
#mainContent ul li { line-height: 1.2em; padding-top: .4em; }
#mainContent dd { margin: .3em 0 1em; }
#mainContent dd span { display: block; }
#mainContent dd span a { font-size: 80%; border-bottom: none; }
#featurePhoto { float: right; overflow: hidden; margin: 1.4em 0 0 56px; }
#featurePhoto > a { float: right; display: block; border: none; margin: 0; padding: 0; height: auto; }
#featurePhoto img { display: block; border: none; }
#featurePhoto .loading { width: 400px; height: 200px; background: transparent url(../images/galleriffic/loader.gif) no-repeat scroll 50% 50%; }
#contactInfo dt { display: block; font-weight: bold; font-family: "Century Gothic", Trebuchet, Helvetica, sans-serif; font-size: 1em; color: #ed4599; }
#contactInfo dd { display: block; margin-bottom: .8em; line-height: 1.1em; }
dl#contactInfo { width: 400px; margin-bottom: 1em; }
p.thanks { margin: 2em 0; padding: 2em; border: 1px dotted #bc3b85; color: #bc3b85; font-size: 1em; }
ul#photoThumbs { list-style: none outside; float: left; margin: 0; }
ul#photoThumbs li { float: left; margin: .5em; }
ul#photoThumbs a { border: none; }
ul#photoThumbs img { border: none; }
#mainContent table { margin: 1em 0; }
#mainContent td { padding: 0 4px; }
#mainContent tr { margin: 2px 0; }


/**************************************************
 * form styles
 **************************************************/
form ol { list-style: none outside; text-align: left; }
form ol li { margin: 0 0 .8em 0; }
form label {
  display: block;
  font-weight: bold;
  font-family: "Century Gothic", Trebuchet, Helvetica, sans-serif;
  color: #bc3b85;
  padding: 0 4px;
}
form label.error {
  color: #ed4599;
  font-weight: normal;
  font-size: .8em;
  font-family: Trebuchet, Helvetica, sans-serif;
  padding-top: 2px;
}
form input.text, #contactForm textarea {
  font-family: Trebuchet, Helvetica, sans-serif;
  padding: 4px;
  margin: 2px 0 0 0;
  font-size: 1em;
  line-height: 1.1em;
  width: 220px;
  border: 1px dotted #bc3b85;
}
form input.error, #contactForm textarea.error { border: 2px solid #ed4599; }
form textarea { width: 320px; height: 70px; }
#submitContact, form .button { padding: .5em; background: #bc3b85; color: #fff; cursor: pointer; width: auto; height: 45px; font-size: 1em; }
#submitContact:hover, form .button:hover { background-color: #ed4599; }
form a {
  color: #ed4599;
  font-weight: normal;
  font-size: .8em;
  font-family: Trebuchet, Helvetica, sans-serif;
  padding-top: 2px;
}

/**************************************************
 * dialog styles
 **************************************************/
#uiDialog { display: none; text-align: center; }
.loading {
  width: 100%;
  height: 400px;
  vertical-align: middle;
  background: transparent url(../images/ajax-loader.gif) no-repeat scroll 50% 50%;
}

/**************************************************
 * footer styles
 **************************************************/
#footer { position: fixed; bottom: 0; right: 0; clear: both; margin-top: 1em; z-index: 199; padding: .5em 0; }
#footer .copyright { float: right; margin-right: 3em; }
#footer .copyright span { font-size: 72%; color: #BC3B85; }