/*
 Theme Name: BB-Style
 Theme URI: http://www.burtsbees.com.tw/index.php
 Version: 1.0
 Author: Jiva Design
 Author URI: http://www.jivadesign.com
 Description: Burt's Bees Blog Style.
 */
/* Begin Typography & Colors */

@font-face {
  font-family:Lucida Grande;
  src:url(Lucida Grande.ttf) format("OpenType");
}

@font-face {
  font-family:Verdana;
  src:url(verdana.ttf) format("OpenType");
}

body {
    font-size: 12px;
    color:#787878;
	font:12px/1.5 "Lucida Grande","Apple LiGothic","Verdana",Lucida,Verdana,sans-serif;
	background: url(images/bg.jpg) 0 0;

}

#fullwrapper {
    height: 471px;
	
}

.wrap {
    width: 950px;
	*width: 1000px;
    margin: 0 auto;
}

ol, ul, li {
    list-style: none;
}

a {
    color: #685d46;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

textarea, input, select {
    font-size: 12px;
    font-family: 微软雅黑, Microsoft YaHei, sans-serif;
}

img {
    border: none;
	padding:5px;
}
.bee_icon{
	margin:0 0 -8px 0;
	padding:0px;
}
blockquote {
    margin: 15px 30px 0 10px;
    padding-left: 10px;
    border-left: 5px solid #ccc;
}

blockquote cite {
    margin: 5px 0 0;
    display: block;
}

.clear {
    clear: both;
}
* {
    margin: 0;
    padding: 0;
}

/* Header */
.header {
    float: left;
    width: 950px;
    height: 215px;
}

.header h3 a {
    color: #000000;
    font-size: 35px;
    font-weight: 700;
}

.logo {
    margin: 45px 0 0 24px;
	height:80px;
	text-indent:-999em;
	overflow:hidden;
	background-image:url(images/hrader_logo.png);
	background-repeat:no-repeat;
}
.bees{
	position:relative;
	width:270px;
	height:106px;
	float:right;
	right:-6px;
	top:-130px;
	overflow:hidden;
	text-indent:-999em;
	background :url(images/plant.png);
}

.menu {
    width: 950px;
    overflow: hidden;
}

.nav {
    padding: 24px 0 0 30px;
    *padding: 24px 0 0 30px;
}

.nav li {
    float: left;
    display: block;
    height: 20px;
	border-left:2px solid #eab952;
}

.nav li a {
    text-align: center;
    color: #653100;
    font-size: 15px;
    float: left;
    display: block;
    padding: 0 18px;
}

/* Blog */
#content {
    float: left;
    width: 650px;
	background-color:white;
	border:1px solid #cccccc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
    margin-left: 20px;
    *margin-left: 20px;
}

.conleft {
    overflow: hidden;
    width: 560px;
    height: 30px;

}

.content_date {
    width: 56px;
    height: 75px;
    position: absolute;
    top: 22px;
    left: -57px;
	*left: -59px;
    text-align:center;
    background: url(images/comm_date.png) no-repeat;
}

.content_date .datebg {
    margin: 15px 10px 0 17px;
	line-height:22px;
}

.content_date span {
    color: white;
}

.content_date span.day {
    font-size: 19px;
    font-weight: bolder;
    color:white;
	margin:0 0 0 4px;
}
span.month , span.year{
	font-weight: bolder;
	font-size: 15px;
    color:white;
	margin:0 2px 0 0px;
	line-height:15px;
	text-transform:uppercase;
}

.post, .hentry, .entry {
    float: left;
    position: relative;
}

.post, .hentry, .links, .commentlist {
    padding: 20px 14px 0 25px;
}

.entry {
    width: 560px;
    line-height: 22px;
    overflow: hidden;
    padding: 5px 0 5px 0;
	width:605px;
	border-bottom:1px dashed #ccc ;
}

.entry p {
   margin:0 0 10px 2px;
	
}

.entry a.more-link {
    font-weight: bold;
    color: #D72E39;
    float: right;
	margin:25px 0 0px 0;
	position:relative;
}

.entry a:hover.more-link {
    text-decoration:underline;
}

.align_left {
    float: left;
}

.align_right {
    float: right;
}

.align_left a, .align_right a {
    color: #065b00;
}

.align_left, .align_right {
    margin: 0 0 4px 0;
    *margin: 0 0 -5px 0;
    _margin:0 0 -6px 0;
}

.comments .cmt_num a {
    text-indent: -12px;
    color: #888888;
	position: absolute;
    width: 95px;
	top:0px;
}
.cmt_num{
	position:absolute;
	top:60px;
	right:13px;
	z-index:20;
}
#comments {
    margin: -5px 0 5px 14px;
}

h2 a, h2 {
    font-size: 17px;
    text-decoration: none;
	font-weight:bolder;
	font: "Lucida Grande","Apple LiGothic","Verdana", Lucida, Verdana, sans-serif;
	 margin:0px 0 6px 0;
}

.post_intro {
    margin: 0 0 6px 0px;
    font-size: 11px;
    color: #63593e;
	padding:3px;
}

.post_intro span {
    margin-right: 12px;
}

.post_intro a {
    color: #7c735a;
}

.nofound {
    background: url(images/nofound.jpg) no-repeat 50px 20px;
    height: 1000px;
    width: 600px;
}

.entry ol, .entry ul {
    padding: 0 0 0 30px;
    margin: 0;
}

.entry ol li, .entry ul li {
    margin: 0;
    padding: 0;
}

.entry ol li {
    list-style-type: decimal;
}

.entry ul li {
    list-style-type: disc;
}

/* Comment */
.commentmetadata li {
    float: left;
	margin:0 14px 5px 0;
}

.depth-1 {
    background: url(images/comm_line.gif) no-repeat bottom left;
    padding: 0 0 10px 0;
}

.depth-2 #cancel_reply {
    margin: -229px 45px 0 0;
    *margin: -231px 45px 0 0;
    _margin:
    -233px 23px 0 0;
}

.depth-3 #cancel_reply {
    margin: -229px 7px 0 0;
    *margin: -231px 7px 0 0;
    _margin:
    -233px 4px 0 0;
}

.commentmetadata li img {
    height: 21px;
    width: 21px;
    padding:0 0 6px 0;
}

.commentmetadata li span, .commentmetadata li span a {
    font-weight: bold;
    color: #024c0b;
}

.atxt {
    margin-left: 5px;
    color: #888;
}

.commtext {
	width:450px;
    margin: 0 0px 5px 37px;
	line-height:18px;
}

.comminfo {
    float: left;
    margin-top: 8px;
}

.children li.comment {
    padding: 10px 0 0 0;
    margin-left: 38px;
    background: url(images/comm_line2.gif) repeat-x top left;
}

.children #commentform {
    padding: 0;
}

.comment #commentform, .children #commentform {
    margin-left: -15px;
}

.reply {
    float: right;
    line-height: 32px;
}

.reply a {
    background-color:#DA503D;
	color:white;
	float:left;
	height:22px;
	line-height:22px;
	margin:0 0 0 -10px;
	text-align:center;
	width:32px;	
}

h4, .pagetitle, .links h2 {
    margin: 1px 0;
    line-height: 50px;
    height: 47px;
	font-weight:100;
    font-size: 12px;
    color: #D72E39;
    text-indent: 44px;
    background: url(images/bee.jpg) no-repeat 4px 5px;
}

.nocomments {
    margin: 10px 0 0 20px;
}

#respond {
    padding-left: 14px;
}

#commentform {
    padding-left: 20px;
}

#commentform input, #commentform textarea {
    color: #573f18;
    border: 1px solid #d8cca7;
}

#commentform textarea {
    line-height: 20px;
    padding: 4px 6px;
	margin:0 10px 0 0;
    width: 470px;
    height: 130px;
}

#commentform label {
    vertical-align: middle;
}

#commentform input {
    margin-bottom: 11px;
    padding: 4px 0 0 4px;
    width: 220px;
    height: 20px;
}

#cancel_reply {
    float: right;
    margin: -229px 40px 0 0;
    *margin: -231px 39px 0 0;
    _margin:
    -233px 20px 0 0;
    padding:
    7px 0 10px;
}

#cancel_reply a {
    border: 1px solid #d8cca7;
    width: 150px;
    background: #f8f7f2;
    padding: 6px 8px;
    color: #c70000;
}

#commentform .subin {
    width: 122px;
    height: 39px;
    border: none;
    background: url(images/subin.png) no-repeat 1px 1px;
    margin-top: 10px;
}

.smilies {
    margin: 0 0 5px 0;
}

.pageedit span a {
    line-height: 30px;
    text-indent: 10px;
    font-size: 12px;
    color: #6b3909;
    font-weight: bold;
    position: absolute;
    height: 30px;
    width: 44px;
    top: 15px;
    right: 8px;
}

/* Links */
.linkcat {
    margin-bottom: 10px;
    float: left;
    width: 630px;
}

.linkcat ul, .archives {
    margin-left: 24px;
}

.linkcat ul li, .linkcat ul li a, .archives li, .archives li a {
    float: left;
}

.linkcat ul li a, .archives li a {
    line-height: 30px;
    text-align: center;
    height: 30px;
    width: 114px;
    border: 1px dashed #c5b6a7;
    overflow: hidden;
    margin: 5px 5px 0 0;
}

.linkcat ul li a:hover, .archives li a:hover {
    border: 1px dashed #b8d1a9;
    background: #dde9d5;
    color: #497031;
    text-decoration: none;
}

.pagetitle {
    margin: 0 0 10px 14px;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption-dd {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

/* Sidebar */
#sidebar {
    float: left;
    width: 232px;
    overflow: hidden;
	margin:0 0 0 30px;
}
.widget_recent_entries{
	background-color:white;
	padding:0 10px 15px 0;
	border:1px solid #cccccc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-bottom:10px;
}

.widget{
	background-color:white;
	padding:0 10px 24px 0;
	border:1px solid #cccccc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-bottom:10px;
}
#search {
	position:relative;
	top:133px;
    height: 60px;
	right:16px;
    width: 216px;
	float:right;
}

.st {
    float: left;
    margin: 15px 0 0 16px;
}

.searchtxt {
    width: 125px;
    border: 1px solid #e2daca;
    background: #f9f8f5;
    color: #000;
    padding: 2px 2px;
	-moz-border-radius:5px;
}

.ss {
    float: left;
    margin: 14px 0 0 10px;
}

.searchsm {
	margin:-5px 0 0 0;

    width: 40px;
	height:40px;
	border:none;
	background:url(images/search_button.png) no-repeat 0 0;
}
.searchsm:hover{
	background:url(images/search_button_hover.png) no-repeat 0 0;
}

#sidebar h2 {
    height: 20px;
    width: 197px;
    font-size: 14px;
    color: #d5503e;
    font-weight: normal;
    overflow: hidden;
	padding:3px 3px 3px 9px;
    margin: 16px 0 5px 10px;
	background-color:#FEF7D0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#sidebar ul ul {
    margin: 3px 0 0px 8px;
	
}

.widget ul li {
    color: #333;
    padding: 9px 0 4px 12px;
    border-bottom: 1px dashed #cccccc;
}

.widget ul li span {
    font-weight: bold;
}

#sidebar li a {
    line-height: 16px;
    color:#787878;
}

.widget_archive select {
    margin: 5px 0 0 50px;
    background: #f3f0e2;
}

.widget_tag_cloud div {
    margin: 12px 0 3px 8px;
	line-height:34px;
}

.textwidget {
    margin: 3px 4px 0 10px;
}

.textwidget p {
    margin: 5px 0 10px 0;
}

#calendar_wrap {
    margin: 5px 10px;
    color: #5b3a2d;
}

#wp-calendar {
    width: 102%;
}

#wp-calendar caption {
    font-size: 15px;
    font-weight: bold;
    color: #1e6900;
}

#wp-calendar td {
    text-align: center;
    border: solid 1px #d4cdb9;
}

#wp-calendar th {
    color: #7b0000;
    border: solid 1px #d4cdb9;
}

#wp-calendar tbody td a {
    font-weight: bold;
    color: #1e6900;
}

#wp-calendar td#prev {
    text-align: left;
}

#wp-calendar td#next {
    text-align: right;
}

#wp-calendar td#prev a, #wp-calendar td#next a {
    padding: 1px 6px;
    font-weight: bold;
}

#wp-calendar td#today {
    background: #c6a58d;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* Footer */
#footer {
    height: 95px;
	margin-top:{50px;}
}

#footer span {
    margin-left: 70px;
    line-height: 77px;
    font-family: Tahoma, Sans-Serif;
    font-size: 11px;
}

#footer span a {
    font-weight: bold;
    color: #444444;
}

/* Page */
.page_navi {
    width: 100%;
    height: 43px;
    line-height: 46px;
    text-align: center;
    overflow: hidden;
}

.page_navi a {
    padding: 3px 8px;
    margin: 2px;
    text-decoration: none;
    color: #a79e86;
    border: 1px solid #e2d8bd;
    font-weight: bold;
}

.page_navi a:hover, .page_navi a.current {
    border: 1px solid #ccbf9c;
    color: #D72E39;
    background: #FEF7D0;
}

.comments-navi {
    line-height: 27px;
    width: 100%;
    text-align: center;
}

.comments-navi a {
    text-decoration: none;
    border: 1px solid #ccc;
    color: #555;
    margin: 2px;
    padding: 3px 8px;
}

.comments-navi span.current, .comments-navi a:hover {
    border: 1px solid #ccbf9c;
    color: #417348;
    background: #e2d8bd;
    padding: 3px 8px;
}

/*navigation*/
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.navigation {
    overflow: hidden;
    margin: 1em 0;
}

.alignright a, .alignleft a {
    color: #999;
    padding: 2px 5px;
    border: 1px solid #ccf;
}

.alignright a:hover, .alignleft a:hover {
    border: 1px solid #356aa0;
    background: none;
}