/*
Theme Name: Tjanapengar
Description: A 2-column customized wordpress theme.
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{line-height:1.4; font-family: Arial, Helvetica, sans-serif; background:#7c3f00; font-size:12px; color:#333;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* STRUCTURE */
#container{margin: 0px auto; background:#f9f8ed url(images/back.gif) repeat-x top;}
#holder, #fot-hold{	width:974px; margin: 0px auto;}
#header{height:77px; padding:0 7px;}
#nav-main{padding-top:19px; height:36px; float:right; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size:16px;}
#breadcrumb{clear:both; padding:8px 7px 0 7px; line-height:30px; color:#600;}
#content-box{background:url(images/content.png) repeat-y center; margin-bottom:30px;}
#content-box .content-top{background:url(images/content.png) no-repeat left top;}
#content-box .content-bot{background:url(images/content.png) no-repeat right bottom; padding:25px;}
#top-panel{margin-bottom:20px; background:url(images/top_panel.png) repeat-y center; width:920px;}
#top-panel .top{background:url(images/top_panel.png) no-repeat left top;}
#top-panel .bot{background:url(images/top_panel.png) no-repeat right bottom; padding:10px;}
#top-panel .left{float:left; width:615px; margin-right:22px;}
#top-panel .right{float:left; width:260px;}
#main-panel{float:left; width:620px; margin-right:20px;}
#sidebar{float:left; width:280px;}
#footer{background:#7c3f00 url(images/footer.gif) repeat-x top; text-align:center; color:#ede4db; padding:20px 0;}

/* HEADER */
#logo-hold{float:left; text-align:right; padding-top:10px; line-height:1;}
#logo a{display:block; width:243px; height:43px; line-height:143px; background:url(images/logo.png) no-repeat; overflow:hidden;}
#logo-sub{color:#fff;}

/* NAVIGATION */
#nav-main li{float:left; padding:0 4px; line-height:36px;}
#nav-main li a{float:left; font-weight:bold; color:#fff; padding-left:5px;}
#nav-main li a span{float:left; font-weight:bold; padding:0 15px 0 10px;}
#nav-main li a:hover, #nav-main li.current_page_item a{background:#600 url(images/nav_l.gif) no-repeat left top; text-decoration:none;}
#nav-main li a:hover span, #nav-main li.current_page_item a span{background:#600 url(images/nav_r.gif) no-repeat right top;}

/* CONTENT */
#breadcrumb a{color:#600;}

