/* css that applies to wordpress only */


/* ADMIN
------------------------------------------------------------ */
#admin {
  position: absolute;
  top: 0;
  right: 0;
  background: #C00;
  opacity: 0;
  padding: 10px;
}
#admin:hover {
  opacity: 1;
}
#admin ul {
  list-style: disc outside;
  color: #FFF;
  margin-left: 20px;
  line-height: 14px;
}
#admin ul li a {
  color: #FFF;
  font-size: 12px;
  font-weight: normal;
}




/* WORDPRESS _PAGE_ OVERRIDES!
------------------------------------------------------------ */
body.wordpress.page {
}
body.wordpress.page #section {
  padding: 0 !important;
  margin-top: 5px !important;
}
body.wordpress.page #content {
  border: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  min-height: 400px;
}
body.wordpress.page #footer{
  margin-top: 5px !important;
}







/* SECTION
------------------------------------------------------------ */
body.wordpress #section {
  overflow: auto;
  margin-top: 25px;
  
  padding-left: 40px !important;
  padding-right: 40px !important;
  padding-bottom: 40px;
}


/* SECTION - SIDEBAR_ABOUT
------------------------------------------------------------ */
#section #sidebar_about {
  float: left;
  width: 172px;
  background: url(images/sidebar_about_background.jpg) no-repeat top left;
  
  /*border-right: 1px solid #999;*/
}
#section #sidebar_about h4 {
  text-align: right;
  color: #FFF;
  font-size: 26px;
  margin: 25px 30px 0px 0;
  font-weight: normal;
}
#section #sidebar_about ul {
  text-align: right;
  margin: 10px 30px 10px 0;
  line-height: 18px;
}
#section #sidebar_about ul li {
}
#section #sidebar_about ul li a {
  color: #FFF;
  font-size: 18px;
  font-weight: normal;
}
#section #sidebar_about h5 {
  display: block;
  padding-top: 10px;
  margin-top: 30px;
  margin-bottom: 3px;
  color: #999;
  font-size: 20px;
  font-weight: bold;
}
#section #sidebar_about p {
  margin-right: 10px;
  line-height: 16px;
  color: #999;
}



/* SECTION - CONTENT
------------------------------------------------------------ */
body.wordpress #content {
  border-left: 1px solid #999 !important;
  border-right: 1px solid #999 !important;
  
  float: left !important;
  width: 500px !important;
  /*min-height: 600px !important;*/
  padding: 0 20px !important;
}
#content h2 {
  clear: both;
  display: block;
  color: #000;
  font-size: 24px;
  font-weight: normal;
}
#content h2 a {
  color: #000;
  font-size: 24px;
  font-weight: normal;
}
#content h2.pagetitle {
  margin-top: 30px;
  text-align: center;
}


#content h3.comments {
  padding: 0;
  margin: 40px auto 20px ;
}

#content div.post {
  margin-bottom: 30px;
}








/* SECTION - SIDEBAR
------------------------------------------------------------ */
#sidebar {
  float: right;
  width: 140px;
}
#sidebar p.feed {
  margin-bottom: 20px;
}
  #sidebar p.feed a {
    display: block;
    width: 133px;
    height: 26px;
    background: url(images/feed.png)
  }
  #sidebar p.feed a span {
    display: none;
  }
#sidebar h2 {
  font-size: 20px;
  color: #999;
  margin: 5px 0 0;
  padding: 0;
}
#sidebar ul li {
  list-style: none;
}
#sidebar ul ul li:before {
  content: "" !important;
}

#sidebar a {
  color: #999;
  font-weight: normal;
}


/* FOOTER
------------------------------------------------------------ */
#footer {
  margin-top: 30px;
}
body.wordpress.page.page-permalink-about #footer ul li.about a,
  body.wordpress.page.page-permalink-philosophy #footer ul li.about a,
  body.wordpress.page.page-permalink-whats-cosmeceutical #footer ul li.about a,
  body.wordpress.page.page-permalink-giving-back #footer ul li.about a,
  body.wordpress.page.page-permalink-history #footer ul li.about a,
