/*
Theme Name:rkti2008
Theme URI:http://richardkroll.com/
Description:A Salon Theme.
Version:20100903
Author:STILFX
Author URI:http://strucke.com/
*/

/* import stylesheets and hide from ie/mac \*/
@import 'http://richardkroll.com/layout/blueprint/screen.css'; 
@import 'http://richardkroll.com/layout/nav/superfish.css'; 
@import 'http://richardkroll.com/layout/nav/superfish-navbar.css'; /* end import/hide */

/*-- header --*/
html {background:#fff url(http://richardkroll.com/layout/img/bgGryPrpl.png) 0 0 repeat-x}
body {background:none; text-shadow:#fff 0 1px 0}
a {color:#82036c}
a:hover {background:#82036c; color:#fff; border:0; text-shadow:none; overflow:hidden} 

h1 {margin:0 0 .5em; color:#444; line-height:1; font-size:2.5em; font-family:Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif}
h2 {margin:27px 0 21px}
h3 {font:normal 1.2em Georgia, "Times New Roman", Times, serif}
.page h2 {margin-bottom:0; line-height:1.5}


#header {padding-top:0; height:144px; background:url(http://richardkroll.com/layout/img/hrPrpl.png) -10px 79px repeat-x; margin:0 auto; text-align:left; text-shadow:none}
#header	a {color:#82036c; text-decoration:none}
#header	a:hover {background:#82036c; color:#fff; border-bottom:0} 
#header #logo {float:right}
#header #logo a:hover {background:none}
#header ul#topMenu,
#header ul#secondMenu,
#myAccount ul {margin:0; padding:0; float:left; width:448px; overflow:hidden}
#header ul#topMenu li,
#header ul#secondMenu li,
#myAccount ul li {list-style-type:none; display:inline}
#header ul#topMenu {margin-top:26px}
#header ul#topMenu a.shopLink {background-image:url(http://richardkroll.com/layout/img/buttonShop.png); width:95px}
#header ul#topMenu a.salonLink {background-image:url(http://richardkroll.com/layout/img/buttonSalon.png); width:111px}
#header ul#topMenu a.newsLink {background-image:url(http://richardkroll.com/layout/img/buttonNews.png); width:96px}
#header ul#topMenu a.searchLink {background-image:url(http://richardkroll.com/layout/img/buttonSearch.png); width:128px}
#header ul#topMenu a b {display:none}
#header ul#topMenu a {background-color:#f2f2f3; margin:0; padding:0; height:25px; float:left; border-left:2px solid #fff}
#header ul#topMenu a:hover {background-color:#82036c; background-position:0 -25px}
#header ul#topMenu a.selected {background-color:#82036c; background-position:0 -25px}
#header ul#topMenu a.selected:hover {background-color:#000}
#header ul#topMenu li:first-child a {border:0}

ul#Menu {margin-top:26px}
ul#Menu a {text-transform:uppercase; font-size:.9em; font-family:Arial, Helvetica, sans-serif}
ul#Menu a:hover {background-color:#eee; color:#82036c}
ul#Menu a.shopLink {background-image:url(http://richardkroll.com/layout/img/buttonShop.png); width:95px}
ul#Menu a.salonLink {background-image:url(http://richardkroll.com/layout/img/buttonSalon.png); width:111px}
ul#Menu a.newsLink {background-image:url(http://richardkroll.com/layout/img/buttonNews.png); width:96px}
ul#Menu a.searchLink {background-image:url(http://richardkroll.com/layout/img/buttonSearch.png); width:128px}
ul#Menu a#facebook-link {background-image:url(images/richard-kroll-salon-on-facebook.png); width:104px}

ul#Menu a.shopLink,
ul#Menu a.salonLink,
ul#Menu a.newsLink,
ul#Menu a.searchLink,
ul#Menu a#facebook-link {background-color:#f2f2f3; margin:0; padding:0; height:25px; float:left; border-left:2px solid #fff; text-indent:-9999px; overflow:hidden}

ul#Menu li.sfHover a.shopLink,
ul#Menu li.sfHover a.salonLink,
ul#Menu li.sfHover a.newsLink,
ul#Menu li.sfHover a.searchLink,
ul#Menu a.shopLink:hover,
ul#Menu a.salonLink:hover,
ul#Menu a.newsLink:hover,
ul#Menu a.searchLink:hover{background-color:#82036c; background-position:0 -25px}

ul#Menu li.sfHover a#facebook-link,
ul#Menu a#facebook-link:hover {background-color:#fff; background-position:0 -25px}

ul#Menu li.sfHover a.selected {background-color:#82036c; background-position:0 -25px}
ul#Menu li.sfHover a.selected:hover {background-color:#000; background-position:0 -25px}

div#myAccount {height:28px; text-align:right; color:#fff; text-transform:uppercase; font-family:Georgia, serif}
div#myAccount ul {float:left; width:auto; padding-top:7px; margin-left:6px}
div#myAccount ul#accountCart {float:none; margin-left:0; padding-top:6px; margin-right:10px}
div#myAccount ul li {padding:0 6px}
div#myAccount a {color:#fff; font-weight:normal; font-size:11px}
div#myAccount a:hover {border-bottom:1px solid #fff; text-decoration:none}
div#myAccount .webSpecial a {font-size:13px; color:#420036; font-weight:bold}

img.hr {margin-bottom:18px}

/*-- general --*/
#content {margin-bottom:18px; padding-left:12px}
#content.archive {padding-top:2.35em; margin-right:8px}
.toggleGrid {cursor:pointer; color:#82036c; font-weight:bold; display:none}



/* Break Out Main Article Images */
/* Add 20px of padding-top to images */
#contentWrapper {overflow:hidden}
.noShow 		{display:none}
.rockstarHair 	{padding-top:457px; background:url(http://richardkroll.com/wp-content/themes/rkti2008/images/articles/2009_02_11_RockstarHair.jpg) top center no-repeat}
.skin_age 	{padding-top:393px; background:url(http://richardkroll.com/wp-content/themes/rkti2008/images/articles/2009_07_08_skin_age.jpg) top center no-repeat}
.vday2009 		{padding-top:357px; background:url(http://richardkroll.com/wp-content/themes/rkti2008/images/articles/2009_02_11_vday.jpg) top center no-repeat}
.page-id-255 #contentWrapper	{padding-top:357px; background:url(http://richardkroll.com/wp-content/themes/rkti2008/images/articles/2009_04_11_laserTherapy.jpg) top center no-repeat}
.page-id-346 /*keratin*/ 	{background:url(http://richardkroll.com/wp-content/themes/rkti2008/images/articles/20110405_keratin.jpg) 48% 140px no-repeat}
.page-id-346 #header {margin-bottom:357px; }
.page-id-346 h1 {font-size:2.4em}

/*-- sidebar --*/
.sidebar {padding:0 0 0 12px; width:280px; color:#666}
.sidebar ul{margin:0 0 18px 0}
.sidebar li {list-style:none}
.sidebar ul li ul li{display:block; clear:left; border-top:1px solid #ddd; border-left:1px solid #eee; border-bottom:0; padding:14px 10px 1px}
.sidebar ul li > div {display:block; clear:left; border-left:1px solid #eee; border-bottom:0; padding:14px 10px 1px}
.sidebar ul li ul li:first-child{border-top-color:#fff}
.sidebar ul li ul li:hover{background:#f5f5f5}
.sidebar h2 {margin:20px 0 0; color:#aaa}
.sidebar h3 {margin:0; color:#666}
.sidebar h3.contact {margin-bottom:1.25em}
.sidebar #carpwp img {float:left; overflow:hidden; height:50px; width:40px; padding:0; margin:0 0 4px}
#wpcumuluswidgetcontent {border-left:1px solid #eee}
#carpwp {overflow:hidden}
#carpwp img {padding:0 4px 0 0}
#carpwp p {font:normal 11px/1.5 Arial, Helvetica, sans-serif}

.navigation 	{overflow:hidden; margin-bottom:10px; padding-right:10px}

#recentPosts div	{background:#eee5ec; padding:6px 10px 6px 24px; clear:both}
#recentPosts h2		{border-bottom:1px solid #eee; font-size:1em; margin-bottom:0; line-height:30px; margin-right:6px; text-transform:uppercase}
#recentPosts ul		{margin:0}
#recentPosts ul li 	{color:#c68dbc}


/* -- add a sticky footer --*/
html, body {height:100%; margin:0}
.container {min-height:100%; height:auto !important; height:100%; margin:0 auto -100px; /* the bottom margin is the negative value of the footer's height */
}
.push {clear:both; height:100px /* .push must be the same height as #footer (height=height+padding+margin+border) */}

#footer {background:#c0c0c0; height:98px; border-top:2px solid #82036c; clear:left}
#footerInWrap {border-top:4px solid #808285}
#footerInnerWrap {width:980px; margin:0 auto 0 auto; padding:0; text-align:right}

#footerInnerWrap a#ag {background-image:url(http://richardkroll.com/layout/img/footer/ag.png)}
#footerInnerWrap a#matrix {background-image:url(http://richardkroll.com/layout/img/footer/matrix.png)}
#footerInnerWrap a#opi {background-image:url(http://richardkroll.com/layout/img/footer/opi.png)}
#footerInnerWrap a#purelogogy {background-image:url(http://richardkroll.com/layout/img/footer/purelogogy.png)}
#footerInnerWrap a#hylunia {background-image:url(http://richardkroll.com/layout/img/footer/brand-hylunia.png)}
#footerInnerWrap a#sebastian {background-image:url(http://richardkroll.com/layout/img/footer/brand-sebastian.png)}
#footerInnerWrap a#tigi {background-image:url(http://richardkroll.com/layout/img/footer/tigi.png)}
#footerInnerWrap a#trucco {background-image:url(http://richardkroll.com/layout/img/footer/trucco.png)}
#footerInnerWrap a#wella {background-image:url(http://richardkroll.com/layout/img/footer/wella.png)}

#siteSeal {padding:14px 0 0 22px; display:inline-block !important}

#footerInnerWrap ul {margin:11px 0 0; float:left}
#footerInnerWrap ul li {display:inline; list-style:none}
#footerInnerWrap ul li em {display:none}
#footerInnerWrap ul li a {width:70px; height:73px; float:left; margin-right:6px}
#footerInnerWrap ul li a:hover {background-color:transparent; background-position:0 -73px}

/* Newsletter Subscription Form */
.NewsletterSubscription {margin-right:-7px; text-align:left; background:url(http://richardkroll.com/layout/img/bgNewsletter.png) top center no-repeat; color:#fff; float:right; width:289px; height:83px; padding:11px 0 0 10px}
.NewsletterSubscription h2 {font-size:.9em; padding:0; margin:0; text-indent:-9999px}
.NewsletterSubscription label {display:none}
.NewsletterSubscription #yourName 	{width:160px; margin:13px 0 0 73px}
.NewsletterSubscription #yourEmail	{width:160px; margin:6px 0 0 73px}

.NewsletterSubscription input {color:#760362; font-weight:bold; width:150px; font-size:10px; padding:3px; outline:#fff; background:none; border:0}

.NewsletterSubscription input:focus {background:#fff; color:#555}

.NewsletterSubscription .Button {float:right; padding:8px 17px 0 0; display:block; width:32px; height:26px; border:0; margin:1px 0 0; vertical-align:middle}



/*-- contact--*/
.req {color:red}
.reqtxt, .emailreqtxt, .cf_hidden, .linklove {display:none}
ol.cf-ol, .cf-ol li {list-style:none; padding:0; margin:0}
ol.cf-ol input {height:18px}
ol.cf-ol input, ol.cf-ol textarea {width:420px; border:0; border-bottom:1px dotted #666}
.cf-ol li label {display:block; margin-top:18px}
.cf_info {width:400px}

/*-- comments --*/
#comment	{width:100%}
#respond, #commentHead {background:#f5f5f5; color:#666}
#respond {margin-top:36px; padding:2px; font-size:12px; clear:left; padding:4px 0 4px 20px; border:1px solid #ddd; background:#f2f2f2; border-width:1px 0; font-family:"museo-slab-1","museo-slab-2", serif; font-size:14px;  color:#555}
#addRemark {padding-top:30px}
#addRemark label, #addRemark input, #addRemark textarea {display:block}
#commentExtras {margin-top:18px}
#commentExtras p a {font-size:12px; font-weight:normal}

/*-- Salon Menu --*/
.salonMenu {padding-bottom:36px}
.salonMenu h1 {line-height:1.0 !important; color:#410135}
.salonMenu h2:first-child {margin:2em 0 -.5em}
.salonMenu h2 {margin:3em 0 -.5em}
.salonMenu h3 {margin:2em 0 .6em; background:#eee; border-left:1px solid #82036c; padding:3px 6px; color:#5b024c; text-transform:uppercase; font:bold 1em 'Lucida Grande', Verdana, Arial, Sans-Serif}
.salonMenu h4 {margin:3em 0 .25em; padding:0.5em 12px 0 6px; color:#222; background:#eee; border-bottom:1px solid #ddd}
.salonMenu p.leadIn {font-weight:700}
.salonMenu p.note {margin-top:1em}
.salonMenu table.prices {width:572px; margin-left:6px}
.salonMenu table.prices th {padding-top:18px !important}
.salonMenu table.prices tr td {text-align:right; border-bottom:1px dashed #ddd; padding-left:0; padding-right:0}
.salonMenu table.prices tr td:first-child {width:80%; text-align:left}
.salonMenu table.prices td.note {border:0}

/* SPECIALS
- - - - - - - - - - - - - - - - - - - - - */
#specialsBanner {height:284px; margin-bottom:30px}
body.home {background: url(images/specials/99-spa-package-20110706.jpg) 50% 103px repeat-x}
body.home #header {height:128px}
body.home #header-image a:hover,
body.home #header-image a {border:none; background:none; /* 20102025 - Salon Special */ width:950px; height:371px; display:block; overflow:hidden; text-indent:-999em}

.specials h1 {margin:1em 0 .5em; font-size:30px}
.specials p {overflow:hidden}
.specials p.introduction {padding-left:0; text-align:left; color:#222; font: 400 16px/1.6 "proxima-nova-1","proxima-nova-2",sans-serif}
.specials h2 {margin:27px 0 14px; color:#82036c; font-weight:600}
.specials h2 span {font-weight:300}
.specials h2:first-child,
.specials h2#first-slug {margin:0px 0 14px !important; font-size:22px}
.specials h3 {margin:2em 0 .6em; height:auto;clear:left}
.specials h2#first-slug + h3 {margin-top:0}
.specials h4 {margin:1em 0 .25em; padding:0 0 0 6px; background:none; border:0}
.specials a {border-bottom:1px dotted #82036c; font-weight:normal}
.specials ol li{list-style-position:inside}

.salonMenu h4.special-note {margin:2em 0; color:#555; font-weight:normal; line-height:1.5; height:auto}

#pediSpecial {background:url(images/pedi_special.jpg) 0 0 no-repeat; height:200px; padding:0; margin:0 0 10px; overflow:hidden; text-indent:-999em}

p img {float:none}
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; overflow:hidden}
.alignleft {float:left; overflow:hidden}
	
.wp-caption	{border:1px solid #ccc; background:#f5f5f5; text-align:center; font-size:.9em; margin:1px 0 2px; padding:5px 0 2px; color:#555}
.wp-caption.alignleft {margin-right:16px; margin-left:2px}
.wp-caption	p,
.wp-caption	img {margin:0; padding:0}

#company-of-the-month {clear:left; border-left:1px solid #82036c; background:#f6e9f2 url(images/bg-intro-pattern.jpg) 50% 0 repeat; padding:16px 20px 6px}
#company-of-the-month h2 {margin: 0 0 7px; font-weight:600; text-align:center}
#company-of-the-month h3 {font-family: "proxima-nova-1","proxima-nova-2",sans-serif; font-weight:600; font-size:30px; background:none; border:0; padding:0; margin:0 0 7px; text-transform:none}
#company-of-the-month h3 span {font-weight:300; font-size:22px; text-align:center}
#company-of-the-month .wp-image-824 {border:3px solid #d9bbce; padding:10px 7px; background:#fff}


/*-- S E A R C H  P A G E --*/
div.searchPage h1 {}

/*-- Hair Replacements --*/
.page-id-215 #header {height:124px}
.page-id-215 {background:url(images/articles/hair-replacement-human-hair-systems-bg.jpg) 50% 0 repeat-x}
.page-id-215 #header-image {margin-bottom:30px; height:365px}
.hairReplacements h2,
.laserHairTherapy h2,
.hairExtensions h2 {color:#82036c; line-height:1.3}
.hairReplacements h3,
.laserHairTherapy h3 {margin:2em 0 .4em; padding:0 0 .4em; vertical-align:top; overflow:hidden; line-height:1.5; color:#333; text-transform:uppercase; font-weight:normal; letter-spacing:1px; border-bottom:1px solid #eee}
.hairExtensions img {float:right; margin:0 auto}
.hairExtensions p,
.hairReplacements p,
.laserHairTherapy p {font-family:Verdana, Geneva, sans-serif !important}


/*-- news --*/
.date, .extras 		{color:#c5c5c5}
.extras	{font-size:.8em; line-height:1.9em; padding-top:0; text-transform:uppercase}
.entry, .extras {margin-bottom:18px}
.entry {margin-bottom:36px}
.entry h1, 
.entry h2 {background:url(images/hr_fat.jpg) left bottom no-repeat; padding:0; text-shadow:#fff 0px 0px 1px; font:normal 2.2em/1.4 Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; padding-bottom:20px; text-transform:uppercase; margin-bottom:.5em}
.entry .entryText h2 {background:none; margin:0; padding:0; color:#999; font:bold 1em/1.22; letter-spacing:0}
.entry .entryText h2.boxed {background-color:#ededed; float:left; overflow:hidden; padding:.2em .4em}
.entry .entryText p.clearL {clear:left}
.skin_age h1 {font:normal 2.2em/1.4 Georgia, "Times New Roman", Times, serif}
.skin_age .entry .entryText h2 {background:none; margin:0 0 1em; padding:0; color:#777; font:normal 1.4em/1.3  Georgia, "Book Antiqua", Palatino, serif; letter-spacing:0}






/* Updated Styles - 20110328
----------------------------------------*/
#content {float:left; max-width:630px; overflow:hidden; padding:0}
h1 {font-family: "museo-slab-1","museo-slab-2", serif; font-weight:700; font-size:36px; line-height:1.15}
h1 span {font-weight:300}
h2 {font-family: "proxima-nova-1","proxima-nova-2",sans-serif; font-weight:400; font-size:20px; color:#444}
h3 {font-family: "proxima-nova-1","proxima-nova-2",sans-serif; font-weight:400; font-size:14px; text-transform:uppercase; margin-bottom:3px; color:#888}
.entryText h2:first-child {margin-top:0}
p {font-family: "museo-slab-1","museo-slab-2", serif; font-size:14px; margin:0 0 21px; color:#444}
p.postmetadata {font-size:12px; clear:left; padding:4px 0 4px 20px; border:1px solid #ddd; background:#f2f2f2 url(images/star.png) 4px 7px no-repeat; border-width:1px 0; color:#555}
p.postmetadata span {display:block}
p.postmetadata a {font-weight:normal}
#share-social {margin:30px 0 40px}
#share-social h3 {margin-bottom:10px}
#facebook-like-button {float:left; width:150px}
#___plusone_0 {float:left !important; width:100px}
#archive h1		{border-bottom:1px solid #eee; margin-bottom:1em; text-shadow:#fff 0px 0px 1px; font-size:1.4em; font-weight:normal; padding:0 0 6px 12px; margin-right:6px; text-transform:uppercase}
.archive h2		{font:normal 1.5em/1.2 "museo-slab-1","museo-slab-2", Georgia, serif; padding:0 0 .15em; margin-bottom:.25em; background:none; border-bottom:1px solid #eee}
.archivedPostTitle span {font-family:"museo-slab-1","museo-slab-2", Georgia, serif; font-weight:300; text-shadow:#fff 0px 0px 1px; letter-spacing:1px}


/* Sidebar
----------------------------------------*/
#post-aside-content {float:right; width:280px}
#post-aside-content h2 {font-weight:300; font-size:20px}
#post-aside-content li:first-child h2 {margin-top:0}
#post-aside-content ul {list-style:none}
#post-aside-content ul ul {list-style:disc}
#post-aside-content ul li {margin-bottom:7px}
#post-aside-content ul li,
#post-aside-content ul li p,
#post-aside-content ul li p a {line-height:14px}
#post-aside-content ul li p {margin:0}
#post-aside-content ul li a {font-weight:normal}
#post-aside-content ul li#carpwp ul {list-style:none; margin-left:0}
#post-aside-content ul li#carpwp ul li {border-top:1px solid #eee; padding-top:6px; overflow:hidden}
#post-aside-content ul li#carpwp ul li:first-child {border:0; padding-top:0}
#post-aside-content ul li#carpwp a:first-child {display:block; margin-bottom:4px}
#post-aside-content ul li#carpwp p br {display:none}
#post-aside-content ul li img {float:right; max-height:50px; max-width:75px; margin:4px 0 0 4px}


/* Contest Page - company of the month
----------------------------------------*/
.page-id-602 h1 {font-weight:600; font-size:32px}
.page-id-602 h1 span {font-weight:300}
.page-id-602 p.thanks {background:#82036c; padding:6px; color:#fff; font-weight:bold; max-width:650px; text-align:center}


img#wpstats{visibility:hidden; height:0;  width:0; overflow:hidden; margin:0; border: none; padding:0}

@media print {
  #header,
  #post-aside-content,
  #footer { display: none; }
}