/*
Theme Name: Beauty Full of Color
Theme URI: 
Description: 
Author: Joanna Weinman
Author URI: 
version: 
*/

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

/* -------------------------------------------------------------- 
  
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	outline: none;
}
html {
	min-height: 100%;
	padding-bottom: 1px;
}
body {
	line-height: 1.5;
}
/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
table, td, th {
	vertical-align: middle;
}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Remove annoying border on linked images. */
a img {
	border: none;
	outline: none
}
/* END RESET */

/* UNIVERSAL CLASSES */

.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.no-show {
	display: none;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
small {
	font-size: 11px;
}
big {
	font-size: 18px;
}
a {
	color: #2b0500;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:visited {
}
h1 {
	font-size: 24px;
	line-height: 26px;
	margin: 0px 0px 0px 0px;
	font-style: italic;
	font-weight: normal;
}
h2, h2 a{
	font-size: 22px;
	line-height: 24px;
	margin: 0px 0px 0px 0px;
	font-style: italic;
	font-weight: normal;
	color: #ffffff;
}
h2 a{
	text-decoration: underline;
}
h2 a:hover{
	text-decoration: none;
}
h3, h3 a{
	font-size: 20px;
	line-height: 24px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	margin: 0px 0px;
}
h5 {
}
p {
	font-size: 18px;
	margin: 5px 0px 18px 0px;
	line-height: 22px;
}
ul, ol{
	margin: 12px 0px;
}

ul li{
	margin: 6px 0px 6px 30px;
	list-style-type: disc;
}
ol li{
	margin: 6px 0px 6px 30px;
	list-style-type: disc;
}
/* BEGIN FORMATTING */

body {
	background-image: url('images/page_bg.gif');
	background-position: top center;
	background-repeat: repeat-y;
	background-color: #271000;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #2b0500;
}
/* CONTAINERS */

#wrapper {
	width: 920px;
	margin: 0px auto;
	overflow: hidden;
}
#header {
	height: 322px;
	background-position: bottom;
	background-repeat: no-repeat;
}

.header{	
	background-image: url('images/img_header.jpg');
}

.header_about-yvette{
	background-image: url('images/img_header_about-yvette.jpg');
}

.header_blog{	
	background-image: url('images/img_header_blog.jpg');
}

#logo {
	width: 515px;
	margin: 0px auto;
}
/* COLUMNS */

#column_left {
	width: 740px;
	float: left;
}
#column_right {
	width: 172px;
	float: right;
}
#main {
	background-color: #9c6429;
	padding: 20px;
}
/* SPECIALIZED CONTAINERS */

.widget_upcoming-events {
	padding: 12px;
	background-color: #e90089;
}

.widget_upcoming-events ul, .widget_upcoming-events ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}

.widget_upcoming-events .date{
	font-size: 18px;
	color: #ffffff;
	font-style: italic;
}

.widget_upcoming-events a{
	font-size: 18px;
	color: #ffffff;
	font-style: italic;
	text-decoration: underline;
}

.widget_upcoming-events a:hover{
	text-decoration: none;
}

.widget_upcoming-events .title{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
}


