@charset "UTF-8";
/* CSS Document */

@import "formStyle.css";

* {margin: 0; padding: 0}

body.home {background: url(../images/homeBKG.jpg) top repeat-x #5d6576; }

body {font-size: 62.5%; line-height: 1.4em; font-family: Helvetica, Arial, sans-serif; background: url(../images/interiorBKG.jpg) top repeat-x #5d6576; }

a {outline:none}

a.largeLinks, .largeLinks {font-size:1.3em; font-weight: bold; color:#232934;}

body.home .backgroundBox {width: 1028px; position: absolute; left: -7px; z-index: -10; display: block}
.backgroundBox {display: none}

body.home #bk1 {background:url(../images/homeBKG_1.jpg) no-repeat; height: 163px; top:0}
body.home #bk2 {background:url(../images/homeBKG_2.jpg) no-repeat; height: 266px;	top: 163px}
body.home #bk3 {background:url(../images/homeBKG_3.jpg) no-repeat; height: 191px; top: 429px; z-index: 999}
body.home #bk4 {background:url(../images/homeBKG_4.jpg) no-repeat; height: 253px; top: 620px;}

#flashHeader {position: absolute; top: 125px; left: 340px; z-index: 100; width: 661px; height: 271px; }

body.home #bk3 p {width: 540px; float: right; clear: right; font-size: 1.3em; line-height: 1.2em; color: #ffffff}
body.home #bk3 h2 {text-indent: 0; width: 540px; float: right; height: auto; height: 28px;position: relative; top:-8px; right:0}
body.home #bk3 p a {color:#232934; text-decoration: none;}
body.home #bk3 p a:hover {text-decoration: underline}

/* ----- header ----- */

#header {background:url(../images/interiorHeader.jpg) no-repeat; height: 232px; width: 1028px; position: absolute; top:0; left:0; z-index:5}

body.home h1#branding  {width: 400px;}
h1#branding {display: block; height: 110px; width: 992px; position: relative; top:0; left:0; z-index: 100}
h1#branding a {display: block; height: 100%; width: 100%; text-indent:-9999px;}

body.home .navMain { left: 437px; top: 76px; }
*html body.home .navMain li, *html body.home .navMain li:hover {background-image:url(../images/navMainBKG.gif);}
.navMain {width: auto; list-style:none; position: absolute; z-index: 100; left: 401px; top: 133px; width: 580px;}
.navMain li {height: 32px; background-image:url(../images/navMainBKG.png); background-repeat: no-repeat; display:block; float: left;  margin:0 27px 0 0;position: relative; z-index: 100}
.navMain li a {display: block; height: 100%; width: 100%; text-indent: -9999px; }
.navMain li:hover {background-image:url(../images/navMainBKG.png); background-repeat: no-repeat; position: relative; z-index: 100}

.navMain li.designers {background-position: 0 0; width:96px}
.navMain li.bridalParty {background-position: -123px 0; width:146px}
.navMain li.services {background-position: -294px 0; width:81px}
.navMain li.accolades {background-position: -405px 0; width:60px}
.navMain li.contact {background-position: -496px 0; width:76px;  margin:0 0px 0 0}

.navMain li.designers:hover {background-position: 0 -36px; width:96px}
.navMain li.bridalParty:hover {background-position: -123px -36px; width:146px}
.navMain li.services:hover {background-position: -294px -36px; width:81px}
.navMain li.accolades:hover {background-position: -405px -36px; width:60px}
.navMain li.contact:hover {background-position: -496px -36px; width:76px}

body.home .navSub {left: 568px; top: 646px;}
.navSub {width: auto; list-style: none; position: absolute; left: 600px; top: 190px; z-index: 90}
.navSub li {display:inline; font-size: 1.4em}
.navSub li a {padding: 5px 10px; color: #1E1E1E; text-decoration: none;}
.navSub li a:hover {color:#4D4D4D}

.navTert {float: right;  text-align: right; font-size: 1.3em; margin: 45px 30px 0 0 }
.navTert a {padding: 5px 10px; color: #1E1E1E; text-decoration: none;}
.navTert a:hover {color:#4D4D4D}

/* ----- drop down styles ----- */

#drop_down ul {display: none;position: absolute;top: 1em;left: 0; }
#drop_down li:hover ul, #drop_down li.over ul {display:block;margin:0px; z-index:70; top: -10px; right: -1px}
#drop_down li>ul {top: auto;left: auto;}

	ul.sub_nav {background:url(../images/dropDownBKG.png) no-repeat; height: 300px; width: 133px !important; width: auto; padding: 50px 10px 10px 10px;}
.sub_nav li {display:block;font-size:1.4em; background: none; float: none;width: 122px; height:auto !important; list-style-type: none0}

.sub_nav li:hover {background: none}
.sub_nav a {color:#ffffff; display: block; text-decoration:none; margin:0px; height: auto;text-indent: 0 !important; padding: 5px}
.sub_nav a:hover {background: #A1A6B0 !important; color:#252934 }

body.home p.footerAddress  {position:relative; width: auto; bottom: 0}
p.footerAddress {text-align: center; color:#ffffff; font-size: 1.3em; margin: 15px 0 0 0; line-height: 1.6em; position: absolute; width: 708px; bottom: -25px; word-spacing: 3px;}
p.footerAddress a {color:#ffffff; text-decoration: none;}
p.footerAddress a:hover {color:#E9E9E9}

p.footerAddress span.footerCopyright {font-size: .8em !important;}

/* ----- brides ----- */

#bride {position: absolute; top:0; left: 0; z-index:10; background: url(../images/brides/rotate.php) no-repeat; height: 835px; width: 601px}
/*.bride1 {background:url(../images/bride1.jpg) no-repeat; height: 669px; width: 424px}
.bride2 {background:url(../images/bride2.jpg) no-repeat; height: 699px; width: 424px }
.bride3 {background:url(../images/bride3.jpg) no-repeat; height: 835px; width: 601px}*/

/* ----- content info ----- */

#content {background:url(../images/contentMid.png) repeat-y; width: 708px; position: relative; top: 135px; left: 307px; z-index:80; min-height: 300px}
#content .top {background:url(../images/contentTop.png) no-repeat; height: 88px; width: 708px; position: absolute; top:-88px; left:0}
#content .bottom {background:url(../images/contentBottom.png) no-repeat; height: 88px; width: 708px; position: absolute; bottom:-88px; left:0}
#content .mainContent {position: relative; z-index:100; width:578px; margin: 0 auto}
#content .mainContent p {line-height: 1.5em;}
.mainContent:after{content:" "; display:block; clear:both;}

.entry-content p {font-size: 1.2em; color:#333333; margin: 0 0 8px 0}

.entry-content p:first-child {font-size: 1.6em ; font-weight: 300; color: #000000}

.entry-content p a {color:#232934; text-decoration: none;}
.entry-content p a:hover {text-decoration: underline}

.entry-content ul {margin: 0 7px 0 20px; font-size: 1.2em; color:#333333; list-style: square; line-height: 1.4em}
.entry-content li {margin: 4px 0}
.entry-content ul ul {font-size: 1em;}

/* ----- headers ----- */

.header {height: 140px; width: 662px; text-indent: -9999px; background-position: top left; position: relative; right: 43px; margin: 0px 0 -75px 0; position: relative; z-index: -10; top: -31px}
.header.designers {background:url(../images/headerDesigners.jpg) no-repeat}
.header.prom {background:url(../images/headerProm.jpg) no-repeat}
.header.special-occasions {background:url(../images/headerSpecial-occasions.jpg) no-repeat}
.header.mardi-gras {background:url(../images/headerMardi-gras.jpg) no-repeat}
.header.flower-girls {background:url(../images/headerFlower-girls.jpg) no-repeat}
.header.bridal-party {background:url(../images/headerBridalParty.jpg) no-repeat}
.header.services {background:url(../images/headerServices.jpg) no-repeat}
.header.accolades {background:url(../images/headerAccolades.jpg) no-repeat}
.header.contact {background:url(../images/headerContact.jpg) no-repeat}
.header.about {background:url(../images/headerAbout.jpg) no-repeat}
.header.bridal-blog {background:url(../images/headerBlog.jpg) no-repeat}
.header.faqs {background:url(../images/headerFAQ.jpg) no-repeat}
.header.terms-conditions {background:url(../images/headerTerms.jpg) no-repeat}
.header.privacy-policy {background:url(../images/headerPrivacy.jpg) no-repeat}
.header.bridal-gallery {background:url(../images/headerBridalGallery.jpg) no-repeat}
.header.bride {background:url(../images/headerBride.jpg) no-repeat}
.header.m-o-b {background:url(../images/headerMOB.jpg) no-repeat}
.header.wedding-party {background:url(../images/headerWeddingParty.jpg) no-repeat}
.header.debutante-graduate {background:url(../images/headerGraduateDebutante.jpg) no-repeat}
.header.accessories {background:url(../images/headerAccessories.jpg) no-repeat}


/* =========== WORDPRESS BLOG STYLES ========== */

.post h2.entry-title {margin: 0 0 5px 0}

.post {margin: 0 0 30px 0}
.post p {font-size: 1.3em; color:#333333; margin: 0 0 8px 0}

.date {font-size: 1.2em; margin: 5px 0; font-family: Arial, Helvetica, sans-serif; font-style: italic; color: #232934; width: auto; float: right ; border-left: 1px solid; margin: 5px 10px; padding: 0 0 0 6px; text-align: center; line-height: 1.5em}
.day {font-size: 2.4em;font-weight: bold; line-height: .9em}
.month {font-size: 2.4em; }
.year {font-size: 1.5em}

.navigation {padding: 10px; font-size: 1.2em;}
.nav-previous, .nav-next {width: 48%;}
.nav-next {float: right; text-align: right;}
.navigation a {text-decoration: none; color: #232934}
.navigation a:hover {color: #3B4558}
#nav-below {clear: both}

.entry-meta {font-size: 1em;}
.entry-meta a {text-decoration: none; color: #232934}
.entry-meta a:hover {color: #3B4558}

/* ----- sidebar ----- */

#sidebarBox {position: absolute; top:-37px; left: -335px; z-index: 100; background:url(../images/sideBarMid.png) repeat-y; width: 298px; }
#sidebarBox .topSidebar {background:url(../images/sideBartop.png) no-repeat; height: 51px; width: 298px; position: absolute; top:-51px; left: 0; z-index:100}
#sidebarBox .bottomSidebar {background:url(../images/sideBarBottom.png) no-repeat; height: 51px; width: 298px; position: absolute; bottom: -51px; left:0; z-index:100}

.sidebar .mainContentSidebar{width: 200px; margin: 0 auto;}

.widget { margin: 0 0 15px 0}
.widget a {text-decoration: none; color: #232934}
.widget a:hover {color: #3B4558}
.sidebar ul { list-style:none;}
.sidebar ul ul {margin: 4px 0 4px 4px; font-size:1.3em }
.sidebar .widget_tag_cloud div {margin: 4px 0 4px 4px; font-size:1.3em }

/* ----- comments ----- */

.comment {border: 1px solid #757D89; padding: 8px; list-style: none; margin: 5px 0; font-size: 1.2em; line-height: 1.4em}
.comment a {text-decoration: none; color: #232934}
.comment a:hover {color: #3B4558}
.comment .photo {float: right;}
.comment .comment-meta {padding: 3px;}
.comment a.url {font-size: 1.3em;}

#respond {margin: 15px 0 0 0}

/* ----- text stylings ----- */

p.bigger {font-size: 1.5em; font-weight: 300}
span.bigger {fon-size: 1.3em}

ul.column {width: 175px; font-size: 1.6em; color: #ffffff; float: left; list-style: none; margin: 20px 0px 0px 15px }
ul.column li {margin: 5px 0}

ul.column a {Color:#ffffff; text-decoration: none;}
ul.column a:hover {text-decoration: underline}

.alignright {float: right; margin:10px 0 10px 10px; padding: 5px; border:3px solid #ffffff}
.alignleft {float: left; margin:10px 10px 10px 0; padding: 5px; border:3px solid #ffffff}

/* ----- random styles ----- */

.edit-link {display: none}