/*
Theme Name: Bao Chau Games Theme Framework
Theme URI: http://read.vn
Description: Custom WordPress Theme Framework for the Bao Chau Network
Version: 1.0
Author: Bao Chau
Author URI: http://read.vn
*/
@import url("css/public.css");
@import url("css/comment.css");
/*-----------------------------------------------------------------------*/
/* header */
#header, #page, #footer {
	display: block;
	width: 100%;
}
#header {
	background:#095FB4 url(css/imgs/handmade/brg-header.png) center top no-repeat;
}
/*-----------------------------------------------------------------------*/
/* header */
#page {
	background: #fff;
	padding: 15px 0px;
}
#footer {
	background: #EAF4FF;
	padding-bottom: 20px;
	color: #666;
}


/* header */
#header .container {
	height:70px;
}
/* logo */
/* logo */
#logo { 
	background:url(css/imgs/handmade/logo-handmade.png) left 10px no-repeat;
	height:56px;
	width: 200px;
	float: left;
	margin: 0px;
	padding: 0;
}
#logo a {
	width: 200px;
	height:56px;
	display: block;
	text-indent:-9999em;
}

/* Sreach */
#search	{
	background: url(css/imgs/craft/bgr-search.png) no-repeat;
	width: 340px;
	height: 26px;
	padding: 3px 5px 3px 25px;
	display: block;
	float: left;
	margin: 15px 20px 0px 0px;
}
#search .text-search {
	background: #fff;
	border: none;
	height: 22px;
	line-height: 22px;
	width: 280px;
	font-size: 11px;
	margin-top: 1px;
	color: #666;
}
#search .btn-search {
	background: none;
	border: none;
	height: 20px;
	line-height: 20px;
	color: #fff;
	width: 52px;
	cursor : pointer;
	font-size: 12px;
	font-weight: bold;
}

/* des site */
#description-site {
	display: block;
	width: 260px;
	height: 20px;
	line-height: 1.5em;
	font-size: 11px;
	padding-top: 20px;
	float: left;
	color: #fff;
}

/* About us */
#link-header {
	width: 105px;
	float: right;
	line-height: 56px;
	color: #fff;
	text-align: right;
}
#link-header a {
	color:#FFF;
	text-decoration:none;
	padding-left:10px;
	font-size:11px;
}
#link-header a:hover {
	text-decoration: underline
}
#link-header a.first {
	padding-left: 0px
}	

/*-----------------------------------------------------------------------*/
/* #nav */
#nav {
	background: #f7f7f7;
	height: 36px;
	line-height: 36px;
	width: 100%;
	display: block;
	border-top: 1px solid #fff;
	margin-bottom: 0px;
	border-bottom: 2px solid #E8E8E8;
}
#nav ul {
	height: 36px;
	background: url(css/imgs/line_menu.png) right bottom no-repeat;
	display: block;
	width: 980px; 
	margin:0 auto;
}
#nav ul li {
	height: 36px;
	background: url(css/imgs/line_menu.png) left bottom no-repeat;
	display: inline-block;
	padding-left: 2px;
}
#nav ul li a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #222;
	padding-left: 20px;
	padding-right: 20px;
	text-shadow: 1px 1px #fff;
	line-height:36px;
}
#nav ul li a:hover {
	text-decoration:underline;
	color:#A10D74
}
/*-----------------------------------------------------------------------*/


/*-----------------------------------------------------------------------*/
/* home */
#home-post-today {
	width: 660px;
	display: block;
}
#home-post-today li {
	width: 260px;
	height: 55px;
	float: right;
	border-top: 1px dotted #d1d1d1;
	padding-top: 4px;
	padding-bottom: 12px;
}
#home-post-today li a {
	text-decoration: none;
	margin-left: 90px;
	display: block;
}
#home-post-today li a.post-thumb-8 {
	text-decoration: none;
	margin-left: 0px;
}
#home-post-today li a.post-thumb-8 img{
	max-height: 55px;
}
#home-post-today li a:hover {
	text-decoration: underline;
}

