/*
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; }

#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: 0; background-color: #FFF; }
#contenthomeleft { float: left; width: 458px; height: 497px; 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; }

#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 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; 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: 13px; }
#nav li { float: left; }
#nav ul li a { display: block; text-decoration:none; margin: 0; padding: 3px 0px 5px 0px; color: #FFF; background: #8B7A68;}
#nav ul li a:hover { color: #FFF; background: #CEC4B8; }

/* -------------------[ 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; }

/* -------------------[ 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 { list-style: none; margin: 0; padding: 0; }
q:before,q:after{  content: ''; }