/*
Theme Name: Content Site
Description: A theme for a content 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{background:#c3eaf7; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:1.4; color:#666;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* STRUCTURE */

#container{margin: 0px auto;background:url(images/container.png) repeat-x top;}
#holder{width:950px;margin: 0px auto 20px auto;}
#header{padding-top:25px;height:30px;}
#nav-main{height:35px; text-align:right;}
#content-box{margin:10px 0 0px 0;background:#fff;z-index:1;}
#welcome-box{border:#fff 2px solid;margin:10px 0 30px 0;}
#left-panel{float:left;width:590px;padding:20px 20px 0 20px;}
#right-panel{margin-left:630px;padding:20px 20px 020px;}
#footer{background:#17546a;line-height:40px;}
	
/* HEADER */
#logo{width:270px; height:30px; position:relative; overflow:hidden;}
#logo span{width:100%; height:100%; position:absolute; background:url(images/logo.png) no-repeat left top;}
#logo a{font-size:25px; color:#fff;}

/* NAVIGATION */
#nav-main ul{float:right;}
#nav-main li{float:left;}
#nav-main li a{float:left; color:#e8f4f8; font-weight:bold; padding:0 20px; line-height:30px; font-size:14px;}
#nav-main li a:hover{text-decoration:none; color:#8dc1d3;}
#nav-main li.current_page_item a{color:#fff;}

/* CONTENT */
#welcome-box .content{padding:25px 23px;}
#welcome-box .content #wel-box{width:650px; padding:10px; background:#f3ffff; padding:20px;}
#welcome-box h2{padding:10px 20px 0 20px; color:#09c; font-size:20px;}
#welcome-box p{padding:5px 20px;}
a.more-btn{background:url(images/more_btn.png) no-repeat left top; width:134px; line-height:28px; display:block; text-align:center; color:#09c;}
a.more-btn:hover{text-decoration:none; color:#006080; font-weight:bold;}

	/* LEFT PANEL */
	.post{padding-bottom:20px; margin-bottom:20px; background:url(images/post.png) no-repeat center bottom;}
	.post h2.post-title{font-size:24px; color:#09c; background:url(images/post-title.png) no-repeat left 5px; padding:0 0 0 30px; border-bottom:#aaa 1px dashed;}
	.post h2.post-title a{color:#09c;}
	.post h2.post-title a:hover{text-decoration:none; color:#006080;}
	.post .post-content{padding:5px 0 0 0;}
	.post .post-content p{padding:0 0 15px 0;}
	.post .post-content a{color:#09c;}
	.post .post-content ul{list-style-type:disc; margin:10px 0 10px 20px;}
	.post .post-content ol{list-style-type:decimal; margin:10px 0 10px 25px;}
	.post .post-content blockquote{margin:10px 20px; background:#f5f5f5; padding:10px;}
	.post .post-content h1{font-size:18px; color:#333;}
	.post .post-content h2{font-size:16px; color:#333;}
	.post .post-content h3{font-size:14px; color:#333;}
	.post .post-content strong, .post .post-content b{font-weight:bold;}
	.post .post-content i{font-style:italic;}
	
	.navigation{height:20px; padding-bottom:20px;}
	.navigation a{color:#06c;}
	.navigation .alignleft{float:left;}
	.navigation .alignright{float:right;}

	/* RIGHT PANEL */
	#right-panel .side-box{background:#e8f4f8; padding:10px; margin-bottom:30px;}
	#right-panel .side-box h3{font-size:22px; color:#09c; background:url(images/side_head.png) no-repeat 10px 75%; padding:10px 10px 0 45px;}
	#right-panel .side-box .content{padding:0 10px 10px;}
	#right-panel .side-box p{padding:5px 0;}
	#right-panel .side-box img{border:#fff 3px solid;}
	#right-panel .side-box ul{padding:5px 0; list-style-type:disc; margin:0 0 0 20px;}
	#right-panel .side-box a{color:#09c;}
	
	#right-panel .side-box2{background:#e8f4f8; padding:10px; margin-bottom:30px;}
	#right-panel .side-box2 h3{font-size:22px; color:#09c; background:url(images/side_head.png) no-repeat 10px 75%; padding:10px 10px 0 45px;}
	#right-panel .side-box2 .content{padding:0 10px 10px;}
	#right-panel .side-box2 p{padding:5px 0;}
	#right-panel .side-box2 img{border:#fff 3px solid;}
	#right-panel .side-box2 ul{padding:5px 0; list-style-type:disc; margin:0 0 0 20px;}
	#right-panel .side-box2 a{color:#09c;}

/* FOOTER */
#footer p{padding:10px 20px 0 20px; color:#fff;}
#footer a{color:#fff;}

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