.widget_upcoming-events .time{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

.widget_social-links a{
	margin: 10px 5px 10px 0px;
	display: inline-block;
}

.widget_free-toolkit a.btn_get-my-free-toolkit{
	width: inherit;
	display: block;
	height: 180px;
	background-image: url('images/btn_get-my-free-toolkit.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: #f4901e;
}

.widget_twitter{
	background-color: #ee2d98;
	padding: 8px;
	margin-bottom: 8px;
}

.widget_twitter .entry-meta{
	font-size: 11px;
	display: block;
	margin-top: 12px;
	font-style: italic;
}

.widget_recent-posts{
	background-color: #f05845;
	padding: 8px;
}

.widget_blog-talk-radio{
	background-color: #ffffff;
	padding: 4px 0px;
	margin-bottom: 8px;
}

.widget_video_evolution-of-you{
	background-color: #9c6429;
	padding: 0px 0px 5px 0px;
	margin-bottom: 8px;
}

.widget_video_evolution-of-you p{
	margin: 0px 0px 0px 0px;
}

.widget_setster{
	margin: 8px 0px;
}

.box_video_evolution-of-you{
	width: 310px;
	margin: 0px 20px 20px 0px;
	float: left;
}

.img_beautys-makeup-lesson{
	height: 180px;
	background-image: url('images/img_beautys-makeup-lesson.jpg');
	margin-bottom: 20px;
}

.img_beautys-shopping-spree{
	height: 180px;
	background-image: url('images/img_beautys-shopping-spree.jpg');
	margin-bottom: 20px;
}

.img_beautys-fashion-fix{
	height: 180px;
	background-image: url('images/img_beautys-fashion-fix.jpg');
	margin-bottom: 20px;
}

.img_beautys-full-evolution{
	height: 180px;
	background-image: url('images/img_beautys-full-evolution.jpg');
	margin-bottom: 20px;
}

.img_beautys-skin-booster{
	height: 180px;
	background-image: url('images/img_beautys-skin-booster.jpg');
	margin-bottom: 20px;
}

.testimonials #main{
	position: relative;
	top: 0;
	background-color: transparent;
	padding: 0;
}

.testimonials .box_testimonial{
	height: 187px;
	overflow: hidden;
	position: relative;
}

.testimonials .box_testimonial img{
	margin: 0;
}

.testimonials .box_text{
	width: 538px;
	padding: 10px 10px 0px 10px;
	background-color: #9c6429;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 187px;
	overflow: hidden;
}

.testimonials .box_text p{
	font-size: 16px;
	margin: 0;
	line-height: 20px;
}

.blog #main{
	position: relative;
	top: 0;
	background-color: transparent;
	padding: 0;
	overflow: hidden;
}

.blog .sidebar{
	width: 174px;
	float: left;
}

.blog .sidebar ul{
	margin: 10px 0px;
}

.blog .sidebar ul li{
	font-size: 16px;
	line-height: 20px;
	margin: 6px 0px 6px 20px;
	list-style-type: disc;
}

.blog .sidebar .widget_twitter ul li{
	list-style: none;
	margin-left: 0;
}

.blog .content{
	width: 538px;
	padding: 10px 10px 10px 10px;
	background-color: #9c6429;
	margin: 0;
	overflow: hidden;
	float: right;
}

.blog .content p{
	font-size: 16px;
	line-height: 20px;
}

.blog .content .date{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #f05845;
	display: block;
	margin: 4px 0px 15px 0px;
}

.blog p.postmetadata{
	color: #f4901e;
	font-style: italic;
	font-size: 14px;
}

.blog p.postmetadata a{
	color: #f4901e;
}

.blog p.postmetadata .tags, .blog p.postmetadata .tags a{
	color: #2b0500;
	text-decoration: none;
}

.blog .navigation{
	font-size: 12px;
	display: block;
}

.blog h1{
	font-size: 27px;
	line-height: 30px;
	color: #f3901e;
}

.blog h2 a{
	color: #f3901e;
	text-decoration: none;
}

.blog h2 a:hover{
	color: #ffffff;
}


/* POPUP STYLES */

.beautys-makeup-lesson #header, 
.beautys-makeup-lesson #nav, 
.beautys-makeup-lesson #column_right, 
.beautys-makeup-lesson #footer,
.beautys-shopping-spree #header, 
.beautys-shopping-spree #nav, 
.beautys-shopping-spree #column_right, 
.beautys-shopping-spree #footer,
.beautys-skin-booster #header, 
.beautys-skin-booster #nav, 
.beautys-skin-booster #column_right, 
.beautys-skin-booster #footer,
.beautys-fashion-fix #header, 
.beautys-fashion-fix #nav, 
.beautys-fashion-fix #column_right, 
.beautys-fashion-fix #footer,
.beautys-full-evolution #header, 
.beautys-full-evolution #nav, 
.beautys-full-evolution #column_right, 
.beautys-full-evolution #footer{
	display: none;
}

