/*
Theme Name: Urban Elements
Theme URI: http://www.press75.com/
Description: The first release under my abstract line of blogging themes. Detailed usage instructions for this theme can be found at <a href="http://www.press75.com/docs/urbanelements/">http://www.press75.com/docs/urbanelements/</a>. Don't forget to configure the Urban Elements Theme Options page.
Version: 1.3
Author: Jason Schuller
Author URI: http://www.press75.com/

This theme was designed and built by Jason Schuller,
whose portfolio you will find at www.jdidit.com

The CSS, XHTML and design is all Copyright 2009 Circa75 Media, LLC:
*/

body {
margin: 0;
padding: 0;
background: #1A1915 url(images/bg.jpg) top center no-repeat fixed;
font: 0.75em Tahoma, Arial, Helvetica, sans-serif; 
color: #47443a; 
line-height: 18px;
}

h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-size: 36px;
color: #FFFFFF;
}

h1 a:link, h1 a:active, h1 a:visited {
color: #FFFFFF;
}

h1 a:hover {
color: #999999;
}

a:link, a:visited {
color: #1F1E18;
text-decoration: none;
}

a:hover {
color: #A7A195;
}

h2 {
font-family: Tahoma, Geneva, sans-serif;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin: 5px 0 0 5px;
padding: 0;
width: 450px;
}

h2 a:link, h2 a:active, h2 a:visited{
font-size:1em; color:#47443A;
}

h2 a:hover {
font-size:1em; color:#333333;
text-decoration: underline;
}

#wrapper {
margin-left: auto;
margin-right: auto;
width: 1100px;
}

img {
border: 0;
}

p {
margin: 0 0 10px 0;
}

ul {
list-style: none;
}

blockquote {
width: 80%;
height: auto;
margin: 0; 
padding: 15px 25px 15px 85px;
display: block;
}

#header {
background: url(images/headerbg.png) bottom right no-repeat;
height: 240px;
}

#logo {
height: 90px;
width: 900px;
margin: 0 0 0 40px;
float: left;
}

#textlogo {
height: 75px;
width: 540px;
margin: 0 0 0 40px;
padding: 15px 0 0 0;
float: left;
}

* + html #textlogo {
height: 50px;
margin: 0 0 0 40px;
padding: 40px 0 0 0;
}

/** navigation **/
#navigation {
width: 670px;
margin: 90px 0 0 40px;
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color: #FFFFFF;
}

#navigation a:link, #navigation a:visited {
color: #FFFFFF;
}

#navigation a:hover {
color: #ffde01;
}

li.menu_item {
display: block;
list-style: none;
float: left;
margin: 0 10px 0 10px;
height: 31px;
padding: 8px 20px 0 0;
background: url(images/pagebg.png) top right no-repeat;
}

li.menu_item:hover {
background-position: bottom right;
}

#nav {
bottom: 0;
right: 0;
z-index: 999;
list-style: none;
float: left;
margin: 11px 0 0 23px;
padding: 0;
}

#nav li {
float: left;
}

#nav li a {
float: left;
display: block;
height: 22px;
color: #FFFFFF;
text-decoration: none;
}

#nav li.current a {
color: #FFFFFF;
}

#nav li ul {
clear: left;
position: absolute;
left: -999em;
z-index: 999;
width: 161px;
margin-top: 30px;
margin-left: -21px;
_margin-top: 0; /* IE6 only */
border: 1px solid #525252;
border-top: 1px solid #525252;
border-bottom: 0;
list-style: none;
line-height: 1;
padding-left: 0px;
}
/* http://thatnorwegianguy.wordpress.com/2007/03/20/ie7-css-filter-hack/ */
* + html #nav li ul {
margin-top: 0;
}

#nav li li {
display: inline;
_display: block;
float: none;
_float: left;
margin: 0;
font-size: 11px;
text-transform: uppercase;
}

#nav li ul ul {
margin: -31px 0 0 161px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: auto;
}

