/*
Theme Name: Hayden Olivia Bridal
Author: Vitriol Consult
Author URI: http://vitriolconsult.com/
*/

@import url('css/reset.css');
@import url('css/misc.css');

html, body { margin:0; padding:0; width:100%; height:100%; min-height:100%; }

body {
	background:#fff;
	font-family:"Century", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#787368;
}

body a {
	color:#f49ac1;
	text-decoration:none;
}

#wrap {
	width:960px;
	min-width:960px;
	margin:0 auto;
	padding:0;
}

#header {
	position:relative;
	display:block;
	margin:15px 0 5px 0; padding:0;
	overflow:hidden;
}

/********************************************
	NAV
********************************************/
#nav {
	position:absolute;
	bottom:32px; right:0;
	float:right;
	font-family:"Century", Arial, Helvetica, sans-serif;
	font-size:14px;
}

#nav a {
	text-decoration:none;
	color:#787368;
}

#nav ul.menu {
	display:block;
	text-align:right;
}

#nav ul.menu>li {
	position:relative;
	display:inline;
	padding-left:12px;
}

#nav ul.menu>li:first-child { padding-left:0; }

#nav ul.menu>li>a {
	text-transform:uppercase;
}

/* DD */
#nav ul.sub-menu {
	display:none;
	position:absolute;
	top:10px; left:0;
	padding-top:15px;
	padding-left:12px;
	white-space:nowrap;
}

#nav ul.menu>li.current-menu-item ul.sub-menu, #nav ul.menu>li.current-menu-parent ul.sub-menu {
	display:block;
}

#nav ul.sub-menu>li {
	display:inline;
	padding-right:15px;
}

#nav ul.sub-menu>li a {
	color:#644416;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

/********************************************
	SEARCH
********************************************/
#search {
	position:absolute;
	top:5px; right:5px;
	min-width:250px; *max-width:250px;
	min-height:50px;
	font-family:"Century", Arial, Helvetica, sans-serif;
}

#search .lnk-bridelogin {
	position:relative;
	top:3px;
	padding-right:10px;
	text-decoration:none;
	color:#787368;
	font-size:14px;
}

#search-form {
	position:relative;
	float:right;
}

#search-form .inp {
	position:absolute;
	top:0; right:19px;
	width:109px; height:20px;
	background:url(images/search_box.jpg) no-repeat top left;
	border:none;
	color:#787368;
	font-size:11px;
	text-indent:4px;
}

#search-form .xsubmit {
	position:absolute;
	top:0; right:0;
}

#bride-login {
	display:none;
	position:absolute;
	top:0; left:-150px;
	margin:0; padding:0;
}

#bride-login .inp {
	display:inline;
	width:109px; height:20px;
	background:url(images/search_box.jpg) no-repeat top left;
	border:none;
	margin:0;
	font-size:11px;
	color:#787368;
	text-indent:5px;
}

#bride-login .bridesubmit {
	position:relative;
	top:-2px;
	width:27px; height:20px;
	border:none;
	background:url(images/go_btn.jpg) no-repeat top left;
	margin:0; padding:0;
}

#bride_login_info {
	display:inline;
	position:relative;
	top:1px;
	float:left;
	padding-right:150px;
	font-size:14px;
}

#bride_login_info h3 { font-weight:normal; font-size:14px; }

#bride_login_info a { text-decoration:none; color:#787368; }

/********************************************
	FOOTER
********************************************/
#footer {
	position:relative;
	overflow:hidden;
	display:block;
	margin:10px 0 25px; padding:0;
	font-size:10px;
	line-height:150%;
}

#footer a.sm_partner {
	margin:0 5px;
}

/********************************************
	CONTENT
********************************************/
.padin {
	display:block;
	padding-left:20px;
	padding-right:20px;
}

.padleft { margin-left:20px; }

.footdivider {
	margin-top:20px;
}

#content {
	display:block;
	overflow:hidden;
	
	font-size:12px;
	line-height:1.4em;
}

#content a.notblue { color:#f49ac1; }
#content a.choc { color:#644416; }

#content .lgtxt { font-size:14px; }

#content p { margin-bottom:15px; }

#content .cols {
	position:relative;
	display:block;
	overflow:hidden;
}

#content .cols .col {
	position:relative;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Century", Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.2em;
}

h2 {
	margin-bottom:0;
	font-size:60px;
	color:#787368;
}

