/*
Theme Name:lavenderhillhaircolor
Version: 1.0
Description: :lavenderhillhaircolor
Author: Realm Web Design
Author URI: http://www.realmwebdesign.com
Last updated: 2010-5-22
*/

/* default elements */
* {margin: 0; padding: 0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead{ margin: 0; padding: 0; border: 0; outline: 0; 
font-size: 100%; vertical-align: baseline; background: transparent; } body { 
line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 
none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }


body {
  background: #FFF8F2;
  color: #2F2F2F;
  font: normal 64.0% "Trebuchet MS", Arial, Helvetica;
  padding: 0px 0px;
}


/* Site Link Color */
a {color: #E65CA3; font-weight: normal;}
a:hover {color: #5CA8E6;}

/* Removes FireFox's dotted link border */
a:active { outline: none;}

/* Removes FireFox's dotted link border */
a:focus { -moz-outline-style: none;}

/* Site Headings PAGES & SIDEBARS */

h1 {color: #565656; padding: 3px 0 3px; border-bottom: 0px solid #BBBBBB; margin-bottom:15px;}
h2 {color: #161616; padding: 15px 0 3px;margin-bottom:5px;}
h3 {color: #565656; padding: 15px 0 10px;}
h4 {color: #565656; padding: 15px 0 10px;}
h1 {font: normal 1.9em 'Bookman Old Style', serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}
h2 {font: normal 1.7em 'Times New Roman', Times, serif;}
h3 {font: bold 1.2em 'Times New Roman', Times, serif;}
h4 {font: normal 1.1em 'Times New Roman', Times, serif;}

.content h2 a{color:#161616; text-decoration: none;}
.content h2 a:hover{color:#E65CA3;}

#sidebar h2,h3 {font: normal 1.6em 'Times New Roman', Times, serif; color: #161616; padding: 15px 0 0px 0px; border-bottom: 0px solid #d9d9d9; margin-bottom:5px;}

table.hair-color h3 {font: normal 1.3em 'Times New Roman', Times, serif;}

blockquote {
  background: url('img/quote.gif') no-repeat;
  font-family:Georgia, "Times New Roman", Times, serif; color:#777777;
  border-top:1px solid #E5E3D1;
  border-bottom:1px solid #E5E3D1;  
  width:80%; height:auto;
  margin:0 0 15px 10px; padding:15px 25px 0px 55px;
  display:block;

}

/* Forms & Lists */
form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
small,.small {font: normal 0.9em "Times New Roman", Times, serif;}
li {line-height: 1.5em;}
p {padding: 2px 0 10px;}
ul {padding: 0 1.5em 1.2em; list-style-type:none;}
ol {padding: 0 3.5em 1.2em; list-style-type: decimal; background:none;}
.entry ul li {line-height: 1.2em; padding-left:20px; background: url(img/bullet.gif) no-repeat; padding-bottom:7px; padding-top:1px;}

/* Line Break */

hr {
  margin: 15px 0 12px 0;
  border: 0;
  height: 1px;
  border-bottom: 1px solid #d9d9d9;
}

/*=== Site Structure for Pages ===*/

#wrapper {
  margin: 0 auto;
  width: 879px;

}

#container {
  position:relative;
  font-size: 1.3em;
  line-height: 1.3em;
  margin: 0 auto;
  width: 867px;

}


/* Content Background */

.main {background: url(img/content-bgr.gif) repeat-y; width:867px;}
.main-full {background: url(img/content-bgr-full.gif) repeat-y; width:867px;}
.main-home {background: url(img/content-bgr-full.gif) repeat-y; width:867px;}


/*=== Header ===*/

#header{
  height: 95px;
  width:867px;
  position:relative;

}

/*- Phone Box -*/
#phone-box {float:right; margin-top:15px; padding-right:18px; font-size:15px; color:#5F5D59;}
#phone-box h3 {'Times New Roman', Times, serif; font-size: 22px; color:#5F5D59; padding:0px;margin:0px;}

/*=== TOP SIGN IN ===*/

.top-bar {text-align:right; width:847px; font-size:12px; padding-top:5px; height:17px; padding-right:20px; color:#5F5D59; line-height:12px;}
.top-bar a{color:#5F5D59; text-decoration:none;}
.top-bar a:hover{color:#E65CA3; text-decoration:none;}


/*=== Logo ===*/

* html #logoimage {
  margin-left: 2px
}

#logoimage {
    float: left;
    position: absolute;
    top: 15px;
    cursor: pointer;
    z-index: 500;
    left:0px;
}



/*=== Tops and Bottoms ===*/

.top {height:17px; background:url(img/top.gif) no-repeat; overflow: hidden;clear: both;}
.top-full {height:17px; background:url(img/top-full.gif) no-repeat; overflow: hidden;clear: both;}
.top-home {height:17px; background:url(img/top-full.gif) no-repeat; overflow: hidden;clear: both;}


.bot {height:10px; background:url(img/bot.gif) no-repeat; margin-bottom:0px; overflow: hidden;clear: both;}
.bot-full {height:10px; background:url(img/bot-full.gif) no-repeat; margin-bottom:0px; overflow: hidden;clear: both;}
.bot-home {height:10px; background:url(img/bot-full.gif) no-repeat; margin-bottom:0px; overflow: hidden;clear: both;}



/*=== Navigation ===*/

#navbar{

  background: url(img/navbar.gif) no-repeat top left;
  font-size:17px;
  font-family:'Times New Roman', Times, serif;
  color:#424242;
  font-weight:normal;
  height:39px;
  width: 867;
  margin:0px;
  position:relative;
  z-index:99;

}

#nav1, #nav1 ul { /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1;
  padding: 1px 7px 0 7px;
}


#nav1 a {
  display: block;
  line-height: 37px;
  cursor: pointer;
  text-decoration: none;

}

#nav1 li {
  float: left;
  line-height: 37px;
  margin:0px;
  padding:0px;
}


#nav1 li a{
  padding:0px 12px 0px 12px;
  color: #424242;
  text-decoration: none;
  border-right: 1px solid #BFBFBF;
  border-left: 0px solid #BFBFBF;
}

#nav1 li a:hover,#nav1 li.active a{
  color: #E65CA3;
  cursor: pointer;
  text-decoration: none;
  background:#FFFFFF;
}



/* Style drop down list */

#nav1 li ul {
  position: absolute;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  width: 180px;
  padding: 0;
  margin: 0;
}