#nav li li li {
font-size: 11px;
}

#nav li:hover li a, #nav li.sfhover li a {
float: none;
width: 133px;
height: auto;
padding: 9px 14px;
border-bottom: 1px solid #525252;
color: #47443A;
background: #FFFFFF;
}

#nav li:hover li a:hover, #nav li.sfhover li a:hover {
background: #F0F0F0;
}

/** main content **/
#sitesearch {
float: left;
margin: 108px 0 0 120px;
}

#searchwrap {
margin: 0 0 0 25px;
}

#searchwrap input{
vertical-align: middle;
background: none;
color: #FFFFFF;
font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
font-size: 12px;
}

#searchwrap #s{
border: none;
padding: 6px 0 5px 0;
margin: 0;
width: 188px;
}

#content {
float: left;
background: url(images/shadow.png) top left repeat-y;
}

#main {
width: 725px;
float: left;
}

#main h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: normal;
margin: 0 0 5px 0;
padding: 0;
}

.themonth {
color: #000000;
text-transform: uppercase;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
margin: 60px 0 0 13px;
float: left;
}

.postbox {
width: 725px;
float: left;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
background: url(images/postbreak.gif) bottom left no-repeat;
}

.postbox ul {
list-style: disc;
}

.pagebox {
width: 715px;
float: left;
padding: 0 0 10px 12px;
margin: 0 0 10px 43px;
background: url(images/pagebreak.gif) bottom left no-repeat;
}

.thepost {
width: 645px;
float: left;
margin: 0 0 0 6px;
}

* + html .thepost {
width: auto;
}

img.postimage {
margin: 4px 0 0 0;
}

* + html img.postimage {
margin: -8px 0 0 0;
}

.postcomments {
width: 60px;
height: 38px;
float: right;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
text-align: center;
color: #FFFFFF;
padding: 9px 0 0 0;
background: url(images/postcomments.png) no-repeat 0 0;
cursor: pointer;
}

* + html .postcomments {
margin: 0 17px 0 0;
padding: 10px 0 0 0;
}

.postcomments:hover {
background: url(images/postcomments.png) no-repeat 0 -48px;
}

.postcomments a:link, .postcomments a:visited {
color: #FFFFFF;
}

.postdets {
font: .92em Georgia, "Times New Roman", Times, serif; 
line-height: 1.2em;
text-transform: uppercase;
margin: 4px 0 5px 5px;
color: #404040;
}

.postdets a:link,.postdets a:visited {
color: #404040;
}

.postdets a:hover {
color: #A3A09A;
}

.postcontent {
margin: 10px 0 5px 5px;
width: 635px;
}

#inlinead {
margin: 20px 0 20px -1px;
width: 515px;
height: 82px;
background: #EBEBEB;
border: 1px solid #BDBDBD;
text-align: center;
}

#inlinead img {
margin: 11px 0 0 0;
}

.postcontent a:link, .postcontent a:visited {
text-decoration: underline;
}

/** comment styles **/
#comments {
margin: 0 0 0 0;
}

#comments h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: normal;
color: #181512;
margin: 5px 0 0 0;
padding: 0;
}

#comments p {
margin: 5px 0 5px 0;
}

.comment-author {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-weight: normal;
}

.comment-meta {
font-size: 10px;
font-weight: normal;
margin: 0 0 10px 0;
}

.avatar {
float: right;
display: inline;
padding: 8px;
margin: 0 2px 4px 4px;
background: url(images/avatarbg.png) top left no-repeat;
}

#comment {
width: 510px;
font: 12px arial,helvetica,verdana,sans-serif;
}

h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color: #333 !important;
}

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
}

ol.commentlist p {
margin-bottom: 10px;
width: 515px;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
margin: 0;
padding: 0;
}

ol.commentlist li.alt {
padding: 0 15px 15px 66px;
margin: 10px 0 5px 0;
background: url(images/postbreak.gif) bottom left no-repeat;
}

