/*
---------------------------------------
KAYA Screen Stylesheet

version:   1.0
date:      11-03-2010
author:    Souvik Mitra
copyright: eNoki IT Solutions	
---------------------------------------
*/ 

/* --- RESET CSS --- */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}

/* --- FLOAT STYLES --- */
.clear {
	clear:both;
}
.right {
	float: right;
}
.left {
	float: left;
}

.fl_Left {
	float: left;
	margin-right: 10px;
}

.fl_LeftSpecial
{
	float: left;
	margin-right: 3px;
    margin-top: 2px;
}
.fl_Rt {
	float: right;
	margin: 0 4px 0px 4px;
}

.rt_Txt {
	text-align: right;
	margin: 1px;
}

#readMoreRed {
	font-size: 0.9em;
	font-weight: bold;
	color:#B33674;
	background: url(../images/redMore.gif) right no-repeat;
	padding-right: 10px;
	margin-right: 10px;
}

#readMoreRed a {
	color:#B33674;
}

/* --- DOCUMENT SETUP --- */
body {
	font: 62.5%/1.5  "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
	background: #F5F5F5 url(../images/New/common/bodyBG.jpg) repeat;
	color: #000000;	
}

#wrapper { 
	width: 960px; /* Set page width here - you can also use percentage */
    /*border: 1px solid #0FF;
    background: #6BA5D5 url(../images/common/pageBG1.jpg) repeat-y;*/
	text-align:left;
    margin-top: 0px;
	margin-left:auto; 
	margin-right:auto; 
    min-height: 580px;
    height: auto;
}

* html #wrapper { /*IE only rule, reduce menu width*/
height: 580px;
}

/* --- TYPOGRAPHY --- */
h1 {
	font-size: 2.2em; /* Equivalent to 22pt */
}
h2 {
	font-size: 2.0em; /* Equivalent to 20pt */
}
h3 {
	font-size: 1.8em; /* Equivalent to 18pt */
}
h4 {
	font-size: 1.6em; /* Equivalent to 18pt */
}
h5 {
	font-size: 1.4em; /* Equivalent to 14pt */
}
h6 {
	font-size: 1.25em; /* Equivalent to 14pt */
}

p, q, cite {
	font-size: 1.2em; /* Equivalent to 12pt */
}
ul, ol, dl {
	list-style: none;
	font-size: 1.2em; /* Equivalent to 12pt */
}

li, dd, dt {
	font-size: 1.2em; /* Equivalent to 12pt */	
}

/* TEMPLATE SPECIFIC STYLES */

#mainDisplayArea { 
	width: 860px; /* Set page width here - you can also use percentage */
    /*border: 1px solid #F0F;*/
    /*background: #6BA5D5 url(../images/common/pageBG1.jpg) repeat-y;*/
	text-align:left;
	margin-left:auto; 
	margin-right:auto; 
    min-height: 555px;
    height: auto;
}

* html #mainDisplayArea { /*IE only rule, reduce menu width*/
height: 555px;
}


/* --- HEADER --- */
/* - Layouts - */
#headerArea {
    height: 130px;
}

#headerLeft {
    width: 720px;
    height: 130px;
    float: left;
}
#headerRight {
    width: 135px;
    height: 130px;
    float: left;
}


#logo {
    width: 180px;
    height: 85px;
    margin-bottom: 10px;
}

/* --- NAVIGATION --- */

