/*
	Color Reference:
	- dk orange		#C37024
	- orange 		#FFA507
	- pink			#C32498
	- page text 	#37424A

------------------------------------ */


/*	Defaults, utilities, and wrapper
---------------------------------------------------------------- */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}           
a:hover {text-decoration: underline;}
a {color: #C32498; font-weight: bold;}

h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

li, td, th, dt, dl, input, textarea {font-size: 12px;}
p {margin: 0 0 10px;}
sup {line-height: 1em;}

.hide {display: none;}
.clear {clear: both;}
#accessibility {display: none;}

body {font-family: helvetica, arial, verdana, sans-serif; color: #514848; font-size: 12px; background: url(http://www.yvesdurif.com/images/bg.gif) repeat-x; background-color: #C37024;}

#wrapper {width: 848px; margin: 10px auto;}
#logo {float: left; clear: none; position: relative; left: -10px; top: -5px; margin: 0; padding: 0; line-height: 0.1em; z-index: 50;}
img { behavior:url('/rendezvous/wp-content/themes/foryd/images/iepngfix.htc') }
#toplinks {color: #C32498; position: relative; top: 36px; margin-left: 640px;}
#toplinks a {color: #ffffff;}

#content
{
	width: 848px;
	background-color: #ffffff;
	background: url(http://www.yvesdurif.com/images/bg.inside.gif) repeat-y;
	min-height: 500px;
	padding: 0px 5px;
	position: relative;
	padding-top: 24px;
}


#footer {margin: 0px; text-align: right; padding: 0px; background: url(http://www.yvesdurif.com/images/bg.footer.gif) no-repeat; height: 50px;}
#footer p {padding: 30px 10px 0px 0px; color: #ffffff;}



.left {width: 150px; position: absolute; top: 40px; padding: 10px; display: inline-block; left: 0px; }
.right { width: 642px; position: relative; top: 0px; margin: 0px 10px 10px 22px; display: inline-block; }
*:first-child+html .left {border: 0px solid red; top: 60px;}
* html .right {left: 150px;}
*:first-child+html .right {margin-left: 171px;}

.headerimage { width: 116px;height: 104px;position: absolute; top: 24px; left: 670px; margin: 0px 10px 10px 22px; background: url(./images/rendezvousphoto.gif) no-repeat;}
.post {padding: 15px; border-bottom: 1px solid #C32498; width: 500px;}
.post h2 {padding-bottom: 10px;}
.post h2 a {font-size: 16px; color: #C32498; }
.postMeta {text-align: left; margin-top: 10px; margin-bottom: 20px;}

.date, .permalink, .comments {margin: 0px 10px;}
.right h3 {padding-bottom: 6px;}
#commentholder {padding: 15px 0px 6px 15px;}

#categories .categories {list-style: none; color: #ffffff; padding: 0px;  }

#categories .categories ul { list-style: none; text-indent: none; background: #ffffff; margin: 0; padding: 0;  width: 137px;border-left:4px solid #FFA507; border-right:4px solid #FFA507;}
#categories .categories ul li {padding: 4px;}
#categories .categories ul li a {color: #37424A;}
* html #categories .categories ul {left: -16px; position: relative;}
#categories .categories ul.children {position: relative; left: -4px; border: 0; width: 130px; padding-bottom: 0px; margin-bottom: -4px;}
#categories .categories ul.children li {padding-bottom: 0; margin-bottom: 0;}
#categories .categories ul.children li.cat-item {padding-bottom: 0; margin-bottom: 0;}
*:first-child+html #categories .categories ul {left: -16px; position: relative;}
*:first-child+html #categories .categories ul.children {position: relative; left: -4px;}

#archive {border-left:4px solid #FFA507; border-right:4px solid #FFA507;width: 137px;}
#archive li {list-style: none; padding: 4px;}
* html #archive li {position: relative; margin-left: -16px;}
*:first-child+html #archive li {position: relative; margin-left: -16px;}
#archive li a {color: #37424A;}

p, ul {line-height: 1.4em;}

/* Navigation 
---------------------------------------------------------------- */

#nav { margin: 0; padding: 0;  width: 848px; margin-top: 44px; height: 50px; background: url(http://www.yvesdurif.com/images/nav.gif) no-repeat;}
*:first-child+html #nav {margin-top: -110px; padding-left: 120px;}
#nav li ul, #nav li ul { margin: 0;	padding: 0;}
#nav a { text-decoration: none;	}
#nav li { margin: 0; float: left; display: block; padding-right: 0px; }
#nav li ul { display: none; }
#nav li.on ul { background: #f90 }
#nav li.on:hover ul, #nav li.over ul { background: #d5d7cb; }
#nav li a { color: #ccc5a2;	font-weight: bold; display: block; padding: 0; font-size: 10px; }
#nav li.on a { color: #f90; }
#nav li.on ul a, #nav li.off ul a {	border: 0; color: #44286f; width: auto; margin-right: 15px;  }
#nav li.on:hover ul a, #nav li.over ul li a { background: #d5d7cb;}
#nav li.on ul {	display: block; }
#nav li.off:hover ul, #nav li.over ul {	display: block;}
#nav li.off a:hover, #nav li.on a:hover { color: #b94804; }
#nav li span { position: absolute; visibility: hidden; }

#philosophy a, #services a, #salon a, #gallery a, #talent a, #education a, #press a, #products a {display: block; position: relative; height: 50px; background: url(http://www.yvesdurif.com/images/nav.gif) no-repeat;}

#philosophy a { height: 50px; width: 94px; background-position: -162px 0px;}
#services a { height: 50px; width: 79px; background-position: -256px 0px;}
#salon a { height: 50px; width: 94px; background-position: -335px -0px;}
#gallery a { height: 50px; width: 75px; background-position: -429px 0px;}
#talent a { height: 50px; width: 67px; background-position: -504px 0px;}
#education a { height: 50px; width: 97px; background-position: -571px 0px;}
#press a { height: 50px; width: 56px; background-position: -668px 0px;}
#products a { height: 50px; width: 82px; background-position: -724px 0px;}

#philosophy a:hover, #philosophy:hover a, #philosophy.over a {background-position: -162px -50px;}
#services a:hover, #services:hover a, #services.over a {background-position: -256px -50px;}
#salon a:hover, #salon:hover a, #salon.over a {background-position: -335px -50px;}
#gallery a:hover, #gallery:hover a, #gallery.over a {background-position: -429px -50px;}
#talent a:hover, #talent:hover a, #talent.over a {background-position: -504px -50px;}
#education a:hover, #education:hover a, #education.over a {background-position: -571px -50px;}
#press a:hover, #press:hover a, #press.over a {background-position: -668px -50px;}
#products a:hover, #products:hover a, #products.over a {background-position: -724px -50px;}


/* Page Headers 
---------------------------------------------------------------- */
.header h2 {display: block; position: relative; width: 520px;height: 48px; margin-top: 1px; background: url(./images/rendezvousheader.gif) no-repeat; }

.header h2 span {display: none;}


/*	Win IE 6 Hacks
---------------------------------------------------------------- */

/* Hides from IE-mac \*/

* html #wrapper {margin: 0;margin-left: auto;}
* html #toplinks {margin-top: 6px; margin-left: 644px;}
* html #logo {top: 6px;}
* html #nav {position: relative;top: -130px; padding-left: 120px;}
* html #homecontent {border: 0px solid red; margin-top: -132px;}
* html #content { border: 0px solid red; height: 500px; margin-top: -130px; }
* html #homegallery {top: -33px; position: relative;} 
* html #homeleft {position: relative; margin-top: -30px;}
* html #footer {position: relative;}
/* End hide from IE-mac */