ol.commentlist li {
padding: 0 15px 15px 66px;
margin: 10px 0 5px 0;
background: url(images/postbreak.gif) bottom left no-repeat;
}

ol.commentlist li div.reply {
border: 1px solid #999999;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius :2px;
color: #666666;
font: bold 9px/1 helvetica,arial,sans-serif;
padding: 5px 10px;
text-align: center;
width: 36px;
}

ol.commentlist li div.reply:hover {
background: #999999;
border: 1px solid #666666;
}

ol.commentlist li div.reply a {
color: #666;
text-decoration: none;
text-transform: uppercase;
}

ol.commentlist li ul.children { 
list-style: none; 
margin: 0;
padding: 0;
text-indent: 0; 
}

ol.commentlist li ul.children li {
background: none;
margin: 0;
padding: 10px 0 10px 0;
}

ol.commentlist li ul.children li.alt {
background: none;
margin: 0;
padding: 10px 0 10px 0;
}

ol.commentlist li ul.children li.depth-2 { margin:0; }
ol.commentlist li ul.children li.depth-3 { margin:0; }
ol.commentlist li ul.children li.depth-4 { margin:0; }
ol.commentlist li ul.children li.depth-5 { margin:0; }

input#submit {
background: url(images/submit.png);
cursor: pointer;
margin: 0 0 0 -5px;
}

input#submit:hover {
background: url(images/submit.alt.png);
}


#comment,#author,#email,#url {
background: url(images/fields.jpg) top left repeat-x;
border: 1px solid #E5E3D8;
padding: 2px;
margin: 3px 0 2px 0;
color: #404040;
}

#respond {
padding: 0 15px 10px 66px;
}

/** sidebar styles **/
#sidewrap {
width: 375px;
float: left;
background: url(images/sidefooterbg.png) bottom left no-repeat;
}

* + html #sidewrap {
padding: 0 0 49px 0;
}

#sidebar {
width: 360px;
float: left;
background: url(images/sidebg.png) top left repeat-y;
color: #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.2em;
margin: 0 0 49px 0;
padding: 0 0 0 15px;
}

#sidebar p {
margin: 5px 0 5px 0;
}

#sidebar h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #FFFFFF;
font-weight: normal;
margin: 2px 0 4px 0;
padding: 0 0 8px 0;
background:url(images/sidebreak.png) bottom left no-repeat;
}

#sidebar a:link, #sidebar a:visited {
color: #FFFFFF;
}

#sidebar a:hover {
color: #CCCCCC;
text-decoration: underline;
}

#sidebar .widget_simplesidebarads {
width: 320px;
margin: 0 0 25px 15px;
float: left;
}

#sidebar .widget_simplesidebarads img {
width: 125px;
height: 125px;
float: left;
margin: 10px;
}

.widgetblock {
width: 320px;
margin: 0 0 25px 0;
float: left;
}

.widgetblock ul {
list-style:none;
margin:0;
padding:0;
}

.widgetblock li {
padding:5px 0 8px 0;
background:url(images/sidebreak.png) bottom left no-repeat;
}

#tag_cloud {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 10px 0 25px 0;
float: left;
}

#contactblock {
width: 320px;
float: left;
}

ul.follow {
list-style:none;
margin:10px 0 0 0;
padding:0;
}

li.rss {
background:url(images/social/subscribe.png) left no-repeat;
padding:2px 0 2px 22px;
}

li.feedburner {
background:url(images/social/subscribe.png) left no-repeat;
padding:2px 0 2px 22px;
}

li.facebook {
background:url(images/social/facebook.png) left no-repeat;
padding:2px 0 2px 22px;
}

li.twitter {
background:url(images/social/twitt.png) left no-repeat;
padding:2px 0 2px 22px;
}

li.technorati {
background:url(images/social/technorati.png) left no-repeat;
padding:2px 0 2px 22px;
}

li.delicious {
background:url(images/social/delic.png) left no-repeat;
padding:2px 0 2px 22px;
}

