/* CSS Document */
*{
padding:0;
margin:0;
}
html{height:100%}
a img{border:none;}

body{
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
background:url(/images/background.png) #777;
background-repeat:repeat-y;
font-size:1em;
}
body#home{
background:url(/images/background_1.png) #777;
}
h1 span{
text-indent:-10000px;
display:block;
}
blockquote{
font-size:90%;width:90%;margin:0px auto;text-align:justify; bottom:100px;text-align:center;font-style:italic
}
blockquote span{
font-weight:bold;
}
#home blockquote{
width:650px;
padding-top:50px;
position:absolute;
left:50%;
margin:0;
margin-left:-325px;
bottom:60px;
}
#home blockquote span{
float:right;
}
#nav_bg{
position:absolute;
width:334px;
height:424px;
background:url(/images/nav_bg.png) no-repeat !important;
background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/nav_bg.png",enabled=true,sizingMethod=crop);
top:166px;
left:0;
}

#home #nav_bg{
top:50%;
margin-top:-212px;
}
#horizon {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	min-width:750px;
	z-index:1;
	}

#splash   
	{
	background:url(/images/splash.png) no-repeat !important;
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/splash.png",enabled=true,sizingMethod=crop);
	cursor:pointer;
	position: absolute;
	left: 50%;
	width:420px;
	height:245px;
	margin-left: -210px;
	top:-122px;
	visibility: visible
	}
#splash_title{
	width:312px !important;
	height:116px !important;
	width:1px;
	height:1px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/title.png",enabled=true,sizingMethod=resize);
	margin-top:180px;
	border:none;
}	
#mainheader{
background:url(/images/header_bg.png) 0px 0px no-repeat !important;
/*border: 1px dashed #006666;*/
height:166px;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="/images/header_bg.png");
line-height:25px;

}

#logo{
float:left;
width:299px !important;
height:174px !important;
height:1px ;
width:1px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/logo.png");
}

img#title{
position:absolute;
height:116px !important;
width:312px !important;
cursor:pointer;
width:1px;
height:1px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/title.png");
left:280px;
top:20px;
}

#main{
background-position:left;
height:100%;
max-width:1280px;
width:expression( documentElement.clientWidth > 1280 ? "1280px":(documentElement.clientWidth < 800 ? "800px":"100%;"));
min-width:800px;

}

#content{
margin-left:280px;
padding-left:1.5em;
padding-right:.7em;
font-weight:normal;
background:url(/images/background_content.png) left repeat-y !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/images/background_content.png");
height:100%;
min-height:300px;

}
* html body #content{
height:300px;
}
#content a:link, #content a:visited{
color:#eee;
cursor:pointer;
text-decoration:none;
position:relative;
}

#content a:hover, #content a:active{
text-decoration:underline;
position:relative;

}

#content p{
padding:10px 0 0 0;
text-align:justify;
}

#content p a img{
float:right;
margin-left:10px;
position:relative;
background:#FFFFFF none repeat scroll 0%;
border:1px solid #CCCCCC;
padding:3px;
}
#content ul#perf{
margin-left:20px;
list-style:circle;
padding-left:20px;
}
#content_top{
height:28px;
margin-left:280px;
background:url(/images/background_content_top.png) no-repeat !important; 
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/images/background_content_top.png");

}

#content_bottom{
height:28px;
margin-left:280px;
background:url(/images/background_content_bottom.png) no-repeat !important;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/images/background_content_bottom.png");
position:relative;
height:35px;
}
#footer{
text-align:center;
height:45px;
color:#bbb;
padding-top:5px;
margin-left:280px;
}
#home #footer{
margin:0;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
background:#222;
}
#footer a{
color:#fff;
text-decoration:none;
}
#footer a:hover{
border-bottom:1px dashed #fff;
}
#footer span{
color:#ddd;
font-size:80%;
}
div.row {
  padding: 5px;
  position:relative;
  position:relative;
  height:1%;
  clear:both;
  }
div.row label {
  float: left;
  width: 110px;
  /*text-align: right;*/
  margin-right:10px;
  }
#content em{
color:#fff;
text-decoration:none;
}  
.smalllinks:link,.smalllinks:visited{
color:blue;
}
h4.sub_head{
margin-top:10px;
margin-bottom:-10px;
font-size:13pt;
}
fieldset{
border:1px solid black;
padding-bottom:10px;
}