#nav1 li ul li {
  border: 1px solid #A4722C;
  border-width:1px 1px 1px 0px;
  background: #E5C68C;
  float: none;

}

#nav1 li ul li a:hover,
#nav1 li ul li.active a{
  color: #E65CA3;
  background:none;!important;
  cursor: pointer;
}

#nav1 li:hover ul, #nav1 li.sfhover ul {
  left: auto;
}

#nav1 li ul li a {
  line-height: 30px;
  font-size: 14px;
  color: #583A14;;
  border-right: 0px solid #A4722C;
  border-left: 1px solid #A4722C;
  padding: 0px 0px 0px 16px;
  width: 180px;
  cursor: pointer;
}

#nav1 li ul li ul li a {
 border-width:0px 0px 0px 0px;
}

#nav1 li ul ul {
  margin: -1em 0 0 10em;
}

#nav1 li:hover ul ul, #nav1 li.sfhover ul ul {
  left: -999em;
}

#nav1 li:hover ul, #nav1 li li:hover ul, #nav1 li.sfhover ul, #nav1 li li.sfhover ul {
  left: auto;
}



/*=== Posts & Pages ===*/
.entry {padding-top:15px;}

.post {
padding-left:20px;
padding-right:5px;
}

.post .descr {
  color: #999999;
  font-size: 0.9em;
  margin: 2px 0 10px;
  border-bottom: 1px solid #d9d9d9;
}

