/*
Theme Name: JuvEssentials
Theme URI: http://wordpress.org/
Description: A theme for JuvEssentials
Author: Example7 / Spitfiregirl Design
Author URI: http://www.example7.com
Tags: JuvEssentials

	JuvEssentials
	http://www.juvessentials.com

*/

/* -------------------[ Layout ]------------------- */

body { margin: 0; padding: 0; color: #755615; font-size: 12px; line-height: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.relax {clear: both;	height: 0;	line-height: 0px; font-size: 1px;}

#header { width: 850px; height: 115px; margin: 0px 0px 2px 0px; padding: 0; }

#nav { clear: both; width: 850px; height: 25px; margin: 0; padding: 0; }

#contenthome { clear: both; width: 850px; margin: 1px 0px 0px 0px; padding: 20; background-color: #FFF; }
#contenthomeleft { float: left; width: 458px; height: 478px; margin: 2px 0px 0px 0px; padding: 20px; background-color: #FFFFCE; text-align: left; font-size: 13px; line-height: 17px; }
#contenthomeright { float: right; width: 350px; height: 539px; margin: 2px 0px 0px 0px; padding: 0; background-color: #FFF; text-align: right; _margin-right: -2px;}

#content { clear: both; width: 810px; margin: 1px 0px 0px 0px; padding: 20px; background-color: #FFFFCE; text-align: left; }

#contentflower { clear: both; width: 850px; margin: 1px 0px 0px 0px; padding: 0; background-color: #FFFFCE; overflow:hidden; }
#contentflowerleft { float: left; width: 260px; margin: 0; padding: 0; text-align: left; background-image: url(http://www.juvessentials.com/wp-images/pages/philosophy.jpg); background-position: top; background-repeat: no-repeat; }
#contentflowerright { float: right; width: 550px; margin: 0; padding: 20px; text-align: left; }

#contentblog { clear: both; width: 850px; margin: 1px 0px 0px 0px; padding: 0; background-color: #FFFFCE; overflow:hidden; }
#contentblogleft { float: left; width: 590px; margin: 0; padding: 20px; text-align: left; }
#contentblogright { float: right; width: 160px; margin: 0; padding: 30px 0px 20px 0px; text-align: left; margin-left: 20px;}
#contentblog #contentblogright { float: right; width: 160px; margin: 0; padding: 30px 20px 20px 0px; text-align: left; }

#before { clear: both; float: left; width: 265px; margin: 0; padding: 10px 0px 15px 30px; text-align: center; font-size: 11px; }
#after { clear: right; float: right; width: 265px; margin: 0; padding: 10px 30px 15px 0px; text-align: center; font-size: 11px; }

#footer { clear: both; float: width: 850px; margin: 0; padding: 7px 0px 50px 0px; font-size: 11px; line-height: 15px; background-color: #FFF; }

/* -------------------[ Navigation ]------------------- */

.current { color: #8B7A68; background: #CEC4B8; } 
#nav ul { text-align: center; margin: 0; padding: 0; list-style-type: none; font-size: 12px; }
#nav li { float: left; height:24px; margin: 0px; padding: 0px 2px 0px 0px; position: relative; text-align: center;}
#nav li.last { padding: 0px; margin: 0;}
#nav ul li a { display: block; text-decoration:none; margin: 0; padding: 3px 0px 5px; color: #FFF; background: #8B7A68; text-transform: uppercase;}
#nav ul .menu-item-home {width: 90px;}
#nav ul .w-185 {width: 185px;}
#nav ul .w-165 {width: 165px;}
#nav ul .w-120 {width: 120px;}
#nav ul .w-145 {width: 145px;}
#nav ul .w-135 {width: 135px;}
#nav ul li a:hover { color: #FFF; background: #CEC4B8; }
#nav ul li ul {
	position: absolute;
	left: 0;
	top: 24px;
	text-align: left;
	display: none;
	float: left;
	//width: 100%;
}
#nav ul li:hover ul,
#nav ul li.iehover ul {display: block;}
#nav ul li ul li {
	width: 100%;
	background: url("images/submenu.png") repeat left top;
	height: auto;
	padding: 0;
	text-align: left;
}
#nav ul li ul li:hover,
#nav ul li ul li.iehover {
	background: url("images/submenu-hover.png") repeat left top;
}
#nav ul li ul li a {
	padding: 3px 0 5px 20px;
	background: url("images/arrow-right.gif") no-repeat 10px 11px;
	text-transform: none;
}
#nav ul li ul li a:hover {background: url("images/arrow-right.gif") no-repeat 10px 11px;}


/* -------------------[ Text ]------------------- */