#home-post-today li.first-1 {
	border-top: none;
	padding-top: 0px;
	margin-top: 0px;	
}
#home-post-today li.first {
	width: 380px;
	float: left;
	margin-right: 20px;
	border-top: none;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 435px;
}
#home-post-today li.first a{
	margin-left: 0px;
}
#home-post-today a.post-thumb-38 img{
	max-height:252px;
}
#home-two-col {
	width: 680px;
	margin-top: 20px;
	display: block;
}
#home-two-col li {
	width: 320px;
	float: left;
	margin-right: 20px;
	border-top: 1px dotted #d1d1d1;
	padding-top: 4px;
	padding-bottom: 12px;
	height:210px;		
}
#home-two-col li a.post-thumb-12 img{
	max-height: 140px;	
}
#home-two-col li p {
	margin-left: 130px;
	padding-top: 0px;
}
#home-two-col h2 {
	font-size: 1.2em;
}
#home-two-col .ad-468 {
	display: block;
	width: 660px;
	margin-left: 0px;
}
/*-----------------------------------------------------------------------*/
/* content post */
#featured-post {
	width: 290px;
	border: 1px solid #e6e6e6;
	border-bottom-width:2px;
	padding: 10px 5px 5px 5px;
}
#featured-post li {
	width: 280px;
	border-top: 1px dotted #d1d1d1;
	padding: 4px 5px 12px 5px;
	clear:both;
}
#featured-post li h2{
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0;
	padding: 0px 0 5px 0;
	line-height: 1.5em;
}
#featured-post li h2 a {
	color: #3A559B;
}
#featured-post li.first {
	border-top: none;
	padding-top:0px;
}
#featured-post li a {
	text-decoration: none;
	margin-left: 90px;
	display: block;
}
#featured-post li a.post-thumb-8 {
	text-decoration: none;
	margin-left: 0px;
	margin-right: 10px;
}
#featured-post li a.post-thumb-8 img{
	max-height: 55px;
}
#featured-post li a:hover {
	text-decoration: underline;
}

#popular-post {
	width: 290px;
	border: 1px solid #e6e6e6;
	border-bottom-width: 2px;
	padding: 10px 5px 5px 5px;
}
#popular-post li {
	width: 280px;
	border-top: 1px dotted #d1d1d1;
	padding: 5px 5px 6px 5px;
	clear:both;
}
#popular-post li.first {
	border-top: none;
	padding-top:0px;
}
#popular-post li a {
	text-decoration: none;
	display: block;
}
#featured-post li a:hover {
	text-decoration: underline;
}
.right-post-title {
	border-top: 3px solid #333;
	line-height: 34px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	padding: 0;
	padding-left: 10px;
	width: 290px;
	color: #000;
	text-shadow: 1px 1px #fff;
	font-size: 14px;
	margin: 20px 0px 0px 0px;
}
/*-----------------------------------------------------------------------*/
/* nav category sub */
.title-col-left {
	width: 140px;
	border-top: 3px solid #333;

}
.title-category-sub {
	border-top: 3px solid #333;
	line-height: 34px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	padding: 0;
	padding-left: 10px;
	width: 128px;
	color: #000;
	text-shadow: 1px 1px #fff;
	font-size: 14px;
	margin: 20px 0px 0px 0px;
}

#nav-category-sub {
	width: 130px;
	border: 1px solid #e6e6e6;
	border-bottom-width: 2px;
	padding: 10px 4px;
}
#nav-category-sub li {
	width: 120px;
	border-bottom: 1px dotted #e6e6e6;
	padding: 8px 5px;
}
#nav-category-sub li a{
	text-decoration: none;
}