.post .info{
  border-top: 1px dotted #d9d9d9;
  color: #999999;
  font-size: 0.9em;
  font-weight: normal;
  margin: 4px 0 28px;
  padding: 8px 0;
}

.post img {border: 0px solid #CCB; margin: 0px 0;}
.post a img {border: 0px solid #CCB;}
.post a:hover img {border-color: #AA9;}



/*=== Footer ===*/

.footer {
  color: #5F5D59;
  font-size: 12px;
  padding: 10px 17px 10px 17px;
  margin-bottom:30px;

}

.footer .left {width: 84%;}
.footer .right {width: 15%;text-align: right;}


.footer a {
  color:#5F5D59;
  text-decoration: none;
}

.footer a:hover, .footer .right a:hover {
  color: #E65CA3;
  text-decoration: none;
}

.footer .right, .footer .right a {color: #5F5D59; text-decoration: none;}


/*=== Layout Misc ===*/
.content {padding: 7px 20px;}
.right .content {padding: 3px 15px;}
.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width: 60%;}
.col2 .right {width: 39%;}
.col2 .left-full {width: 99%;}

#sidebar {padding-left:10px;}

/*=== Blocks SIDEBAR MENUS===*/

.textwidget {padding-right:10px; padding-left:10px;}

.block {margin-bottom:15px;padding-right:20px;  font-weight: normal;
}

ul.block, .block ul {
  background:#ffffff;
 font-weight: normal;
  border: 1px dotted #D9D7D5;
  margin: 4px 0px;
  padding: 0;
  width: 96%;  

}

.block li {
  border-bottom: 1px solid #D9D7D5;
  list-style: none;
}

.block li a,.block li em {
  color: #253775;
  display: block;

}

.block li em {
  font-size: 0.9em;
}

.block li a {
  padding: 4px 3%;
  text-decoration: none;
  width: 94%;
}

.block li a span {font-style: normal;}
.block li a:hover {
  color: #F26521;
  background: none;

}

.left .block,.right .block li {border-color: #D9D7D5;}
.left .block li a:hover {background:none;}

/* Sub Sidebar Menu Item */

.block li ul {
  padding: 0 0 0 0px;
  margin: 0;
}

.block li ul li {
  border: 1px solid #D9D7D5;
  border-width:0px 0px 1px 0px;
}


.block li ul li a:hover,
.block li ul li.active a{
color: #E65CA3;
}


.block li ul li a {
  line-height: 20px;
  font-size:11px
  color: #253775;
  padding: 0px 0px 0px 16px;
}

.block li ul li ul li a {
  border-width:0px 0px 0px 0px;
}



/*=== Comments & Form ===*/



.comments-block { padding-left:25px;}

#commentlist li {
  margin-bottom: 1.5em;
  padding-bottom: 1em;
  border-bottom: 1px solid #D9D7D5;
}

#commentform {
margin: 1em 0;  
width: 280px;

}

textarea.styled {width: 280px;}

.styled {
  font-size: 1.1em;
  background: #FCFCFC;
  border: 1px solid #D9D7D5;
  padding: 2px;
}

.styled:hover {
  background: #FFF;
  border: 1px solid #D9D7D5;

}

.styled:focus {
  background: #FFF;
  border: 1px solid #D9D7D5;
}

#commentform input {margin-bottom: 3px;}
.commentmetadata a {font-size: 1em; color: #666;}

/*=== Image Paddings & Captions ===*/

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;

}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}


/*=== Captions == */

.wp-caption {
  border: 1px solid #FFFFFF;
  text-align: center;
  background-color: #FFFFFF;
  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: 10px;
  line-height: 17px;
  padding: 3px 4px 5px;
  margin: 0;


}

/* === Calenders === */

#wp-calendar {
width: 100%;
}


#wp-calendar caption {
  color: #666;
  text-align: right;
}

