/* Print.CSS */
/* VERSION 01 - 2:20 PM, MONDAY MARCH 1, 2010 */

@import url(NormalizeBrowsers.css);

/* =========================================================	
/* @: TABLE OF CONTENTS - DIRECTORY
/* =========================================================
/* @0: DEBUG - DELETE THIS SECTION BEFORE SAVING TO  "LIVE" SITE
/* @1: FONTS & TEXT STYLES
/* @2: LAYOUT
/* ========================================================= */

/* =========================================================	
/* @0: DEBUG - DELETE THIS SECTION BEFORE SAVING TO  "LIVE" SITE
/* ========================================================= */	

.service
	{
/*	;	background-color	:	aqua	/* */
	}

  .duration
	{
/*	;	background-color	:	pink	/* */
	}

  .price
	{
/*	;	background-color	:	#cfc	/* */
	}

  .description
	{
/*	;	background-color	:	yellow	/* */
	}

/* =========================================================
/* @1: FONTS & TEXT STYLES
/* ========================================================= */

  body
	{
/*	;	background-color	:	#ffc	/* */
/*	;	border				:	1px dotted black	/* */
	;	color				:	black
	;	font-family			:	"New Times Roman", Times, serif
	;	font-size			:	8pt
	;	margin				:	0 0.125in	/* */
	;	width				:	8.25in
	;	height				:	10.75in
	}
	
 h2, h3, h5, h5, h6
	{
	;	font-family			:	Helvetica, Arial, sans-serif
	;	font-weight			:	bold
	;	line-height			:	120%
	}

  h1	{	font-size		:	18pt	}
  h2	{	font-size		:	14pt	}
  h3	{	font-size		:	10pt	}
  h4	{	font-size		:	9pt		}
  h5	{	font-size		:	8pt		}
  h6	{	font-size		:	6pt		}
  
  .duration
, .price
	{
	;	font-size			:	95%
	;	line-height			:	95%
	}

  ul#menu
, span#siteinfo
, .do-not-print
	{/* Navigation controls and site history links not necessary on printed paper */
	;	display				:	none
	}
	
#page-banner
	{/* Only displays on printed page */
	;	text-align			:	center
	}

div#notes
	{
/*	; background-color		:	#fcc	/* */
	;	position			:	absolute
	;	top					:	7.00in
	;	left				:	0.25in
	}
	
div#footer
	{
	; padding-top			:	0.25in	/* */
	;	position			:	absolute
	;	top					:	8.0in
	;	left				:	0in
	;	width				:	3.5in
	;	text-align			:	left
	;	font-size			:	120%
	;	line-height			:	95%
	}
	

/* =========================================================
/* @2: LAYOUT
/* ========================================================= */



.category
	{/* */
/*	;	background-color		:	#dfd	/* */
	;	margin					:	1em 0 0 0.25em
	;	float					:	left
	}
	

div#narrow		{	width		:	1.45in	}
div#medium		{	width		:	2.25in	}
div#wide		{	width		:	3.25in	}
		


#hair				{	width	:	1.35in	}
#permanent-makeup	{	width	:	1.35in	}

#nails				{	width	:	2.15in	}
#pedicures			{	width	:	2.15in	}
#hair-removal		{	width	:	2.15in	}

#facials			{	width	:	3.25in	}
#massage			{	width	:	3.25in	}
#notes				{	width	:	3.00in	}


#footer
	{
	;	clear					:	both
	}

.service
	{/* */
	;	font-weight				:	bold
	}

.description
	{/* */
	;	font-style				:	italic
/*	;	font-size				:	0.85em	/* */
	;	margin-left				:	1.25em
	}

  .category dt
, .category dd
	{/* */
	;	float					:	left
/*	;	background-color		:	aqua	/* */
	
	}

.category dt
	{/* */
	;	clear					:	left
	}

div.sub-category
	{/* */
	;	clear					:	left
	}


  #hair				dt.service