/*********************************************/
/********* DROP DOWN MENU ********************/
    .menu1 {
    float:left; width:100%; font-family: Georgia, verdana, arial, sans-serif; font-size:0.8em; font-weight: bold;
    border-top:1px solid #FC9B00;  
    border-bottom:1px solid #FC9B00;  
    margin: 0px 0 0 0px; /* for this demo only */ 
    }

    * html .menu1 { /*IE only rule, reduce menu width*/
        font-size:0.85em; margin: 0px 0 0 0px; /* for this demo only */ 
    }    
    .menu1 ul {
    padding:0;margin:0;list-style-type:none;
    }
    .menu1 ul li {
    float:left; position:relative; background:url(../images/New/common/menuSep.gif) no-repeat center right;
    }
    .menu1 ul li a, .menu1 ul li a:visited {
    float:left; display:block; text-decoration:none;color:#945508; padding:0px 22px; line-height:25px;   
    }
    
    .menu1 ul li:hover {width:auto;}
    
    .menu1 ul li a.menu1one:hover {border-color:#c00; color:#08f;}
    .menu1 ul li a.menu1two:hover {border-color:#c60; color:#EF8905;}
    .menu1 ul li a.menu1three:hover {border-color:#00c; color:#00c;}
    .menu1 ul li a.menu1four:hover {border-color:#080; color:#0e0;}
    .menu1 ul li a.menu1five:hover {border-color:#00c; color:#976DFF;}
    .menu1 ul li a.menu1six:hover {border-color:#c0c; color:#f8f;}
    .menu1 ul li a.menu1seven:hover {border-color:#c0c; color:#08f;}
    
    .menu1 ul li:hover a.menu1one {border-color:#c00; color:#08f;}
    .menu1 ul li:hover a.menu1two {border-color:#c60; color:#EF8905;}
    .menu1 ul li:hover a.menu1three {border-color:#00c; color:#00c;}
    .menu1 ul li:hover a.menu1four {border-color:#080; color:#0e0;}
    .menu1 ul li:hover a.menu1five {border-color:#00c; color:#976DFF;}
    .menu1 ul li:hover a.menu1six {border-color:#c0c; color:#f8f;}
    .menu1 ul li:hover a.menu1seven {border-color:#00c; color:#08f;}
    
    .menu1 ul li ul {
    display: none;
    }
    .menu1 table {
    margin:0; border-collapse:collapse; font-size:0.7em; position:absolute; top:0; left:0;
    }
    
    /* specific to non IE browsers */
    .menu1 ul li:hover ul {
    display:block;position:absolute;top:24px;margin-top:1px; left:0;width:154px;border-bottom:1px solid #FD7D00;
    }
    .menu1 ul li:hover ul.endstop {
    left:-92px;
    }
    .menu1 ul li:hover ul li ul {
    display: none;
    }
    .menu1 ul li:hover ul li a {
    display:block;background:#F5F5F5;color:#4E4A3C;height:auto;line-height:15px;padding:4px 16px; width:120px; border:1px solid #FD7D00; border-bottom:0; font-weight: bold;
    }
    .menu1 ul li:hover ul li a.drop {
    background:#F5F5F5;
    }
    .menu1 ul li:hover ul li a:hover {
    color:#6F4F1B; background: #F5F5F5;font-weight: bold;
    }
    .menu1 ul li:hover ul li a:hover.drop {
    background: #F5F5F5;
    }
    .menu1 ul li:hover ul li:hover ul {
    display:block; position:absolute; left:153px; top:-1px;
    }
    .menu1 ul li:hover ul li:hover ul.left {
    left:-153px;
    }
    
    
    
    /* specific to IE5.5 and IE6 browsers */
    .menu1 ul li a:hover ul {
    display:block;position:absolute;top:22px; t\op:25px; background:#F5F5F5;left:0; border-bottom:1px solid #FD7D00;
    }
    
    .menu1 ul li a:hover ul.endstop {
    left: -92px;
    }
    .menu1 ul li a:hover ul li a {
    display:block;background:#F5F5F5;color:#4E4A3C; height:1px; line-height:15px; padding:4px 16px; width:154px; w\idth:120px; border:1px solid #FD7D00; border-bottom:0; font-weight: bold;
    }
    .menu1 ul li a:hover ul li a.drop {
    background:#F5F5F5; padding-bottom:4px;
    }
    .menu1 ul li a:hover ul li a ul {
    visibility:hidden; position:absolute; height:0; width:0;
    }
    .menu1 ul li a:hover ul li a:hover {
    color:#6F4F1B; background: #F5F5F5; font-weight: bold;
    }
    .menu1 ul li a:hover ul li a:hover.drop {
     background: #F5F5F5;
    }
    .menu1 ul li a:hover ul li a:hover ul {
    visibility:visible; position:absolute; top:0;color:#000; left:153px;
    }
    .menu1 ul li a:hover ul li a:hover ul.left {
    left:-153px;
    }
    
#home #home, #about #about, #contact #contact, #album #album, #show #show, #gallery #gallery, #pgallery #pgallery, #press #press {
    color: #238797;
}    

/*********************************************/


/* --- SIDEBARS --- */
/* - Layouts - */
#sidePanelEventsHeader {
	width: 228px;
    height: 32px;
    background: transparent url(../images/common/sidePanelEventsHeader.jpg) left top no-repeat;
    
}

#sidePanelEvents {
    margin-top: 25px;
    margin-left: 25px;
	width: 210px;
    height: 108px;
    background: transparent url(../images/common/sidePanelEventBG.jpg) left top no-repeat;
}

#sidePanelNews {
    margin-top: 95px;
    margin-left: 25px;
	width: 210px;
    /*height: 136px;*/
    height: 156px;
    background: transparent url(../images/common/sidePanelNewsBG1.jpg) left top no-repeat;
}

#newsHead {
    font-size: 1.2em;
    font-family: Georgia, Verdana, sans-serif;
    font-weight: bold;
    height:23px;
    background: url(../images/common/newsEventsSep.jpg) center bottom no-repeat;
    padding: 2px;
    padding-top: 5px;
    padding-left: 20px;
    color:#08AEAC;
}

#newsHead.events {
    color:#F6FF05;
}


#eventsText {
    padding: 5px 5px 0 20px;
    text-align: justify;
}

/*CSS for News ticker*/

#ajaxticker1 {
color: #FFD;
font-size: 1.2em;
}

#ajaxticker2{
color: #FFD;
font-size: 1.1em;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
}

.someclass, .someclass1 { 
text-align:justify;
}

.someclass a, .someclass1 a { 
font-size: 1.1em;
font-weight: bold;
color: #FDE90B;
text-decoration: none;
}


#mainContent {
    /*background: #FEFCFD repeat-y;*/
    background: #FEFCFD url(../images/New/common/contentBG2.jpg) repeat;
    width: 849px;
    margin: 20px 0px 10px 5px;
    border-top: 1px solid #FC9A00; 	
    border-left: 1px solid #FFFFFF; 	
    border-right: 1px solid #FC9A00; 	
    border-bottom: 1px solid #FFFFFF; 	
}

/*
#contentBottom {
    background: url(../images/New/common/contentBottom.jpg) left bottom no-repeat;
	width: 849px;
}

#content {
    background: url(../images/New/common/contentBG.jpg) no-repeat;
	width: 849px;
    height: auto;
}
*/

#contentText {
	width: 805px;
    padding: 20px;
    text-align: justify;
    min-height: 375px;
    height: auto;
    font-size: 1.2em;
}

/* for Internet Explorer */
/*\*/
* html #contentText {
    height: 375px;
}
/**/

#homePic {
    width: 450px;
    margin: 0 auto;
    margin-top: 30px;
}

#hContentText {
	width: 605px;
    text-align: justify;
    font-size: 1.2em;
    padding: 0px 5px 110px 80px;
    min-height: 319px;
    height: auto;
}
/* for Internet Explorer */
/*\*/
* html #hContentText {
    height: 319px;
}
/**/