h2 .cufon {
	font-size:60px;
	padding-left:5px;
}

h3 {
	margin-bottom:10px;
	font-size:18px;
	color:#787368;
}

h4 {
	margin-bottom:10px;
	font-size:15px;
	color:#787368;
}

#content .page-header {
	display:block;
	margin-bottom:15px;
}

.linedivider {
	position:relative;
	display:block;
	height:1px;
	margin:15px 0; padding:0;
	border-bottom:#d3d1d4 1px solid;
	clear:both;
}

#content .halfcontent { width:610px; position:relative; }

#content a:hover { text-decoration:underline; }

/********************************************
	HOME PAGE
********************************************/
#home {
	display:block;
	padding:8px;
	border:#e2e2e2 1px solid;
}

#home .left {
	width:626px;
	overflow:hidden;
}

#home-slideshow { width:626px; height:470px; }

#home .right {
	width:311px;
}

#home .banner {
	margin-bottom:8px;
}

#newsletter {
	position:relative;
	display:block;
	height:152px;
	background:url(images/newsletter_bg.jpg) no-repeat top left;
}

#newsletter .inp {
	position:absolute;
	bottom:10px; right:39px;
	width:159px; height:21px;
	background:url(images/newsletter_input.jpg) no-repeat top left;
	border:none;
	color:#787368;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-indent:4px;
}

#newsletter .inp2 {
	display:block;
	position:absolute;
	bottom:13px; right:20px;
	background:url(images/search_submit.jpg) no-repeat top left;
	border:none;
	width:18px; height:20px;
	margin:0; padding:0;
	cursor:pointer;
}

#home .col {
	width:31%;
	margin-left:30px;
}

#home .col:first-child { margin-left:0; }

#home .col p {
	padding-left:25px;
}

#home h2 {
	font-size:22px;
	color:#f49ac1;
}

#home h2 span {
	*position:relative;
	*top:10px;
}

/********************************************
	BLOG
********************************************/
#blog {
	display:block;
	padding:0 15px;
	overflow:hidden;
}

#blog h3.blurb {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:#d3d1d4 1px solid;
	font-size:14px;
}

#posts {
	position:relative;
	width:675px;
}

#posts .post {
	position:relative;
	display:block;
	min-height:100px;
	padding-left:55px;
	margin-bottom:20px;
}

#posts .post .post-head {
	position:relative;
	margin-bottom:15px;
}

#posts .post .post-head .post-date {
	position:absolute;
	left:-55px; top:0;
	width:45px; height:53px;
	overflow:hidden;
	background:url(images/post-date-bg.jpg) no-repeat top left;
	text-align:center;
	font-family:"Century", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#posts .post .post-head .post-date span { display:block; }
#posts .post .post-head .post-date .day { padding-top:10px; font-size:22px; }

#posts .post .post-head h2 {
	color:#787368;
	font-size:40px;
}

#posts .post .post-head .category-list {
	position:relative;
	top:-4px;
}

#posts .post .post-head .category-list a { color:#6eacbe; }

#posts .post .post-excerpt { display:none; }
#posts .post .post-content {}

#posts .post .post-content .imgwrap { position:relative; display:block; margin:0 auto; }
#posts .post .post-content .imgwrap .crn { position:absolute; display:block; height:20px; width:20px; margin:0; padding:0; z-index:100; }
#posts .post .post-content .imgwrap .tl { background:url(images/img-crn-tl.png) no-repeat top left; top:0; left:0; }
#posts .post .post-content .imgwrap .tr { background:url(images/img-crn-tr.png) no-repeat top left; top:0; right:-2px; }
#posts .post .post-content .imgwrap .br { background:url(images/img-crn-br.png) no-repeat top left; bottom:0; right:-2px; }
#posts .post .post-content .imgwrap .bl { background:url(images/img-crn-bl.png) no-repeat top left; bottom:0; left:0; }

#posts .post .post-content img {
	border:#dccca9 10px solid;
}

#posts .post .post-interact {
	position:relative;
	display:block;
	border-top:#787368 1px dotted;
	padding:10px 0;
	overflow:hidden;
}

#posts .post .post-interact .trigs {
	position:absolute;
	top:7px; right:0;
}

#posts .post .post-interact .trigs .fb-like {
	position:relative;
	top:7px;
	display:inline-block;
	*display:inline;
	margin:0; padding:0;
	*zoom:1;
}

