/*  

Theme Name: Jewels by Zahra
Theme URI: http://www.jewelsbyzahra.com
Author: Weborithm
Author URI: http://www.weborithm.com/
Description: Custom theme for Jewels by Zahra


*/

	body { margin: 20px 0px 60px; padding: 0px; background: #f8f8f8; font: 0.859em "Trebuchet MS", Verdana, sans-serif; color: #333; }
	.clear { padding: 0px; margin: 0px; clear: both; }
	p, ul, ol, li, h1, h2, h3, h4, h5, h6, form { padding: 0px; margin: 0px; }
	ul { list-style: none; }
	img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
	img.alignright { padding: 0px; margin: 0px 0px 0px 10px; display: inline; }
	img.alignleft { padding: 0px; margin: 0px 10px 0px 0px; display: inline; }
	.alignright { float: right; }
	.alignleft { float: left; }
	.navi { text-align: center; font-size: 1.1em; letter-spacing: 1px; background: #fff url(images/toolsbg.gif) repeat-x top left; padding: 10px 0px; width: 600px; }

	/* Link */

	a { color: #CC6600; text-decoration: none; outline: none; }
	a:hover, .popular h2 a:hover { color: #0066CC; outline: none; }
	a:active { outline: none; }

	/* Main Containers */

	#outer { border: 2px solid #F0F0F0; margin: auto; width: 964px; }
	#container { width: 940px; padding: 10px; margin: auto; border: 2px solid #E4E4E4; background: #fff; }
	#header { }
	#content { padding: 10px 0px; }
	
	/* Header Area */
	
	.logo { float: left; width: 250px; }
	.rss { float: right; padding: 0px 20px; }
	.rss p { margin: 0px; padding: 0px; font-size: 1em; color: #333; line-height: 75px; }
	.rss span { border-bottom: 1px dotted #CC6600; }
	.rss span:hover { border-bottom: 1px dotted #0066CC; }
	
	/* Navigation Area */
	
	#nav, #footer { border: 1px solid #F0F0F0; }
	#nav ul li, #footer ul li { float: left; font-size: 1em; letter-spacing: 0.5px; }
	#nav ul li.search { float: right; }
	#nav a, #footer a { display: block; padding: 15px 10px; }
	#nav a:hover, #footer a:hover { color: #000; background: #fff; }
	#nav li ul { border-top: 1px solid #F0F0F0; }
	#nav li ul li { float: left; width: 10em; background: #F8F8F8; border-bottom: 1px solid #F0F0F0; }
	#nav li ul li:hover { }
	#nav li ul { position: absolute; width: 10em; left: -999em; }
	#nav li:hover ul { left: auto; }
	#nav li:hover ul, #nav li.sfhover ul { left: auto; }
	#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
	
		.search { padding: 15px 10px; }
		#search { width: 225px; padding: 1px 3px; border: 1px solid #CC6600; font: 0.8em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; color: #CC6600; }
		
	/* Featured Area */
	
	.featured { float: left; width: 505px; background: #fff; border: 1px solid #ccc; }
	.featured p { text-align: center; padding: 5px 0px 0px; }
	.featured img { display: block; margin: auto; }
	.featured-right, .product-right { float: right; width: 415px; }
	.featured-right img { padding-bottom: 13px; }
	.featured-right ul li, .featured-bottom ul li { display: inline; }
	.featured-bottom { padding-top: 0px; }
	.featured-bottom ul li { width: 125px; float:left; }
	.m { margin: 0px 20px; }
	
		/* Product Area */
		
			.product-right h2 { font-size: 1.3em; font-weight: normal; margin-bottom: 10px; color: #CC6600; }
			.product-right h3 { font-size: 1em; font-weight: bold; margin-bottom: 20px; padding-top: 3px; }
			.product-right p { font-size: 0.9em; font-weight: normal; padding: 0px 0px 10px; line-height: 22px; }
			.product-right ul { list-style: disc; margin: 0px 0px 12px 15px; }
			.product-right ul li { padding: 3px 0px; font-size: 0.9em; color: #545655; }
			
			/* Featured Products Area - Inner Page */
			
			.featured-products { width: 940px; float: left; margin: 10px 0px 20px; padding: 10px 0px; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; }
			.featured-products h3 { color: #404241; font-size: 1.1em; letter-spacing: 1px; font-weight: normal; margin-bottom: 10px; padding: 0px; }
			
			/* Featured Small - Inner Page */
			
				ul.featured-small { list-style: none; margin: 0px; padding: 0px 53px; }

				ul.featured-small p { padding: 5px; }
				ul.featured-small li { float: left; padding: 5px 0px 5px; width: 278px; text-align: center; }
				ul.featured-small li img { padding: 1px; border: 1px solid #ccc; }
				ul.featured-small li:hover { background: #F8F8F8; }
				ul.featured-small li img:hover { border: 1px solid #CC6600; }
				ul.featured-small li a { color: #0066CC; }
				ul.featured-small li a:hover { color: #CC6600; outline: none; }
				
					ul.page-posts li  { text-align: left !important; }
					ul.page-posts h2 { padding: 0px 5px; font-size: 1.1em; }
	
	/* Popular Area */
	
	.popular { width: 940px; float: left; padding: 10px 0px; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; }
	.popular ul li { float: left; width: 290px; padding: 2px 2px; margin: 0px 9px 0px 10px; font-size: 0.959em;  }
	.popular ul li p { padding: 0px 11px 9px; }
	.popular ul li img { border: 1px solid #ccc; }
	.popular h2, .popular-left h2, .popular-lefttwo h2 { font-size: 1.3em; font-weight: normal; margin-bottom: 10px; background: #fff url(images/h2i.png) no-repeat 5px center; padding: 5px 0px 5px 35px; }
	.popular h3, .popular-left h3, .popular-inner h3 { color: #404241; font-size: 1.4em; letter-spacing: 1px; font-weight: normal; margin-bottom: 10px; padding: 0px 0px 0px 20px; }
	.popular h2 a, .popular-left h2 a, .popular-inner h2 a { color: #CC6600; }
	
	.popular-inner { width: 940px; float: left; padding: 10px 0px; border-top: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; }
	
		/* Popular Left */
		
			.popular-left { width: 450px; float: left; }
			.popular-lefttwo { width: 450px; float: left; border-right: 2px solid #F0F0F0; padding-right: 19px; }
		
		/* Popular Right */
		
			.popular-right { width: 450px; float: right; }
			.popular-right h2 { font-size: 1.3em; font-weight: normal; margin-bottom: 10px; background: url(images/h2i.png) no-repeat 5px center; padding: 5px 0px 5px 35px; }
			.popular-right p, .popular-lefttwo p { font-size: 0.9em; width: 125px; padding: 0px 0px 10px; margin: 0px 12px; }
			.popular-right ul, .popular-lefttwo ul { list-style: none; }
			.popular-right ul li, .popular-lefttwo ul li { float: left; width: 150px; text-align: center; margin-bottom: 10px; padding: 5px 0px 0px; min-height: 180px; }
			.popular-right ul li:hover, .popular-lefttwo ul li:hover { background: #F8F8F8; }
			.popular-right img, .popular-lefttwo img { padding: 1px; border: 1px solid #F0F0F0; }
			.popular-right img:hover, .popular-lefttwo img:hover { border: 1px solid #CC6600; }
			.popular-right a, .popular-lefttwo a { color: #0066CC; }
			.popular-right a:hover, .popular-lefttwo a:hover { color: #CC6600; outline: none; }
			
			p.productalign { border-bottom: 1px dashed #E4E4E4; padding-bottom: 10px; margin-bottom: 10px; }
			
			.hotbuys {  }

	/* Post */
		
		.contentarea { float: left; width: 600px; }
		
		h3.archive { color:#000; font-size: 1.1em !important; font-weight: normal; padding: 0px 0px 10px; color: #999999 !important; }
		
		.post { width: 600px; float: left; }
		.post p { font-size: 1em; line-height: 24px; padding: 0px 0px 25px; }
		.post ul { list-style: disc; margin: 0px 30px 25px; }
		.post ol { margin: 0px 30px 25px; }
		.post ul li, .post ol li { padding: 4px 0px; color: #000; }
		.post blockquote { padding: 10px 10px 0px; margin: 0px 30px 25px; border-top: 1px dashed #E4E4E4; border-bottom: 1px dashed #E4E4E4; }
		.post blockquote p { padding: 0px 0px 10px; color: #000; font-size: 1.1em; line-height: 24px; }
		.post h1 { font-size: 2em; font-weight: normal; margin: 10px 0px 15px; }
		.post h2 { font-size: 1.8em; font-weight: normal; margin: 0px 0px 15px; color: #CC6600; }
		.post h2 a { color: #CC6600; }
		.post h2 a:hover { color: #0066CC; text-decoration: none; border-bottom: 1px dotted #0066CC; }
		.post h3 { color:#000; font-size: 1.3em; font-weight: normal; padding: 0px 0px 10px; }
		.post h4, .post h5, .post h6 { color:#333; font-size: 1.1em; font-weight: normal; }
		.post img { border: 1px dotted #e4e4e4; }
		
			ul.meta { list-style: none; margin: 10px 0px 25px; border-bottom: 2px solid #F0F0F0; padding: 0px 0px 10px; }
			ul.meta li { background: url(images/li.gif) no-repeat left 7px; padding: 0px 10px 0px 12px; display: inline; font-size: 0.859em; }
			
			.belowpost { text-align: center; padding: 0px 0px 20px; }
			.abovepost { text-align: center; padding: 0px 0px 20px; }
			.abovepost li { list-style: none; }
		
	/* Sidebar */
		
		.side { width: 300px; float: right; border: 1px solid #F0F0F0; padding: 6px 10px; }
		.side h3 { color: #CC6600; font-size: 1.459em; font-weight: normal; padding-bottom: 10px; }
		.side ul { list-style: none; }
		.side ul li { padding: 0px 0px 22px; font-size: 0.959em; }
		.side ul li ul { }
		.side ul li ul li { padding: 0px 0px 8px 10px; color: #333; background: url(images/li.gif) no-repeat left 7px; }
		.side ul li ul li a:hover { padding-left: 1px; }
			
		.textwidget img, .adrotatorwidget img { display: block; margin: auto; }
	
	/* Comments */

		#comments { background: #fff; padding: 10px 0px; margin-bottom: 10px; }
		#comments h4, #respond h4 { color: #333; font-size: 1.6em; font-weight: normal; margin: 0px 0px 15px; text-align: center; }
		
		ol#commentlist { margin-top: 15px; list-style: none; }
		ol#commentlist li { margin: 0px 0px 30px; }
		ol#commentlist li a, .noentry a { color: #cc6600; }
		ol#commentlist li a:hover { color: #0066CC; }
		.noentry { font-size: 1.1em; color: #999; text-align: center; padding: 0px 0px 15px; }
		.avatarbox { float: left; width: 52px; text-align: center; }
		.avatarbox a { color: #cc6600 !important; }
		.avatarbox a:hover { color: #0066CC !important; }
		.avatarbox p { font-size: 0.9em; }
		.thecomment { float: right; width: 500px; padding: 10px 10px 0px; background: #f0f0f0; color: #333; line-height: 24px; }
		.authorlink { text-transform: uppercase; color: #cc6600 !important; }
		.authorlink a { color: #0066CC !important; }
		.alternate { background: #f8f8f8; }
		.author { background: #fff; color: #000; }
		.author a { color: #000 !important; }
		.thecomment p { padding: 0px 0px 10px; }
		
		#author, #email, #url { border: 1px solid #999; width: 194px; padding: 5px; color: #515151; font: normal 1.1em "Trebuchet MS", Verdana, sans-serif; margin-bottom: 10px; }
		#comment { border: 1px solid #999; width: 590px; padding: 10px; color: #515151; font: normal 1.1em "Trebuchet MS", Verdana, sans-serif; margin-bottom: 10px; }
		
		#submit { background: #fff; width: 204px; height: 50px; border: none; font-size: 1.2em; color: #333; margin: 0px 0px 10px; border: 1px solid #999; }
		#submit:hover { color: #cc6600; background: #f0f0f0; cursor: pointer; }
		
		#credits { margin: 10px auto; width: 940px; font-size: 0.8em; text-align: right; }