/*  Theme Name: Personalized theme for Permanent Cosmetics by Jamilla 
Theme URI:
Description:Personalized theme for Permanent Cosmetics by Jamilla 
Version: 1.2
Author: Eleana Whitesell
Author URI: http://www.eleanawhitesell.com */
/*
		 Coral: #FF6699
		 Light Gray: #cccccc
		 Dark Gray: #333333
		 light coral: #FAEBD7
		 
*/

/****RESET****/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ font-size: 62.5%; font-family: Georgia, serif; color: #666666;
									background-color: #E7E7E7; }
ul									{ list-style: disc inside; color: #FF6699;}
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; margin-right: 10px; margin-bottom: 10px; padding:2px; border: 2px dotted #FAEBD7; float: left;}

/****UTILITY****/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.icon								{ vertical-align: middle; margin-right: 10px; margin-bottom: 10px;padding:2px; border:none; clear:both;}
.contacticon					{ vertical-align: middle; margin-bottom: 5px; padding:2px; border:none; float: none;}
.arrow							{margin-top: 20px; margin-bottom: 0px;}
.center {text-align: center;}

#introimage							{height:332px; width:500px; background-image: url(http://www.permanentcosmeticsbyjamilla.com/wp-content/themes/mytheme/images/3ladies-web.jpg); 
background-position: top center; 
background-repeat: no-repeat;
overflow: hidden;
margin-top: 25px; 
margin-right: 15px;
}


#introimageleft							{height:300px; width:200px;border: 3px solid #FAEBD7; background-image: url(http://www.permanentcosmeticsbyjamilla.com/wp-content/themes/mytheme/images/makeup-woman.jpg); background-position: center; overflow: hidden;background-repeat: no-repeat; margin: 30px 20px 0px 0px; float: left; text-indent: -9999px;-moz-border-radius: 6px; -webkit-border-radius: 6px; }

.logos li {border: none; float: left; margin-left: 10px; list-style-type: none;}