#posts .post .post-interact .trigs a {
	display:inline-block;
	padding-left:25px;
	margin-left:10px;
	background:url(images/interact-icons.jpg) no-repeat;
	z-index:200;
	color:#787368;
	text-decoration:none;
	
	*display:inline;
	*zoom:1;
}

#posts h3 a.leave-a-comment, #posts h3 a.view-all-comments {
	padding-left:10px;
	color:#787368;
	font-size:11px;
	text-decoration:none;
	font-family:"Century", Times, serif;
}

#posts .post .post-interact .comments {}

#posts .post .post-interact .comments .cols {
	height:130px;
	padding:0; margin:0;
	overflow:hidden;
}

#posts .post .post-interact .comments ul li.comment { margin-bottom:5px; }

/* forms */
#posts .post .post-interact .inp {
	display:block;
	width:294px;
	margin-bottom:4px;
	border:none;
	padding:0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#787368;
}
#posts .post .post-interact .inp1 { background:url(images/inp1-bg.jpg) no-repeat top left; height:26px; }
#posts .post .post-interact .inp2 { background:url(images/txtarea1-bg.jpg) no-repeat top left; height:77px; padding:5px }

#posts .post .post-trigger {
	display:block;
	/*height:20px;*/
	height:28px;
	background:url(images/divider1.jpg) no-repeat top center;
	/*background:url(images/post-trigger.jpg) no-repeat top center;*/
	overflow:hidden;
	text-align:center;
	font-size:10px;
	font-family:"Century", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#787368;
	text-decoration:none;
}

#posts .post .post-trigger span { display:none; position:relative; top:2px; left:2px; }

/********************************************
	SIDEBAR
********************************************/
#sidebar {
	position:relative;
	width:207px;
	padding-top:15px;
}

#sidebar .widget {
	display:block;
	margin-bottom:20px;
}

#sidebar .widget h2 {
	font-size:18px;
	margin-bottom:10px;
}

#sidebar .widget a {
	color:#787368;
	text-decoration:none;
}

#sidebar .am_ad { margin-bottom:10px; }

#sidebar select, textarea, input[type=text], input[type=password] {
	font-size:11px;
	color:#787368;
}

#sidebar ul {
	padding-left:15px;
}

#blog-search-form {
	display:block;
	position:relative;
}

#blog-search-form .inp {
	background:url(images/search_box.jpg) no-repeat top left;
	border:none;
	padding-top:2px; margin:0;
	width:109px; height:18px;
}

#blog-search-submit {
	background:url(images/search_submit.jpg) no-repeat top left;
	border:none;
	width:19px; height:20px;
	margin:0; padding:0;
	cursor:pointer;
}

#sidebar-social {}

#sidebar-social a { text-decoration:underline !important; color:#6eacbe !important; }

#sidebar-social h3 { margin-bottom:5px; font-size:13px; }

#sidebar-social .soc {
	position:relative;
	overflow:hidden;
	margin-bottom:10px;
	display:block;
	font-size:11px;
}

#sidebar-social .iconholder {
	position:relative;
	float:left;
	width:31px;
	margin-right:5px;
}

#sidebar-social .soc .icon {
	display:block;
	float:left;
	width:31px; height:38px;
	background:url(images/social-icons-sidebar.jpg) no-repeat;
	overflow:hidden;
}

#sidebar-social .soc .i1 { background-position:-4px 0; }
#sidebar-social .soc .i2 { background-position:-4px -64px; }

/********************************************
	CONTACT
********************************************/
#contact {
	display:block;
	padding:0 15px;
	font-size:14px;
}

#contact>.left {
	position:relative;
	width:276px;	
}

#contact>.left img {
	margin-bottom:15px;
}

#contact>.left h3 { text-align:center; font-size:13px !important; }

#contact a { color:#6eacbe; }

#contact .colright {
	width:615px;
}

#mailing-list {
	position:relative;
	margin-bottom:15px;
}

#mailing-list .inp1 {
	position:relative;
	width:159px; height:20px;
	margin:0; padding:0;
	background:transparent url(images/newsletter_input.jpg) no-repeat top left;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#787368;
	font-size:11px;
}

#mailing-list .inp2 {
	position:absolute;
	bottom:0px; left:159px;
}

#contact-form {
	display:block;
	margin:25px 0;
	overflow:hidden;
}