input.text, input.checkbox{
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
border-width:1px;
border-color: #000 #777 #777 #000;
background:#B67F3D;
height:18px;
padding:2px;
position:relative;
}
textarea{
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
background:#B67F3D;
border-width:1px;
border-color: #000 #777 #777 #000;
overflow:auto;
position:relative;
}
input.button{
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
border-width:1px;
border-color: #777 #000 #000 #777;
padding:2px;
background:#B67F3D;
}
/* Nav */
#nav{
margin-left:10px;
position:absolute;
top:258px;
left:0;
width:140px;
list-style: none;
text-align:left;
z-index:10;
}
#home #nav{
top:50%;
margin-top:-100px;
}

/*#nav li ul li{width:100px;}*/
#nav li a{
color:#CCC;text-decoration:none;
height:30px;

}
#nav li a:hover{color:#fff;}
#nav li { 
	position: relative; 
	/*height:25px;*/
	width:9em;
	height:1%;
	
} 
/*
#nav ul { 
	position: absolute; 
	left: 7.6em; 
	top: 0; 
	display: block; 
	top:5px;
	list-style: none;
} 
#nav li:hover ul {
	display: block; 
} 
#nav li:hover>ul { 
	visibility:visible; 
} 
#nav ul {
	visibility:hidden; 
} 
*/
* html #nav li { float: left; height: 1%; } 
* html #nav li a { float: left;height:1.5%; } 
#nav li a:link,#nav li a:visited { 
	display:inline;
	text-decoration: none; 
	line-height:24px;
	color:#ddd;
	padding-bottom:1px;
} 
#nav li a:hover,#nav li a:active{
color:#fff;
border-bottom:1px dashed #fff;
padding-bottom:0;
}
/*
#nav li ul{
width:70px;
margin-top:0;
background:#000;
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity: 0.75;
}
#nav li ul li{
width:70px;
line-height:20px;
height:23px;
margin:0;
}
#nav li ul li a{
padding-left:3px;
color:#ddd;
line-height:20px;
height:20px;
display:block;
}
#nav li ul li a:hover{
color:#fff;
}
*/
#home #link1,
#nrityalaya #link2 ,
#kalamandalam-saraswathy #link3 ,
/*#srikanth #link4 ,*/
#aswathy-and-srikanth #link4 ,
#courses-offered #link5 ,
#gallery #link6 ,
#contact-us #link7 ,
#feedback #link8 ,
#events #link9
{
border-bottom:1px solid #ddd;
}
#nav li sup a:link,#nav li sup a:visited,#nav li sup a:hover,#nav li sup a:active{
font-size:80%;
color:red;
text-decoration:none;
border-bottom:none;
}

ol.course{
margin-left:30px;
}
ol.course li{
margin-left:40px;
}
a.external{
color:#111;
background:url(/images/ext.gif)  100% 50% no-repeat;
padding-right:16px;
position:relative;
}
div.msg{
float:right;
color:#fff;
text-align:center;
}
div.row1{
float:left;
width:49%;
}
hr {
background:#111;
border:0pt none;
color:#111;
height:1px;
}
 
		
/* -------- Events ---------------*/
div.events{
min-height:400px;
overflow:auto !important;
overflow:visible;
}
.posts{
width:70%;
border-bottom:1px solid #000;
}

h3#comments, ol.commentlist,#commentform{
width:70%;
}
ol.commentlist{
margin-left:10px;
}
* html body  div.events{height:400px;}
#sidebar{
    padding: 0px 0px 20px 10px;
	/*position: absolute;
	right:0px;
	top:0;
	*/
	float:right;
	width: 12em;
	
	position:relative;
}
#sidebar ul{
list-style:none;
}
#sidebar .widget_recent_entries ul li{
list-style:circle;
color:#fff;
margin-left:.5em;
}
form.searchform{
position:relative;
}
li#recent-posts li{
font-size:80%;
list-style:decimal;
}
h3.event-date{
font-size:80%;
}	

ul.post-meta{
list-style:none;
font-size:80%;
}
div.entry ul.post-meta,div.entry ul.post-meta li{
font-size:100%;
display:inline;
text-transform:lowercase;
}
h2.widgettitle{
font-size:80%;
}