/*
Theme Name: SAS Compustion
Description: A custom theme for SAS Compustion
Version: 1.0
Author: Muthuswamy K
Author URI: http://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:#9be7f9; font-family:Arial, Helvetica, sans-serif; line-height:1.4; font-size:14px;}
a{text-decoration:none;}

/* STRUCTURE */
#container{margin: 0px auto;background:url(images/container.png) repeat-x top;}
#header{height:80px;}
#nav-main{height:34px; position:absolute; top:46px;float:right;}
#banner{background:url(images/banner_bk.png) repeat-x top;}
#banner_smal{background:url(images/banner_bk_smal.png) repeat-x top;}
#content-box{background:#fff; padding:20px 0;}
#left-panel{float:left;width:219px;color:#191516;}
#right-panel{margin:0 0 0 240px;height:1%}
#footer{background:url(images/footer.png) repeat-x top; padding:25px 20px; font-size:11px;font-family:"Tahoma",Arial, Helvetica, sans-serif;}
.holder{width:980px;margin: 0px auto;}
	
/* HEADER */
#header .holder{background:url(images/header.png) no-repeat 90% top;}
#logo{width:100px; height:120px; position:relative;}
#logo a{display:block;}
#logo span{background:url(images/logo.png) no-repeat left top; width:100%; height:100%; position:absolute;}

.langsel{float:right; padding:20px 20px 0 0;}
.langsel img{margin:0 5px;}

/* NAVIGATION */
#nav-main ul{float:left; font-family:"Tahoma",Arial, Helvetica, sans-serif; font-size:14px; }
#nav-main ul li{float:left; background:url(images/nav_r.png) no-repeat right bottom; margin:0 10px 0 0;}
#nav-main ul li a{float:left;line-height:34px;background:url(images/nav_l.png) no-repeat left bottom;padding:0 15px;color:#fff;}
#nav-main ul li:hover, #nav-main ul li.current_page_item{background-position:right top;}
#nav-main ul li:hover a, #nav-main ul li.current_page_item a{background-position:left top;}

/* BANNER */
#banner .holder{background:url(images/banner.png) no-repeat center top;height:162px;}

#banner_smal .holder{background:url(images/banner_smal.png) no-repeat left top;height:50px;}

/* CONTENT */
/*
a.btn{background:url(images/button.png) no-repeat left bottom; width:151px; height:41px; display:run-in; line-height:41px; padding:0 0 0 40px; color:#036; font-size:16px; margin:5px 0;}
a.btn:hover{background-position: left top; color:#903;}
*/

a.btn{float:left;line-height:41px;background:url(images/button.png) no-repeat left bottom;width: 150px; padding:0 40px; color:#036; font-size:16px;}
a.btn:hover{background-position: left top; color:#903;}


	/* LEFT PANEL */
	#left-panel a{color:#191516;}
	#left-panel .box{background:url(images/box.png) repeat-y center; margin:0 0 20px 0;width:219px;}
	#left-panel .box .top{background:url(images/box.png) no-repeat left top;}
	#left-panel .box .bottom{background:url(images/box.png) no-repeat right bottom; padding:10px; height:1%;}
	#left-panel .box h3{background:url(images/box_head.png) no-repeat left top; width:146px; height:41px; line-height:41px; padding:0 0 0 45px;  font-size:18px; margin:0 0 10px 0;}
	#left-panel .box ul{padding:0 0 10px 0;}
	#left-panel .box ul li a{background:url(images/arrow.gif) no-repeat left 2px; padding:0 0 0 20px; line-height:30px; margin:0 0 0 10px;}
	#left-panel .box ul li a:hover{background-position:2px 2px;}

	/* RIGHT PANEL */
	.spleft{width:700px; float:left;}
	.spright{width:700px; float:left;}	

	.spright_temp{margin:0 0 0 540px;height:1%}
	ul.prolist{margin:0;}
	ul.prolist li{float:left; width:160px; margin-right:10px; font-size:12px;list-style-type:none;}
	ul.prolist li a{color:#16a6e9;}
	.redbox{background:#903; color:#fff; text-align:center; padding:20px 0; font-size:26px; float:left; width:100%;}
	
	/* POST */
	.post{background:url(images/post.png) no-repeat center bottom; padding:0 0 30px 0; float:left;}
	.post h1.head{font-size:28px; color:#903; border-bottom:#999 1px dashed; margin-bottom:8px;}
	.post h1.head a{color:#903;}
	.post .split{width:365px; float:left;}
	/*.post ul.ticked li{background:url(images/tick.gif) no-repeat left 6px; font-size:16px; padding:0 0 0 30px; line-height:35px; list-style-type:none;} */
	.post ul.ticked li{background:url(images/pil.gif) no-repeat left 6px; font-size:16px; padding:0 0 0 30px; line-height:35px; list-style-type:none;}
	.post h1{font-size:24px; color:#666;margin-bottom:4px;}
	.post h2{font-size:22px; color:#666;margin-bottom:4px;}
	.post h3{font-size:20px; color:#666;margin-bottom:4px;}
	.post ul{list-style-type:disc; margin:10px 0 10px 20px;}
	.post ol{list-style-type:decimal; margin:10px 0 10px 20px;}
	.post i{font-style:italic;}
	.post strong{font-weight:bold;}
	
	.navigation{height:20px;}
	.navigation a{color:#333;}
	.navigation .alignleft{float:left;}
	.navigation .alignright{float:right;}

		/* Wordpress Classes */
		.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
		.alignleft{float: left;}
		.alignright{float: right;}
		.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;}

/* FOOTER */
#footer .holder{width:970px;}
#footer a{color:#033; font-size:13px;}
#footer a:hover{text-decoration:underline;}

/* OTHER */
.clear{clear:left;}
.fl-right{float:right;}