#contact-form .inp {
	display:block;
	width:291px;
	margin-bottom:10px;
	padding:0;
	border:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#787368;
}

#contact-form .inp1 {
	height:20px;
	background:url(images/contact_inp.jpg) no-repeat top left;
}

#contact-form .inp2 {
	height:110px;
	background:url(images/contact_txtarea.jpg) no-repeat top left;
}

/********************************************
	EVENTS
********************************************/
#events {
	position:relative;
	width:610px;
	float:right;
}

#events .event-list {
	position:relative;
	overflow:hidden;
	margin:25px 0 0 0; padding:25px 0 0 0;
	border-top:#d3d1d4 1px solid;
}

#events .event {
	position:relative;
	float:left;
	width:150px;
	padding:5px 30px 5px 0;
	margin:0 0 30px 15px;
	border-right:#787368 1px dotted;
}

#events .event-list .last {
	border-right:none;
	margin-right:0;
}

/********************************************
	DESIGNERS
********************************************/
#designers {
	position:relative;
	display:block;
	margin-bottom:25px;
	overflow:hidden;
	font-size:14px;
}

#designers h2 {
	margin:0 0 5px 0; padding:0;
	color:#f49ac1;
	font-size:72px !important;
	vertical-align:top;
}

#designers h2>span { vertical-align:top; margin:0; padding-bottom:0; }

#designers>.left { width:632px; position:relative; top:0px; }
#designers>img.alignright { position:relative; top:-10px; }

#designers>.left>.padleft {
	padding-bottom:10px;
	border-bottom:#ccc 1px solid;
	margin-bottom:20px;
}

#designers .designer-list {
	position:relative;
	overflow:hidden;
	margin:0 0 15px 0; padding:25px 0 0 0;
}

#designers .designer-list h3 {
	display:block;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:#d3d1d4 1px solid;
}

#designers ul { overflow:hidden; margin-bottom:15px; }
#designers small { font-size:11px; }

#designers ul>li {
	position:relative;
	float:left;
	width:30%;
	margin:5px 10px 10px 0;
	display:block;
}

#designers a { color:#644416; text-decoration:none; font-size:12px; }
#designers a:hover { text-decoration:underline; }

#designers>.left .designer-list { margin-left:20px; }

#designers .cols>.col {
	position:relative;
	width:30%;
	font-size:12px;
}

#designers .cols>.col h2 span { padding-left:0 !important; }

#designers .cols .col1 { margin-right:40px; margin-left:20px; }

#designers .cols ul>li { display:block; float:none; width:auto; }

/********************************************
	SINGLE DESIGNER
********************************************/
#single_designer {
	overflow:hidden;
	font-size:14px !important;
}

#single_designer a { color:#6eacbe; text-decoration:none; }

#single_designer .gal {
	position:relative;
	float:left;
	width:252px;
	border:#d3d1d4 1px solid;
	padding:10px;
	overflow:hidden;
}

#single_designer .gal .restrict {
	display:block;
	margin-top:10px;
	width:252px;
	overflow:hidden;
}

#single_designer .gal ul.thumbs {
	position:relative;
	display:block;
	width:999em;
}

#single_designer .gal ul.thumbs li {
	display:inline;
	padding-right:5px;
	cursor:pointer;
}

#single_designer .info {
	position:relative;
	float:right;
	width:610px;
}

#single_designer .info .siteurl {
	display:block;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:#d3d1d4 1px solid;
}

/********************************************
	SAMPLE SALE
********************************************/
#sample_sale {}

#sample_sale .col1 {
	position:relative;
	float:left;
	width:290px; min-height:50px;
	text-align:right;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#sample_sale .col1>span {
	position:absolute;
	bottom:10px; right:0;
}

#sample_sale .col2 {
	position:relative;
	float:right;
	width:610px;
}

.gal {
	display:block;
	margin:25px 0;
}

.gal .galimg {
	position:relative;
	float:left;
	padding-bottom:10px;
	margin:0 30px 15px 0;
	border-bottom:#787368 1px dotted;
	text-align:center;
	font-size:11px;
	text-transform:capitalize;
}

.gal .last {
	margin-right:0;
}

.gal a {
	position:relative;
	display:block;
	margin-bottom:5px;
}

.gal .galimg img {
	border:#dccca9 5px solid;
}