body.wordpress.page.page-permalink-poll #footer ul li.poll a,
body.wordpress.category-press #footer ul li.press a,
body.wordpress.page.page-permalink-retailers #footer ul li.retailers a,
body.wordpress.page.page-permalink-policies #footer ul li.policies a,
body.wordpress.category-awards #footer ul li.awards a,
body.wordpress.page.page-permalink-qa #footer ul li.qa a,
body.wordpress.page.page-permalink-contact #footer ul li.contact a,
body.wordpress.page.page-permalink-sitemap #footer ul li.sitemap a {
  color: #C00;
}







/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/











/* Begin Typography & Colors */

.commentlist li, #commentform input, #commentform textarea {
  font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
  }
.commentlist li ul li {
  font-size: 1em;
}

.commentlist li {
  font-weight: bold;
}

.commentlist li .avatar { 
  float: right;
  border: 1px solid #eee;
  padding: 2px;
  background: #fff;
  }

.commentlist cite, .commentlist cite a {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
  }

.commentlist p {
  font-weight: normal;
  line-height: 1.5em;
  text-transform: none;
  }

#commentform p {
  }

.commentmetadata {
  font-weight: normal;
  }

#sidebar {
  }

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
  color: #777;
  }

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

acronym, abbr, span.caps
{
  font-size: 0.9em;
  letter-spacing: .07em;
  }



#wp-calendar #prev a, #wp-calendar #next a {
  font-size: 9pt;
  }

#wp-calendar a {
  text-decoration: none;
  }

#wp-calendar caption {
  font-weight: bold;
  text-align: center;
  }

#wp-calendar th {
  font-style: normal;
  text-transform: capitalize;
  }
/* End Typography & Colors */



/* Begin Structure */



.widecolumn .smallattachment {
  text-align: center;
  float: left;
  width: 128px;
  margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
  text-align: center;
  margin: 5px 0px;
}

.postmetadata {
  clear: both;
}

.clear {
  clear: both;
}


/* End Structure */





/* 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 */



/* Begin Lists

  Special stylized non-IE bullets
  Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
  margin-left: 0px;
  padding: 0 0 0 30px;
  list-style: none;
  padding-left: 10px;
  text-indent: -10px;
  }

html>body .entry li {
  margin: 7px 0 8px 10px;
  }

.entry ul li:before, #sidebar ul ul li:before {
  content: "\00BB \0020";
  }

.entry ol {
  padding: 0 0 0 35px;
  margin: 0;
  }

.entry ol li {
  margin: 0;
  padding: 0;
  }

.postmetadata ul, .postmetadata li {
  display: inline;
  list-style-type: none;
  list-style-image: none;
  }

#sidebar ul, #sidebar ul ol {
  margin: 0;
  padding: 0;
  }

#sidebar ul li {
  list-style-type: none;
  list-style-image: none;
  margin-bottom: 15px;
  }

#sidebar ul p, #sidebar ul select {
  margin: 5px 0 8px;
  }

#sidebar ul ul, #sidebar ul ol {
  margin: 5px 0 0 0px;
  }

#sidebar ul ul ul, #sidebar ul ol {
  margin: 0 0 0 10px;
  }

ol li, #sidebar ul ol li {
  list-style: decimal outside;
  }

#sidebar ul ul li, #sidebar ul ol li {
  margin: 3px 0 0;
  padding: 0;
  }
/* End Entry Lists */










/* Begin Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */
  text-align:center;
  }


#commentform input {
  width: 170px;
  padding: 2px;
  margin: 5px 5px 1px 0;
  }

#commentform {
  margin: 5px 10px 0 0;
  }
#commentform textarea {
  width: 100%;
  padding: 2px;
  }
#respond:after {
    content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;
  }
#commentform #submit {
  margin: 0 0 5px auto;
  float: right;
  }
/* End Form Elements */