#top-panel h2.featured-title{background:url(images/ico_file.png) no-repeat; line-height:35px; border-bottom:#fff 1px solid; font-size:20px; font-weight:bold; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; color:#930; padding-left:40px;}
#top-panel .featured-contnet{border-top:#ebe2c0 1px solid; padding:10px 10px 0 10px;}
#top-panel .post-title{color:#600; line-height:1.4; font-size:20px; font-weight:bold; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}
#top-panel .post-pic{float:left; margin:5px 10px 10px 0; border:#e3dbad 1px solid;}
#top-panel h2.subscribe{line-height:36px; background:url(images/ico_subscribe.png) no-repeat; padding-left:50px; font-size:20px; font-weight:bold; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; color:#930;}
#top-panel form{padding:0 10px;}
#top-panel .right p{padding-top:10px;}
#top-panel form p.center{text-align:center;}
#top-panel form .subs-txt{background:#fff; border:#e0d3af 1px solid; width:235px; height:23px; padding:5px 4px 0 4px;}
#top-panel form .subs-btn{background:url(images/subscribe.png) no-repeat; width:126px; height:36px; border:0; cursor:pointer;}
.news-note{text-align:center; margin-top:5px;}

	/* SIDEBAR */
	.box{background:url(images/box.jpg) repeat-y center; margin-bottom:20px;}
	.box .box-bot{background:url(images/box.jpg) no-repeat right bottom;}
	.box .box-top{background:url(images/box.jpg) no-repeat left top; padding:0 10px 20px 10px;}
	.box a{color:#333; text-align:left!important;}
	.box h3{margin-bottom:15px;}
	.box h3, .box h3 a{line-height:45px; font-size:22px; font-weight:bold; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; color:#484949;}
		.box h3.ico-post{background:url(images/ico_post.png) no-repeat left bottom; padding-left:40px;}
		.box h3.ico-ads{background:url(images/ico_ads.png) no-repeat left bottom; padding-left:44px;}
		.box h3.ico-twit{background:url(images/ico_twit.png) no-repeat left bottom; padding-left:40px;}
	.box ul li{padding:5px 5px 5px 15px; background:url(images/bullet.gif) no-repeat left 10px; border-bottom:#f4f1e3 1px solid;}
	.box ul.twit li{padding:5px; background:none;}
	.box ul.twit li a{color:#930;}
	.box ol.ads li{float:left; padding:1px;}
	.box ol.ads li img{float:left; border:#dce3e9 1px solid; padding:0; line-height:1;}
	.box p{padding:5px 0;}
	.box p.advertise{margin-top:15px; text-align:center;}

	/* POST */
	a{color:#c33;}
	.post{margin-bottom:20px; background:url(images/post.jpg) no-repeat center top; padding:0 10px;}
	.post-title{color:#600; line-height:60px;font-size:20px; font-weight:bold; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}
	.post-title a{font-weight:bold; color:#600;}
	.post-title a:hover{text-decoration:none; color:#333;}
	.post-content{padding:10px 0;}
	.post-content img{border:#d9e1e8 1px solid; padding:2px;}
	.post-content p{padding:0 0 10px 0;}
	.post-content ul{list-style-image:url(images/bullet.gif); margin:10px 0 10px 20px;}
	.post-content ol{list-style-type:decimal; margin:10px 0 10px 25px;}
	.post-content blockquote{margin:10px 20px; background:#f5f5f5; padding:10px;}
	.post-content blockquote p{padding:0;}
	.post-content h1{font-size:17px; font-weight:bold;}
	.post-content h2{font-size:15px; font-weight:bold;}
	.post-content h3{font-size:13px; font-weight:bold;}
	.post-content b, .post-content strong{font-weight:bold;}
	.post-content i, .post-content em{font-style:italic;}
	.post-extra{background:#fafafa; border:#b2b2b2 1px dashed; padding:15px; margin:5px 0;}
	.post-extra h3{color:#930; font-size:20px; font-weight:bold; border-bottom:#e5e5e4 1px solid; margin-bottom:5px;}
	.post-ad{background:#f0f0f0 url(images/post_ad.gif) no-repeat left top; width:600px;}
	.post-ad-hold{background:url(images/post_ad.gif) no-repeat right bottom; text-align:center; padding:10px;}

	.wide{background:none!important;}
	.wp-pagenavi{height:25px;}
	
	.navigation{height:20px; padding:4px 10px;}
	.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 10px 0;}
		.alignright{float: right; margin:0 0 10px 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:18px!important; color:#666!important;}
	#commentform p{padding:8px 0; font-size:12px;}
	#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:450px;}
	#submit{background:#90ac36; border:#738f32 1px solid; color:#fff; height:30px; margin-left:110px; cursor:pointer;}
	#submit:hover{background:#738f32;}
	
	ol.commentlist{}
	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 .avatar{display:none;}
	ol.commentlist .comment-meta{margin-bottom:5px;}
	ol.commentlist b.auth a{font-weight:bold; color:#06c;}

/* FOOTER */
#footer a{color:#fff;}
#footer ul{margin-bottom:5px;}
#footer li{display:inline;}
#footer li a{padding:0 5px;}
#footer p{padding:4px 10px;}

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

.button-h a {background:url(images/button-huge-1.png) no-repeat left top;
font-size:16px; padding:10px 0 9px 30px;}