/* Font installation */
@font-face {
 font-family: nattuvartha;
 src: url("http://www.nattuvartha.com/MEERA0.eot"); /* EOT for IE */
}
@font-face {
 font-family: nattuvartha;
 src: url("http://www.nattuvartha.com/Meera_04-2.ttf") format("truetype"); /* TTF for CSS3 */
}
@font-face { font-family: Meera; src: url("http://www.nattuvartha.com/Meera_04-2.eot"); font-size:28px;line-height:15pt;}
@font-face { font-family: Meera; src: local('Meera'), url('/Meera_04-2.ttf') format("truetype"); }
@font-face { font-family: rupa; src: url("/RUPA1.eot"); }
@font-face { font-family: rupa; src: local('rupa'), url('/rupa1.ttf') format("truetype"); }

.malayalam{
	font-family: Meera, Rachana_w01, AnjaliOldLipi, Kartika !important;
}
/* Font installation */
.english{
	font-family: "Times New Roman",Serif,arial;
	font-size:14px; 
}
.english h1{
	font-size:10pt;
}
body{
	color:#3f484e;
	background:#333;
}
input{
	font-family: Meera, Rachana_w01, AnjaliOldLipi, Kartika !important;
	font-size: 15pt;
	line-height: 15pt;
}

#logo a{
	display:block;
	height:100px;
	background:url(images/logo.png) 0 0 no-repeat;
}
	#logo a span{
		display:none;
	}

#header .menu{
	font-size:14px;
	float:left;
}
	#header li{
		height:30px;
		line-height:30px;
		float:left;
		margin:0 10px 0 10px;
	}
		#header .menu a{
			font-weight:bold;
			text-decoration:none;
			color:#ddd;
		}
			#header .menu a:hover{
				color:#fff;
			}
#header .elements{
	float:right;
}
		#header .elements a{
			font-weight:bold;
			text-decoration:none;
			color:#ddd;
		}
			#header .elements a:hover{
				color:#fff;
			}

	#header .search{
		width:200px;
		background:url(images/header-search-bg.gif) right top no-repeat;
	}
		#header .textbox{
			border-width:0px;
			padding:0;
			margin:4px 0 0 30px;
			width:160px;
			height:14px;
			color:#b6b4ae;
			font-size:9px;
			background-color:transparent;
		}
	#header .subscribe{
		/*background:url(images/subscribe.png) left center no-repeat;*/
		padding:0 0 2px 0;
	}
		#header .subscribe a{
			/*font-weight:bold;*/
			text-decoration:none;
			color:#e96200;
			font-size:9pt;
		}
			#header .subscribe a:hover{
				color:black;
			}
		#header .subscribe img{
			height:32px;
			width:32px;
		}

	#header .twitter{
		/*background:url(images/twittericon.png) left center no-repeat;*/
		padding:0 0 0px 0;
	}
		#header .twitter img{
			height:35px;
			width:33px;
		}
	#header .rssfeed{
		/*background:url(images/RSSfeed.png) left center no-repeat;*/
		padding:0 0 0px 0;
	}
		#header .rssfeed img{
			height:35px;
			width:35px;
		}

	#header .facebook{
		padding:0 0 8px 0;
	}
		#header .facebook img{
			height:31px;
			width:31px;
		}
	#header .contribute{
		padding:0 0 4px 0;
	}
		#header .facebook img{
			height:35px;
			width:35px;
		}


 /* --------------Main menu-------------- */
 .archievelist img{
	width:150px;
	height:140px;
}
#topmenu {
	width: 100%;
	height: 30px;
	margin: 10px 0 15px 0;
	background:url(images/menubg.jpg) 0 1px repeat-x;
	text-align:center;
}

#topmenu ul {
	margin-left: 14px;
	padding-top: 0px;
	list-style: none;
}

#topmenu li {
	display: inline;
}

#topmenu a
{
	font-family: "Times New Roman",Serif,arial !important;
	display: block;
	float: left;
	height: 15pt;
	margin: 3px 0 0 1px;
	padding: 4px 12px 0 12px;
	text-align: center;
	text-decoration: none;
	font-weight:700;
	font-size: 15px;
	color: #fff;
	border-right:solid 1px #01b0ce;
}
#topmenu .menu
{
	height: 30px;
	overflow:hidden;
}
 /* --------------Main menu-------------- */