.photosforpages {border: 2px dotted #FAEBD7; float: right; margin: 55px 5px 10px 5px;}

.photosforpages-faq {border: 2px dotted #FAEBD7; float: right; margin: 5px 5px 0px 10px;}

#photosforpages-what {height: 300px; width: 200px; float: left; margin: 10px 25px 80px 0px; widows: inherit;}

.headshot {float: left; margin: 5px 5px 10px 20px;}

hr { 
	border: 1px solid #FAEBD7;
	width: 90%;
	text-align: left;
	margin-left: 10px;
	margin-bottom: 40px;
	margin-top: 35px;
	border-style: none none dotted;
	}

.linksimage  {float: right;
clear:both;
}
.cindy {float: right; margin: 10px;}
.accolades			{ background-position: center; display: block; border: none; float: left; padding-left: 0px; }


/****TYPGROGRAPHY****/
p, li 								{ font-size: 1.4em; line-height: 1.5em; margin: 0 20px 20px 20px; }
p#intro-paragraph					{ Georgia, serif;font-size: 1.6em;font-style: normal; font-weight: normal;text-transform: normal;line-height: 1.8em;margin-top: 45px;}

p#intro-paragraph span				{ Georgia, serif; font-size: 1.6em; font-weight: bold;font-style: italic;letter-spacing: .02em; line-height: 1.6em;}
		
p#intro-paragraph em				{ color: #333; }
a									{ color: #333333; font-weight: bold;}
a:hover								{ color:#FF6699;text-decoration: none; }

h1									{ font-size: 2.4em; font-family: Georgia, serif; font-weight: normal; }
h2									{ font-size: 2.0em; font-family:fertigo-pro-1,fertigo-pro-2, Georgia, serif; font-weight: bold;margin: 0 0 15px 0px; line-height: 1.4em; color: #FF6699;}

h3									{ font-size: 1.8em; font-family: Georgia, serif; font-weight: normal; margin-top: 5px;padding: 5px 5px 10px 0; line-height: 1.8em;  }

h4									{ color: #333; font-family: Georgia, serif; font-weight: normal;font-size: 2.2em; font-weight: bold; font-style: italic; margin-bottom: 5px; }
h5									{ color: #666666; font-size: 1.8em; font-style:  italic;font-weight: bold;margin: 50px 0px 5px 10px; line-height: 1.6em;}
h6									{ font-size: 1.8em; font-family:fertigo-pro-1,fertigo-pro-2, Georgia, serif; font-weight: normal; line-height: 1.4em; color: #FF6699; margin-top: 20px;}
h7									{color: #ff6699;}

.post h4							{ font-size: 1.4em; line-height: 1.4em; font-family: Georgia, serif; font-weight: bold; 										margin: 0 0 5px 0;color: #757575; }

.post								{ font-family: Georgia, serif;color: #666;text-decoration: none;word-										spacing: normal;text-align: left;letter-spacing: 0;line-height: 1.5em;font-									size: 1.4em;margin-top: 50px; } 

.post li							{ font-family: Georgia, serif;color: #666;text-decoration: none; word-spacing: normal;text-align: left;letter-spacing: 0;line-height: 1.3em;font-size: 1.4em;list-style-type: disc; }
 
.post ul							{ list-style-type: disc inside; color: #FF6699; } 
 
.frontpage { font-family: Georgia, serif;color: #666;text-decoration: none;word-spacing: normal;text-align: left;letter-spacing: 0; } 
.frontpage ul { color: #666;text-decoration: none;list-style-type: disc inside; } 
.frontpage ul li {color: #ff6699;}

.benefitstext {float: left; width: 260px;margin-top: -10px; margin-bottom: 30px;line-height: 1.8em;}
 
.introimagetext {font-size: 2.4em; font-family:fertigo-pro-1,fertigo-pro-2, Georgia, serif; font-weight: bold;font-style: italic; margin: 45px 0 0px 0px; line-height: 1.4em; color: #FF6699;}

img.colleagues {float:none; }
 
blockquote				{ font-style: italic; background-color: #FAEBD7; margin: 25px 15px 50px 15px; padding:20px 12px 10px 12px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FFE3BF;}

.carousel-gallery	{ margin: 2em 0 0 4em;}

.jcarousel-scroll {font-size: 16px; font-family: Georgia, serif; font-style: italic; color: #878787; margin:1.6em 0 2em 7em;}

.jcarousel-skin-neat{ width: 350px; margin-left: 1.8em; border: 3px solid #FAEBD7;padding: 3px;}

#contactform {
height: auto;
width: auto;
margin-left: 30px;
}
/****FORMS****/
input	{ padding: 3px; }


/****STRUCTURE****/
#container							{ width: 910px; margin: 0px auto -45px;min-height: 100%; 
height: auto !important; background-image: url(http://www.permanentcosmeticsbyjamilla.com/wp-content/themes/mytheme/images/bg2.jpg); background-repeat: repeat-y; background-position: center; overflow: hidden;}

#leftsidebar 						{ width: 175px; float: left;padding: 60px 10px 0 40px; margin-left:-11px; color: #878787;}

#main-col 							{ width: 500px; min-height: 100%; height: auto !important; float: left; background-color: #fff;  padding: 60px 0px 0px 25px; margin-top: 18px;  }	
						
#rightsidebar						{ width: 140px; height: auto; display: block;float: left; overflow:visible; position: relative; top: 100px; left: 10px;}
			
#push								{ height: 45px; }
					
/***HEADER****/
h1#logo								{ width: 877px; height: 288px; background: url(images/newheader.jpg) top left no-repeat; text-indent:-9999px; margin-left: -2px; margin-right: 1px;float: left; margin-bottom: 17px; }
				  
#top-bar							{ margin-left:18px;padding: 0px 0 70px 0;width: 870px;height:200px;background-color: #fff; float:left;}

#top-bar p							{ color: #9a234e; width: 870px; float: left; }

/****MENU****/
#menu-bar			{ height: 45px;width: 878px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-top: -58px; margin-left: -3px;position: absolute;float: left; background-image: url(http://www.permanentcosmeticsbyjamilla.com/wp-content/themes/mytheme/images/navbar2.jpg); background-repeat: repeat-x; background-position: center; overflow: hidden; }

#menu-bar p	{ color: #f4dfb8; width: 300px; float: left; }

ul#main-nav						{ width: 900px; height: 50px;float: left; margin: 12px 0 0 30px;color: #333; 
								text-transform: uppercase; font-weight: bold;font-size: 1.0em; }

ul#main-nav	li 					{ display: inline; padding: 2px 0px;}

ul#main-nav li a, { text-transform: uppercase; font-size: 1.2em; padding: 2px 10px 0 0;color: #666; }

ul#main-nav li a:hover,
body#home ul#main-nav li.home a,
body#locations ul#main-nav li.locations a,
body#about ul#main-nav li.about a,
body#contact ul#main-nav li.contact a,
body#appointments ul#main-nav li.appointments a,
body#what-is-permanent-cosmetics ul#main-nav li.what-is-permanent-cosmetics a
{ background:#FAF0E6; color:#333; padding: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FFE3BF;}



#subnav ul                                { list-style: none; float: right; width: 160px;
                                            text-align: right; padding: 10px 0 0 0; }
#subnav ul li                             { display: inline; }
#subnav ul li a                           { background: #7e7e7e; text-transform: uppercase; color: #666;
                                            padding: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
                                            

#subnav ul li a:hover,
body#gallery ul#subnav li.gallery a,
body#frequently-asked-questions ul#subnav li.frequently-asked-questions a,
body#testimonials ul#subnav li.testimonials a,
body#benefits ul#subnav li.benefits a,   
body#articles ul#subnav li.articles a,   
body#appointments ul#subnav li.appointments a   
                 { background:#FAF0E6; padding: 3px 3px;  }
                 


.button {background: #fff;}     
.button a:hover{background: aqua;}           
.button:active {background:#FAF0E6; padding: none;}


/****WIDGETS****/
.widget					{ list-style-type: disc; padding: 0 0 15px 0; margin-left: -6px; margin-top: 50px;  letter-spacing: .06em; }
.widget .inside			{ background-repeat: repeat-y; list-style-position: inside; list-style-type: disc; padding: 2px; }
.widget ul				{ list-style: disc; padding-left: 1px;  }
.widget ul li 			{ background:#fff; padding: 0 2px 5px 0; letter-spacing: .06em; }
.widget ul li a, 		{ background:#FAF0E6;display: inline; color: #333; }
.widget ul li a:hover	{ background:#FAF0E6; color:#333; }
.widget a:active		{background: #FAF0E6; }

.insideright			{ background-position: center; display: block; border: none; float: left; padding-left: 25px; margin-top: 25px; margin-bottom: 40px; }
.insideleft			{ background-position: center; display: block; border: none; float: left; padding-left: 20px; }


.left	{text-transform: uppercase;font-family: Georgia;font-weight: bold;text-decoration: none;word-spacing: normal;text-align: left;letter-spacing: .06em; line-height: 1.0em;font-size: 1.0em;color: #ff6699; margin-top: 65px;}		


/****FOOTER****/

#footer	{ width: 878px;height: 45px;background-image: url(http://www.permanentcosmeticsbyjamilla.com/wp-content/themes/mytheme/images/footer.jpg); background-repeat: repeat-x; background-position: center; overflow: hidden; margin-left: 15px; border-top: 1px solid #ccc;position: relative;}
	
#footer-inside			{ width: 600px;height: 45px;color: #333333; word-spacing: normal;text-align: center; letter-spacing: .02em; line-height: 1.4em; font-size: 1.0em; padding-top: 20px; padding-left: 170px;vertical-align: middle;	}