/** footer **/
#footer {
width: 980px;
height: 105px;
float: left;
font-size: 11px;
background: url(images/footerbg.png) top left no-repeat;
line-height: 1.2em;
}

#footer a:link, #footer a:visited {
color: #404040;
}

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

#footer p {
margin: 0 0 0 70px;
padding: 0;
}

.copyright {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
line-height: 1.5em;
color: #181512;
}

#footertext {
float: left;
width: 400px;
margin: 20px 0 0 0;
}

#pagenav {
float: right;
margin: 0 395px 0 0;
}

* + html #pagenav {
margin: 3px 395px 0 0;
}

span.navback {
width:24px;
height:24px;
display:block;
float:right;
background:url(images/back.png) no-repeat 0 0;
cursor:pointer;
}

span.navback:hover {
background:url(images/back.png) no-repeat 0 -24px;
}

span.navforward{
width:24px;
height:24px;
display:block;
float:right;
background:url(images/forward.png) no-repeat 0 0;
cursor:pointer;
}

span.navforward:hover {
background:url(images/forward.png) no-repeat 0 -24px;
}

/** days **/
.day-01 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-01.png) top left no-repeat;
}

.day-02 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-02.png) top left no-repeat;
}

.day-03 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-03.png) top left no-repeat;
}

.day-04 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-04.png) top left no-repeat;
}

.day-05 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-05.png) top left no-repeat;
}

.day-06 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-06.png) top left no-repeat;
}

.day-07 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-07.png) top left no-repeat;
}

.day-08 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-08.png) top left no-repeat;
}

.day-09 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-09.png) top left no-repeat;
}

.day-10 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-10.png) top left no-repeat;
}

.day-11 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-11.png) top left no-repeat;
}

.day-12 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-12.png) top left no-repeat;
}

.day-13 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-13.png) top left no-repeat;
}

.day-14 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-14.png) top left no-repeat;
}

.day-15 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-15.png) top left no-repeat;
}

.day-16 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-16.png) top left no-repeat;
}

.day-17 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-17.png) top left no-repeat;
}

.day-18 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-18.png) top left no-repeat;
}

.day-19 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-19.png) top left no-repeat;
}

.day-20 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-20.png) top left no-repeat;
}

.day-21 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-21.png) top left no-repeat;
}

.day-22 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-22.png) top left no-repeat;
}

.day-23 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-23.png) top left no-repeat;
}

.day-24 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-24.png) top left no-repeat;
}

.day-25 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-25.png) top left no-repeat;
}

.day-26 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-26.png) top left no-repeat;
}

.day-27 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-27.png) top left no-repeat;
}

.day-28 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-28.png) top left no-repeat;
}

.day-29 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-29.png) top left no-repeat;
}

.day-30 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-30.png) top left no-repeat;
}

.day-31 {
width: 55px;
height: 102px;
float: left;
background: url(images/days/day-31.png) top left no-repeat;
}

/** wordpress basics **/
.wp-caption img {
margin-bottom: 5px;
padding:4px;
border: 1px solid #ddd;
background-color:#FFFFFF;
}

.wp-caption-text {
color:#FFFFFF;
text-align:center;
background-color:#6096cd;
padding-top: 5px;
padding-bottom: 5px;
width: auto;
background-image: url(images/wp-caption.gif);
background-repeat: repeat-x;
background-position: left bottom;
font-weight: bold;
text-transform: uppercase;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

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
}

#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff;
}

acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

.hidden {
display: none;
}

hr {
display: none;
}

a img {
border: none;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 4px 4px 5px;
margin: 0;
background: none;
color: #333;
}
<!-- Begin MailChimp Signup Form -->
<!--[if IE]>
<style type="text/css" media="screen">
	#mc_embed_signup fieldset {position: relative;}
	#mc_embed_signup legend {position: absolute; top: -1em; left: .2em;}
