/*
Theme Name: Safari
Description: A custom theme for safari site.
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.5; background:#887535 url(images/back.jpg) no-repeat center top; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
a{text-decoration:none; color:#3f3104;}
a:hover{text-decoration:underline;}

/* STRUCTURE */
#container{margin: 0px auto; position:relative; left:-1px; padding-top:20px;}
#holder{width:960px; margin: 0px auto;}
#header{background:url(images/header.jpg) no-repeat; height:155px; padding-top:95px;}
#nav-main{background:url(images/nav.png) repeat-x top; height:45px;}
#content-box{padding:0 10px 0 6px; background:#fff;}
#left-panel{float:left; width:198px; margin-right:14px;}
#main-panel{float:left; width:530px; margin-right:20px; padding-top:6px;}
#right-panel{float:left; width:180px; padding-top:6px;}

#footer{background:#fff; padding:10px; text-align:center; color:#3f3104;}

/* HEADER */
#logo{background:url(images/title.png); float:left;}
#logo a{color:#fff; font-size:42px; padding:0 10px; float:left; font-weight:bold;}
#logo a:hover{text-decoration:none; background:url(images/title.png);}

/* NAVIGATION */
#nav-main li{float:left; line-height:35px; background:url(images/nav_sep.png) no-repeat right top; padding-right:2px;}
#nav-main li a{float:left; color:#fff; font-weight:bold; padding:0 20px;}
#nav-main li.current_page_item a, #nav-main li a:hover{background:url(images/nav_hov.png) repeat-x top; text-decoration:none;}

/* CONTENT */
#bread-crumb{height:35px; line-height:35px; margin-left:6px; background:url(images/breadcrumb.png) repeat-x bottom; margin-bottom:15px; padding:0 10px;}
#bread-crumb a{font-weight:bold;}
.cat-desc{padding-bottom:10px;}
.pagetitle{font-size:25px; font-weight:bold; color:#3f3104;}

	/* LEFT PANEL */
	.box{background:url(images/box.png) repeat-y center; width:198px; margin-bottom:10px;}
	.box .box-top{background:url(images/box.png) no-repeat right bottom;}
	.box .box-bot{background:url(images/box.png) no-repeat left top; padding:7px;}
	.box h3{font-weight:bold; color:#fff; font-size:16px; line-height:35px; padding:0 10px;}
	.box ul li{padding:3px 3px 3px 5px;}
	.box li li{padding:3px 3px 3px 15px;}
	.box a{padding:3px;}
	.box ul li a{background:url(images/bullet.gif) no-repeat left 4px; padding:0; padding-left:10px;}

	/* RIGHT PANEL */
	#right-panel p{margin-bottom:5px;}
	
	/* POST */
	.post-small{border:#d1d1d1 1px solid; float:left; width:255px;}
	.post-small .post-title{font-size:16px; font-weight:bold; background:url(images/posttitle_r.png) repeat-x top; color:#fff; line-height:35px; margin-bottom:10px; padding:0 10px;}
	.post-small .post-title a{font-weight:bold; color:#fff;}
	.post-small .post-title a:hover{text-decoration:none; color:#ccc;}
	.post-small .post-content{padding:0;}
	.post-small .post-content p{padding:0 10px 7px 10px;}
	.post-left{margin-right:15px; clear:both;}

	.authlink{float:right;}
	.readmore{background:url(images/readmore.gif) no-repeat left 3px; padding-left:15px;}
	
	.post{margin-bottom:15px;}
	.post-title{font-size:25px; color:#3f3104; font-weight:bold;}
	.post-content{padding:5px 0;}
	.post-content p{padding:0 0 15px 0;}
	.post-content img.post-pic{max-width:235px;}
	.post-content ul{list-style-type:disc; 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:18px;}
	.post-content h2{font-size:16px;}
	.post-content h3{font-size:14px;}
	.post-content b, .post-content strong{font-weight:bold;}
	.post-content i, .post-content em{font-style:italic;}
		
	.navigation{height:20px; padding:5px 10px; clear:both;}
	.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 5px 5px 0;}
		.alignright{float: right; margin:0 0 5px 5px;}
		.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:16px;}
	#commentform{font-size:12px;}
	#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:400px;}
	#submit{background:#231800; border:#000 1px solid; color:#fff; height:30px; margin-left:110px; padding-bottom:3px;}
	#submit:hover{background:#7c591e; cursor:pointer;}
	
	ol.commentlist{padding:0;}
	ol.commentlist li{padding:10px; border-bottom:#eee 1px dotted;}
	ol.commentlist li.alt{background:#f5f5f5;}
	ol.commentlist .comment-author{}
	ol.commentlist .avatar{display:none;}
	ol.commentlist .comment-meta{}
	
	
/* FOOTER */
#footer .fot-content{background:url(images/footer.png) repeat-x top; padding:25px 10px; height:42px;}
#footer .fot-content ul li{display:inline;}
#footer .fot-content ul li a{padding:0 5px; font-weight:bold;}
#footer p{padding-top:10px;}
#fot-bot{height:30px; background:#887535;}

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