/*
Theme Name: ChinarFoodPath
Theme URI: http://chinardesign.org/
Description: The 2012 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. ChinarFoodPath supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the ChinarDesign team
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
Text Domain: ChinarFoodPath
*/


/* ========================================================== 
	 Global Styles
============================================================ */

* {margin:0; padding:0;}

html
{
	
	height:100%;
	font-size:100%;
	
	

}
body {
background:url(images/main-bg.jpg) #d9d9d9 repeat-x left top;
font-family:Arial, Helvetica, sans-serif; 
font-size:13px; 
font-weight:normal; 
color:#707070;
line-height:22px;

}

:focus {outline:0;}
ul li {list-style:none;}
img {border:none;}
img.left{ float:left; margin:5px 17px 17px 0px;}
img.right{ float:right; margin:5px 0px 17px 17px;}
a { color:#D51820; text-decoration:none;}
a:hover { color:#10af4d; text-decoration:none;}
.left {float:left;}
.right {float:right;}
.clear { clear:both;}
.bold { font-weight:bold}
.italic { font-style:italic}
.underline { text-decoration:underline;}
.center { text-align:center;}
.noborder { border:none}
.rounded3, #pagination a, #pagination .page-active {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;}
	
.rounded5{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}	
	

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}


/* ========================================================== 
  Heading, Preserve Text and Divider line
============================================================ */

h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#10af4d; margin:10px 0 10px 0;}
h1 {font-size:27px;}
h2 {font-size:22px; }
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
p { margin:0px 0px 15px 0px;  }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span
{
	color:#d51820;
}

h3.stawbarry
{
	background:url(images/strawberry-icon.png) no-repeat left center;
	padding-left:43px;
	line-height:32px;
}
pre {

	font-size:12px; 
	color:#3f3f3f; 
	padding-left:5px; 
	background:; 
	white-space:pre; 
	overflow:auto; 
	border-width:0 1px 1px 1px; 
	border-style:solid; 
	border-color:#dddddd; 
	line-height:22px; 
	letter-spacing:.1px; 
	word-spacing:1px; 
	margin:15px 0 15px 0;}

hr { 	
	border: none 0; 	
	height: 1px; 
	width:729px;
	margin:0px auto 10px auto;
	clear:both;}
	
hr {border-top: 4px dotted #d51820; }	




/* ========================================================== 
  Columns ( Grid System)
============================================================ */

.one-full, .one-half, .one-third , .one-fourth , .one-fifth, .one-sixth, .two-third, .three-fourth, .four-fifth, .five-sixth  { 	
	margin:0px 18px 0px 0; 
	float:left; 
	position:relative;}
	
.last { margin-right:0;}	
.one-full { width:960px; margin-right:0;}
.one-half { width:471px;}
.one-third { width:308px;}
.one-fourth { width:226px;}
.one-fifth { width:177px;}
.one-sixth { width:145px;}
.two-third { width:634px;}
.three-fourth { width:716px;}
.four-fifth { width:765px;}
.five-sixth { width:797px;}




/* ========================================================== 
   Header
============================================================ */
#header{ 	
    width:817px;
	height:60px; 
	margin:auto;
	position:relative;
	overflow:hidden;
	
	
}


#menu{ 

    /*background:url(images/dotted-line.png) repeat-x left bottom;
	/*height: 131px;*/
    /*margin-left: 279px;*/
	
    position: relative;
    width: 1080px;
	
}

#logo
{
	width:320px;
	height:104px;
	position:absolute;
	top:46px;

}

/*#menu ul{
	bottom: 7px;
    left: 126px;
    margin: 0 0 0 10px;
    padding: 0;
    position: absolute;
	
	 writing-mode:bt-rl;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform: rotate(-90deg);
	
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    width:398px;
	display:block;
	

}*/
#menu ul li { 
  
  display:block;
	
 }
#menu ul li.last { 
	padding:0px 0px 0px 0px;
	background:none;
}
#menu ul li a {	
	color:#707070; 
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	padding:0px 0px 0px 0px;
	font-size:12.4px;
	padding: 0 7px;
	line-height:54px;	
	


	
 }

#menu ul li a:hover{
	color:#10af4d;
	/*font-weight:bold;*/
	/*background:url(images/nav-over-bg.png) no-repeat left center;*/
	}
	

#menu ul li.current_page_item > a,
#menu ul li.current-menu-ancestor > a,
#menu ul li.current-menu-item > a,
#menu ul li.current-menu-parent > a {
	color:#10af4d;
	/*font-weight:bold;*/
	/*background:url(images/nav-over-bg.png) no-repeat left center;*/
}




/*=========================================================
	 Wrappar
=========================================================== */
#wrappar
{
	width:830px;
	margin:auto;
	background:url(images/wrapper-top.png) no-repeat center top;	
	padding-top:5px;
}	

#wrappar-inner
{
	background:url(images/wrapper-bg.png) repeat-y center top;
	padding:0px 9px;
	margin-bottom:14px;	
}	