.box-head{
	height:40px;
	padding:0 5px 0 0;
	background:url(images/box-heads.png) 100% 0 no-repeat;
}
.box-head.dark{background-position: 100% -40px}
.box-head.red{background-position: 100% -80px}
.box-head.blue{background-position: 100% -120px}
	.box-head h2{
		height:40px;
		line-height:40px;
		font-size:16px;
		color:white;
		font-weight:bold;
		background:url(images/box-heads.png) 0 0 no-repeat;
		text-shadow: white 0px 1px 0px;
	}
	.box-head.dark h2{
		background-position: 0 -40px;
		font-family: "Times New Roman",Serif,arial;
		text-shadow: #666 0px 1px 0px;
		}
	.box-head.red h2{background-position: 0 -80px;text-shadow: #e00 0px 1px 0px;}
	.box-head.light h2{color:#666; text-shadow: #fff 0px 1px 0px;}
	.box-head.blue h2{background-position: 0 -120px}
		.box-head h2 span{
			padding:0 0 0 10px;
		}
		.box-head h2 a{
			color:white;
		}

.box-body{
	padding:10px;
	background:url(images/box-body.png) 0 1px repeat-x;
}
	#latest-in .box-body{
		padding:6px 20px 20px 10px;
		
	}
.sub.box-body{border-top:solid 2px #e7e6e4}
.ad.box-body{padding:1px 0}
.meta.box-body{
	border-top:solid 2px #e7e6e4;
	border-bottom:solid 2px #e7e6e4;
	margin-bottom:20px;
	padding-bottom:20px;
}
	.box-body h3{
		margin: 5px 0 5px 0;
		font-size:16pt;
		color:#003366;

line-height: 16pt;
	}
		#latest-in .box-body h3{
			padding:0px;
			font-size: 20pt;
			line-height: 20pt;
		}
		.box-body h3 a{
			color:#000000;
			text-decoration:none;
			letter-spacing:0px;
			font-size: 16pt;
		}
		.box-body h3 a:hover{
			color:#0000ff;
		}
	.box-body p{
		/*padding:.5em 10px;*/
	}
	.box-body .left-image{
		float:left;
		margin:0 10px 0 0;
		padding:3px;
		border:solid 1px #c3c2be;
	}
	.box-body .right-image{
		float:right;
		margin:0 0 0 10px;
		padding:3px;
		border:solid 1px #c3c2be;
	}
	.box-body a{
		color:#01429e;
		text-decoration:none;
	}
		.box-body a:hover{
			color:black;
		}
	.box-body .meta{
		padding:0 0 10px 0;
		color:#66727a;
		text-indent:0;
	}
		#latest-in .box-body .meta{
			padding:0 0 0 10px;
		}
	.foot{
		height:20px;
		bottom:0px;
	}
	#latest-in .box-body .foot{
		padding:0;
	}
		.foot a{
			float:right;
			display:block;
			height:17px;
		}
			.foot a span{
				display:none;
			}
		.read-more{
			width:80px;
			background:url(buttons/read-more.gif) 0 0 no-repeat;
		}
			.read-more:hover{
				background-position:0 -17px;
			}
		.read-moremalayalam{
			width:60px;
			background:url(buttons/more.gif) 0 0 no-repeat;
		}
			.read-moremalayalam:hover{
				background-position:10px 0;
			}

.box-body .excerpts,
.box-body .st-related-posts{
	padding:0 10px;
}
	.box-body .excerpts li,
	.box-body .st-related-posts li{
		padding:4px;
		border-bottom:solid 1px #cfceca;
	}
		.box-body .excerpts li img,
		.box-body .st-related-posts li img{
			vertical-align:middle;
		}
		.box-body .excerpts li a{
			color:#3f484e;
			text-decoration:none;
		}
		.box-body .st-related-posts a{
			text-decoration:none;
			/*font-weight:bold;*/
		}
			.box-body .excerpts li a:hover,
			.box-body .st-related-posts a:hover{
				color:#013278;
				text-decoration:underline;
			}
		.box-body .excerpts li small{
			display:block;
			font-size:10px;
			color:#66727a;
		}
		.box-body .st-related-posts li small{
			display:block;
			font-size:11px;
			color:#66727a;
			padding:2px 0 5px 0;
		}
			.box-body .excerpts li small a,
			.box-body .st-related-posts li small a{
				font-size:11px;
				color:#013278;
				text-decoration:underline;
			}
				.box-body .excerpts li small a:hover,
				.box-body .st-related-posts li small a:hover{
					color:black;
				}

