/* Web Prisms Design copyright 2009-10 gabriellesbridal.com */

/*
  font size conversion:
  40px = 2.5em, h1
  36px = 2.25em,
  30px = 1.875em, h2
  24px = 1.5em,
  20px = 1.25em,
  16px = 1em, avg font size p
  14px = 0.875em,
  12px = 0.75em,
  10px = 0.625em
*/

/* white background and black text */
body {
   font-family: tahoma, geneva, arial, san-serif;
   color: #000000;
   background-color: #ffffff;
   font-size: 100%; /* required for IE browsers */
}

p {
   text-align: justify;
   font-size: 0.75em;
   margin-left: 10px;
   margin-right: 10px;
}

p.lrgcenter {
   text-align: center;
   font-size: 1em;
   font-weight: bold;
   margin-left: 20px;
   margin-right: 20px;
}

h3 {
   font-family: 'century gothic', 'avant garde', century;
   font-size: 1.25em;
   text-align: right;
   margin: 20px 0 10px 0;
}

h2 {
   font-family: 'century gothic', 'avant garde', century;
   text-align: center;
}

/* contact page, who we love page, and in JS code on events page */
dl {
   padding-left: 90px;
   text-align: left;
}
dt {
   padding: 15px 0 5px; 0;
   font-weight: bold;
   color: #7d498b;
}

dl.smaller {
   padding-left: 30px;
}

fieldset {
   margin-left: 20px;
   width: 450px;
   text-align: right;
   padding: 3px 8px 5px 0;
}

legend {
   color: #7d498b;
   font-weight: bold;
   text-align: left;
}

/* spacing out the input fields on the form */
.gapinput {
   height: 7px;
}

textarea {
   margin-left: 20px;
}

li {
   font-size: 0.875em;
   text-align: left;
   color: #c6a8b6;
}

/* who we love */
.black {
   color: #222222;
}

/* red text */
.redtext {
   color: #ff0000;
}

/* red text italics */
.redtexti {
   color: #ff0000;
   font-style: italic;
}

#container {
   margin-left: auto;
   margin-right: auto;
   width: 980px;
}

/* top logo area with border on bottom */
#title {
   text-align: center;
   border-bottom: 1px solid #000000;
}

#mainnav {
   text-align: center;
}

#underlinks {
   border-top: 1px solid #000000;
   height: 20px;
}

/* outer thin black border */
#boxouter {
   border: 1px solid #000000;
   padding: 2px;
}

/* thick pink border */
#boxinner {
   border: 2px solid #c6a8b6;
   height: 100%;
}

/* thick pink border !! index page only !! */
#boxinner_index {
   border: 2px solid #c6a8b6;
   background-image: url('images/index_img.jpg');
   background-repeat: no-repeat;
   height: 610px;
   width: 970px;
   text-align: right;
}

/* thick pink border, can scroll for larger content - publications page and who we love */
#boxinner_scroll {
   border: 2px solid #c6a8b6;
   height: 575px;
   overflow: auto;
}

/* left column with navigation of designer names */
.bxLeftC {
   float: left;
   width: 200px;
}

.bxCenter {
   margin: 10px 0 15px 205px;
   text-align: center;
}

/* =============part of footer area=============== */
#columnL {
   clear: both;
   float: left;
   width: 200px;
   font-size: 0.75em;
   margin-top: 10px;
}

#columnR {
   float: right;
   width: 200px;
   text-align: right;
}

/* breaks down into 3 parts */
#columnC {
   margin: 0 200px 0 200px;
   text-align: center;
}

/* gown images with the pink padded border */
.imggown {
   border: 1px solid #c6a8b6;
   padding: 2px;
}

/* meet the staff page, float right */
.imgfloatr {
   border: 1px solid #c6a8b6;
   padding: 3px;
   float: right;
   margin-left: 15px;
}

/* meet the staff page, float left */
.imgfloatl {
   border: 1px solid #c6a8b6;
   padding: 3px;
   float: left;
   margin-right: 20px;
}

/* meet the staff page, text needs to be larger and a line under */
.plarger {
   font-size: 0.875em;
   overflow: auto;
}

