/*
Theme Name: Fermata Designs.
Theme URI: Your Theme's URI
Description: For Fermata Designs.
Version: 1.0b
Author: Douglas Back
Author URI: http://fistfullofpixels.net
*/
@import url(/styles/reset.css);
/* ---------------- */
/*    TYPOGRAPHY    */
/* ---------------- */
a:link, a:visited{

	color: #db2a8a;

}
a:hover, a:active{
	color: #db58a1;
}

h1, h2, h3, h4, p, dt, dd, h5, h6{
	font-family: "Hoefler Text", Georgia, "Times New Roman", Times, serif;
	margin-bottom: .5em;
	margin-top: 1em;
	color: #342F2C;
}
h1{
	font-size: 3.6em;
}
h2{
	font-size: 2.6em;
}

h3, dt{
	font-size: 2.3em;
}

h4{
	font-size: 2.0em;
	font-weight: normal;
}
h5{
	font-size: 1.3em;

}
h6{
	font-size: 1.4em;
}

p, dd{
	font-size: 1.5em;
	line-height: 1.25em;
}
p{
	margin-bottom: 1em;
}
h5{
	font-weight: normal;
	font-size: 1.5em;
	margin: 1.5em 0 .5em 0;
	text-transform: uppercase;
}
dl{
	width: 640px;
}
dt{
	font-weight: bold;
	margin: .5em 0;
	padding-top: .75em;
	border-top: 1px solid #a8a8c8;
}
dt:first-child{
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}
dd{
	margin-bottom: 1em;
}
blockquote{
	color: #5A4A42;
	margin: 0 3em;
	padding: 5px 0;
	background: transparent url(/images/quote_open.png) top left no-repeat;
}
blockquote p{
	text-indent: 20px;
	line-height: 1.4em;
}
.last{
	background: transparent url(/images/quote_close.png) top right no-repeat;
	padding-right: 22px;
	padding-top: 5px;
}
blockquote p:first-child{
	margin-top: 0;
}
/* Exceptions */
#logo_link{
	position: absolute;
	margin: 0;
	padding: 0;
	top: 22px;
	left: 50px;
	width: 325px;
	height: 120px;
	z-index: 50;
	text-indent: -9999em;
}
#logo_link a{
	display: block;
	height: 100%;
	width: 100%;
}
h2#slug{
	margin: 25px 0 0 0;
	font-size: 1.6em;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	line-height: 1.25em;
/* 	width: 560px; */
	clear: both;
}
#carousel li>p{
	font-family: "Hoefler Text", Georgia, Times, "Times New Roman", serif;
}
h5.headline{
	margin-top: .5em;
}
p.read_more{
	margin: 0 0 2em 0;
}
#customizations_pager li{
	font-size: 2.8em;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
h3.has_sub_head{
	margin-bottom: 0;
}
h3 + h4{
	text-transform: lowercase;
	font-variant: small-caps;
	margin-bottom: .5em;
}
h3.has_sub_head + h4{
	margin-top: 0;
}
p + h3{
	margin-top: 1em;
}

/* ------------ */
/*    LAYOUT    */
/* ------------ */
hr{
	border-top: 1px solid #a8a8c8;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin: 0 auto;
	width: 85%;
}
.clear, .clearfix:after, #main:after, #main_two_col:after, #personal_touches_icons:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
body{
	font-size: 62.5%;
	font-family: "Hoefler Text", Cambria, Georgia, Times, "Times New Roman", serif;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent url(/images/body_bg.gif) top left repeat;	
}
#pagewrapper{
	background: transparent url(/images/content_bg_crazy.png) left top repeat;
	border: 1px solid #EFADCE;
	width: 990px;
	margin: 0 0 0 19px;
	padding: 120px 20px 0 0;
	position: relative;
	top: 80px;
	-moz-box-shadow: 0 8px 10px #AD98A8;
	-webkit-box-shadow: 0 8px 10px #AD98A8;
	box-shadow: 0 8px 10px #AD98A8;
}

#logo{
	position: absolute;
	background: transparent url(/images/masthead_bg_2.png) -30px top no-repeat;
	z-index: 5;
	top: 0;
	left: 0;
	height: 265px;
	width: 430px;
}
#main{
	width: 970px;
	margin: 40px 20px 25px 20px;	
}
#main_two_col{
	width: 970px;
	margin: 90px 20px 25px 20px;	
}

#tagline{
	position: absolute;
	top: 8em;
	left: 300px;
	text-align: center;
	width: 325px;
}
#tagline h2{
	font-weight: normal;
	font-style: italic;
}
/* ========== */
/* = Footer = */
/* ========== */
#footer{
	margin: 20px auto 20px auto;
	text-align: center;
}
#footer_nav{
	margin: 0 auto;
	padding-top: 5px;
}
#footer_nav li{
	display: inline;
	padding: 0 10px;
	font-size: 1.3em;
	border-left: 1px solid #2d2d2d;
}
#footer_nav li:first-child{
	border-left: none;
}
#footer p.copyright{
	font-size: 1.2em;
	margin-top: 5px;
}
/* ============== */
/* = Navigation = */
/* ============== */
li > ul{
	top: auto;
	left: auto;
}