/* Begin Comments*/
.alt {
  margin: 0;
  padding: 10px;
  }

.commentlist {
  padding: 0;
  text-align: justify;
  }

.commentlist li {
  margin: 15px 0 10px;
  padding: 5px 5px 10px 10px;
  list-style: none;

  }
.commentlist li ul li { 
  margin-right: -5px;
  margin-left: 10px;
}

.commentlist p {
  margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
  margin: 5px 0;
  }

.nocomments {
  text-align: center;
  margin: 0;
  padding: 0;
  }

.commentmetadata {
  margin: 0;
  display: block;
  }
/* End Comments */







/* Begin Calendar */
#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; }
/* End Calendar */




/* Captions */
.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: 0 4px 5px;
  margin: 0;
}
/* End captions */









/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/
/********************************************************************************/






/* PAGE - ABOUT (4 subpages)
------------------------------------------------------------ */
body.wordpress.page.page-permalink-about {
}
body.wordpress.page.page-permalink-philosophy #content,
body.wordpress.page.page-permalink-whats-cosmeceutical #content,
body.wordpress.page.page-permalink-giving-back #content,
body.wordpress.page.page-permalink-history #content {
  position: relative;
  background: url(images/page_about_background_with_title.jpg) no-repeat;
  height: 493px;
}
/**/
div#about_nav {
  position: absolute;
  left: 70px;
  top: 106px;
}
div#about_nav ul {
}
div#about_nav ul li {
}
div#about_nav ul li a {
  display: block;
  width: 180px;
  height: 55px;
  margin-bottom: 15px;
  /* every button is diff size; this size is enough to accommodate all */
}
div#about_nav ul li a span {
  display: none;
}
/* specific */
div#about_nav ul li.philosophy {
  background: url(images/about_nav_philosophy.png) no-repeat;
}
div#about_nav ul li.whats_cosmeceutical {
  background: url(images/about_nav_whats_cosmeceutical.png) no-repeat;
}
div#about_nav ul li.giving_back {
  background: url(images/about_nav_giving_back.png) no-repeat;
}
div#about_nav ul li.history {
  background: url(images/about_nav_history.png) no-repeat;
}
/* selected */
body.wordpress.page.page-permalink-philosophy div#about_nav ul li.philosophy {
  background: url(images/about_nav_philosophy_selected.png) no-repeat;
}
body.wordpress.page.page-permalink-whats-cosmeceutical div#about_nav ul li.whats_cosmeceutical {
  background: url(images/about_nav_whats_cosmeceutical_selected.png) no-repeat;
}
body.wordpress.page.page-permalink-giving-back div#about_nav ul li.giving_back {
  background: url(images/about_nav_giving_back_selected.png) no-repeat;
}
body.wordpress.page.page-permalink-history div#about_nav ul li.history {
  background: url(images/about_nav_history_selected.png) no-repeat;
}
/**/
div#about_content {
  position: absolute;
  left: 269px;
  top: 72px;
  width: 606px;
  height: 350px;
  background: url(images/light_red_bkg.png);
}
div#about_content div.wrapper {
  padding: 75px 45px 0 45px;
  color: #FFF;
}




/* PAGE - POLL
------------------------------------------------------------ */
body.wordpress.page.page-permalink-poll {
}
body.wordpress.page.page-permalink-poll #content {
  background: url(images/page_poll_background_with_title.jpg) no-repeat;
  height: 493px;
  position: relative;
  color: #FFF;
}
body.wordpress.page.page-permalink-poll #content h1 {
  display: none;
}

body.wordpress.page.page-permalink-poll #content div#poll_content {
  position: absolute;
  left: 395px;
  top: 167px;
  width: 420px;
  height: 200px;
  background: url(images/light_red_bkg.png);
}
body.wordpress.page.page-permalink-poll #content div#poll_content div.wrapper {
  padding: 30px;
}
body.wordpress.page.page-permalink-poll #content div#poll_content div.wrapper div.wp-polls {

}
body.wordpress.page.page-permalink-poll #content div#poll_content div.wrapper div.wp-polls small {
  color: #FFF;
}
body.wordpress.page.page-permalink-poll #content div#poll_content div.wrapper div.wp-polls form {
  line-height: normal;
  padding-bottom: 3px;
}