/* now purple text, used to be blue */
.blutxt {
   color: #7d498b;
}

/* black bold text Century Gothic*/
.blktxtB {
   color: #000000;
   font-family: 'century gothic', 'avant garde', century;
   font-size: 1.5em;
   font-weight: bold;
}

/* bold anything */
.bold {
   font-weight: bold;
}

/* very small text, like copyright */
.sml {
   font-size: 0.75em;
}

/* purple text aligned right, contact us page */
.artxt {
   text-align: right;
   vertical-align: top;
   color: #7d498b;
   font-weight: bold;
   font-size: 0.875em;
}

/* purple text large and bold */
.boldcolor {
   color: #7d498b;
   font-weight: bold;
   font-size: 1.5em;
   font-family: 'century gothic', 'avant garde', century;
}

/* medium text, black */
.med {
   font-size: 0.75em;
}

/* large text, contact page */
.lrg {
   font-size: 1em;
}

/* center anything */
.cntr {
   text-align: center;
}

/* publication page, lining up the pictures on the right */
.mrgRt {
   text-align: right;
   padding-right: 45px;
}

/* who we love, referral list so it scrolls as it gets larger */
#refBox {
   height: 575px;
   overflow: auto;
}

.refTitle {
   font-size: 1em;
   font-family: 'century gothic', 'avant garde', century;
   font-weight: bold;
   border-left: 1px solid #c2a3b1;
   border-bottom: 1px solid #c6a8b6;
   padding-left: 15px;
   background-image: url('images/ttl_fade.png');
   background-repeat: repeat-y;
}

/*--------------------------------------- links ------------------------------------------------------*/

/* pink circle image that separates the main navigation text */
.pinkdot {
   margin: 0 5px 3px 5px;
}

/* inactive link for the current page (purple), this also controls the spacing of the line above and below using line-height */
.linkcp {
   color: #7d498b;
   font-size: 0.75em;
   line-height: 40px;
   font-family: 'century gothic', 'avant garde', century;
}

/* main links brown - pseudo-class order */
a:link {
	color: #000000;
	font-family: 'century gothic', 'avant garde', century;
	font-size: 0.75em;
	line-height: 30px;
	text-decoration: none;
}
a:visited {
	color: #000000;
	font-family: 'century gothic', 'avant garde', century;
	font-size: 0.75em;
	line-height: 30px;
	text-decoration: none;
}
a:hover {
	color: #7d498b;
	font-family: 'century gothic', 'avant garde', century;
	font-size: 0.75em;
	text-decoration: underline;
}
a:active {
	color: #000000;
	font-family: 'century gothic', 'avant garde', century;
	font-size: 0.75em;
	text-decoration: underline;
}

/* designer links */
a.dsnrs:link, a.dsnrs:visited, a.dsnrs:active {
	color: #000000;
	font-family: 'century gothic', 'avant garde', century;
	font-size: 0.75em;
	line-height: 20px;
	text-decoration: none;
}
a.dsnrs:hover {
	color: #7d498b;
	font-family: 'century gothic', 'avant garde', century;
	font-size: 0.75em;
	text-decoration: underline;
}

/* black link, this is for email address link in bottom left corner */
a.smla:link, a.smla:visited, a.smla:active {
	color: #000000;
	font-family: tahoma, geneva, arial, san-serif;
	font-size: 1em;
}
a.smla:hover {
	color: #7d498b;
	font-family: tahoma, geneva, arial, san-serif;
	font-size: 1em;
}

/* purple link, designer's Web site links (used to be blue) */
a.blu:link, a.blu:visited, a.blu:active {
	color: #7d498b;
	font-family: tahoma, geneva, arial, san-serif;
	font-size: 0.875em;
}
a.blu:hover {
	color: #000000;
	font-family: tahoma, geneva, arial, san-serif;
	font-size: 0.875em;
}

/* purple link, contact us page, after email has been sent */
a.lrglnk:link, a.lrglnk:visited, a.lrglnk:active {
	color: #7d498b;
	font-size: 1em;
	text-decoration: underline;
}
a.lrglnk:hover {
	color: #000000;
	font-size: 1em;
	text-decoration: underline;
}