#contentText h2 {
	border-bottom: 1px dotted #172636;
}

#contentText h5 {
    font-size: 1.15em;
	padding-bottom: 3px;
}

#contentText h6 {
	padding-bottom: 3px;
	border-bottom: 1px dotted #9F0200;
}

#styledFooter {
    background: url(../images/common/footerBG.jpg) left top no-repeat;
	width: 689px;
    height: 100px;
}

/* - Styles - */


/* --- FOOTER --- */
/* - Layouts - */
#footer {
	width: 960px;
	margin: 0 auto;
    padding: 2px 0;
	text-align: center;
    font-weight: bold;
}

#footer p {
	margin: 0;
	font-size: 1.1em;
	color: #172636;
}

#footer p a{
	color: #2F4251;
	font-size: 0.9em;
}

/*******************************/
/***** sticky footer ***********/

html, body {
	height: 100%;
}

#page {
	min-height: 100%;
    height: auto !important; 
	height: 100%;
	margin: 0 auto -2.0em;
}

#footer, #push {
	height: 2.0em;
}
/***** sticky footer ***********/
/*******************************/

/* - Styles - */


/* --- HOME PAGE --- */
/* - Layouts - */

/* - Styles - */


/* --- FORMS --- */
input.text {
	padding: 3px;
	border: 1px solid #999999;	
}

