/*
Theme Name: Beijing & China
Description: A custom red theme for Beijing & China website.
Version: 1.0
Author: Muthuswamy K
Author URI: http://www.muthuswamy.in/
*/

/* DEFAULT */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: 100;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}
caption,th,td{text-align: left;font-weight: normal;}

/* REGULAR CODING */
body{background:url(images/body.gif); font-family: Verdana, Geneva, sans-serif; font-size:12px; line-height:1.4;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* STRUCTURE */
#holder{width:900px; padding:0 15px; margin: 0px auto; background:url(images/holder.png);}
#header{background:url(images/header.jpg) no-repeat; height:152px;}
#nav-main{background:url(images/nav.png) repeat-x top; height:73px; padding-top:4px; overflow:hidden; position:relative;}
#content-box{}
#left-panel{float:right; width:204px; padding:10px 8px;}
#right-panel{float:right; width:640px; padding:15px 20px;}
#footer{background:#000 url(images/footer.png) no-repeat; padding:45px 20px 20px 20px; text-align:center; color:#fff; font-family: Arial, Helvetica, sans-serif; font-size:11px;}
	
/* HEADER */
#logo-hold{color:#fff; font-family: Arial, Helvetica, sans-serif; padding:14px 0 0 19px; float:left; text-align:right;}
#logo{width:314px; height:48px; position:relative; overflow:hidden; text-align:left;}
#logo a{color:#fff; font-size:30px; font-weight:bold;}
#logo a span{width:100%; height:100%; position:absolute; background:url(images/logo.png) no-repeat;}
#sub-logo{font-weight:bold; font-size:16px; line-height:1;}
#logo-hold h1{font-size:32px; font-weight:bold;}


/* NAVIGATION */
#nav-main li{float:left; line-height:36px;}
#nav-main li a{float:left; color:#fff; text-transform:uppercase; font-size:13px;}
#nav-main li a span{float:left; padding:0 20px;}
#nav-main li.current_page_item a,
#nav-main li.current_page_parent a,
#nav-main li.current_page_ancestor a{background:url(images/nav_hov_r.png) no-repeat right top; text-decoration:none;}
#nav-main li.current_page_item a span,
#nav-main li.current_page_parent a span,
#nav-main li.current_page_ancestor a span{background:url(images/nav_hov_l.png) no-repeat left top;}
#nav-main ul{display:none;}

	/* Second Level*/
	#nav-main li.current_page_item ul, 
	#nav-main li.current_page_parent ul, 
	#nav-main li.current_page_ancestor ul{display:block; position:absolute; top:40px; left:0;}
	#nav-main ul li{background:url(images/nav_sep.gif) no-repeat right top;}
	#nav-main ul li:last-child{background:none;}
	#nav-main ul li a{text-transform:none; font-size:11px; background:none!important;}
	#nav-main ul li a span{padding:0 15px; background:none!important;}
	#nav-main ul li a:hover span{text-decoration:underline;}

/* CONTENT */
#content-box a{color:#03c;}
.pagetitle{border-bottom:#ebeff1 1px solid; margin-bottom:10px; font-weight:bold;}
.breadcrumb{border-bottom:#ebeff1 1px solid; margin-bottom:10px; line-height:25px;}

	/* SIDEBAR */
	.box{background:url(images/box.png) repeat-y center; width:202px; margin-bottom:10px;}
	.box .box-top{background:url(images/box.png) no-repeat left top;}
	.box .box-bot{background:url(images/box.png) no-repeat right bottom; padding:0 10px 10px 10px;}
	.box h3{color:#fff; font-size:14px; line-height:36px; margin-bottom:10px;}
	.box a{color:#333;}
	.box a:hover{color:#903; text-decoration:none;}
	.box li{padding:5px 0 5px 10px; border-bottom:#ccc 1px solid; background:url(images/bullet_black.gif) no-repeat left 12px;}
	.box li:last-child{border:0;}
	.box i, .box em{font-style:italic;}
	.box b, .box strong{font-weight:bold;}
	
	.search-box{background:url(images/search_box.png) repeat-y center; width:200px; margin-bottom:10px;}
	.search-box form{background:url(images/search_box.png) no-repeat;}
	.search-box form fieldset{background:url(images/search_box.png) no-repeat right bottom; padding:10px;}
	.search-box h3{color:#8c5772; border-bottom:#e2d4d9 1px dotted; margin-bottom:5px; font-size:14px; font-style:italic;}
	.search-box #s{width:132px; height:20px; padding:4px 5px 0 5px; border:#7f9db9 1px solid;}
	.search-box #searchsubmit{background:url(images/search_btn.gif) no-repeat; width:30px; height:20px; border:0; color:#fff; padding-bottom:3px;}
	.search-box #searchsubmit:hover{cursor:pointer;}
	
	.empty-box{width:210px; margin-bottom:10px;}
	.empty-box h3{color:#333; font-size:14px; line-height:26px; font-weight:bold;}	
	.empty-box i, .empty-box em{font-style:italic;}
	.empty-box b, .empty-box strong{font-weight:bold;}

	/* POST */
	.post{border-bottom:#ebeff1 1px solid; margin-bottom:20px;}
	.post-title{font-size:20px; font-family: Arial, Helvetica, sans-serif; margin-bottom:5px;}
	.post-title a{color:#903!important;}
	.post-title a:hover{color:#333!important; text-decoration:none;}
	.post-meta{color:#666; margin-bottom:5px; background:url(images/post_meta.gif) repeat-x bottom; padding-bottom:5px;}
	.post-content{padding-top:5px;}
	.post-content p{padding:0 0 15px 0;}
	.post-content ul{list-style-type:disc; margin:5px 0 15px 20px;}
	.post-content ol{list-style-type:decimal; margin:5px 0 15px 25px;}
	.post-content blockquote{margin:10px 20px; background:#ececec; padding:10px;}
	.post-content blockquote p{padding:0;}
	.post-content h1{font-size:16px; font-weight:bold;}
	.post-content h2{font-size:14px; font-weight:bold;}
	.post-content h3{font-size:12px; font-weight:bold;}
	.post-content b, .post-content strong{font-weight:bold;}
	.post-content i, .post-content em{font-style:italic;}
	.more-button{background:url(images/more_button.gif) no-repeat; padding-left:20px;}	
	.post-image{float:right; border:#cecece 1px solid; background:#fff; padding:3px; width:212px;}
	.post-hold .post{margin-right:230px;}	
	
	.navigation{height:20px; padding-bottom:20px;}
	.navigation .alignleft{float:left;}
	.navigation .alignright{float:right;}
		
		/* Wordpress Classes */
		.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
		.alignleft{float: left; margin:0 10px 0 0;}
		.alignright{float: right; margin:0 0 0 10px;}
		.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
		.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}

	/* COMMENT */
	#comments, #respond{font-size:22px; border-bottom:#e5e5e5 1ps dotted;}
	#commentform p{padding:8px 0;}
	#commentform label{width:100px; float:left; text-align:right; margin:0 10px 0 0; line-height:25px;}
	#commentform .req{color:#f00;}
	#author, #email, #url{width:240px; height:20px; padding:5px 5px 0 5px;}
	#comment{width:520px;}
	#submit{background:#c00000; border:#e2161c 1px solid; color:#fff; height:30px; margin-left:110px;}	
	#submit:hover{background:#e2161c; border:#c00000 1px solid; cursor:pointer;}
	
	ol.commentlist{padding:20px;}
	ol.commentlist li{padding:15px; border-bottom:#eee 1px dotted;}
	ol.commentlist li.alt{background:#f5f5f5;}
	ol.commentlist .comment-content{padding:10px 0;}
	ol.commentlist .comment-content a{color:#39c;}
	ol.commentlist small{font-size:11px;}
	ol.commentlist b.auth a{font-weight:bold; color:#06c;}
	ol.commentlist .commentmetadata{float:right;}
	

/* FOOTER */
#footer a{color:#fff;}

/* OTHER */
.clear{clear:both;}