.beautys-makeup-lesson, .beautys-shopping-spree, .beautys-skin-booster, .beautys-fashion-fix, .beautys-full-evolution{
	background-color: #9c6429;
	background-image: none;
}

/* SPLASH PAGE */

.splash #header, .splash #nav, .splash #column_right, .splash #footer{
	display: none;
}

.splash #main{
	background: none;
	width: 920px;
	margin: 0px auto;
}

.splash #main img{
	display: block;
	margin: 0px auto;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* TOOLKIT STYLES */

.free-beauty-full-of-color-toolkit #column_right, .free-beauty-full-of-color-toolkit-confirmation #column_right{
	display: none;
}

.free-beauty-full-of-color-toolkit #column_left, .free-beauty-full-of-color-toolkit-confirmation #column_left{
	width: auto;
}

.free-beauty-full-of-color-toolkit #main, .free-beauty-full-of-color-toolkit-confirmation #main{
	background-color: transparent;	
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}

.free-beauty-full-of-color-toolkit p, .free-beauty-full-of-color-toolkit-confirmation p{
	font-size: 22px;
	font-weight: normal;
	font-style: italic;
	margin: 0px 0px 20px 0px;
	color: #eb4036;
	text-align: center;
	line-height: 26px;
}

.free-beauty-full-of-color-toolkit .box_gold, .free-beauty-full-of-color-toolkit-confirmation .box_gold{
	padding: 20px;
	background-color: #f4901e;
	margin: 10px 0px;
}

.free-beauty-full-of-color-toolkit .box_gold p, .free-beauty-full-of-color-toolkit-confirmation .box_gold p{
	color: #2b0500;
	text-align: left;
}

.free-beauty-full-of-color-toolkit .toolkit-form p{
	color: #ffffff;
	font-style: normal;
	width: 620px;
	margin: 10px 0px 0px 105px;
	text-align: right;
}

.free-beauty-full-of-color-toolkit .toolkit-form p input{
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	background-color: #ec1e79;
	border: none;
	width: 420px;
	margin: 2px 0px;
}

.free-beauty-full-of-color-toolkit .toolkit-form p input.btn_i-want-my-toolkit{	
	background-image: url('images/txt_i-want-my-toolkit.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 240px;
	height: 40px;
	display: inline-block;
	background-color: #f4901e;
	margin-top: 20px;
	font-size: 1px;
}


/* NAV */

#nav {
	margin: 8px 0px;
	background-color: #ec4036;
	height: 31px;
}

#nav ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	clear: both;
	display: block;
}
#nav ul li {
	float: left;
	width: auto;
	display: block;
	margin: 0;
	padding: 0px 10px;
	height: 31px;
}
#nav ul li a {
	position: relative;
	padding: 0px 6px;
	height: 31px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center 0px;
}
#nav ul li a:hover, #nav ul li.nav_selected a {
	background-position: center -31px;
}
.nav_home a {
	background-image: url('images/nav_home.gif');
	width: 48px;
}

.nav_about-yvette a {
	background-image: url('images/nav_about-yvette.gif');
	width: 113px;
}

.nav_what-we-do a {
	background-image: url('images/nav_what-we-do.gif');
	width: 105px;
}

.nav_blog a {
	background-image: url('images/nav_blog.gif');
	width: 47px;
}

.nav_testimonials a {
	background-image: url('images/nav_testimonials.gif');
	width: 110px;
}

.nav_events a {
	background-image: url('images/nav_events.gif');
	width: 55px;
}

.nav_faq a {
	background-image: url('images/nav_faq.gif');
	width: 36px;
}

.nav_press a {
	background-image: url('images/nav_press.gif');
	width: 46px;
}

.nav_contact a {
	background-image: url('images/nav_contact.gif');
	width: 67px;
}
/* FOOTER */