input {
  width: 60%;
}

textarea {
  width: 85%;
  /* 
    IE specific to eliminate scroll bar when not needed. 
    Uncomment if wanted, but it is not valid CSS
  */   
  scrollbar-3dlight-color : #F5F5F5;
  scrollbar-arrow-color : #F5F5F5;
  scrollbar-darkshadow-color : #F5F5F5;
  scrollbar-face-color : #F5F5F5;
  scrollbar-highlight-color : #F5F5F5;
  scrollbar-shadow-color : #F5F5F5;
  scrollbar-track-color : #F5F5F5;    
  
}

input,
textarea {
  padding: 1px 3px;
  margin: 5px 0;
  font: 0.9em verdana, arial, sans-serif;
  color: #797268;
  background-color: #F5F5F5/*65330A*/;
  border: 1px solid #999;
}

input:hover,
input:focus,
textarea:hover,
textarea:focus {
  padding: 1px 3px;
  margin: 5px 0;
  color: #4f6b72;
  background-color: #FEFCFD/*954500*/;
  border: 1px solid #444;
}

.button {
  width: auto;
  font-weight: bold;
  cursor: pointer;
}

.cmxform input {
    font: 1.1em verdana, arial, sans-serif;
    width: 45%;
}

.cmxform .button {
    font: 1.4em verdana, arial, sans-serif;
    width: auto;
}

.cmxform .chckBox {
    background: none;
    border: none;
    width: auto;
}

form.cmxform p {
    font-size: 1.4em;
}
/* --- CONTACT PAGE --- */
#contactUs {
	/*border: 1px solid #666666;*/
	padding: 8px;
}

#contactHeading {
	/*background: #CAE8EA url(../images/bulletRed.gif) left top no-repeat;*/
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	padding: 0 2px 3px 2px;
	margin-bottom: 6px;
	width: 96%;
}

#contactMsg {
	/*font: 1em georgia, verdana, sans-serif;*/
	text-align: center;
	font-weight:bold;
	/*text-transform: uppercase;
	color: #E7AA34;*/
	border: 1px solid #E14037;
	margin-bottom: 4px;
	width: 96%;
}

#musicMania a{
    color: #FE7800;
    font-size: 1.2em;
}


.userNm{
	color: #FD6F32;
}

.errorMsg{
	color: #3F0019;
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}

.captcha {
  width: 30%;
/*  cursor: pointer;*/
}

/* --- TABLES --- */

table { 
  	border-spacing: 0;
	border-collapse: collapse;
}

td {
  	text-align: left;
	font-weight: normal;
}

.center {   
    text-align: center;   
}  

.pngFix {
    behavior: url("images/iepngfix.htc");
}

/* KAYA OLD CSS */
#kaya, #sha, #dhukpuk, #hasnuhana, #kLok, #baulia {
/*    float: left;*/
    margin: 0 50px;
    margin-top: 3px;
    width: 131px;
}

#creations {
    display: block;
    margin-top: 0px;
}
#content > #creations {
    margin-top: 5px;
}

#creations tr td {
    margin: 10px;
}

#creationsDmnd td{
    padding: 40px;
    padding-bottom: 0;
    padding-top: 0;
}

#player {
    text-align: center;
    margin: 10px;
    border: 1px solid #0A23E0;
    border-top: none;
}

#videoPlayer {
    width: 384px;
    padding: 2px;
    margin: 10px;
    border: 1px solid #0A23E0;
}

#videoEntry h2 {
    text-align: left;
}

.buttonBox {
    margin-top: 3px;
/*    border: 1px solid #FC9106;*/
}
.buttonBox p{
    padding: 3px;
    font-size: 0.8em;
}

.buttonBox p span {
    font-size: 1.1em;
    color: #FF7F47;
    font-weight: bold;
}

*html .buttonBox p span {
    font-size: 1.2em;
}

#printMedia {
    margin: 1px;    
}

.rlShade, .lrShade {
   padding: 0px;
   border: 1px solid #8E8D89;
}

#displayArea {
   height: 94px;
   padding: 4px;
/* border: 1px solid #FBD606;*/
   text-align: center;
}

#linkArea {
   padding: 6px;
/* border: 1px solid #FBD606;*/
   text-align: center;
}