ul.wp-tag-cloud {
	width: 130px;
	border: 1px solid #e6e6e6;
	border-bottom-width: 2px;
	padding: 10px 4px;
	display: block;
}
ul.wp-tag-cloud li {
	width: 120px;
	border-bottom: 1px dotted #e6e6e6;
	padding: 8px 5px;
}
ul.wp-tag-cloud li a {
	text-decoration: none;
}
/*-----------------------------------------------------------------------*/
/* wp-pagenaviallt */
#wp-pagenaviall	{
	display: block;
	margin: 10px 20px 10px 0px;
	height: 20px;
	padding: 10px 0px;
	border-bottom: 2px solid #e6e6e6;
	border-top: 1px solid #e6e6e6;
}
#wp-pagenaviall li {
	display: inline-block;
	clear: none;
	border: none !important;
	height: 20px !important;
}
#wp-pagenaviall li.pages {
	float: left !important;
	width: 100px !important;
	background: #fff;
	font-weight: bold;
	padding: 0px;
	margin-right: 10px;
	font-size: 11px;
	clear:none;	
}

#wp-pagenaviall li.wp-pagenavi {
	float:right !important;
	width: 400px !important;
	padding: 0px;
	text-align: right;
	clear:none !important;
}
#wp-pagenaviall li.wp-pagenavi a {
	border: 1px solid #d6d6d6;
	background: #f9f9f9;
	font-weight: bold !important;
	padding: 3px 8px;
	font-size: 11px !important;
	text-decoration: none;
}
#wp-pagenaviall li.wp-pagenavi .current {
	border: 1px solid #d6d6d6;
	background: #666;
	font-weight: bold;
	color: #fff;
	padding: 3px 10px;
	margin-right: 4px;
	font-size: 11px !important;
}

/*-----------------------------------------------------------------------*/
/* category-post */
#category-post, #archive-post, #list-tags {
	display: block;
	width: 500px;
}
#category-post li, #archive-post li, #list-tags li {
	clear: both;
	width: 500px;
	border-top: 1px dotted #e6e6e6;
	padding-top: 16px;
	padding-bottom: 10px;
	display: block;
	
}
#category-post li.first, #archive-post li.first, #list-tags li.first {
	clear: both;
	width: 500px;
	border-top: none;
	padding-top: 0px;
	padding-bottom: 10px;
	display: block;
}
#category-post a.post-thumb-14 img, #archive-post a.post-thumb-14 img, #list-tags a.post-thumb-14 img{
	max-height: 150px;
}
#category-post li h2, #archive-post li h2, #list-tags li h2 {
	padding-top: 0px;
}
#category-post li p, #archive-post li p, #list-tags li p {
	margin-left: 155px;
	min-height: 150px;
}

#category-post .ad-468, #archive-post .ad-468 {
	width: 500px;
	display: block;
}
/*-----------------------------------------------------------------------*/
/* archive-post */
#archive-post {
	width: 500px;
	margin-left: 0px;
}
#list-tags {
	width: 660px;
	margin-left: 0px;
}
#list-tags li {
	width: 660px;
}
#list-tags li.first {
	width: 660px;
}

#list-tags #wp-pagenaviall {
	width: 660px;
}
/*-----------------------------------------------------------------------*/
/* content post */
.page-title {
	font: normal 2em/1.33em Helvetica, Arial, Helvetica, sans-serif; 
	margin-top: 0px;
}
.archive-meta {
	display: block;
}
#content-post {
	width: 500px;
	float: left;
	margin-left: 0px;
}
#content-post table {
	max-width: 490px !important;
	_width: 490px;	
}
#content-post p {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-size: 12px !important;
}
#content-post img, #content-post embed {
	max-width: 488px !important;
	_width: 488px !important;
	height: auto !important;
	padding: 5px !important;
	border: 1px solid #e8e8e8;
	background: #f6f6f6;
	display: block;
	margin-bottom: 10px;
	margin: auto;
}
#content-post embed {
	display: block;
	margin: 10px auto;
}
#content-post h3 { 
	display: block; 
	padding: 10px 0 3px 0; 
	margin-bottom: 18px; 
	font: normal 2.2em/1.33em Helvetica, Arial, Helvetica, sans-serif; 
	color: #2F2F2F; 
	border-bottom: 2px solid #2F2F2F;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