body.wordpress.page.page-permalink-poll #content div#poll_content div.wrapper div.wp-polls form p.poll_question {
  font-weight: bold;
  font-size: 16px;
}
body.wordpress.page.page-permalink-poll #content div#poll_content div.wrapper div.wp-polls form div.wp-polls-ans {
}

body.wordpress.page.page-permalink-poll #content div#poll_content div.wrapper div.wp-polls form div.wp-polls-ans ul {
  overflow: auto;
  line-height: normal;
  margin-bottom: 10px;
}
body.wordpress.page.page-permalink-poll #content div#poll_content div.wrapper div.wp-polls form div.wp-polls-ans ul li {
  float: left;
  width: 74px;
  margin-right: 12px;
  text-align: center;
  font-size: 12px;
}
body.wordpress.page.page-permalink-poll #content div#poll_content div.wrapper div.wp-polls form div.wp-polls-ans ul li img {
  display: block;
}
body.wordpress.page.page-permalink-poll #content div#poll_content div.wrapper div.wp-polls form div.wp-polls-ans ul li label {
  font-weight: bold;
}

body.wordpress.page.page-permalink-poll #content div#poll_content div.wrapper div.wp-polls form div.wp-polls-ans p.footer {
  text-align: right;
  margin-right: 28px;
}
body.wordpress.page.page-permalink-poll #content div#poll_content div.wrapper div.wp-polls form div.wp-polls-ans p.footer a {
  color: #FFF;
}

/**/

body.wordpress.page.page-permalink-poll #content a.back {
  position: absolute;
  right: 145px;
  top: 380px;
  
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
}








/* PAGE - RETAILERS
------------------------------------------------------------ */
body.wordpress.page.page-permalink-retailers {
}
body.wordpress.page.page-permalink-retailers #content {
  background: url(images/page_retailers_background_with_title.jpg) no-repeat;
  height: 493px;
  position: relative;
}
body.wordpress.page.page-permalink-retailers #content h1 {
  display: none;
}
body.wordpress.page.page-permalink-retailers #content div#retailers_content {
  position: absolute;
  left: 385px;
  top: 93px;
  width: 536px;
  height: 350px;
  background: url(images/light_red_bkg.png);
}
body.wordpress.page.page-permalink-retailers #content div#retailers_content div.wrapper {
  padding: 20px;
  position: relative;
}
body.wordpress.page.page-permalink-retailers #content div#retailers_content div.wrapper a.amazon {
  position: absolute;
  left: 124px;
  top: 250px;
  display: block;
}
body.wordpress.page.page-permalink-retailers #content div#retailers_content div.wrapper a.details_for_men {
  position: absolute;
  left: 124px;
  top: 285px;
  display: block;
}

/**/
body.wordpress.page.page-permalink-retailers #content div#retailers_content div.wrapper form {
  float: left;
  width: 220px;
  color: #FFF;
}
body.wordpress.page.page-permalink-retailers #content div#retailers_content div.wrapper p.or {
  text-align: center;
  margin: 10px 0;
  margin-left: 70px;
}
body.wordpress.page.page-permalink-retailers #content div#retailers_content div.wrapper form div.field {
  overflow: auto;
}
body.wordpress.page.page-permalink-retailers #content div#retailers_content div.wrapper form div.field label {
  float: left;
  width: 70px;
  text-align: right;
}
body.wordpress.page.page-permalink-retailers #content div#retailers_content div.wrapper form div.field input,
body.wordpress.page.page-permalink-retailers #content div#retailers_content div.wrapper form div.field select {
  float: right;
  width: 140px;
  border: 0;
  padding: 2px;
}
body.wordpress.page.page-permalink-retailers #content div#retailers_content div.wrapper form div.field select {
  width: 144px; /* obligatory width hack */
}
body.wordpress.page.page-permalink-retailers #content div#retailers_content div.wrapper form div.buttonrow {
  margin-top: 20px;
  text-align: right;
}