/*========================================================== 
	 Banner
============================================================ */
#banner
{

	padding:0px 0px 10px 0px;
	position:relative;
	background:url(images/slider-bg.jpg) #10af4d no-repeat center bottom;
	margin-bottom:20px;
	
}

#testimonials
{
	width:412px;
	height:165px;
	background:url(images/testimonials-bg.png) no-repeat left top;
	position:absolute;
	  left: -49px;
	  bottom:10px;
	  z-index:20;
	
}
#testimonials .testi-text
{
	width:230px;
	/*margin-left: 190px;*/
	position: relative;
	top: 22px;
	left: 110px;
	 padding: 22px 0px 17px 0px;
	font-size: 20px;
	color:#FFFFFF;
	font-style:italic;
	/*line-height:16px;*/
}

#testimonials .testi-text h3
{
	display:none !important;
}
#testimonials .testi-text p
{
	margin: 0 0 5px;
}
/* =========================================================
	 Container
============================================================ */
#container
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(images/content-bg.png) no-repeat right bottom;
	overflow:hidden;
	
}
#container ul
{
	list-style:disc;
	margin-left:10px;
}	

#container ul li
{
	margin-left:10px;
	list-style:disc;
}
/*========================================================== 
	 content
============================================================ */
#content
{
	padding:0px 0px 114px 0px;
	margin:0px 0px 0px 0px;
	position:relative;
	 min-height: 200px;
	
}



#content .entry-content
{
	width:733px;
	margin:auto;
}
h1.entry-title{
	color:#10af4d;
	font-weight:bold;
   /* border-bottom:dotted 7px #d51820;*/
   background:url(images/dotts.png) repeat-x left bottom;
	display:inline-block;
	padding-bottom:21px;
	/*padding-left:38px;*/
	position: relative;
	left: 38px;
	font-size:27px;
	
	
	
}

h1.entry-title span
{
	color:#d51820;
}
	

/* ========================================================== 
  Footer
============================================================= */


#footer{
 	width:810px;
	margin: auto;
    position:relative;
	height:50px;
}

#footer .copyright{
	
	color:#959595;
	font-size:10px;
}

#footer .copyright span
{
	color:#707070;
	display:block;
}

#footer .copyright a
{
	color:#707070;
}

#fruit-image
{
	background:url(images/footer-fruits.png) no-repeat left bottom;
	position:absolute;
	right:-2px;
	bottom:21px;
	z-index:1000;
	width:242px;
	height:176px;
}

#wrapper-bottom
{
	background:url(images/wrapper-bottom.png) no-repeat left bottom;
	position:absolute;
	top:-16px;
	left:-10px;
	height:14px;
	width:830px;
	
	
}



/* Comment Form */
#respond {
	background: #ddd;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 auto 1.625em;
	padding: 1.625em;
	position: relative;
	width: 68.9%;
}

#respond select
 {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
	width: 406px;
}
#respond input[type="text"],
#respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}

#respond .comment-form-checkbox label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: -6px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 14px;
	z-index: 1;
}

#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 0px;
}
#respond .form-submit {
	float: right;
	margin: -20px 0 10px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 42px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #10AF4D;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond select {
	display: block;
	width: 81%;
}

#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}

/* ========================================================== 
   Table
============================================================ */

table
{
	color:#000000;
	/*border:dotted 1px #000000;*/
	

}
th{
        
	height:35px; 
	line-height:35px;
	background:#D51820; 
	font-size:16px; 
	font-weight:bold; 
	color:#fff; 
	text-align:center;
	border-left:1px solid #fff;}
	
td
{
	font-size:12px; 
	font-weight:normal; 
	text-align:center; 
	text-indent:10px; 
	line-height:16px;
	padding:12px 0px;
}

	
.td1 {background:#10AF4D;}
.td2 { background:#999999; color:#FFFFFF;}


/* start: menu option 2 */
#menu ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
#menu ul li {
  /*font: bold 12px/18px sans-serif;*/
  display: inline-block;
  margin-right: -22px;
    margin-right: 0px;
  position: relative;
  /*padding: 15px 20px;*/
  /*background: #fff;*/
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#menu ul li:hover {
  /*background: #555;*/
  color: #fff;
}
#menu ul li ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
#menu ul li ul li { 
  background: #e6e6e6; 
  display: block; 
  color: #fff;
  /*text-shadow: 0 -1px 0 #000;*/
top: -5px;
position: relative;
z-index:999999;
transition: all 0.5s ease;

}
#menu ul li ul li:hover { 
background: #d9d9d9; 
overflow: hidden;
display: block; 
margin-top: 10px;
margin-bottom: 10px;
}
#menu ul li:hover ul {
width: 420px;
/*left: -210px;*/
  display: block;
  opacity: 1;
  visibility: visible;
-webkit-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
}

/* END: menu option 2 */