#readingarticle{
	border:1px solid #cccccc;
}
	#readingarticle img{
		max-width:430px;
		margin: 10px 10px 10px 5px;
	}
	#readingarticle h3 a{
		margin-left:5px;
				font-family: Meera, Rachana_w01, AnjaliOldLipi, Kartika !important;
			font-size: 26px !important;
			line-height: 26px !important;
			color: #990066;
			font-weight: bold;

	}
	/* ================== To override additional span code added in to the span ====================*/
	#readingarticle p{
		font-family: Meera, Rachana_w01, AnjaliOldLipi, Kartika !important;
		font-size: 15pt !important;
		line-height: 15pt !important;
		color:#000 !important;
	}
	#readingarticle p span{
		font-family: Meera, Rachana_w01, AnjaliOldLipi, Kartika !important;
		font-size: 15pt !important;
		line-height: 15pt !important;
		color:#000 !important;
	}
	/* ================== To override additional span code added in to the span ====================*/
.cls_postcontent p{
		font-family: Meera, Rachana_w01, AnjaliOldLipi, Kartika !important;
		font-size: 15pt !important;
		line-height: 15pt !important;
		color:#fff !important;
}
.cls_postcontent p span{
		font-family: Meera, Rachana_w01, AnjaliOldLipi, Kartika !important;
		font-size: 15pt !important;
		line-height: 15pt !important;
		color:#fff !important;
}
.prev-next{
	height:17px;
	padding:20px 0;
}
	.prev-next span{
		display:none;
	}
	.prev-next a{
		display:block;
		height:17px;
		width:65px;
	}
	.prev-next .prev a{
		float:left;
		background:url(buttons/previous.gif) 0 0 no-repeat;
	}
		.prev-next .prev a:hover{
			background-position:0 -17px;
		}
	.prev-next .next a{
		float:right;
		background:url(buttons/next.gif) 0 0 no-repeat;
	}
		.prev-next .next a:hover{
			background-position:0 -17px;
		}

.comment{
	min-height:100px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}
	.comment cite{
		padding:0 10px 10px 10px;
		font-size:20px;
		line-height:25px;
		/*font-weight:bold;*/
	}
		.comment cite a{
			margin-bottom:5px;
			color:#003366;
			text-decoration:none;
		}
	.comment small{
		display:block;
		padding:0 0 0 10px;
		color:#66727A;
	}
	.comment p{
		background-color:#eee;
		border:1px solid #aab59a;  
		border-radius: 15px;
		-moz-border-radius: 15px;
		padding: 10px 15px 10px 15px;  
		margin: 5px 5px 5px 10px;
		color:#666;
		font-size:17px;
		line-height: 20px;
	}

	#respond p{
		padding:5px 0 0 10px;
		border:none !important;
		background:none !important;
	}
	#respond em{
		font-size:10px;
		font-style:italic;
		color:#66727A;
	}
	#respond .textbox{
		width:200px;
		padding:3px 5px;
		border:solid 1px #A7A6AA;
	font-family: "Times New Roman",Serif,arial;
	font-size:9pt; 

	}
	#respond textarea{
		width:400px;
		height:150px;
	}
	
.sidebar .box-body ul{
	padding:0 10px;
}
	.sidebar .box-body ul li{
		border-bottom:solid 1px #cfceca;
	}
		.sidebar .box-body ul li a{
			display:block;
			padding:5px;
			font-size:13px;
			color:#013278;
			text-decoration:none;
		}
			.sidebar .box-body ul li a:hover{
				padding-left:23px;
				background:url(images/nav-li-bullet.gif) 5px 6px no-repeat;
			}
.sidebar img
{
	width: 120px;
	max-width :120px;
}
#footer{
	color:#8b8f8f;
	font-size:8pt;
}
	#header a{
		/*font-weight:bold;*/
		color:#28343b;
	}
		#header a:hover{
			color:#013278;
		}

.blur{
	background-color: #ddd; /*shadow color*/
	color: inherit;
	margin-left: 1px;
margin-bottom:20px;
}

.shadow,
.area{
	position: relative;
}

.shadow{
	background-color: #ddd; /*shadow color*/
	color: inherit;
	bottom: 0px;
	right: 0px;

}

.area{
	background-color: #fff; /*background color of content*/
	/*border: 1px solid #000; border color*/
	border:1px solid #cccccc;
	border-top:0px;
	bottom: 1px;
	right: 1px;
}

.lavenir{
	min-width: 70px;
	min-height: 30px;
	float: right;
	padding: 30px 0 0 40px;
	background:url(images/lavenir.jpg) top left no-repeat;

}

.ngg-album{
	margin-bottom:10px;
}