, #hair-removal		dt.service
	{/* */
/*	;	text-decoration			:	underline	/* */
/*	;	background-color		:	aqua	/* */
	;	text-align				:	left
	;	width					:	5.5em
	}

  #permanent-makeup	dt.service
	{/* */
/*	;	text-decoration			:	underline	/* */
/*	;	background-color		:	aqua	/* */
	;	text-align				:	left
	;	width					:	7.5em
	}

  #nails		 dt.service
, #pedicures	 dt.service
	{/* */
/*	;	text-decoration			:	underline	/* */
/*	;	background-color		:	aqua	/* */
	;	text-align				:	left
	;	width					:	10em
	}

  #facials		 dt.service
, #massage		 dt.service
	{/* */
/*	;	text-decoration			:	underline	/* */
/*	;	background-color		:	aqua	/* */
	;	text-align				:	left
	;	width					:	17em
	}

  #hair					dd.price
, #nails				dd.price
, #pedicures			dd.price
, #hair-removal			dd.price
, #facials				dd.price
, #permanent-makeup		dd.price
, #massage				dd.price
	{/* */
/*	;	text-decoration			:	underline	/* */
/*	;	background-color		:	#cfc	/* */
	;	text-align				:	right
	;	float					:	right
	;	width					:	3em
	}


  #hair-removal			dd.price.laser
	{/* */
/*	;	text-decoration			:	underline	/* */
/*	;	background-color		:	#fdd	/* */
	;	text-align				:	right
	;	float					:	right
	;	width					:	3.2em
	}

  #hair-removal			dd.price.waxing
	{/* */
/*	;	text-decoration			:	underline	/* */
/*	;	background-color		:	#fdd	/* */
	;	width					:	3.5em
	}


  #hair			dd.duration
, #nails		dd.duration
, #pedicures	dd.duration
, #hair-removal	dd.duration
, #facials		dd.duration
, #massage		dd.duration
	{/* */
/*	;	text-decoration			:	underline	/* */
/*	;	background-color		:	#fdd	/* */
	;	text-align				:	right
	;	width					:	4.5em
/*	;	color					:	#470f12	/* Choclate, Dark brown */
	}

  #hair-removal	dd.heading
, #hair-removal	dt.heading
	{/* */
/*	;	font-size				:	0.60em	/* */
	;	width					:	3.5em
	;	font-style				:	italic
	;	font-weight				:	bold
	;	text-align				:	center
	}

  #hair-removal	dd.heading.laser
	{/* */
	;	width					:	5em
	;	font-size				:	85%	/* */
	}

  #hair-removal	dd.heading.waxing
	{/* */
	;	width					:	5em
	;	font-size				:	85%	/* */
	}

dt.add-on:before
	{/* */
/*	;	background-color		:	#dd6	/* */
	;	content					:	"\00a0" "\00a0"   /* nbsp */
	;	font-family				:	"Courier New", Courier, "Andale Mono", Monaco, monospace
	}

dd.n-a:after
	{/* append two non-breaking spaces after dash for "n-a" ("not-available") price */
/*	;	background-color		:	#dd6	/* */
	;	content					:	"\00a0" "\00a0"  /* nbsp */
/*	;	font-family				:	"Courier New", Courier, "Andale Mono", Monaco, monospace */
	}

  #hair				dt
, #nails			dt
, #pedicures		dt
, #hair-removal		dt
, #facials			dt
, #permanent-makeup	dt
, #massage			dt
, #hair				dd
, #nails			dd
, #pedicures		dd
, #hair-removal		dd
, #facials			dd
, #permanent-makeup	dd
, #massage			dd
	{/* */
/*	;	font-size				:	0.70em	/* */
	;	font-weight				:	normal
	}
  #hair				dl
, #permanent-makeup	dl
	{/* */
/*	;	margin-left				:	0.50em */
	}

  #hair 			div.sub-category h3
, #permanent-makeup	div.sub-category h3
	{/* */
/*	;	font-size				:	0.75em	/* */
/*	;	line-height				:	1.5em	/* */
	;	font-style				:	italic
	;	margin-bottom			:	-0.2em
	}