/*-----------------------------------------------------------------------*/
/* tags-post */
#tags-post {
	display: block;
	font-size: 11px;
	color: #666;
	border-top: 1px dotted #e6e6e6;
	margin-top: 15px;
	padding-top: 7px;
	clear: both;	
}
#tags-post a {
	color: #888;
}
/*-----------------------------------------------------------------------*/
/* single-post-find */
#single-post-find {
	display: block;
	margin: 10px 0px; 
}
#single-post-find li{
	clear: both;
	background: url(css/imgs/icon-li.gif) left 12px no-repeat; 
	padding: 5px 0px 5px 25px;
}
#single-post-find li a.post-thumb { 
	margin-right: 15px;
}
#single-post-find h3 {
	margin: 0;
	margin-bottom: 10px;
	border-bottom: none;
}
#single-post-find h3 a {
	color: #333;
}
/*-----------------------------------------------------------------------*/
/* category post related */
#category-related {
	display: block;
}
#category-related li {
	clear: both;
	border-top: 1px dotted #d1d1d1;
	padding-top: 10px;
	padding-bottom: 12px;
}
#category-related li.first {
	border-top: none;
	padding-top: 0px;
}
#category-related li a {
	margin-left: 90px;
	text-decoration: none;
	display: block;
}
#category-related li h2 {
	font-size: 12px;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}
#category-related li h2 a {
	color: #3A559B;
}

#category-related li a.post-thumb-12 {
	margin-left: 0px;
	margin-right: 10px;
}
#category-related p {
	padding-bottom: 0px;
}
#meta-post {
	display: block;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #888;
	margin-left: 0px !important;
	margin-bottom: 10px;
		
}
#meta-post .meta-comment a {
	color: #000;	
}
span.visit-site-source {
	display: block;
	width: 500px;
	color: #888;
	margin-bottom: 10px;
	font-size: 11px;
}
span.visit-site-source strong {
	color: #888;	
}
span.visit-source-link a {
	color: white;
	padding: 6px 24px;
	background: #007FBF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: "Segoe UI", helvetica, Tahoma, Arial, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #005580;
	display: inline-block;
}
/* -------------------------------------------------------------------------------------- */
/* footer */
.cleaner_footer {
	border-bottom: 1px solid #fff;
	height: 1px;
	display: block;
	clear: both;
}			
#navfooter {
	display: block;
	padding-top: 5px;
}
#navfooter ul {
	height: 28px;
	background: url(css/imgs/dot_footer.gif) right 5px no-repeat;
	padding-top: 5px;
}
#navfooter li {
	float: left;
	display: inline-block;
	padding-left: 18px;
	padding-right: 18px;
	font-weight: bold;
	background: url(css/imgs/dot_footer.gif) left bottom no-repeat;
}
#navfooter li a {
	color: #333;
	font-size: 11px;
}
#navfooter li.first {
	border-left: none
}

#bookmarks_tags {
	width: 982px;
}
#footer h3 {
	font-size: 15px;
	color: #333;
	margin: 10px 0px 10px 0px;
	padding-left: 0px;
	text-shadow: 1px 1px #fff;
	text-decoration: underline;
	line-height: 20px;
} 

#footer .bookmarks {
	display: block;
	float: left;
	width: 642px;
}
#footer .list-bookmarks {
	background: url(css/imgs/bookmarks.gif) 150px bottom repeat-y;
}
#footer .linkcat {
	float: left;
	width: 150px;
	padding: 0px 10px 0px 0px;
}
#footer .linkcat ul {}
#footer .linkcat h3 {
	color: #090;
	font-weight: bold;
	padding-bottom: 5px;
	text-shadow: 1px 1px #fff;
}
#footer .linkcat ul li a {
	color: #5C96C7;
	font-size: 11px;
}
#footer .tags-cool 	{
	width: 320px;
	float: right;
}
#footer .tags-cool a {
	color: #5C96C7;
}
#footer .tags-cool1 {
	width: 982px
}
#footer .tags-cool1 a {
	color: #5C96C7;
}
#footer .about-site {
	padding: 10px 0px;
	padding-bottom: 0px;
	color: #666;
}
#footer .about-site a {
	color: #666;
	font-weight: bold;
	text-decoration: underline;
}
#footer .about-site a:hover {
	text-decoration: none;
}
#footer .about-site h2, 
#footer .about-site h3, 
#footer .about-site h4,  
#footer .about-site h5, 
#footer .about-site h6 {
	font-size: 12px;
	color: #333;
	padding-bottom: 5px;
	margin: 0px;
}
#footer .copyright-designer {
	display: block;
	width: 982px;
	margin-top: 15px;
	margin-bottom: 0px;
	font-size: 11px;
}
#footer .copyright {
	width: 400px;
	color: #888;
	float: left;
	font-size: 11px;
}
#footer .copyright a {
	color: #666;
}
#footer .design-by {
	width: 580px;
	float: right;
	text-align: right;
	font-size: 11px;	
}
#footer .design-by a {
	color: #666;
}
/* header */