#banner{
	position: absolute;
	background: transparent url(/images/header_bg_repeat.png) left top repeat-x;
	height: 125px;
	top: 24px;
/* 	left: 1030px; */
	width: 100%;
	z-index: 1;
}
#nav_wrapper{
	background: transparent url(/images/masthead_bg_2.png) -460px -24px no-repeat;
	position: absolute;
	left: 430px;
	top: 24px;
	width: 600px;
	height: 125px;
/* 	border-right: 2px solid #BB699C; */
/* 	margin: 20px 0 40px 0; */
	z-index: 12;
}
#nav{
	list-style: none;
	padding-left: 0;
	margin-top: 15px;

}
#nav>li{
	float: left;
	font-family: "Hoefler Text", Georgia, "Times New Roman", serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	font-size: 1.4em;
	line-height: 1.3em;
	border-left: 1px dashed #FFF;

}
#nav a:link, #nav a:visited{
	text-decoration: none;
}
#nav li:hover>a, #nav li:active>a{
	color: #db58a1;
}
#nav>li, .submenu, .submenu li{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#nav>li>a{
	color: #FFF;
	padding: 6px 12px;
	display: block;
}
#nav>li:first-child{
	border-left: none;
}
#nav li>ul{
	position: absolute;
	left: -999em;
	margin: 0;
	padding: 0;
}
ul.submenu{
	background-color: #E6E0DE;
	border: 1px solid #D54499;
	width: 200px;
	-moz-box-shadow: 0 4px 10px #51454E;
	-webkit-box-shadow: 0 4px 10px #51454E;
	box-shadow: 0 4px 10px #51454E;

}
ul.submenu>li{
	line-height: 1.2em;
	padding: 0;
	background: transparent;
	width: 100%;
	margin: 0 !important;
	text-transform: none !important;
	font-weight: normal !important;	
}
.submenu li a{
	display: block;
	color: #342F2C;
	padding: .4em 5% !important;
}
.submenu>li:hover a{
	background: #D54499;
	color: #FFF !important;
}
#nav li:hover>ul{
	left: auto;
	top: auto;
}
#nav li>ul, #nav li>ul>li{
	float: none;
	display: block;
}

/* ===================== */
/* = Dress Page Styles = */
/* ===================== */
img.dress{
/* 	padding: .75em; */
}

div.dress_details img{
	float: right;
}
div.dress_details img.first{
	margin-right: 20px;
}
div.dress_details{
	width: 100%;
	margin-bottom: 2em;
}
div.dress_details:after, #carousel_nav_wrapper:after{ /* Holly Hack */
	content: ".";
    display: block;
    height: 0;
    clear: right;
    visibility: hidden;
    }
ul#nav:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	
}

#dress_description{
	float: left;
	width: 340px;
	margin: 50px 0 0 0;
}
#photos{
	width: 615px;
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
}
#front{
	float: left;
	margin: 0 10px 0 0;
}
#photos img, img.border{
	background: white;
	padding: 4px;
	border: 1px solid #ffd4d3;

}
#thumbnails{
	float: left;
	margin: 0;
	width: 350px;
	
}
#photos p{
	position: absolute;
	bottom: 0;
	text-align: center;
	background: white;
	color: #444;
	padding: 5px;
	width: 290px;
	margin: 0;
	border: 4px double #ffd4d3;
}
#thumbnails img{
	float: left;
	margin-bottom: 10px;
}
#thumbnails img.left{
	margin-right: 10px;
}

/* ====================== */
/* ! Front Page carousel   */
/* ====================== */

#carousel{
	margin: 0 0 0 20px;
	width: 990px;
	z-index: 10;
}
#carousel ul{
	width: 990px;
}
#carousel ul li{
	position: relative;
	margin: 0;
	padding: 0;
	height: 450px;
	width: 300px;
	opacity: .7;
}
#carousel ul li.active{
	opacity: 1;
	
}
#carousel ul li img, #personal_touches_icons li{
	box-shadow: 1px 1px 7px #2d2d2d;
	-webkit-box-shadow: 1px 1px 7px #2d2d2d;
	-moz-box-shadow: 1px 1px 7px #2d2d2d;
	
}
#carousel ul li h3{
	margin: 0 !important;
	padding: 0;
	text-align: center;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 300px;
	opacity: .8;
	background-color: #E6E0DE;
	font-size: 2.4em;
	line-height: 1.5em;
	font-weight: normal;
}
#carousel ul li h3 a, #personal_touches_icons p a{
	padding: 3px;
	display: block;
}
#carousel ul li.inactive{
	opacity: .6;
}
#carousel ul li a:link, #carousel ul li a:visited, #personal_touches_icons p a{
	color: #342F2C;
	text-decoration: none;
}
#carousel ul li h3 a:hover, #carousel ul li h3 a:active, #carousel ul li a:hover + h3 a, #personal_touches_icons p a:hover, #personal_touches_icons p a:active, #personal_touches_icons li a:hover + p a{
	color: #FFF;
	background-color: #D54499;
	text-decoration: none;
}