span.plus
	{/* Formats a "+" or " " of same width, to aid in vertical alignment as faux "columns" */
	;	font-family				:	"Courier New", Courier, "Andale Mono", Monaco, monospace
/*	;	font-size				:	1em	/* */
/*	;	line-height				:	0.75em	/* */
/*	;	background-color		:	#dd6	/* */
	}

dd.duration
	{/* */
/*	;	line-height				:	1.50em	/* */
	}

/* Below, fake-out to create a subcategory with no services except itself with a price. */	

		#permanent-makeup	.service.brows
			{/* */
/*			;	font-size				:	0.75em	/* */
/*			;	line-height				:	1.5em	/* */
			;	font-style				:	italic
			;	font-weight				:	bold
			;	font-family				:	Helvetica, Arial, sans-serif
			;	line-height				:	120%
		/*	;	background-color		:	transparent	/* */
		/*	;	color					:	black	/* */
		/*	;	margin-left				:	-0.7em	*/

			}
		#permanent-makeup	.price.brows
			{/* */
			;	margin-top				:	0.3em
			}
		
		/* end kludge */

  p.description
	{/* Intro text for Permanent Makeup */
/*	;	font-size				:	0.7em	/* */
	;	margin-left				:	0
/*	;	color					:	#742e2c /* Rust */
	}

  #facials dd.service.series
, #massage dd.service.longer
	{/* blank spacer */
/*	;	background-color		:	aqua	/* */
	;	clear					:	left
	;	width					:	17em
/*	;	line-height				:	0.1em	/* */
	}

  #massage dd.service.longer
	{
/*	;	background-color		:	aqua	/* */
	;	width					:	17em
	}
	
  #facials dd.duration.series
, #massage dd.duration.longer
	{/* "Series of n" */
/*	;	background-color		:	#fdd	/* */
	;	width					:	6.75em
	;	font-family				:	"Times New Roman", Times, serif 
/*	;	font-size				:	57.5%	/* */
/*	;	line-height				:	0.75em	/* */
	}

  #massage dd.duration.longer
	{
/*	;	background-color		:	#fdd	/* */
	;	width					:	4.475em
	}
	
  #facials dd.price.series
, #massage dd.price.longer
	{/* */
/*	;	line-height				:	0.3em	/* */
	}
	

  .duration
	{
	;	font-style				:	italic
	}

  .description
	{
	;	padding-bottom			:	0.15em
	}

#permanent-makeup .description
	{/* The exception... */
	;	display					:	block
	;	margin					:	0
	}


dl
	{
 	;	display				:	block	/* */
	}

#notes p
	{
	;	text-align				:	center
/*	;	font-size				:	0.7em	/* */
	;	padding-top				:	0.15em
/*	;	color					:	#470f12	/* Choclate, Dark brown */
	}

#notes p strong
	{
/*	;	font-size				:	1.2em	/* */
	}
	
div.group
	{	
/*	;	background-color		:	pink	/* */
/*	;	border					:	1px dotted red	/* */
	;	float					:	left
	;	text-align				:	left
	}

.service.described:before
	{
	;	content					:	"\00bb" /*	» */
	;	margin-right			:	0.25em
	}

.service.nodescr
	{
	;	margin-left				:	0.825em
	}

div.category h2
	{
/*	;	text-decoration			:	underline	/* */
	;	padding-bottom			:	0.25em
	;	text-transform			:	uppercase
	}

#permanent-makeup h2
	{
/*	;	font-size				:	0.93em		/* */
	}
div#ark
	{
	;	text-align				:	center
	;	margin-left				:	auto
	;	margin-right			:	auto
	}

  #hair				.service
, #nails			.service
, #pedicures		.service
, #hair-removal		.service
, #facials			.service
, #permanent-makeup	.service
, #massage			.service
	{
	;	font-family				:	Helvetica, Arial, sans-serif
	}


  #nails			.service.described
, #pedicures		.service
, #facials			.service.described
, #massage			.service
	{
	;	font-weight				:	bold
	}

table
	{/* TEMPORARY/EXPERIMENTAL * WIP */
	;	display					:	none
	}