#footer {
	padding: 10px 0px;
}
#footer p {
	font-size: 14px;
	color: #ec4036;
	text-align: center;
	line-height: 18px;
	margin: 0;
}
#footer p a {
	color: #ec4036;
}
/* TXT STYLES */

.txt_upcoming-events {
	height: 18px;
	display: block;
	background-image: url('images/txt_upcoming-events.gif');
	background-repeat: no-repeat;
}

.txt_evolution-of-you{
	display: block;
	height: 45px;
	background-color: #ee8a1e;
	background-image: url('images/txt_evolution-of-you.gif');
	background-repeat: no-repeat;
	background-position: center 10px;
}

.txt_evolution-of-you_blog{
	display: block;
	height: 59px;
	background-image: url('images/txt_evolution-of-you_blog.gif');
	background-repeat: no-repeat;
	background-position: top center;
	margin-bottom: 20px;
}

.txt_evolution-of-you_sm{
	display: block;
	height: 30px;
	background-color: #9b6429;
	background-image: url('images/txt_evolution-of-you_sm.gif');
	background-repeat: no-repeat;
	background-position: center;
}


.txt_details{
	background-image: url('images/txt_details.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 60px;
	height: 16px;
	display: inline-block;
	margin-top: 8px;
	padding: 8px;
}

.txt_pink{
	background-color: #e80088;
}

.txt_gold{
	background-color: #f38f1e;
}

.txt_orange{
	background-color: #eb4036;
}

.txt_225-book-session{	
	background-image: url('images/txt_225-book-session.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 164px;
	height: 20px;
	display: inline-block;
	margin-top: 8px;
	padding: 8px;
}

.txt_325-book-session{	
	background-image: url('images/txt_325-book-session.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 164px;
	height: 20px;
	display: inline-block;
	margin-top: 8px;
	padding: 8px;
}

.txt_525-book-session{	
	background-image: url('images/txt_525-book-session.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 164px;
	height: 20px;
	display: inline-block;
	margin-top: 8px;
	padding: 8px;
}

.txt_2700-book-session{	
	background-image: url('images/txt_2700-book-session.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 174px;
	height: 20px;
	display: inline-block;
	margin-top: 8px;
	padding: 8px;
}

.give-the-gift-of-beauty{
	width: 700px;
	height: 260px;
	background-image: url('images/img_give-the-gift-of-beauty.jpg');
	background-repeat: no-repeat;
	display: block;
}

.give-the-gift-of-beauty .content{
	padding: 110px 0px 0px 355px;
}

.give-the-gift-of-beauty .content select{
	margin: 0px 0px 10px 0px;
}

.txt_unleash-your-beautiful{
	height: 80px;
	background-image: url('images/txt_unleash-your-beautiful.gif');
	background-position: center;
	background-repeat: no-repeat;
	display: block;
}

.txt_check-out-some-of-the-tools{
	height: 32px;
	background-image: url('images/txt_check-out-some-of-the-tools.gif');
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.txt_your-free-toolkit{
	width: 480px;
	height: 40px;
	background-image: url('images/txt_your-free-toolkit.gif');
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	margin: 3px 0px;
}

.txt_congratulations{
	height: 26px;
	background-image: url('images/txt_congratulations.gif');
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}

.txt_here-is-to-a-lifetime{
	height: 26px;
	background-image: url('images/txt_here-is-to-a-lifetime.gif');
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin-bottom: 10px;
}

.txt_tweeting-now{
	height: 36px;
	background-image: url('images/txt_tweeting-now.gif');
	background-repeat: no-repeat;
	display: block;
}

.txt_blog-list{
	height: 36px;
	background-image: url('images/txt_blog-list.gif');
	background-repeat: no-repeat;
	display: block;
}

.img_blog-talk-radio{
	width: 174px;
	height: 174px;
	display: block;
	background-image: url('images/img_blog-talk-radio.gif');
	background-repeat: no-repeat;
}