A, A:link, A:visited, A:active { color: #DE7108; text-decoration: none; }
A:hover { color: #755615; text-decoration: none; }

.title { font-size: 15px; line-height: 20px; }
.small { font-size: 11px; line-height: 19px; }

.quote { color: #DE7108; font-size: 12px; line-height: 17px; }
.quotetext { color: #755615; font-size: 12px; line-height: 17px; }
.quotename { color: #755615; font-size: 11px; line-height: 17px; font-style: italic; }

h1 { font-size: 18px; line-height: 23px; font-weight: normal; color: #755615; }

h2 { font-size: 15px; line-height: 20px; font-weight: normal; color: #755615; }

h3 { font-size: 14px; line-height: 19px; font-weight: normal; color: #755615; }

br { line-height: 12px; }
h2.title { font-size: 16px; line-height: 20px; font-weight: bold; color: #755615;}
h2.title span { color: #EA7F08;}
#rotator {margin: 0 0 0 12px; list-style: none; padding: 0; float: left; display: inline;}
#slide_control {margin: 0; list-style: none;}
.cosmetic-tatoo #prev_button {
	float: left;
	margin: 63px 0 0px;
	cursor: pointer;
}
.cosmetic-tatoo #next_button {
	float: right;
	margin: 63px 0 0;
	cursor: pointer;
}
#slide_nav {display: none;}
/* -------------------[ Sidebar ]------------------- */

.widget, .widgettext { list-style: none; text-align: left; }

#sidebar_recent { clear: both; width: 160px; padding: 5px 0px 10px 0px; margin: -5px 0px 0px 0px; font-size: 11px; line-height: 16px; text-align: left; }
#sidebar_recent ul { margin-top: 0; }
#sidebar_recent li { padding: 6px 0px 0px 0px; margin: 0px 0px 0px -39px; list-style: none; }

#sidebar_tags { clear: both; width: 160px; padding: 5px 0px 10px 0px; margin: -5px 0px 0px 0px; font-size: 11px; line-height: 16px; text-align: left; }
#sidebar_tags ul { margin-top: 0; }
#sidebar_tags li { padding: 3px 0px 0px 0px; margin: 0px 0px 0px -79px; list-style: none; }

#sidebar_archives, #sidebar_categories, #sidebar_reads { clear: both; width: 160px; padding: 5px 0px 0px 0px; margin: 0; font-size: 11px; line-height: 16px; text-align: left; }
#sidebar_archives ul, #sidebar_categories ul, #sidebar_reads ul { margin-top: 0; }
#sidebar_archives li, #sidebar_categories li, #sidebar_reads li { padding: 3px 0px 0px 0px; margin: 0px 0px 0px -39px; list-style: none; }

/* -------------------[ Comments ]------------------- */


.commentlist li ul li { font-size: 12px; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { background: #FFFFFF; float: right; border: 1px solid #EEEEEE; margin: 0px 5px 0px 10px; padding: 2px; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 12px; }
.commentlist p { font-weight: normal; text-transform: none; }
.commentlist { margin: 0px; padding: 0px; }
.commentlist ol { margin: 0px; padding: 10px; }
.commentlist li { margin: 15px 0px 10px; padding: 10px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0px; padding: 0px; }

.commentmetadata { font-weight: normal; font-size: 10px; margin: 0px; display: block; }

#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0px; }
#commentform { margin: 5px 10px 0px 0px; }
#commentform textarea { width: 98%; padding: 2px; }
#commentform p { margin: 5px 0px 5px 0px; }
#commentform #submit { margin: 0px; float: left; }

#respond:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.alt { margin: 0px; padding: 10px; }

.nocomments { text-align: left; margin: 0; padding: 0; }
.thread-alt, .thread-even { background: #FFF; margin: 0px; padding: 0px; }
.depth-1, .even, .alt { margin: 0; padding: 0; }
/* -------------------[ Images ]------------------- */

.alignright { float: right; margin: 0px 0px 15px 15px; }
.alignleft { float: left; margin: 0px 15px 15px 0px; }

img { border: none; }

/* -------------------[ Image Popup for Perm Makeup ]------------------- */

.thumbnail { position: relative; z-index: 0; }
.thumbnail:hover { background-color: transparent; z-index: 50; display: inline; }
.thumbnail span { position: absolute; background-color: white; padding: 5px; left: -1000px; width: 193px; border: 1px solid #9C795A; visibility: hidden; color: #755615; text-decoration: none; }
.thumbnail span img { border-width: 0; padding: 2px; }
.thumbnail:hover span { visibility: visible; top: 10px; left: -50px; display: inline; text-decoration: none; position: absolute; cursor: pointer; }

/* -------------------[ Praises fade on Homepage ]------------------- */

.imageshowslide { height: 144px; background: url("images/praise.gif") no-repeat;}
.imageshowslide ul li p  {margin: 0;}
.imageshowslide ul { list-style: none; margin: 0; padding: 40px 0 0px 48px; font-size: 10px; line-height: 12px; text-align: left; color: #8C887D; height: 82px!important;}
.imageshowslide a {float: left;width: 80px;height: 15px; margin-left: 49px; }
q:before,q:after{  content: ''; }