.gal a .crn {
	position:absolute;
	border:none;
	width:10px; height:10px;
	display:block;
	background-repeat:no-repeat;
	background-position:top left;
	z-index:100;
}

.gal a .tl { top:0; left:-1px; background-image:url(images/tl_crn_sm.png); }
.gal a .tr { top:-1px; right:0; background-image:url(images/tr_crn_sm.png); }
.gal a .br { bottom:-1px; right:-1px; background-image:url(images/br_crn_sm.png); }
.gal a .bl { bottom:-1px; left:0; background-image:url(images/bl_crn_sm.png); }

/********************************************
	BRIDE LOGIN
********************************************/
#brides {
	display:block;
	border-top:#d3d1d4 1px solid;
	padding-top:15px;
}

#bride-gallery {
	position:relative;
	display:block;
	border:#d3d1d4 1px solid;
	margin:0 0 25px 0; padding:15px;
}

#bride-gallery .track {
	position:relative;
	display:block;
	overflow:hidden;
}

#bride-gallery .track ul {
	position:relative;
	display:block;
	margin-top:15px;
	width:999em;
}

#bride-gallery .track ul li {
	display:inline;
	cursor:pointer;
}

#bride-gallery a.galnav {
	position:absolute;
	bottom:34px;
	display:block;
	width:25px; height:70px;
	margin:0; padding:0;
	background-image:url(images/bride_gal_arrows.jpg);
	background-repeat:no-repeat;
}

#bride-gallery a.galprev { left:-24px; background-position:0 0; }
#bride-gallery a.galprev:hover { background-position:0 -70px; }

#bride-gallery a.galnext { right:-24px; background-position:-25px 0; }
#bride-gallery a.galnext:hover { background-position:-25px -70px; }

#brides .cols {
	position:relative;
	display:block;
	margin-top:15px;
	overflow:visible;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:#787368 1px dotted;
}

#brides .cols .col1 {
	position:relative;
	float:left;
	padding-right:15px;
	width:675px;
	border-right:#787368 1px dotted;
}

#brides .cols .col2 {
	position:relative;
	float:right;
	width:215px;
}

#timeline {
	display:block;
	margin-bottom:15px;	
}

#timeline .step {
	position:relative;
	display:inline-block;
	margin:0; padding:0;
	width:182px; height:109px;
	
	color:#fff;
	
	*display:inline;
	*zoom:1;
}

#timeline .step {
	margin-left:-21px;
	background:url(images/timeline_off.png) no-repeat top left;
}

#timeline .step1 {
	margin-left:0;
	background:url(images/timeline_off_first.png) no-repeat top left;
}

#timeline .step_active {
	margin-left:-21px;
	background:url(images/timeline_on.png) no-repeat top left !important;
}

#timeline .step1_active {
	margin-left:0;
	background:url(images/timeline_on_first.png) no-repeat top left !important;
}

#timeline .step .num {
	position:absolute;
	top:25px; left:88px;
	font-size:30px;
	color:#fff;
	text-align:center;
}

#timeline .step1 .num {
	left:76px;
}

#timeline .step_active .num {
	color:#e0d79f;
}

#timeline .step .descrip {
	position:absolute;
	top:50px;
	font-size:14px;
}

#timeline .step h4 {
	position:absolute;
	top:50px; left:50px;
	margin:0; padding:0;
	color:#fff;
	font-size:18px;
	text-align:center;
}

#timeline .step .val {
	position:absolute;
	display:block;
	width:125px;
	top:70px; left:25px;
	font-weight:bold;
	text-align:center;
}

#timeline .step_active .descrip, #timeline .step_active h4, #timline, .step_active .val,
#timeline .step1_active .descrip, #timline, .step1_active .val, #timeline .step1_active .num {
	color:#e0d79f;
}

#timeline .tick {
	position:absolute;
	top:-14px; left:-14px;
	width:28px; height:28px;
	background:url(images/tick.png) no-repeat top left;
}

#invoice {
	border-top:#787368 1px dotted;
	padding-top:15px;
	font-size:13px;
}

#invoice a { color:#00ade5; }

#fitting-form {
}

#fitting-form .inp {
	background:#fff;
	border:#787368 1px solid;
	font-size:11px;
	color:#787368;
}

#fitting-form .inpsm { width:25px; margin:0 2px; }

#fitting-form td { padding:2px 0; }