#wp-calendar th {
  color: #666;
  font-size: 80%;
  padding-left: 0;
  padding-right: 0;
}

#wp-calendar a {
  font-weight: bold;
}

#wp-calendar tfoot td {
  text-align: left;
}

#wp-calendar tfoot td#next {
  text-align: right;
}

#wp-calendar td#today {
  background-color: #fafafa;
}


/* === Homepage ADD ONS === */

#slideshow {width:510px;height:282px; margin: 3px 0px 0px 17px;}



/* === Sidebar CODE & Customization === */
#credit-icons {height:30px; margin-bottom:5px;}
#credit-icons img{align:left;}

#mailing-list {background: #F9D7D6; width:269px;height:231px; padding:5px 18px 5px 18px; margin-bottom:18px;}

#mailing-list h2{color:#353535;font-size:27px; padding:0px;margin:0px; text-align:center;}

input.btn {background:url(img/btn-submit.gif) no-repeat; width:110px; height:39px; border:0; cursor: pointer; float:right; margin-top:7px;}

#input-mail {font-size:17px; border:1px solid #d9d9d9; height:32px; width:205px;margin-top:7px; padding-left:7px; float:left;}

#quote-box {background:url(img/quote-box.jpg) no-repeat; width:254px; height:322px; padding: 10px 17px 5px 17px;}

#qvc-review {border: 1px solid #D9D7D5; height:80px; width:267px; padding:7px 10px 7px 10px; margin-bottom:18px;}

#gg-review { background: url(img/gorgeously-green.gif) top left no-repeat; border: 1px solid #D9D7D5; width:257px; height:110px; padding:120px 15px 7px 15px; margin-bottom:18px;}

#es-review {border: 1px solid #D9D7D5; width:257px; height:190px; padding:7px 15px 7px 15px; margin-bottom:18px;}

#featured-in {border: 1px solid #D9D7D5; width:257px; height:250px; padding:7px 15px 7px 15px; margin-bottom:18px;}

.home-btn {width:100%; height:40px; margin-bottom:25px; margin-top:10px;}
.home-quotes {width:100%; height:130px;}

/* === TABLES SHOPPING === */

table.book {
  border-width: 2px;
  border-spacing: ;
  border-style: dashed;
  border-color: #D9D7D5;
  border-collapse: separate;
  background-color: white;
  margin-left: auto;
  margin-right: auto;

}
table.book th {
  border-width: 0px;
  padding: 0px;
  border-style: inset;
  border-color: FFFFFF;
  background-color: white;
  -moz-border-radius: ;
}
table.book td {
  border-width: 0px;
  padding: 0px;
  border-style: inset;
  border-color: FFFFFF;
  background-color: white;
  -moz-border-radius: ;
}
table.hair-color {
  border-width: 1px;
  border-spacing: ;
  border-style: dotted;
  border-color: #C1BEBB;
  border-collapse: collapse;
  background-color: white;

}
table.hair-color th {
  border-width: 1px;
  padding: 0px;
  border-style: inset;
  border-color: #C1BEBB;
  background-color: white;
  -moz-border-radius: ;
}
table.hair-color td {
  border-width: 1px;
  padding: 0px;
  border-style: dotted;
  border-color: #C1BEBB;
  background-color: white;
  -moz-border-radius: ;
}

table.buttons {
  border-width: 0px;
  border-spacing: ;
  border-style: dotted;
  border-color: #C1BEBB;
  border-collapse: collapse;
  background-color: white;

}
table.buttons th {
  border-width: 0px;
  padding: 0px;
  border-style: inset;
  border-color: #C1BEBB;
  background-color: white;
  -moz-border-radius: ;
}
table.buttons td {
  border-width: 0px;
  padding: 0px;
  border-style: dotted;
  border-color: #C1BEBB;
  background-color: white;
  -moz-border-radius: ;
}


#bottom-text {font-size:10px;color:#D8D2CD;line-height:12px;}
​