/*
-----------------------------------------------
Master Screen Style
-----------------------------------------------
the Wild Orange spa
site:		www.thewildorangespa.com
file:		/workspace/css/screen.css
author:		Stephen Bau
date:		11 July 2007
----------------------------------------------- */


/*
-----------------------------------------------
colour palette
-----------------------------------------------
orange:		#FEA621
green:		#979F94
lightgreen:	#CCD2CA
palegreen:	#DDE1DC
grey:		#666
----------------------------------------------- */


/* body
----------------------------------------------- */
body {
	font: normal 12px/16px "lucida grande", arial, sans-serif;
	text-align: left;
	color: #666;
	margin:0;
	margin-bottom:36px;
	padding:0;
	background:#fff url(i/header_bg.gif) top repeat-x;
	}
/* These rules affect all elements within the body tag: */
body * {
	margin:0;
	padding:0;
	text-decoration:none;
	border:none;
	list-style-type:none;
}
	
	
/* anchors
----------------------------------------------- */
a { 
	color: #8B7A6F;
	text-decoration: none;
	}
a:link, a:visited, a:active  { 
	color: #FEA621;
	text-decoration: none;
	}
a:hover {
	color: #000;
	text-decoration: none;
	}


/* image replacement
----------------------------------------------- */
strong.ir {
	display:none;
	}
hr {
	display: none;
	}


/* images
----------------------------------------------- */
#content img {
	border:0;
	margin-bottom:10px;
	}


/* layout
----------------------------------------------- */
.wrap,
#container { 
	width: 770px; 
	position: relative;   
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	}
.wrap { 
	background-color:#fff;
	}
#container { 
	background:url(i/wrap_bg.gif) center repeat-y;
	}


/* columns
----------------------------------------------- */
#col-a,
#col-b,
#col-c { 
	float:left;
	width:156px; 
	margin-right:18px;
	}
#col-d { 
	margin-right:6px;
	}
#col-a { 
	margin-left:0;
	width:266px; 
	}
#col-bcd { 
	float:left;
	width:429px; 
	}


/* breadcrumb
----------------------------------------------- */
#breadcrumb {	
	position:absolute;
	left:297px;
	top:4px;
	}
#breadcrumb p {color:#516002; font-size:10px;}
#breadcrumb p a {color:#B3D401;}
#breadcrumb p a:hover {color:#fff;}


/* header
----------------------------------------------- */
#header {	
	margin:0;
	height:100px;
	background:transparent;
	}
#header h1 a {
	display:block;
	background: url(i/wildorange_header.gif) left top no-repeat;
	height:100px;
	width:770px;
	}
#header h1 a span {
	display:none;
	}
#date {	
	display:none;
	font:normal normal 11px "lucida grande", arial, sans-serif;
	position:absolute;
	left:586px;
	top:336px;
	width:174px;
	padding-bottom:6px;
	border-bottom:1px solid #ccc;
	}


/* menu
--------------------------------------------------------------- */
#menu{
	width:750px;
	margin-left:10px;
	height:30px;
	background:#979F94;
	}
#menu ul{
	}
#menu li {
	float:left;
	}
#menu a {
	float:left;
	display:block;
	color:#fff;
	display:block;
	font:normal 12px/16px arial, sans-serif;
	text-transform:lowercase;
	letter-spacing:0.1em;
	padding-left:10px;
	padding-right:9px;
	padding-top:6px;
	height:24px;
	width:130px;
	border-right:1px solid #aaa;
	}
#menu a:hover {
	background:#eee;
	color:#666;
	border-right:1px solid #eee;
	}
#menu a.current {
	background:#fff;
	color:#666;
	border-right:1px solid #fff;
	}



/* sectionmenu
----------------------------------------------- */
#sectionmenu {
	margin-top:7em;
	}
#sectionmenu h3 {
	color:#FEA621;
	font:bold 10px/12px arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.2em;
	margin-top:12px;
	margin-bottom:4px;
	}
