/*  
Theme Name: Grid Focus
Theme URI: http://5thirtyone.com/
Description: Grid aligned WordPress theme
Version: 1.1
Author: Derek Punsalan
Author URI: http://5thirtyone.com/
Tags: white, grid, whitespace, minimal, clean, widgets

Grid Focus was designed and coded by Derek Punsalan. Find
more info about the guy at http://5hthirtyone.com

Notes: Inspired and created for minimalist, content focused blogs 
or websites. Customize, edit, poke, prod, and adapt to your own 
style. Please leave credit where credit is due so that others may
find the source for your site and adapt a suitable version for their
own website.

See line 53 for a collection of the main font rules - size, line-height,
and color - combined for your convenience.

*/
/*
a {
	color: #000;
	outline: none;
	text-decoration: none;
}
a:hover {
	color: #f00;
}
*/

a {

}
a:hover {

}
ul {
	 padding:0;
	 margin:0;
}	 

/* =----------------------------------- oh the convenience */

#masthead {
	padding: 3px 0;
  background-image:url('images/teas_header4.jpg');
  background-repeat:no-repeat;
	height:130px;
	
}

.nav2 li {
	line-height: 1.2em;
}
.nav2 li a {
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.nav2 li a span {
	color: #888;
	font-size: 0.9em;
	font-weight: normal;
	text-transform: lowercase;
}
.nav2 li a.focus span {
	color: #ccc;
}
.nav2 li a:hover,
.nav2 li a.focus {
	color: #fff;
}
.nav2 .searchField input {
	color: #777;
}





/* =----------------------------------- top + bottom navigation */
.navStripWrapper {
	position: relative;
	clear: both;
	width:100%;
	text-align:center;
	font-size:1.1em;
	font-family:arial,verdana,sans-serif;
}
.nav2 {
	background: #f00;
	color:#fff;
	border-top:1px solid black;
	/*border-bottom: 1px solid black;*/
}
.navStripWrapper .nav2 ul {
			margin:0;
			padding:0;
}
.nav2 li {
	border-right: 1px solid #ccc;
	display: block;
	float: left;
}
.nav2 li a {
	display: block;
	padding: 7px 4px 0 7px;
	width: 110px;
	height: 42px;
	color:white;
}
.nav2 li a span { color:black;}
.nav2 li a:hover {
	/*background: #333;*/
	background: #FFFF00;
	color:black;
	text-decoration:none;
}
.nav2 li a.focus {
	background: #3c6c92;
}
.nav2 li.searchField {
	float: right;
	border: 0;
}
.nav2 .searchField div {
	margin: 9px 8px 0 0;
}
.nav2 .searchField span {
	background: #fff;
	border: 1px solid #ccc;
	border-left-color: #bbb;
	border-bottom-color: #bbb;
	display: block;
	padding: 2px;
}
.nav2 .searchField input {
	border: 1px solid #bbb;
	outline: none;
	padding: 4px;
	width: 220px;
}
.toggleCategories {
	background: #3c6c92;
}
.toggleCategories ul,
.toggleCategories2 ul {
	padding: 8px 7px 7px;
}
.toggleCategories ul li {
	display: block;
	float: left;
	width: 102px;
}
.toggleCategories li a {
	margin: 3px 0 4px 5px;
}

/* =----------------------------------- meta lead for each post */


/* =----------------------------------- floats + clearing rule */
.floatleft,
.alignleft {
	float: left;
	margin: 3px 7px 0 0;
}
.floatright,
.alignright {
	float: right;
	margin: 3px 0 0 7px;
}
.right {
	float:right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}
.fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.fix {
	display: inline-block;
} 
* html .fix{
	height: 1%;
}
.fix{
	display:
	block;
}