</style>
<![endif]--> 
<!--[if IE 7]>
<style type="text/css" media="screen">
	.mc-field-group {overflow:visible;}
</style>
<![endif]-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript" src="http://downloads.mailchimp.com/js/jquery.validate.js"></script>
<script type="text/javascript" src="http://downloads.mailchimp.com/js/jquery.form.js"></script>

<div id="mc_embed_signup" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);display: none;z-index: 10000;">
<form action="http://naturibeauty.us1.list-manage.com/subscribe/post?u=ccf36cd087e51136aeea01cd3&amp;id=3d44bcf53e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" style="position: fixed;top: 10%;left: 50%;width: 50%;margin-left: -25%;font: normal 100% Arial;font-size: 12px;">
	<fieldset style="-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #000000;padding-top: 1.5em;margin: .5em 0;background-color: #FFFFFF;color: #333333;text-align: left;">
	<legend style="text-transform: capitalize;font-weight: bold;color: #666666;background: #8653ad;padding: .5em 1em;border: 1px solid #000000;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;font-size: 1.2em;">join our mailing list</legend>
<div class="indicate-required" style="text-align: right;font-style: italic;overflow: hidden;color: #333333;margin: 0 9% 0 0;">* indicates required</div>
<div class="mc-field-group" style="margin: 0 5% 0 5%;padding: 2px 0;clear: both;overflow: hidden;">
<label for="mce-EMAIL" style="display: block;margin: 15px 0 .3em 0;font-weight: bold;">Email Address <strong class="note-required">*</strong>
</label>
<input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" style="margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;">
</div>
		<div id="mce-responses" style="float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both;">
			<div class="response" id="mce-error-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #FFEEEE;color: #FF0000;"></div>
			<div class="response" id="mce-success-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #;color: #529214;"></div>
		</div>
		<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn" style="clear: both;margin: 1em 0 1em 5%;width: auto;display: block;"></div>
	</fieldset>	
	<a href="#" id="mc_embed_close" class="mc_embed_close" style="background: transparent url(http://naturibeauty.us1.list-manage.com/images/closebox.png) no-repeat;display: none;height: 30px;width: 30px;text-indent: -999em;position: absolute;top: 10px;right: -10px;">Close</a>