#sectionmenu ul {
/*	border-top:1px solid #DDE1DC; */
	margin:0;
	padding:0;
	}
#sectionmenu ul ul {
	padding-bottom:0;
	margin-bottom:0;
	}
#sectionmenu li {
/*	border-bottom:1px solid #DDE1DC; */
	}
#sectionmenu li a {
	display:block;
	color:#979F94;
	width:100%;
	padding-top:4px;
	padding-bottom:4px;
	}
#sectionmenu li a:hover {
	color:#000;
	}
#sectionmenu li li {
	margin-left:20px;
	border:0;
	}
#sectionmenu li li a {
	color:#979F94;
	font:normal normal 9px/12px "lucida grande", arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.2em;
	padding-top:4px;
	padding-bottom:4px;
	}
#home #sectionmenu h3,
.section #sectionmenu h3 {color:#FEA621; font-weight:bold; font-size:10px;}

#sectionmenu li.current a {color:#000; font-weight:bold;}
#sectionmenu li.current li a {color:#979F94; font-weight:normal;}
#sectionmenu li.current li a:hover {color:#000; font-weight:normal;}
#sectionmenu li.current li.current a {color:#000; font-weight:normal;}

#facialsli,
#massageli,
#body-treatmentsli,
#bathsli,
#hand-and-footli,
#make-upli,
#waxingli,
#lash-and-browli,
#for-herli,
#for-himli,
#for-couplesli {display:block;}

#section_facials #facialsli,
#section_massage #massageli,
#section_body-treatments #body-treatmentsli,
#section_baths #bathsli,
#section_hand-and-foot #hand-and-footli,
#section_make-up #make-upli,
#section_waxing #waxingli,
#section_lash-and-brow #lash-and-browli,
#section_for-her #for-herli,
#section_for-him #for-himli,
#section_for-couples #for-couplesli {display:block;}



/* content
----------------------------------------------- */
#content { 
	padding-top:150px;
	background:url(i/header_img_main.jpg) center top no-repeat; 
	width:770px; 
	}
#content h2 { 
	margin: 1.3em 0 1.3em 0;
	font-size:24px;
	font-weight: normal;
	color:#FEA621;
	}
#content h2 a { 
	font-weight: normal;
	color:#FEA621;
	}
#content h2 a:hover { 
	font-weight: normal;
	color:#979F94;
	}
#content h3 {
	color:#979F94;
	text-transform:uppercase;
	letter-spacing:.2em;
	}
#content h4 {
	font: normal 18px "lucida grande", arial, sans-serif;
	color:#979F94;
	border-top:1px solid #DDE1DC;
	padding-top:6px;
	margin-top:18px;
	margin-bottom:12px;
	}
#content h4 a {
	color:#979F94;
	}
#content h5 {
	font: bold 13px/16px "lucida grande", arial, sans-serif;
	color:#979F94;
	border-top:1px dotted #DDE1DC;
	padding-top:6px;
	margin-top:18px;
	margin-bottom:12px;
	}


/* main
----------------------------------------------- */
#main { 
	margin:0;
	margin-left:28px;
	}


/* articles
----------------------------------------------- */
#articles h3 { 
/*	border-top:3px solid #DDE1DC; */
	padding-top:6px;
	margin-top:18px;
	margin-bottom:9px;
	color:#FEA621;
	}
#articles h3 a {color:#FEA621;}
#articles h3 a:hover {color:#FEA621;}
#articles h4,
#articles h4 a {
	color:#FEA621;
	font-size:14px;
	margin-top:4px;
	margin-bottom:4px;
	}
#articles h3 a:hover {color:#000;}
#articles h4 a:hover {color:#000;}
#articles p { 
	margin-bottom:8px;
	}
#articles p.rate { 
	font: bold 12px/16px "lucida grande", arial, sans-serif;
	float:left;
	color:#fff;
	padding:4px 8px;
	margin-right:8px;
	margin-top:4px;
	margin-bottom:0;
	background:#89A200;
	}
