/*  
Theme Name: Maya Tea
Theme URI: http://www.mayatea.com/
Description: Wordpress Theme created for Maya Tea.
Version: 1.5
Author: Creative Slice
Author URI: http://www.creativeslice.com/
*/

/*
----------------------------------------------------------------------------- 
SETUP
-----------------------------------------------------------------------------*/
* { margin:0; padding:0; } /* Override defaults for all tags. */
html,body { width:100%; height:100%; } /* makes sure your canvas fills the window */
body {
	background-color: #FFF;
	text-align: center;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	color: #342;
	border-top: 3px #342 solid;
	min-width: 800px;
	}
img { border:0; } /* Removes borders from all images, because... who needs those anyway? */
/*
----------------------------------------------------------------------------- 
TEXT
-----------------------------------------------------------------------------*/
a { color:#AC6; text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3 { font-weight: bold; }
h1 { font-size: 18px; }
h2 { font-size: 24px; margin-bottom: 16px; }
h3 { font-size: 14px; margin-bottom: 8px; }
p { margin-bottom: 16px; }
.post { padding: 30px; }
.serif { font: 12px Georgia, "Times New Roman", Times, serif; }
table { margin-bottom: 16px; }
.post_page table { border: 1px #342 solid; }
/*
----------------------------------------------------------------------------- 
BACKGROUND LINES
-----------------------------------------------------------------------------*/
#bg_line_top, #bg_line_right, #bg_line_right_top {
	position: absolute;
	border-bottom: 1px #342 solid;
	}
#bg_line_top {
	left: 0px;
	min-width: 800px;
	width: 100%;
	height: 205px;
	}
#bg_line_right {
	left: 47%;
	top: 206px;
	width: 53%;
	height: 451px;
	}
#bg_line_right_top {
	position: relative;
	left: 0px;
	width: 100%;
	height: 150px;
	}
/*
----------------------------------------------------------------------------- 
STAGE
-----------------------------------------------------------------------------*/
#wrap { /* the actual page where ALL content is */
	position: relative;
	width: 800px;
	margin: 0px auto;
	height: 800px;
	}
#left, #teaMenu, #content {
	position: relative;
	float: left;
	}
#left {
	width: 238px;
	text-align: right;
	}
#teaMenu, #content {
	height: auto;
	border-left: 1px #342 solid;
	}
#teaMenu {
	background-color: #FFF;
	width: 134px;
	min-height: 800px;
	height: auto !important;
	height: 800px;
	}
#content {
	width: 424px;
	border-right: 1px #342 solid;
	min-height: 800px;
	height: auto !important;
	height: 800px;
	text-align: left;
	}
#content.wide {
	width: 559px;
	}
.post ul, .post ol {
	padding-bottom: 16px;
	padding-left: 32px;
	}
/*
----------------------------------------------------------------------------- 
MENU
-----------------------------------------------------------------------------*/
#logo {
	position: relative;
	background: url(images/logo-top.gif) bottom right no-repeat;
	width: 215px;
	height: 28px;
	margin: 4px 20px 0 0;
	}
#nav {
	margin-bottom: 30px;
	}
ul#nav, ul#nav li {
	list-style: none;
	}
ul#nav li {
	width: 215px;
	padding-right: 18px;
	margin-right: 2px;
	}
ul#nav li.current_page_item {
	background: url(images/menu-arrow.gif) center right no-repeat;
	}
ul#nav a, #news a {
	font-weight: bold;
	color: #342;
	letter-spacing: 0.05em;
	}
ul#nav a {
	text-transform: uppercase;
	line-height: 17px;
	}
ul#nav a:hover, #news a:hover {
	color: #AC6;
	}
ul#nav a:hover {
	color: #AC6;
	text-decoration: none;
	}
ul#nav li.current_page_item a, ul#nav li.current_page_item a:hover {
	color:#564;
	}
/*
----------------------------------------------------------------------------- 
TEA MENU
-----------------------------------------------------------------------------*/
ul#teaCategories, ul#teaCategories li {
	list-style: none;
	display: inline;
	}
ul#teaCategories a {
	float: left;
	display: block;
	padding: 79px 0 0 0;
	overflow: hidden;
	width: 134px;
	height: 0px !important; 
	height /**/:79px; /* for IE5/Win only */
	}