/* submit social */
#post-social {
	display:  block;
	margin: 20px 0px 10px 0px;;
	width: 500px;
	font-size: 11px;
}
#post-social .plus-social {
	display: block;
	width: 106px;
	float: left;
}
#post-social .socialmedia {
	display: block;
	float: left;
	width: 394px;
	padding-top: 0px;
}
#post-social .socialmedia span {
	display: block;
	width: 95px;
	font-weight: normal;
	color: #0075EA;
	float: left
}
#post-social .socialmedia a {
	display: block;
	width: 16px;
	height: 16px;
	background: url(css/imgs/social.png) 0px 0px no-repeat;
	float: left;
	margin-left: 10px;
}
#post-social .socialmedia a.twiter {
	background-position: -26px 0px;
}
#post-social .socialmedia a.delicious {
	background-position: -52px 0px;
}
#post-social .socialmedia a.facebook	{
	background-position: -78px 0px;
}
#post-social .socialmedia a.stumbleupon {
	background-position: -104px 0px;
}
#post-social .socialmedia a.myspace {
	background-position: -130px 0px;
}
#post-social .socialmedia a.linkIn {
	background-position: -156px 0px;
}
#post-social .socialmedia a.google {
	background-position: -182px 0px;
}
#post-social .socialmedia a.technorati {
	background-position: -208px 0px;
}
#post-social .socialmedia a.reddit {
	background-position: -234px 0px;
}
#post-social .socialmedia a.yahoo {
	background-position: -260px 0px;
}
#post-social .socialmedia a.zingme {
	background-position: -286px 0px;
}

/*-----------------------------------------------------------------------*/
/* Thumbs  text height:103px; */
a.post-thumb, a.post-thumb-8, a.post-thumb-12, a.post-thumb-14, a.post-thumb-38 {
	float: left;
	display: block;
	margin: 3px 0px 0px 0px;
	background: #fff;
}
a.post-thumb img, a.post-thumb-8 img, a.post-thumb-12 img, a.post-thumb-14 img, a.post-thumb-38 img {
	border: 1px solid #E3ECF2;
	padding: 1px;
}

a.post-thumb {
	width: 160px;
}
a.post-thumb img {
	width: 156px;
}
a.post-thumb-8 {
	width: 80px;
}
a.post-thumb-8 img {
	width: 76px;
	max-height: 55px;
}
a.post-thumb-12 {
	width: 120px;
}
a.post-thumb-12 img {
	width: 116px;
}
a.post-thumb-14 {
	width: 140px;
}
a.post-thumb-14 img {
	width: 136px;
}
a.post-thumb-38 {
	width: 380px;
}
a.post-thumb-38 img {
	width: 376px;
}

/* border */
.border	{
	border: 1px solid #e6e6e6;
}
.border-bottom {
	border-bottom: 3px solid #e6e6e6;
}

/* Float */
.right {
	float: right;
}
.left {
	float: left;
}
.none {
	float: none;
}
.hide {
	display: none;
}

/* clear */
.clear {
	clear: both;
	visibility: hidden;
}
/* Struc */
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

.mtop {
	margin-top: 20px;
}
.mbottom {
	margin-bottom: 15px;
}
.mtop1 {
	margin-top: 15px;
}
.mleft {
	margin-left: 20px;
}
.mright {
	margin-right: 20px;
}