/*
Theme Name: Ediyarayil
Theme URI: http://www.anishej.com/
Description: The theme created by Anish E J.
Version: 1.0
Author: Anish E J
Author URI: http://www.anishej.com
	This theme is designed and built by Anish E J,
	whose blog you will find at http://www.anishej.com/blog/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/
body {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	color: #000000;
	background: #EEEEEE url(images/pagebg.gif) repeat-x top left;
	line-height: 1.6em;
	text-align: center;
	}
#basearea {
	width:760px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	background-color: #fff;
	background: url(images/bg_middle.gif) repeat-y left; 
	}

#middlearea {
	padding: 0px 10px 10px 15px;
	float:left;
	width:97%;
}

#mainContent {
 float: left;
 min-height: 40em;
 width: 96%;
 padding:0px 0px 2px 5px;
 text-align: left;
 border:0px solid red;
}
.contentarea {
	margin:10px 5px 1px 0px;
	vertical-align:top;
	width:525px;
}
#header1 {
	width: 760px;
	height: 102px;
	background:#fff;
	background: url(images/header.gif) no-repeat top	;
}
#ch1{height:30px}
#ch2{height:62px}

#logoname {
	width: 760px;
	color:#FFFFFF;
	clear:both;
	text-indent: 40px;
	padding-top:30px;
	font-size:30px;
	font-style:italic;
	font-family:Comic Sans MS
}
#logoname a:link, #logoname a:visited, #logoname a:hover { color:#FFFFFF; text-decoration:none; }

#pageheader {
	width: 760px;
	height: 10px;
	background:#fff;
	background: url(images/top_border.gif) no-repeat top;
	text-indent: 16px;
	padding:0px;
	margin:0px;
}
.rightsidearea {
	background:url('images/diagonal_stripes.gif'); 
	/*border:1px solid #97DF00; */
	width:100%;
	float:left;
	font-size:11px;
	line-height:11px;
	padding:0px 0px 0px 10px;
	text-align:left;
	/*height:165px;*/
	margin:20px 0 0 0;
}
#footer > div:first-child {
	color: #fff;
}
#footer {
	height: 34px;
	color: #161616;
	background: url(images/footer.gif) no-repeat top;
	text-align: center;
	padding:12px 0px 0px 0px;
	margin:0px;
	font-size: 0.75em;
	background-color: #EEEEEE;
	}

a.tab:link, a.tab:visited, a.tab:hover {
	border: 0px;
	padding-right:2px;
}

h1 {
	font-family: 'trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
 	color: #161616;
	text-align:left;
	font-size: 1.8em;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	}

h2 {
	font-size: 1.5em;
	/*margin: 1.2em 0em 1.2em 0em;*/
	margin:3px 1px 5px 0px;;
	font-weight: normal;
	}
h3 {
	font-weight: bold;
	font-size: 13px; 
	color: #575757;
	border-bottom: 1px solid #ccc;
	background-image: none;
	width: 92%;
	margin: 16px 0px 0px 3px;
}
h4 {
	font-size: 1.1em;
	margin: 1.2em 0em 0.2em 0em;
	font-weight: bold;
	}

h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

h6 {
	font-size: 0.9em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}

img {
   border: 0;
	}

ul {
   width: 100%;
   display: block;
   font-size: 1.0em;
   list-style-type: none;
   padding: 0;
   margin: 0;
   border: 0;
   }

ol {
list-style: decimal outside;
   padding: 0;
   margin: 10px 0px 0px 25px;
   border: 0;
}

ul li {
   width: auto;
   font-size: 1.0em;
   background: url(images/bullet2.gif);
   background-repeat: no-repeat;
   background-position: 0em .5em;
   line-height: 1.8em;
   margin: 0 0 0 .5em;
   border: 0;
   padding: 0 0 0 1em;
   }


table,td {
	font-size: 1.0em;
	line-height: 1.6em;

   }

form {
   padding: 0;
   margin: 0;
   }

p {
	font-size: 1.0em;
	line-height: 1.6em;
	margin: 1.2em 0em 1.2em 0em;
	}

pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}

a:link, a:visited {
	font-size: 1em; color: #339900; 
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

a:hover {
	/*background-color:#E8FFD9;*/
}

.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	cursor: hand;
	}

.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #333333;
	}

.header {
	background-color: #FF9E31;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	border-top: 1px solid #000000;
    border-bottom: 0px solid #000000;
    padding: 0em 0;
}

table.blog {
padding:0px;
margin:0px;
}

#topnav ul {margin:0;
padding:12px 0 0 0;
position:relative !important;
left:325px !important;
float:left;
height:30px;width:350px}
#topnav li {list-style:none;background:none;float:left;margin:0px;padding:0px;}
#topnav, #topnav a {color:white;font-weight:bold;text-decoration:none;text-align:right;}
#topnav a {background-color:transparent;padding: 2px 10px 2px 10px;}
#topnav a:hover {background-color:transparent;border-bottom:5px solid black;color:black;}
.tabnav { pading:0px;margin:0px; }
.post  small { font-size:12px; font-style:italic; color:#646464; }
.widget ul { margin:0px; padding:0px; list-style:none;}
.widget ul li {margin:1px px 4px 0px;}
.categories { border-bottom:1px solid #FFFFFF; color:#FFFFFF; font-size:20px; padding:14px 1px 8px; width:100%; }
.mt5 { margin-top:5px; }
.sitetitle {font-size:14px;padding-left:120px; font-style:italics; }

/*
* CSS created for menu.
*/
.menu {
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	/*margin: 50px 0;*/
	margin:0px;
	padding: 0;
	list-style-type: none;
	/*background-color: #eee;*/
	font-size: 13px;
	height: 40px;
	/*border-top: 2px solid #eee;*/
	/*border-bottom: 2px solid #ccc;*/
}
.menu li {
	float: left;
	margin: 0;				
}
.menu li a {
	text-decoration: none;
	display: block;
	padding: 0 20px;
	line-height: 40px;
	color: #666;
}
.menu li a:hover, .menu li.active a {
	background-color: #f5f5f5;
	border-bottom: 2px solid #DDD;
	color: #999;
}
#menu_wrapper {padding: 0 23px 0 0; background: url(images/blue.png) no-repeat right;}
#menu_wrapper ul {margin-left: 12px;}

/* Blue Menu */
#menu_wrapper.blue a { color: #fff;}
#menu_wrapper.blue ul { border-top: 2px solid #356AA0; border-bottom: 2px solid #204061;background: #356AA0; }
#menu_wrapper.blue div {background: url(images/blue.png) no-repeat left;}
#menu_wrapper.blue li a:hover, #menu_wrapper.blue li.current-menu-item a {color: #90CDFF; background: #3D7BBB; border-bottom: 2px solid #356AA0;}

menu-item menu-item-type-custom current-menu-item