#linkTable {
   text-align: center;
}

#aboutEntry {
	margin-top: 5px;
	padding-bottom: 0px;
}

#video {
    text-align: center;
    padding: 15px;
}

#contactEntry {
	padding: 10px;
}

#contactForm {
	letter-spacing: 1.5em;
	text-align: left;
	padding: 0px;
	/*border: 1px solid #FA7814;*/
}

#memberMsg {
    margin: 5px;
    padding:7px;
    font-size: 1em;
}

#memberMsg span {
    color: #F00;
    font-weight: bold;
}

#memberMsg a {
    color: #FBD606;
    font-weight: bold;
    text-align: justify;
}

#memberFeatures span {
    color: #000;
    font-weight: bolder;
}

/*
#contentText .memberProfile {
    min-height: 425px;
    height:auto;
}

*html #contentText .memberProfile {
    height:375px;
}
*/

#contentText .memberProfile h6 {
	margin-top: 0.1em;
	margin-bottom:0.2em;
	font-size: 1em;
	color: #FE7800;
    border-width: 0;
    letter-spacing: 0.1em;
}

.gear {
	font-size: 0.9em;
	font-weight: bold;
}
.gear span{
	color: #FE7800;
	font-size: 1.1em;
}

/* Special */
#enokiDefine {
	font-size: 1.1em;
	text-align: center;
	padding: 10px;
	color: #034474;
}

#contentHeadBanner {
	border-top: 1px solid #C1DAD7;
	background: #CAE8EA url(../images/newTemplate/bulletRed.gif) left top no-repeat;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif ;
	padding: 0 2px 3px 12px;
	margin-bottom: 10px;	
	color: #034474;
}
/**************************/
#maintainHolder{
    text-align: center;    
}
/** MAINTENANCE TABLE ****/
#maintain{
    width: 94%;
    padding: 3px;
    border-bottom: 3px solid #FBD606;
    font-size: 1.1em;
}

#maintain th {
    border-bottom: 1px dotted #FBD606;
    padding: 5px;
}

#maintain tbody th {
    text-align: center;
    border-bottom: none;
}

#maintain td {
    width: 50%;
    vertical-align: top;
}

#maintain td p {
    line-height: 140%;
    text-align: justify;
    padding: 10px;
}

#maintain td p span {
    color: #FF7A45;
}

.kayaEvents {
    margin-left: 10px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #FE7800;
    width: 95%;
}

.kayaEvents a {
font-size: 1em;
font-weight: bold;
padding-bottom: 3px;
color: #FDE90B;
}

.kayaText {
	font-family: verdana, "georgia", "lucida grande", Arial, Helvetica, sans-serif;
	color: #F45140;
    font-weight: bold;	
    font-size: 1.2em;
    letter-spacing: 0.1em;
}

.kayaA11 {
	font-family: "georgia", "lucida grande", Arial, Helvetica, sans-serif;
	color: #F45140;
	font-size: 1.35em;
	
}

#albumName {
    font-size: 1em;
    font-weight: bold;
    color: #F69C10;
}
#albumNameNew {
    font-size: 1em;
    font-weight: bold;
    color: #FFB748;
}

#highLight {
    font-size: 1.1em;
    font-weight: bold;
    color: #FDE90B;
}

#memLinks a{
    float:right;
    margin: 10px 0;
    font-size: 1.1em;
    font-weight: bold;
    color: #FE7800;
}

.profileContent img {
    border: 1px solid #FE7800;    
}

/*************************************/
#indexTable {
    margin-left: -1px;
    width: 98%;
    padding: 0;
    letter-spacing: 0.08em;
}

#indexTable a{
    color: #FFFFDF;
}

#indexTable td p{
    padding: 5px;
    text-align: justify;
}


#albumIndexText {
    padding: 5px;
    text-align: right;
}
#albumIndexTextNew {
    padding: 5px;
    text-align: right;
    /*width: 30%;
    border: 1px blue solid;*/
}
#albumsIndex {
    padding: 0px;
    text-align: center;
    width: 50%;
}

#bGhoshText {
    padding: 30px 5px;
}

#sMoitraText {
    padding: 2px 25px;
}

#vCenter {
    padding-left: 3px;	
    padding-right: 6px;	
}