</form>
</div>
<script type="text/javascript">
var fnames = new Array();var ftypes = new Array();fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[0]='EMAIL';ftypes[0]='email';fnames[3]='MMERGE3';ftypes[3]='dropdown';fnames[4]='MMERGE4';ftypes[4]='phone';fnames[5]='MMERGE5';ftypes[5]='dropdown';var err_style = '';
try{
    err_style = mc_custom_error_style;
} catch(e){
    err_style = 'margin: 1em 0 0 0; padding: 1em 0.5em 0.5em 0.5em; background: FFEEEE none repeat scroll 0% 0%; font-weight: bold; float: left; z-index: 1; width: 80%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: FF0000;';
}
var mce_jQuery = jQuery.noConflict();
mce_jQuery(document).ready( function($) {
  var options = { errorClass: 'mce_inline_error', errorElement: 'div', errorStyle: err_style, onkeyup: function(){}, onfocusout:function(){}, onblur:function(){}  };
  var mce_validator = mce_jQuery("#mc-embedded-subscribe-form").validate(options);
  options = { url: 'http://naturibeauty.us1.list-manage.com/subscribe/post-json?u=ccf36cd087e51136aeea01cd3&id=3d44bcf53e&c=?', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8",
                beforeSubmit: function(){
                    mce_jQuery('#mce_tmp_error_msg').remove();
                    mce_jQuery('.datefield','#mc_embed_signup').each(
                        function(){
                            var txt = 'filled';
                            var fields = new Array();
                            var i = 0;
                            mce_jQuery(':text', this).each(
                                function(){
                                    fields[i] = this;
                                    i++;
                                });
                            mce_jQuery(':hidden', this).each(
                                function(){
                                	if ( fields[0].value=='MM' && fields[1].value=='DD' && fields[2].value=='YYYY' ){
                                		this.value = '';
									} else if ( fields[0].value=='' && fields[1].value=='' && fields[2].value=='' ){
                                		this.value = '';
									} else {
	                                    this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value;
	                                }
                                });
                        });
                    return mce_validator.form();
                }, 
                success: mce_success_cb
            };
  mce_jQuery('#mc-embedded-subscribe-form').ajaxForm(options);

});
function mce_success_cb(resp){
    mce_jQuery('#mce-success-response').hide();
    mce_jQuery('#mce-error-response').hide();
    if (resp.result=="success"){
        mce_jQuery('#mce-'+resp.result+'-response').show();
        mce_jQuery('#mce-'+resp.result+'-response').html(resp.msg);
        mce_jQuery('#mc-embedded-subscribe-form').each(function(){
            this.reset();
    	});
    } else {
        var index = -1;
        var msg;
        try {
            var parts = resp.msg.split(' - ',2);
            if (parts[1]==undefined){
                msg = resp.msg;
            } else {
                i = parseInt(parts[0]);
                if (i.toString() == parts[0]){
                    index = parts[0];
                    msg = parts[1];
                } else {
                    index = -1;
                    msg = resp.msg;
                }
            }
        } catch(e){
            index = -1;
            msg = resp.msg;
        }
        try{
            if (index== -1){
                mce_jQuery('#mce-'+resp.result+'-response').show();
                mce_jQuery('#mce-'+resp.result+'-response').html(msg);            
            } else {
                err_id = 'mce_tmp_error_msg';
                html = '<div id="'+err_id+'" style="'+err_style+'"> '+msg+'</div>';
                
                var input_id = '#mc_embed_signup';
                var f = mce_jQuery(input_id);
                if (ftypes[index]=='address'){
                    input_id = '#mce-'+fnames[index]+'-addr1';
                    f = mce_jQuery(input_id).parent().parent().get(0);
                } else if (ftypes[index]=='date'){
                    input_id = '#mce-'+fnames[index]+'-month';
                    f = mce_jQuery(input_id).parent().parent().get(0);
                } else {
                    input_id = '#mce-'+fnames[index];
                    f = mce_jQuery().parent(input_id).get(0);
                }
                if (f){
                    mce_jQuery(f).append(html);
                    mce_jQuery(input_id).focus();
                } else {
                    mce_jQuery('#mce-'+resp.result+'-response').show();
                    mce_jQuery('#mce-'+resp.result+'-response').html(msg);
                }
            }
        } catch(e){
            mce_jQuery('#mce-'+resp.result+'-response').show();
            mce_jQuery('#mce-'+resp.result+'-response').html(msg);
        }
    }
}
mce_jQuery(document).ready(function(){
    mce_jQuery('#mc_embed_signup').hide();
    cks = document.cookie.split( ';' );
    var show=true;
    for(i=0;i<cks.length;i++){
        parts = cks[i].split('=');
        if( parts[0].indexOf('MCEvilPopupClosed')>0 ) show = false;
    }
    if (show){
	    mce_jQuery('#mc_embed_signup a.mc_embed_close').show();
	    setTimeout( function(){ mce_jQuery('#mc_embed_signup').fadeIn();} , 2000);
    	mce_jQuery('#mc_embed_signup a.mc_embed_close').click(function(){ mcEvilPopupClose();});
    }
});
mce_jQuery(document).keydown(function(e){
    if (e == null) { 
      keycode = event.keyCode;
    } else { 
      keycode = e.which;
    }
    if(keycode == 27){
        mcEvilPopupClose();
    }
});
function mcEvilPopupClose(){
    mce_jQuery('#mc_embed_signup').hide();
    var now = new Date();
    var expires_date = new Date( now.getTime() + 31536000000 );
    document.cookie = 'MCEvilPopupClosed=yes;expires=' + expires_date.toGMTString()+';path=/';
}
</script>
<!--End mc_embed_signup-->