#personal_touches_icons{
	margin: 15px 0 0 5px;
	padding: 0;
}
#personal_touches_icons li{
	position: relative;
	float: left;
	width: 225px;
	height: 250px;
	padding: 0;
	margin: 0 0 0 20px;
}
#personal_touches_icons li:first-child{
	margin-left: 0 !important;
}
#personal_touches_icons li p{
	margin: 0;
	padding: 0;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 0;
	opacity: .8;
	background-color: #E6E0DE;
	font-size: 1.8em;
	line-height: 1.5em;
}
#personal_touches_icons p a{
	padding-top: 5px;
}
/* ================ */
/* = Gown Sprites = */
/* ================ */
#helena_gown, #clara_gown, #evelyn_gown, #julia_gown, #georgia_gown{
	margin-top: 0;
}
#helena_gown{
	background: transparent url(/images/gown_sprites.png) left -30px no-repeat;
	text-indent: -9999em;	
}
#clara_gown{
	background: transparent url(/images/gown_sprites.png) left top no-repeat;
	text-indent: -9999em;
}
#evelyn_gown{
	background: transparent url(/images/gown_sprites.png) left -60px no-repeat;
	text-indent: -9999em;
}
#julia_gown{
	background: transparent url(/images/gown_sprites.png) left -120px no-repeat;
	text-indent: -9999em;
	padding-bottom: 10px; /*the J goes below the baseline...*/
	margin-bottom: 10px;
}

#georgia_gown{
	background: transparent url(/images/gown_sprites.png) left -90px no-repeat;
	text-indent: -9999em;
}


/* ====================== */
/* = Page Title Sprites = */
/* ====================== */
h2.page_title{
	margin-left: 330px;
}
h2#about_designers{
	background: transparent url(/images/page_title_sprites.png) left top no-repeat;
	text-indent: -9999em;
}
h2#our_partners{
	background: transparent url(/images/page_title_sprites.png) left -30px no-repeat;
	text-indent: -9999em;
}
h2#customizations{
	background: transparent url(/images/page_title_sprites.png) left -60px no-repeat;
	text-indent: -9999em;
}
h2#silhouette_recommendations{
	background: transparent url(/images/page_title_sprites.png) left -90px no-repeat;
	text-indent: -9999em;
}
h2#process{
	background: transparent url(/images/page_title_sprites.png) left -120px no-repeat;
	text-indent: -9999em;
}
h2#faq{
	background: transparent url(/images/page_title_sprites.png) left -150px no-repeat;
	text-indent: -9999em;
	height: 37px;
}
h2#upcycling{
	background: transparent url(/images/page_title_sprites.png) left -185px no-repeat;
	text-indent: -9999em;
}
h2#contact{
	background: transparent url(/images/page_title_sprites.png) left -215px no-repeat;
	text-indent: -9999em;
}
h2#about{
	background: transparent url(/images/page_title_sprites.png) left -245px no-repeat;
	text-indent: -9999em;
}
h2#fermata_brides{
	background: transparent url(/images/page_title_sprites.png) left -275px no-repeat;
	text-indent: -9999em;
}
h2#news{
	background: transparent url(/images/page_title_sprites.png) left -305px no-repeat;
	text-indent: -9999em;
}
h2#personal_touches{
	background: transparent url(/images/page_title_sprites.png) left -335px no-repeat;
	text-indent: -9999em;
}
/* =========================== */
/* = Two Even Column Layouts = */
/* =========================== */
div.bio_left, div.bio_right{
	width: 475px;
	float: left;
	margin-top: 5px;
}
div.bio_left{
	margin-right: 20px;
}
.bio_left > h3, .bio_right > h3{
	margin-top: 0;
}
.bio_left img, .bio_right img{
	float: right;
	margin: 0 0 20px 20px;
	background: white;
	padding: 4px;
	border: 1px solid #ffd4d3;
}

/* ========================= */
/* = 6/12 2 Column Layouts = */
/* ========================= */
.grid_12{
	width: 640px;
	margin-top: 1em;
	float: left;
	margin-left: 20px;
	
}
.grid_12 > p:first-child, .grid_12 > h4:first-child{
	margin-top: 0;
}
.grid_12 h3:first-child{
	margin-top: 0;
}
.grid_6{
	width: 310px;
	float: left;
}
.grid_6 img{
	margin-bottom: 2em;
}
.left{ /* for dress thumbnails */
	margin-right: 20px;
	
}
.right{
	margin-left: 20px;
}
dl#faq{
	width: 640px;
	float: left;
}
.toc{
	margin-right: 20px;
	float: left;
	width: 310px;
}
.toc ul li{
	font-size: 1.4em;
	margin-bottom: .6em;
}




#sil_busty{
	color: #39A288;
}
#sil_thin{
	color: #00799D;
}
#sil_curvy{
	color: #B86074;
}