#articles p.info {color:#979F94; font-size:11px;}
#articles p.info a {color:#900;}
#articles p.info a:hover {color:#979F94;}
#articles p.morelink a {color:#900;}
#articles p.morelink a:hover {color:#979F94;}
#articles strong {font-weight:bold;}

ul.linklist, .linklist ul {
	border-top:1px solid #DDE1DC;
	}
.linklist li {
	border-bottom:1px solid #DDE1DC;
	}
.linklist li a {
	display:block;
	color:#8B7A6F;
	width:100%;
	padding-top:4px;
	padding-bottom:4px;
	}
.linklist li a:hover {
	color:#000;
	}
.smalltext {
	font-size:9px;
	}
#articles .skintype {
	font-size:11px;
	}
#articles .price {
	font-weight:bold;
	text-align:right;
	}
#articles .time {
	font-weight:normal;
	}
#articles .desc {
	font-style:italic;
	border-top:1px dotted #DDE1DC;
	padding-top:4px;
	margin-bottom:0;
	}
#articles .align-right {
	float:right;
	}
#articles .asterisk {
	font-size:11px;
	}
#introtext {
	color:#979F94;
	font-size:16px;
	line-height:24px;
	margin-top:12px;
	margin-bottom:20px;
	}
#introtext .note {
	color:#979F94;
	font-size:12px;
	line-height:16px;
	margin-top:18px;
	}
#introtext .note p strong {
	color:#FEA621;
	}
#articles table {
	width:100%;
	}
#articles table td {
	border-bottom:1px dotted #DDE1DC;
	text-align:left;
	}
#articles table td + td {
	text-align:right;
	}
.footnote {
	font-size:11px;
	margin-top:24px;
	}


/* footer
----------------------------------------------- */
#footer { 
	clear:both;
	width:770px; 
	background:url(i/footer_bg.jpg) center bottom no-repeat;
	padding-bottom:25px;
	}
#footer p { 
	font-size:10px;
	margin:0 0 0 25px; 
	padding-top:40px;
	}
#body-treatmentsli {
/*	border-top:1px solid #DDE1DC; */
	margin-bottom:8px;
	}
#body-treatmentsli h5 {
	color:#FEA621;
	font:bold 10px/12px arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.2em;
	margin-top:4px;
	margin-bottom:4px;
	margin-left:20px;
	border:0;
	}
#body-treatmentsli ul {
	margin-left:20px;
/*	border-top:1px solid #DDE1DC; */
	}
#body-treatmentsli ul li {
	margin:0;
	margin-left:0;
	}

#articles ul {
	margin-top:12px;
	margin-bottom:12px;
	}
#articles ul li {
	background: transparent url(i/small_leaf_icon.jpg) 0 1px no-repeat;
	margin:0 0 4px 0;
	padding-left:30px;
	padding-bottom:4px;
	font-weight:bold;
	}


/* testimonial
----------------------------------------------- */
.testimonial {
	display:block;
	padding-left:50px;
	background:#fff url(i/open_quote.gif) top left no-repeat;
	margin-bottom:36px;
	}
.name {
	color:#FEA621;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.2em;
	}
.city {
	color:#979F94;
	font:normal 10px/12px arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:0.2em;
	}

/* rss thumbpop
----------------------------------------------- */
#articles .rssThumbFloat {
	display:block;
	float:left;
}
#articles .rssThumbs a:hover img {
	border-style: solid;
}
#articles .rssThumbs a img {
	padding: 3px;
	margin: 0 9px 7px 0;
	width: 50px;
	height: 50px;
	border: 3px solid #CCD2CA;
}
#articles .rssThumbs a:hover img {
	border-color: #979F94;
	background-color: #fff;
}
#desc {
	display:block;
	color:#fff;
	background-color:#979F94;
	padding:3px;
	width:426px;
}
#fullsize img {
	padding: 3px;
	border: 3px solid #979F94;
}