@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Shaktea Theme
Theme URI: http://www.bstro.com
Description: Shaktea Custom Theme.
Version: 1
Author: Creative Bstro
Author URI: http://www.bstro.com
Tags: shaktea, custom

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/*-----------------------------------------------------------*/
/*--------                   TAGS                   ---------*/
/*-----------------------------------------------------------*/

html{
height: 100%;
margin: 0;
padding: 0;
}

body{
	width:100%; 
	height:100%;
	margin: 0px;
	padding: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #b7b7b7;
	background-image:url(images/bg_repeat3.jpg);
	background-repeat:repeat;
}

h1, h2, .header_sub{
	color:#a8b32e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:0 0 0 0;
	padding:0 0 0 0;
	letter-spacing:1px;
}
h3{
	margin:0 0 0 0;
	padding:0 0 0 0;	
}

a{
	color:#f6c811;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
	
}

a:visited{
	
}
img{
	display:block;
}	
p{
line-height:16px;
letter-spacing: .03em;	
margin:0 0 0 0;
padding:0 0 0 0;
}

/*-----------------------------------------------------------*/
/*--------                   IDS                    ---------*/
/*-----------------------------------------------------------*/

#wrapper{
	width: 1111px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top:10px;*/
	font-size: 1.2em;
	
}

	#banner{
		width:1111px;
		height:108px;
		background-image:url(images/banner.jpg);
		background-repeat: no-repeat;
		position:relative;
		z-index: 5;
		
	}
		#logo{
			padding: 1px 0px 0px 1px;
			position:absolute;
			top:0;
			left:0;
			z-index: -666;
		}
			#logo a img{
				border:none;
				text-decoration:none;
				z-index: -666;
			}
			

	/* ---Main Navigation--- */
	#navigation{
			float: left;
			margin: 0 0 0 0;
			z-index: 7;
			
		}
			#main-nav{
				float: left;
				margin: 31px 0px 0px 210px;
				z-index: 8;
				/*width: 872px;*/ /*pc fix*/
				width: 880px; /*pc fix*/
			
			}
			#navigation ul{
				float: right;
				margin-left: 0px;
				padding: 0px;
				list-style-type: none;	
				z-index: 9;
			}
				#navigation ul li{
					float: left;
					width: auto;
					margin-right:2px;
					padding-top:12px;
					z-index:10;
							
				}
					#navigation ul li:hover	   /* ----- IE7 Sticky menu suckerfish fix -----*/
					{
						position: static;
						
						background-image:url(images/swirl.png);
						background-repeat: no-repeat;
						background-position:top center;
					}
						#navigation ul li:hover a{
							color:#252525;
						background-color:#cea11c;	
						}
					#navigation ul li:first-child{
						border-left: none;
					}
					#navigation ul li a{
						display: block;
						padding:6px 19px 6px 19px;
						text-transform:uppercase;
						letter-spacing:1px;
						font-weight:normal;
						color:#bfae82;
						text-decoration: none;
						text-align:center;
					}
						#navigation ul li a:hover{
							color:#252525;
							background-color:#cea11c;
						
						}
							#navigation ul li.current_page_parent, #navigation ul li.current_page_item, #navigation ul li.current_page_ancestor{
								background-image:url(images/swirl.png);
								background-repeat: no-repeat;
								background-position:top center;	
							}
							#navigation ul li.current_page_parent a, #navigation ul li.current_page_item a, #navigation ul li.current_page_ancestor a{
								color:#252525;
								background-color:#cea11c;	
							}
							#navigation ul li.current_page_parent a{
								
							}
							#navigation ul li.current_page_ancestor ul li a,
							#navigation ul li.current_page_parent ul li a{
	
							}
		
		/* ---Main Navigation Submenu--- */
		#navigation ul li ul{
			float: none;
			width: auto;
			margin-left: -25px;
			margin-top:0px;
			padding-left: 14px;
			background-color: #000;
			padding-right:14px;
			border-style:solid;
			border-top-color:#cea11c;
			border-top-width:1px;
			border-right:none;
			border-bottom:none;
			border-left:none;
			/*opacity:0.60;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";*//* ie8 */
			/*filter: alpha(opacity=60);*//* ie7 */
			z-index:11;
		}
		
		#navigation ul li.page-item-337 ul{
			margin-left:-473px;	
			padding-right:0px;
			padding-left: 0px;
		}
		#navigation ul li.page-item-363 ul{
			margin-left:-590px;	
			padding-right:0px;
			padding-left: 0px;
			width:1052px;
		}
			#navigation ul li ul li{
	
				float: left;
				height: auto;
				border: none;
				text-align: left;
				padding: 18px 20px 16px 20px;
				margin-left: 0px;
				margin-right: 0px;
				background-image:none;
				background-color:#000;
				z-index: 12;
				
				
			}
				#navigation ul li ul li:hover{
					background-image:none;
					background-color:#000;
				}
				#navigation ul li ul li:hover a{
					color:#d7d7d7;	
					background-color:#000;
					
				}
				#navigation ul li:hover ul li a{
					background-color:#000;
					color: #D7D7D7;
					
				}
				#navigation ul li ul li:first-child{
					border-top: none;
				}
					#navigation ul li ul li a, 
					#navigation ul li.current_page_parent ul li a, #navigation ul li.current_page_item ul li a{
						display: block;
						height: auto;
						padding:0px 0px 0px 0px;
						text-transform: lowercase;
						text-align: left;
						color:#d7d7d7;
						background-color:#000;
						background-image:none;
						
					}
					/*#navigation ul li ul li.current_page_parent a{
						color:#cb2566;
					}
					#navigation ul li.current_page_parent ul li a{
						color:#cb2566;
					}*/
					#navigation ul li ul li.current_page_item a{
						color:#cb2566;	
					}
					#navigation ul li ul li a:hover, 
					#navigation ul li ul li.current_page_parent a{
						color:#cb2566;
						text-decoration:none;
						background-color: #000;
					}
					#navigation ul li ul li.current_page_parent, #navigation ul li ul li.current_page_item {
						background-image:none;
						color:#cb2566;
					}
					
					/* SUCKERFISH */
					#navigation, #navigation ul { /* all lists */
						padding: 0;
						margin: 0;
						list-style: none;
						line-height: 1;
					}
					
					#navigation li { /* all list items */
						float: left;
						width: 10em; /* width needed or else Opera goes nuts */
					}
					
					#navigation li ul { /* second-level lists */
						position: absolute;
						width: 10em;
						left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
					}
					
					#navigation li:hover ul, #navigation li.sfhover ul { /* lists nested under hovered list items */
						left: auto;
					}
					
		/* ---Social Media in Banner--- */		
		#social{
			margin: 0px 0px 0px 919px;
			padding-top:10px;
			
		}
			#social a{
				float:left;
				font-size: 0.917em;
				color: #cccccc;
				text-decoration:none;
				line-height:30px;
			}
				#social a:hover{
					text-decoration:none;	
				}
				#social a img{
					border:none;
				}
	
	#content{
		width:1109px;
		background-color:#4c1810;
		border-color:#000000;
		border-width:1px;
		border-style: solid;
		border-top:none;
		
	}   
	    /* --- Home Page --- */
		#feature{
			width:855px;
			height:536px;
			/*background-image:url(images/feature_home.jpg);*/
			/*background-repeat: no-repeat;*/
			float:left;
			margin-top:-3px;
			padding: 0px 10px 20px 0;
			position:relative;
		}
			#feature_text{
				width:366px;
				margin:396px 0 0 60px;	
			}
				#feature_text h1{
					font-size: 2.083em;	
				}
				#feature_text .header_sub{
					font-size: 1.5em;
					 letter-spacing: .04em;
				}
				#feature_text p{
				 line-height:16px;
				 letter-spacing: .03em;
				 padding: 3px 0 0 0;
				 margin: 0 0 0 0;
				}
				#feature_text p.link{
					padding-top:10px;	
				}
				#diff-padding{
					padding-top:5px;
					padding-bottom:5px;
				}
				
		#right_column{
			float:left;
			/*height:536px;*/
			padding-bottom:20px;
		}
			#right_column .content_box{
				width: 188px;
				height: 293px;
				background-color:#020000;
				padding: 20px 14px 39px 20px;
				margin-bottom:10px;
				font-weight:100;
				
			}
				.content_box h2{
					font-size:1.833em;	
					padding-bottom:2px;
				}
				.content_box .header_sub{
					font-size:1.333em;	
					letter-spacing: .03em;
				}
				.content_box .header_sub.grey{
					color:#b7b7b7;
				}
				.content_box p{
				 line-height:16px;
				 letter-spacing: .02em;
				 padding-top:10px;
				 font-weight:normal;
				}
				.content_box img{
					padding-top:10px;
					padding-bottom:10px;
				}
				.content_box#bottom{
					padding-top:16px;
					padding-bottom:15px;
					margin-bottom:0px;
					height: 140px;
				}
				.reservation_btn{
					width:152px;
					height:26px;
					background-image: url(images/reservations_btn.png);
					background-repeat: no-repeat;
					text-align:center;
					margin-top:5px;
					margin-left:auto;
					margin-right:auto;
					padding-top:16px;	
				}
				
				.reservation_btn a{
					color:#ffffff;
					text-decoration:none;
					font-weight:bold;
					letter-spacing: .08em;
				}
					.reservation_btn a:hover{
					text-decoration:underline;	
				}
				
		/* --- Who We Are Page --- */		
		.black_back{
			background-color:#000000;	
			width:1109px;
			margin-bottom:20px;	
			position:relative;
			/*----------------*/
			min-height:535px;
  			height:auto !important;
 			height:535px;
			/*----------------*/

		}
			.black_back#padding_top{
				padding-top:80px;	
			}
			.black_back#tea_page{
				/*----------------*/
				min-height:405px;
				height:auto !important;
				height:405px;
				/*----------------*/
			}
			.black_back#no_pos{
				position: static;
			}
			
			#picture{
				/*background-image:url(images/wwa_picture.jpg);
				background-repeat: no-repeat;*/
				width:609px;
				height:378px;
				margin-top:74px;
				float:left;
				
			}
			
			#text{
				width:380px;
				padding: 0 0 0 20px;
				float:left;
				margin-top:74px;
			}
				#text_contact{
					width:380px;
					padding: 0 0 0 40px;
					float:left;
					margin-top:35px;
				}
				#text h1{
					font-size: 2.083em;	
					padding-bottom: 5px;
				}
				#text_contact h1{
					font-size: 2.083em;	
					padding-bottom: 0px;
				}
				#text .header_sub, #text_contact .header_sub{
					font-size: 1.5em;
					letter-spacing: .04em;
					padding-bottom: 10px;
				}
				#text p, #text_contact p{
					padding-bottom:15px;
					
					
				}
		
		/* --- Tea Page --- */		
		#tea_menu_container{
			height: 130px;
			width:1109px;
			background-color:#210d03;
		}
			/* --- Main Tea Menu --- */
			#tea_menu{
				width:897px;
				padding-top:7px;
				margin-right:auto;
				margin-left:auto;
				text-transform:lowercase;
			}
				#tea_menu ul{
					
					margin:0 6px 0 0;
					padding:0 0 0 0;
					list-style:none;
					
				}
					#tea_menu ul li{
						float:left;
						text-align:center;
						
						background-repeat: no-repeat;
						width:87px;
						/*height:86px;*/
						padding-top:87px;
						margin-right:12px;
						
					}
						#tea_menu ul li a{
							background-repeat:no-repeat;
							width:87px;
							margin-top:-87px;
							padding-top:87px;
							display:block;	
						}
						#tea_menu ul li#white_tea a{
							background-image:url(images/white_tea_2.png);
						
						}
						#tea_menu ul li#green_tea a{
							background-image:url(images/green_tea_2.png);	
						}
						#tea_menu ul li#yellow_tea a{
							background-image:url(images/yellow_tea_2.png);	
						}
						#tea_menu ul li#oolong_tea a{
							background-image:url(images/black_tea.png);	
						}
						#tea_menu ul li#black_tea a{
							background-image:url(images/rooibos_tea.png);	
						}
						#tea_menu ul li#rooibos_tea a{
							background-image:url(images/green_tea.png);	
						}
						#tea_menu ul li#herbal_tea a{
							background-image:url(images/oolong_tea.png);	
						}
						#tea_menu ul li#fruit_tea a{
							background-image:url(images/fruit_tea_2.png);	
						}
						#tea_menu ul li#mate_tea a{
							background-image:url(images/mate_tea_2.png);	
						}
						#tea_menu ul li a{
							color:#d7d7d7;
							text-decoration:none;
						}
							#tea_menu ul li a:hover,
							#tea_menu ul li.current_page_item a{
								color:#cb2566;
								text-decoration:none;
							}
		/* --- Tea Sub Menu --- */			
		#tea_submenu{
			width:285px;
			padding: 0 0 0 50px;
			color:#fff;
			text-transform:lowercase;
			letter-spacing:0.1em;
			float:left;
			
		}
			#tea_submenu ul{
				margin: 0 0 0 0;
				padding: 25px 0 39px 0;
				list-style:none;
				display:none;
			}
				#tea_submenu ul li{
					margin-top: 9px;
					line-height:0.8em;
				}
					#tea_submenu ul li a{
						color:#fff;
						text-decoration:none;
					}
						#tea_submenu ul li a:hover, 
						#tea_submenu ul li.current_page_item a{
							color:#cb2566;
							text-decoration:none;
						}
							#tea_submenu ul li ul{
								margin: 0 0 0 0;
								padding: 0 0 10px 10px;
							}
								#tea_submenu ul li.current_page_item ul li.page_item a{
								color:#fff;	
								}
		#tea_overview{
			width:604px;
			height:406px;
			/*background-image: url(images/tea_overview.jpg);
			background-repeat: no-repeat;	*/
			float:left;
		}
		#tea_image{
			float:left;
			/*width:340px;*/
			padding: 44px 0 0 27px;
			height:auto;
			width:300px;
			height:306px;
		}
		#ontop{
			position:absolute;
			top:0;
			left:0;
		}
		#tea_text{
			width:353px;
			float:left;
			padding: 25px 0 0 41px;
			position: relative;
		}
			#tea_text.less_padding{
				padding: 25px 0 0 20px;	
			}
			#tea_text.more_padding{
				padding: 25px 0 0 288px;
				/*margin-left:298px;*/
			}
			#tea_text h1{
				font-size: 2.083em;	
			}
			#tea_text .header_sub{
				font-size: 1.5em;	
			}
			#tea_text p{
				padding: 15px 0 0 0;
				margin: 0 0 0 0;
			}
			#tea_text img{
				margin-left:auto;
				margin-right:auto;
			}
			#tea_text form{
				font-size: 1.333em;
				margin-top:29px;
			}
				#tea_text form input{
					margin: 0 0 10px 0;	
					padding: 0 0 0 0;
				}
			.order_btn{
					width:63px;
					height:24px;
					background-image: url(images/order_bt.jpg);
					background-repeat: no-repeat;
					text-align:center;
					text-transform:uppercase;
					padding: 4px 0 0 0;
					margin: 10px 0 0 0px;
				
				}
				
				.order_btn a{
					color:#ffffff;
					text-decoration:none;
					font-size:1.119em;
				}
					.order_btn a:hover{
					text-decoration:underline;	
				}
				.individual_tea{
					width:300px;
					height:306px;
				}
				
		/* --- Blog Page --- */
		.white_back{
			background-color:#ffffff;	
			width:1109px;
			margin-bottom:20px;	
			padding-top:1px;
			color:#363636;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		}
			#posts{
				width:577px;
				padding: 12px 0 0 107px;
				float:left;
			}
				.post{
					border-bottom-style:dashed;
					border-width:1px;
					border-bottom-color:#b7b7b7;
					padding: 20px 0 15px 0;
					
				}
					.post img{
						/*width:229px;
						height:230px;*/
						background-image: url(images/blog_image_frame.jpg);
						background-repeat: no-repeat;
						padding:16px 18px 16px 17px;
						float:left;
						
					}
					.post .post_text{
						width:322px;
						padding: 0px 0 0 24px;
						float:left;
					}
						.post_text br{
							margin-bottom:10px;	
						}
						.post_text h2{
							font-size: 2.083em;
							color:#363636;
							font-weight:normal;
							letter-spacing:0.08em;
							font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
						}
							.post_text h2 a{
								text-decoration:none;
								color:#363636;
							}
								.post_text h2 a:hover{
									text-decoration:underline;
								}
						h1.pagetitle{
							font-size: 2.083em;
							color:#363636;
							font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
						}
						.post_text h3{
							background-color:#d3c248;
							color:#3d3e3d;
							font-style:italic;
							font-size: 0.917em;
							padding:7px 0 7px 10px;
							margin: 6px 0 0 0;
						}
							.post_text h3 a{
								color:#3d3e3d;
								text-decoration:none;
							}
							span.right{
								text-align:right;	
							}
								.post_text h3 a:hover{
									color:#3d3e3d;
									text-decoration:underline;
								}
						.post_text p{
							padding: 7px 0 0 0;	
						}
						.post_text a{
							color:#ec008c;
							text-decoration:underline;
						}
							.post_text a:hover{
							
							}
				#posts_nav{
					width:577px;
					height:45px;
					padding:25px 0 0 0;
				}
					#posts_nav .left{
						float:left;
					}
					#posts_nav .right{
						float:right;
					}
					#posts_nav a{
						color:#ec008c;
						text-decoration:underline;	
					}
						#posts_nav a:hover{
						}
			#sidebar{
					width:218px;
					padding: 20px 0 20px 111px;
					float:left;
			}
				#sidebar h2{
						font-size:1.333em;
						padding: 13px 0 15px 0;
						background-color:#d3c248;
						color:#363636;
						text-align:center;
						text-transform:lowercase;
						margin: 17px 0 0 0;
						font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				}
				#sidebar .block{
					background-color:#f9f7f1;
					margin: 12px 0 0 0;
					padding: 13px 0 13px 0;
						
				}
					.block#white, .block#white2{
						background-color:#fff;
						margin: 0px 0 0 0;
						padding: 13px 0 0px 0;	
					}
					.block p{
						padding: 0px 0 0px 13px;
					}
					.block#white p, .block#white2 p{
						padding: 7px 0 7px 13px;
						border-bottom-style:solid;
						border-width:1px;
						border-bottom-color:#b7b7b7;
					}
					.block hr{
						color:#e6e5e1;
						/*opacity:0.45;
						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
						filter: alpha(opacity=45);*/
					}
						hr.facebook{
							margin: 12px 0 12px 0;	
						}
						hr.links{
							margin: 4px 0 4px 0;	
						}
					.block .timestamp{
						color:#959595;
						font-style:italic;
						display:block;
						padding: 3px 0 0 0;
					}
					.block a{
						color:#363636;
						text-decoration:none;
						font-weight:bold;
					}
						.block a:hover{
							text-decoration: underline;
						}
	
	/* --- Gallery Page --- */
	#gallery{
		width:780px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
	}
		#fullsize{
			width:698px;
			height:421px;
			padding-top:28px;
			margin-left:41px;
			position:absolute;
			
			
		}
		#fullsize #main{
		margin-top:-200px;
		}
		#fullsize img{
			margin-left:auto;
			margin-right:auto;
		}
		#gallery_nav{
			padding-top:451px;
		}
		#mycarousel .jcarousel-item-placeholder {
   			background: transparent url(images/ajax-loader.gif) 50% 50% no-repeat;
		}
		.jcarousel-item{
			color: #ffffff;
		}
		.loader{
			color: #ffffff;
		}
	
	/* --- Comment Form --- */	
	#respond{
		
	}
		#respond h3{
			margin-bottom:10px;		
		}
		#commentform{
			
		}
			#commentform input{
				margin-bottom:10px;	
			}
			#commentform #submit{
				margin-top:10px;	
			}
			
	/* --- Contact Form --- */	
	.wpcf7-form{
		width:380px;
		margin-top:7px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:1em;
	}
		.wpcf7-form input[type="text"], .wpcf7-form textarea{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:1em;
			width:342px;
			padding: 4px;
			display: block;
			margin-top:10px;	 
		}
		.wpcf7-form input#submit{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:1em;
			font-weight:bold;
			color:#fff;
			/*letter-spacing:0.1em;*/
			width:152px;
			height:42px;
			border:none;
			background-image:url(images/contact_bt.jpg);
			background-repeat: no-repeat;
		
			float:left;
		}
		.wpcf7-form textarea#msg{
			height:82px;	
		}
	
		.wpcf7-form label{
				
		}
		.wpcf7-form #no_float{
			display:block;
			height: 42px;
		}
			.wpcf7-form input#submit:hover{
				text-decoration:underline;	
			}
			.activeField{
				border:1px solid #cb2566;
				background-color: #B7B7B7;
				color:#000000;
				
			}
			.idle{
				border:1px solid #cb2566;
				background-color: #000000;
				color:#B7B7B7;
			}
			.ajax-loader{
				/*display:none;*/
				float:left;
				margin: 15px 0 0 20px;
			}
			div.wpcf7-response-output{
				clear:both;
				/*margin-top:10px;*/
			}
			#contact_footer #heading{
				color:#a8b32e;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-weight:normal;
				margin:0 0 0 0;
				padding:0 0 0 0;
				letter-spacing:1px;	
				font-size: 1.833em;
				display: block;
			}
			#contact_footer #subheader{
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size: 1.333em;
				color:#b7b7b7;
				font-style: italic;
				margin:5px 0 0 0;
				padding:0 0 0 0;
				letter-spacing:1px;	
			}
			.contact_note{
				text-align:center; 
				float:right; 
				margin-right:30px; 
				color:#A8B32E;
			}
			
				
	/* --- Footer --- */	
	#footer{
			font-size:0.917em;
			color:#380c12;
			font-weight:bold;
			width:705px;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			padding-bottom:20px;
		
	}
		#footer ul{
		   width:705px;
			list-style-type: none;	
			padding:0 0 0 0;
			margin: 10px 0 0 0;
			text-transform:lowercase;
			
		}
			#footer ul li{
				padding: 0 11px 0 11px;
				float: left;	
				border-left:  solid 1px #380c12;
			}
			#footer li:first-child{
				padding-left: 0px;
				margin-left: 0px;
				border-left: none;
			}
			/*#footer li:last-child{
				padding-right:0px;
			}*/
				#footer ul li a{
					color:#380c12;
					text-decoration:none;
					
				}
					#footer ul li a:hover{
						text-decoration:underline;
					
					}
		#footer p{
			padding-top:21px;
			margin-left:-38px;	
			line-height:16px;
		}
		


/*-----------------------------------------------------------*/
/*--------                  CLASSES                 ---------*/
/*-----------------------------------------------------------*/
.errorlabels{
	padding-bottom:10px;
}
.clear{
	clear:both;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	
}

.icon{
	float:left;
	margin: 5px 10px 0px 5px;
	line-height:50px;
}

.header_sub{
	font-style:italic;
}

div.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors.wpcf7-mail-sent-ng{
margin: 5px 0 0 0;
}