#cat0 a { background: url(images/teamenu-oolong.jpg) top left no-repeat; }
#cat1 a { background: url(images/teamenu-black.jpg) top left no-repeat; }
#cat2 a { background: url(images/teamenu-green.jpg) top left no-repeat; }
#cat3 a { background: url(images/teamenu-herbal.jpg) top left no-repeat; }
#cat4 a { background: url(images/teamenu-white.jpg) top left no-repeat; }

ul#teaCategories a:hover, ul#teaCategories a.selected { background-position: 0 -107px; }
/*
----------------------------------------------------------------------------- 
SUB MENU
-----------------------------------------------------------------------------*/
ul#subnav {
	width: 559px;
	overflow: hidden;
	}
ul#subnav, ul#subnav li {
	position: relative;
	list-style: none;
	margin-right: -1px;
	text-align: center;
	}
ul#subnav li {
	float: left;
	border-right: 1px #342 solid;
	border-bottom: 1px #342 solid;
	margin-bottom: 30px;
	overflow: hidden;
	}
ul#subnav a {
	display: block;
	float: left;
	font-weight: bold;
	color: #af7d32;/*#342;*/
	letter-spacing: 0.05em;
	/**/text-transform: uppercase;/**/
	width: 100%;
	line-height: 32px;
	}
ul#subnav a:hover {
	color: #AC6;/*#AC6;*/
	text-decoration: none;
	}
ul#subnav li.current_page_item a, ul#subnav li.current_page_item a:hover {
	background-color: #9b8377; /*bbaaa0;*/
	color: #AC6; /*564;*/
	border-right: 1px #342 solid;
	}
/*
----------------------------------------------------------------------------- 
HOME
-----------------------------------------------------------------------------*/
.home p {
	margin-bottom: 0;
	line-height: 20px;
	}
.home {
	/* height: 88px;/*148*/
	/* overflow: hidden; */
	background:#ffffff;
	}
#news { /* 'news a' is declared above with 'ul#nav a' */
	position: relative;
	background: url(images/title-news.gif) top right no-repeat;
	right: 0px;
	width: 215px;
	padding-top: 32px;
	margin-right: 20px;
	}
#news a { margin-bottom: 4px; }
#news p { margin: 0; }
#images {
	position: relative;
	}
#image1, #image2 {
	position: relative;
	float: left;
	display: inline;
	}
#image1 {
	/* border-right: 1px #342 solid;
	width: 211px;
	overflow: hidden; */
	}
/*
----------------------------------------------------------------------------- 
TEA SHOP
-----------------------------------------------------------------------------*/
.item {
	position: relative;
	border-top: 1px #342 solid;
	min-height: 96px;
	height: auto !important;
	height: 96px;
	clear: both;
	}
.item_wrap { padding: 8px 8px 0; }
.item_photo, .item_content {
	position: relative;
	float: left;
	padding-bottom: 8px;
	}
.item_photo { margin-right: 16px; }
.item p { margin: 0; }
.item_content {
	width: 288px;
	}
.pshop { padding: 0; }
.entryshop { padding: 30px 30px 14px; }
.color1 a {
	color: #af7d32;
	}
.color2 a {
	color: #964b4b;
	}
.item_content form {
	display: inline;
	}
/*
----------------------------------------------------------------------------- 
SEARCH
-----------------------------------------------------------------------------*/
#search { }
#s {
	width: 124px;
	height: 14px;
	line-height: 14px;
	color: #964b4b;
	border: none;
	border: 1px #342 solid;
	padding: 2px;
	}
#searchsubmit {
	color: #342; 
	background-color: transparent;
	font-size: 12px;
	border: none;
	cursor: pointer;
	margin-right: 8px;
	}
#searchsubmit:hover {
	color: #AC6;
	}
/*
----------------------------------------------------------------------------- 
SIDEBAR
-----------------------------------------------------------------------------*/
#sidebar ul {
	margin-bottom: 16px;
	list-style: none;
	}
#sidebar {
	margin-right: 20px;
	}
#search {
	margin-bottom: 32px;
	}
	
#designedby {
	position: relative;
	top: 6px;
	margin-right: 6px;
	text-align: right;
	}	
#designedby a {
	color: #c8c8c8;
	}
#designedby a:hover {
	color: #342;
	text-decoration: none;
	}
	
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */