/*
Theme Name: BeansBox Blog Theme
Theme URI: http://www.beansbox.com/
Description: The theme for the BeansBox blog.
Version: 0.1
Author: Tim Chen
Author URI: http://www.beansbox.com/
Tags: beansbox


*/


/*FOR NEW BLOG*/

.fbnarrowcolumn {
    background-color: #fff;
}

.blogcontent a:hover {
    color: #724C27;
}

.blogcat {
	width: 950px;
	height: 37px;
}

.blogcat li {
	float: left;
	font: 14px Georgia;
	color: #fff;
	vertical-align: middle;
}

.blogcat li span {
	padding-right: 8px;
	color: #fff;
	vertical-align: -8px;
	padding-left: 8px;
}

.blogcat li span a {
	text-decoration:none;
}

.blogcat li span a:hover {
	text-decoration:underline;
	color:#E59549;
}

.blogcat li.cat {
	width: 109px;
	height: 37px;
	text-align: right;
	vertical-align: middle;
	background: url(images/bb_images/categories.png) no-repeat;
	color: #000;
}

.blogcat li.cat span {
	padding-right: 8px;
	color: #000;
	vertical-align: -8px;
}

.blognewhead {
	width: 566px;
	height: 94px;
	background: url(images/bb_images/blog_header.png) no-repeat;
}

.blognewheadwrap {
	width: 520px;
	margin: 0 auto;
	padding-top: 18px;
}

.blognewheadwrap h1, .blognewheadwrap h1 a {
	color: #663300;
	font-size: 25px;
	text-decoration: none;
}

.blognewcontent {
	width: 566px;
	background: url(images/bb_images/blog_content.png) repeat-y;
	display: table;
	padding-bottom: 5px;
}

.blognewcontentwrap {
	width: 520px;
	margin: 0 auto;
	padding-top: 10px;
}

.blognewcontentwrap h3, .blognewcontentwrap h3 a {
	color: #996600;
	font-size: 18px;
}

.blognewcontentwrap h3 span.author {
	font-weight: bold;
	font-style: italic;
	color: #660033;
	font-size: 18px;
}

.midcolumn .blognewcontentwrap p,
.midcolumn .blognewcontentwrap span,
.midcolumn .blognewcontentwrap {
	color: #333;
	font-size: 14px;
	margin-bottom: 1em;
}

.midcolumn .blognewcontentwrap p a {
	color: #666600;
}

.midcolumn .blognewcontentwrap pre {
	background-color:#ffffff;
	color: #996600;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #999;
}

.midcolumn .blognewcontentwrap h2 {
	padding-bottom: 0.5em;
	color: #666600;
}

.midcolumn .blognewcontentwrap h3 {
	padding-bottom: 0.5em;
	color: #660033;
}

.midcolumn .blognewcontentwrap ul li {
	background: url(images/bb_images/li_circle.png) no-repeat 0 5px;
	list-style-type: none;
	list-style-position: inside;
	padding-left: 20px;
	line-height: 180%;
}

.midcolumn .blognewcontentwrap ol li {
	list-style-type: decimal;
	list-style-position: inside;
	line-height: 180%;
}

.midcolumn .blognewcontentwrap ol {
	padding:0;
}

.midcolumn .blognewtag {
	padding-top: 10px;
	padding-bottom: 10px;
}

.midcolumn .blognewtag p,
.midcolumn .blognewtag p a:visited,
.midcolumn .blognewtag p a {
	color: #663300;
	font-size: 13px;
	text-decoration:none;
}

.midcolumn .blognewtag p a:hover,
.midcolumn .blognewcomment a:hover {
	text-decoration:underline;
}

.midcolumn .blognewcomment a,
.midcolumn .blognewcomment a:visited {
	float: left;
	color: #666600;
	font-size: 18px;
	text-decoration:none;
}

.midcolumn .blognewreadmore {
	width: 80px;
	height: 27px;
	float: right;
	background: url(images/bb_images/read_more.png) no-repeat;
	display: none;
}

a.readmore {
	width: 80px;
	height: 27px;
	text-indent:-9999px;
	display:block;
}

.blognewfoot {
	width: 566px;
	height: 28px;
	background: url(images/bb_images/blog_footer.png) no-repeat;
	padding-bottom: 20px;
}

.blognewnav {
	width: 566px;
	height: 30px;
	background: url(images/bb_images/old_new.jpg) no-repeat;
	
}

.blognewnav a {
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;

}

.blognewnav .leftarrow {
	height: 23px;
	background: url(images/bb_images/navleftarrow.png) no-repeat 0 10px;
	padding-left: 18px;
	padding-top: 5px;
	float:left;
}

.blognewnav .rightarrow {
	height: 23px;
	background: url(images/bb_images/navrightarrow.png) no-repeat right 10px;
	padding-right: 18px;
	padding-top: 5px;
	float: right;
}

.blognewnav .leftarrow a,
.blognewnav .rightarrow a {
	padding-top: 0px;
}

.blognewnav .leftarrow a:hover,
.blognewnav .rightarrow a:hover {
	padding-top: 0px;
}

.blognewnavwrap {
	width: 540px;
	margin: 0 auto;
}

.searchtagsubs {
	width: 286px;
	height: 471px;
	display: table;
	padding-bottom: 20px;
}

.ie7 .searchtagsubs {
	height: 520px;
}

.searchhead {
	background: url(images/bb_images/search_head.png) no-repeat;
	width: 286px;
	height: 120px;
}

.siderss {
	height: 85px;
	margin: 0 auto;
}

.searchheadwrap {
	width: 250px;
	margin: 0 auto;
}

#rssbutton {
	margin-left:90px;
	width: 170px;
	height: 80px;
	display:block;
	text-indent:-9999px;
}

.searchheadwrap input.searchbox {
	background: url(images/bb_images/search_box.png) no-repeat;
	width: 246px;
	height: 24px;
	border-style: none;
	border: 0;
	outline-style: none;
	padding: 4px 10px 0px;
}

.tagcontent {
	background: url(images/bb_images/search_content.png) repeat-y;
	width: 286px;
}

.tagcontentwrap {
	width: 250px;
	margin: 0 auto;
	padding-top: 10px;
}

.tagcloudlogo {
	width: 238px;
	height: 32px;
	background: url(images/bb_images/tag_cloud.png) no-repeat;
}

.tagwords {
	padding-top: 8px;
}

.tagwords a,
.tagwords a:visited {
	color: #666600;
	text-decoration:none;
}

.tagwords a:hover {
	color: #666600;
	text-decoration:underline;
}

.emailsubs {
	width: 286px;
	height: 87px;
	background: url(images/bb_images/search_footer.png) no-repeat;
}

.emailsubswrap {
	width: 250px;
	margin: 0 auto;
	padding-top: 20px;
}

.emailsubpopup {
    background-color:#fff;
    position:relative;
    /* top:-135px; */
	top: 9px;
    display:none;
}

.emailsubform {
	background-color: #EEE;
    border:1px solid #666;
    padding:10px;
    text-align:left;
	display: block;
}

.emailsubform p {
	padding: 3px 0px;
	margin: 0px;
}

.emailsubform p a {
	color: #CF6600;
}

.emailsubform p a:hover {
	color: #8F4600;
}

.emailsubutton {
	width: 227px;
	height: 46px;
    display: block;
    text-indent:-9999px;
	background: url(images/bb_images/email_subs.png) no-repeat;
}

.twitterwrapper {
	width: 247px;
	height: 271px;
	background: url(images/bb_images/twitter_bg.png) no-repeat;
	padding: 60px 20px 20px 20px;
}

.twitterwrapper .twitter .twitter-item {
	font-size: 9pt;
	color: #666;
	padding-top:20px;
}

.twitterwrapper .twitter .twitter-item a {
	font-size: 9pt;
	color: #0066ff;
}

.twitterwrapper .twitter .twitter-item .twitter-user {
	font-weight:bold;
}

.twitterwrapper .twitter .twitter-item .twitter-timestamp {
	font-size: 9pt;
	color: #0066ff;
	text-decoration:none;
}

#twitterfollow { background:url('images/bb_images/twitter_follow.png');
	width:135px; 
	height:27px;
    display:block;
    text-indent: -9999px;
	margin: 10px 0 0 0;
	padding: 0px 0px 0px 0px;
	border: 0px solid #fff;
	float: right;
}

.flickr {
	width: 246px;
	height: 291px;
	background: url(images/bb_images/flickr_bg.png) no-repeat;
	padding: 60px 0 0 25px;
}

.ie7 .flickr {
	margin-left: 10px;
	padding: 60px 20px 0 10px;
}

.blognewrelated {
	display: table;
	width: 566px;
	padding-bottom: 25px;
}

.blognewrelatedhead {
	background: url(images/bb_images/related_post_header.png) no-repeat;
	width: 264px;
	height: 49px;
	margin-left: 5px;
}

.blognewrelatedcontent {
	width: 566px;
	height: 128px;
	background: url(images/bb_images/related_post_bg.png) no-repeat;
}

.blognewrelatedcontentwrap {
	width: 530px;
	margin: 0 auto;
	padding-top: 10px;
}

.blognewrelatedcontentwrap ul li {
	background: url(images/bb_images/related_post_circle.png) no-repeat 0 0.5em;
	list-style-type: none;
	list-style-position: inside;
	padding: 2px 0 0 25px;
	line-height: 2em;
}

.blognewrelatedcontentwrap ul li a {
	color: #333;
	text-decoration: none;
}

.blognewrelatedcontentwrap ul li a:hover {
	color: #333;
	text-decoration: underline;
}


.blognewcommenthead {
	width: 264px;
	height: 49px;
	background: url(images/bb_images/comment_header.png) no-repeat;
	margin-left: 5px;
}

.blognewpostcomment {
	width: 152px;
	height: 26px;
	float: right;
	background: url(images/bb_images/post_comment.png) no-repeat;
}

a.postcomment {
	width: 152px;
	height: 26px;
	text-indent:-9999px;
	display:block;
}

.leavecommentcontentwrap input#submit  { background:url('images/bb_images/post_it.png');
	width:91px; 
	height:91px;
	position: absolute;
	left: 450px;
	padding: 0;
	border: 0px solid #fff;
}

.blognewcommentheadwrap {
	width: 230px;
	
	margin: 0 auto;
	padding-top: 10px;
}

.blognewcommentheadwrap h3 {
	color: #ECEEAA;
	font-size: 28px;
}

.blognewcommentcontent {
	width: 566px;
	height: 149px;
	background: url(images/bb_images/comment_content.png) no-repeat;
	padding-bottom: 10px;
}

.blognewcommentcontentwrap {
	width: 540px;
	margin: 0 auto;
	display: table;
	padding-top: 18px;
}

.blognewavatar {
	width: 85px;
	height: 85px;
	background: url(images/bb_images/comment_avatar.jpg) no-repeat;
	float: left;
}

.midcolumn .blognewcommentinner {
	float: right;
	width: 449px;
	height: 96px;
	background: url(images/bb_images/comment_box.png) no-repeat;
}

.midcolumn .blognewcommentinnerwrap {
	width: 422px;
	padding-top: 8px;
	margin-left: 26px;
}


.midcolumn .blognewcommentinnerwrap h5 {
	color: #996600;
	font-size: 12px;
	font-weight: bold;
}

.midcolumn .blognewcommentinnerwrap p {
	font-size: 14px;
	color: #333;
	line-height: 1.3em;
	padding-top: 8px;
	padding-bottom: 3px;
}

.midcolumn .leavecommenthead {
	width: 566px;
	height: 94px;
	background: url(images/bb_images/leave_comment_header.jpg) no-repeat;
	margin-top: 20px;
}

.midcolumn .leavecommentheadwrap {
	width: 525px;
	margin: 0 auto;
	padding-top: 40px;
}

.midcolumn .leavecommentheadwrap h2 {
	color: #fff;
	font-size: 25px;
	font-weight: normal;
	font-style: normal;
}

.midcolumn .leavecommentcontent {
	background: url(images/bb_images/leave_comment_content.jpg) repeat-y;
	width: 566px;
	display: table;
	padding-top: 18px;
	padding-bottom: 18px;
}

.midcolumn .leavecommentcontentwrap {
	width: 525px;
	margin: 0 auto;
}

.midcolumn .leavecommentcontentwrap form span {
	width: 60px;
	display: inline-table;
	font-size: 14px;
	color: #333;
}

.midcolumn .leavecommentcontentwrap input.newbox {
	background: url(images/bb_images/leave_comment_smallbox.png) no-repeat;
	width: 441px;
	height: 31px;
	border-style: none;
	border: 0;
	outline-style: none;
	padding: 5px;
}

.midcolumn .leavecommentcontentwrap textarea.newbigbox {
	background: url(images/bb_images/leave_comment_largebox.png) no-repeat;
	width: 501px;
	height: 125px;
	border-style: none;
	border: 0;
	outline-style: none;
	padding: 5px;
}

.midcolumn .leavecommentfooter {
	width: 566px;
	height: 28px;
	background: url(images/bb_images/leave_comment_footer.png) no-repeat;
	padding-bottom: 50px;
}

#at15s {
    color: #666;
}



/* Custom Style Comments */

.commentsDivWrap {
	display: block; 
	position: relative; 
	width: 566px; height: 50px; 
	background: transparent url(images/bb_images/comments_title.png) no-repeat 10px top;
} 

.commentsDivWrap .commentsDivTitle {
	display: block; 
	color: #ECEEAA; 
	font: normal 28px Georgia; 
	padding: 10px 0 0 40px;
}

.commentSingleDiv {
	display: block; 
	position: relative;
	margin-bottom: 14px;
}

.commentSingleWrap {
	display: table; 
	position: relative; 
	background: transparent url(images/bb_images/comments_bg-content.png) repeat center center; 
	width: 566px;
	padding-bottom: 22px;
}

.commentMainWrap {
	display: block; 
	position: relative; 
	width: 546px; 
	margin-left: 20px; padding: 20px 0px 0px;
}

.commentAuthorImg {
	display: block; float: left
}

.commentAuthorImg img {
	padding: 4px; margin-top: 17px;
	border: 1px solid #333; 
	background-color: #fff;
}

.commentContentWrap {
	display: block; float: left; margin-left: 4px;	
}

.commentContentTop {
	display: block; position: relative; 
	background: transparent url(images/bb_images/comments_content-top.png) no-repeat center bottom; 
	width: 489px; height: 14px;
}

.commentContentContainer {
	display: table; 
	position: relative; 
	width: 489px;
}

.commentContentLeft {
	display: block; 
	position: relative; 
	float: left; 
	background: transparent url(images/bb_images/comments_content-left.png) repeat center center; 
	width: 16px; height: 71px;
}

.commentContent {
	display: block;  
	float: left;  
	width: 444px;
	padding: 0px 14px;
	background: url(images/bb_images/comments_content-right.png) #D6CEBB repeat-y center right;
}

.commentContentBottom {
	display: block; position: relative; 
	background: transparent url(images/bb_images/comments_content-bottom.png) no-repeat center top; 
	width: 489px; height: 13px;
}

.commentContent p.postInfo {
	display: block;
	color: #996600; 
	font: normal 12px Georgia; 
	padding: 0;
	margin-bottom: 10px;
}

.commentSingleDiv .commentSingleWrap .commentMainWrap .commentContentWrap .commentContentContainer .commentContent .postDetailText p {
	display: block;
	color: #333333; 
	font: normal 14px Georgia; 
	padding: 0;	margin: 0;
	line-height: 140%;
}

.commentContent p a {
	color: #CF6600;
}

.commentContent p a:hover {
	color: #8F4600;
}


.postCommentForm {
	display: block;
	width: 566px; height: 453px;
	margin-top: 5px;
	padding-bottom: 40px;
	background: transparent url(images/bb_images/post_comment-bg.png) no-repeat center top;
}

#commentForm {
	display: block;
	margin-top: 20px;
	padding: 126px 0 0 28px;
}

.ie7 #commentForm {
	margin-top: 20px;
	padding: 106px 0 0 28px;
}

.postCommentForm #commentForm p.lineForm {
	line-height: 140%;
	display: block;
	height: 34px;
	padding: 6px 0px;
	margin: 0px;
}

.postCommentForm #commentForm p.lineForm label.commentForm {
	display: block;
	float: left;
	width: 90px;
	padding-top: 6px;	
	font: normal 14px Georgia;
	color: #333333;
}

.postCommentForm #commentForm p.lineForm input.inputBox {
	width: 390px;
	border: 1px solid #999;
	padding: 5px;
	font: normal 14px Arial;
	height: 17px;
}

.ie7 .postCommentForm #commentForm p.lineForm input.inputBox {
	height: 16px;
}

.postCommentForm #commentForm p.lineForm textarea.inputTextBox {
	width: 390px;
	border: 1px solid #999;
	padding: 5px;
	line-height: 120%;
	font: normal 14px Arial;
}

.postCommentForm #commentForm .postIt {
	display: block;
	width: 100px; height: 100px;
	background-color: 100px;
	margin: 88px 0 0 400px;
}

.ie7 .postCommentForm #commentForm .postIt {
	margin-top: 89px;
}