/**/
body.wordpress.page.page-permalink-retailers #content div#retailers_content div.wrapper div.list {
  /* if using jscroll */
  /*
  float: left;
  margin-left: 30px;
  width: 270px;
  */
  
  float: right;
  width: 230px;
  height: 310px;
  overflow: auto;
  
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
}
body.wordpress.page.page-permalink-retailers #content div#retailers_content div.wrapper div.list ul {
}
body.wordpress.page.page-permalink-retailers #content div#retailers_content div.wrapper div.list ul li {
  margin-bottom: 5px;
}
body.wordpress.page.page-permalink-retailers #content div#retailers_content div.wrapper div.list ul li h6 {
  font-weight: bold;
  font-size: 13px;
}



/* PAGE - POLICIES
------------------------------------------------------------ */
body.wordpress.page.page-permalink-policies {
}
body.wordpress.page.page-permalink-policies #content {
}
body.wordpress.page.page-permalink-policies #content h2 {
  padding-top: 10px;
  margin-bottom: 5px;
  font-size: 16px;
}
body.wordpress.page.page-permalink-policies #content h3 {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #999;
}
body.wordpress.page.page-permalink-policies #content p {
  font-size: 12px;
  color: #999;
}



/* PAGE - QA
------------------------------------------------------------ */
body.wordpress.page.page-permalink-qa {
}
body.wordpress.page.page-permalink-qa #content {
}
body.wordpress.page.page-permalink-qa #content h2 {
  font-size: 16px;
}


/* PAGE - CONTACT
------------------------------------------------------------ */
body.wordpress.page.page-permalink-contact {
}
body.wordpress.page.page-permalink-contact #content {
  background: url(images/page_contact_background_with_title.jpg) no-repeat;
  height: 493px;
  position: relative;
  color: #FFF;
}
body.wordpress.page.page-permalink-contact #content h1 {
  display: none;
}


body.wordpress.page.page-permalink-contact #content div#contact_content {
  position: absolute;
  left: 374px;
  top: 139px;
  width: 524px;
  height: 295px;
  background: url(images/light_red_bkg.png);
}
body.wordpress.page.page-permalink-contact #content div#contact_content div.wrapper {
  padding: 20px 0 0 20px;
}
body.wordpress.page.page-permalink-contact #content div#contact_content div.wrapper p.info {
  float: left;
  width: 200px;
  color: #FFF;
  line-height: 15px;
  font-size: 13px;
  
  /*background: blue;*/
}
body.wordpress.page.page-permalink-contact #content div#contact_content div.wrapper p.info a {
  color: #FFF;
}






/* cforms overrides */

div.cform_wrapper {
  float: right;
  margin-right: 20px;
  width: 260px;
  
  /*background: green;*/
}
div.cform_wrapper h4 {
  text-align: right;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

form#cformsform {
  width: 260px;
  margin-top: 0 !important;
}

.cform input,
.cform textarea,
.cform select {
  background: #FFF !important;
}

.cform textarea {
  height: 80px !important;
}

span.reqtxt,
span.emailreqtxt { 
	display: none !important;
}


p.linklove {
  display: none !important;
}

form#cformsform ol.cf-ol li.cf_li_err {
	background:red !important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:3px 0!important;
	margin:3px 0!important;
}




















/* PAGE - SITEMAP (wp sitemap, not rails)
------------------------------------------------------------ */
body.wordpress.page.page-permalink-sitemap {
}
body.wordpress.page.page-permalink-sitemap #content {
}
div.sitemap h2 {
  padding: 10px 0;
  font-size: 16px;
}
div.sitemap ul {
  line-height: 16px;
  margin-bottom: 20px;
}
div.sitemap ul li {
  margin-left: 20px;
}
div.sitemap ul li a {
  font-size: 12px;
}