/*
Theme Name: Black Envy
Theme URI: none
Description: Dark theme for Envy Salon
Author: Helms Heymann
Author URI: http://www.techresq.net
Version: 1.0
*/

/***************************=Structure**************************/
* {margin: 0; padding: 0;}
p,h1,h2,h3,h4,h5,a,a:hover {font-family: Arial; margin:0; padding:0;}
#home {background: #272727;}
#container {width: 1023px;  height: auto; margin: 0 auto;}
#container .logo {float: left; margin: 25px 0 0 0;}
#container .mainNav {float: right; width: 710px; height: 118px; margin: 50px 0 95px 0; background: #fe60f5 url(images/nav_bkd.jpg) repeat-x top;}
#container .mainNav .leftedge {width: 9px; height: 118px; background: url(images/nav_leftedge.jpg) no-repeat left; float: left;}
#content {width: 100%; height: auto; border-top: 1px #343434 solid; clear: both;}
#footer {width: 1023px; height: 65px; border-top: 1px solid #343434; clear: both;}
#footer .footerNav {}
#footer p {float: left; margin: 22px 0 0 0; font-size: 12px;}

/***************************=jFlow**************************/
#controller ul, #slides .content ul {font-family:Arial;}
#controller {}
#controller ul {list-style: none;}
#controller li {color:#84237e; float: left; background: #2c2c2c; display: block; padding: 0 1.5em; margin: 0 3px 0 0; line-height: 40px;}
#controller li:hover {background: #424141; cursor: pointer; color: #fe60f5;}
#controller li.jFlowSelected {background: #424141; cursor: pointer; color: #fe60f5;}
/*#controller span {color:#84237e; background: #2c2c2c; line-height: 1em; }*/
#slides {margin: 50px 0 0 0; padding:0;}
#slides img,#slides iframe {float: left; border: 1px solid #343434;}
#slides .iframe {width: 486px; height: 353px;}
#slides small {width: 24px; float: left; margin: 354px 0 0 -24px;}
#slides img.icon {border: none; background: #313030; width: 24px; float: left;}
#slides .content {float: left; width: 475px; margin: 0 0 0 40px; padding:0;}
#slides .content p, #slides .gallery {font-size: 18px; color: gray; margin: 0 0 20px 0; text-align: left;}
#slides .content p.services {font-size: 18px; color: gray; margin: 0 40px 10px 0; float: left; width: 200px; text-align: left;}
#content p.appt {float:left; font-size: 18px; color: gray; width: 550px; margin: 50px 0 10px 0;}
#cforms2form {float:right; margin: 20px 0 0 0; padding:0;}
#slides .content h3, #slides .gallery {color: white;}
#slides .content h5.services {color:white; font-style:normal;} /**style for services table on service tab**/
#slides .content a, #slides .gallery a {color: #fe60f5; text-decoration: none;}
#slides .content a:hover, #slides .gallery a:hover {border-bottom: 1px dotted #fe60f5;}
#slides .content ul {list-style: none; float:left;}
#slides .content ul li {color: Gray;}
/*#slides .gallery {float:right; width:100%;}*/
#slides .ngg-galleryoverview {width: 50%; float:right; margin: -70px 0 0 0; padding:0;}
/*#slides .content iframe.iris {}*/

/***************************=Table**************************/
#slides .content .pricelist {width: 235px; padding:0; margin:-158px 0 0 0; float: right;}
#slides .content .pricelist thead tr {line-height: 1.5em; background: black; text-align: center;}
#slides .content .pricelist thead h5 {color: White;}
#slides .content .pricelist tr h5,#slides .content .pricelist tr.odd h5 {font-weight: normal; padding: 0 1em;}
#slides .content .pricelist tr,#slides .contentservices .pricelist tr.odd {color:white; line-height: 1.5em; font-weight: normal; text-align: center;}
#slides .content .pricelist tr {background: #313030;}
#slides .content .pricelist tr.odd {background: #1f1f1f;}
#slides .content .pricelist tr:hover,#slides .content .pricelist tr.odd:hover {/*background: #181818;*/ color: #fe60f5;}

/***************************=Nav**************************/
#container .mainNav ul {font-family:Arial; list-style: none; float: right;}
#container .mainNav ul li {float: left; padding: 0 1em;}
#container .mainNav ul a {font-style: normal; display: block; padding: 0 1.2em; line-height: 118px; text-decoration: none; color: black;}
#container .mainNav ul a:hover {border: none; color: black; background: #fe60f5;}
#container .mainNav ul li.current_page_item {border: none; color: black; background: #fe60f5;}
#footer .footerNav  ul {list-style: none; float: right; margin: 22px 0 10px 0;}
#footer .footerNav ul li {float: left;}
#footer .footerNav ul a {font-style: normal; font-size: 12px; padding: 0 10px; color: black; text-decoration: none;}
#footer .footerNav ul a:hover {border: none; color: #bcbcbc;}

/***************************=Links**************************/
#container .logo img, #container .logo a, #container .logo a:hover {border: none;}

/***************************=Buttons**************************/
#slides .content span.onlinebookingbtn {}
#slides .content span.onlinebookingbtn a {margin-left: 165px; line-height: 40px; display: block; width: 150px; background: #b839f3; border: 1px solid #cd63ff;}
#slides .content span.onlinebookingbtn a:hover {background: #942dc4;}
#slides .content span.onlinebookingbtn h4 {color: White; text-align: center;}

/***************************=Text**************************/
#slides .content h5 {color:gray; font-style:italic; font-weight:normal;}
#slides .content h5.faq {color:gray; font-style:italic; font-weight:normal; margin-bottom:10px;} /*Reviews tab of homepage*/
#slides .gallery p {width:40%; float:left; font-size: 18px; color: gray; margin: 0; padding:0;}
#content p.reviewer {font-size:12px; color:white; font-style:italic; font-weight:normal; text-align:right;}
#slides .contentunderconstruction {width: 1023px;}
#slides .contentunderconstruction p {color: Gray; text-align: center;}
#slides .contentunderconstruction a {color: #fe60f5; text-decoration: none;}
#slides .contentunderconstruction a:hover {border-bottom: 1px dotted #fe60f5;}

/***************************=Wordpress NextGen Gallery**************************/
/*#content ul {list-style:none;}
#content ul li {float:left; padding: 0 2em;}*/