@charset "utf-8";
@font-face
    {
    font-family: 'Trajan Pro';
    url('/lib/font/TrajanPro-Regular.otf') format('opentype'),
    font-weight: normal;
    font-style: normal;
    }
@font-face
    {
    font-family: 'Trajan Pro';
    url('/lib/font/TrajanPro-Bold.otf') format('opentype'),
    font-weight: bold;
    font-style: normal;
    }

html, body { height:99%; min-width:300px; margin:auto; background-color:#FFEFD9; font-family:Carlito, Corbel, Arial, sans-serif; }
* { border-radius:0px !important; }
div { border-radius: 0px !important; }
p { font-family:Carlito, Corbel, Arial, sans-serif; margin:0px; margin-bottom:15px !important; }
hr { margin:25px; margin-left:0px; margin-right:0px; border:0px;border-top:1px dotted #FF0000; }
h1, h2, h3, h4 { color:#731000; font-weight:normal; }
.affix {
	top:0;
	width: 100%;
	z-index: 9999 !important;
}
.navbar {
	margin-bottom: 0px;
}
 .affix ~ .container-fluid {
 position: relative;
 top: 50px;
}
.container {
	max-width:1000px !important;
}
nav {
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
}
#acnowledgement_press img { box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7); margin:20px; }
#acnowledgement_student p { margin:0px; margin-bottom:15px;}
#home, #gharana, #sarod, #contact, #acnowledgement_press, #acnowledgement_student, #photo_gallery, #recordings, #ustad_baba_allauddin_khan, #guru_maa_annapurna_devi {
	padding-bottom:50px;
	min-height:525px;
	height:auto;
	background-color:#FFEFD9; 
    padding-top:20px; 
}
#home { color: #000; }
#gharana {	color: #000; }
#ustad_baba_allauddin_khan { color: #000; }
#guru_maa_annapurna_devi { color: #000; }
#acnowledgement_press { color: #000; }
#acnowledgement_student { color: #000; }
#sarod { color: #000; }
#photo_gallery { color: #000; }
#recordings { color: #000; }
#recordings a { color:#330000; }
#contact { color: #000; }

.container-fluid p, .container-fluid h2, .container-fluid h1 {
	margin:auto;
	max-width:1000px;
}
.container-fluid form {
	margin:auto;
	max-width:1000px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width: 600px;
	margin: auto;
}
.carousel-control.left, .carousel-control.right {
	background-image:none;
}
.item {
	padding-bottom:20px;
}
.item img {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7);
	margin-bottom:10px;
	max-width:600px;
	height:auto;
}

#nav { float:right; width:auto; }
.hlist {
    float: left;
	display:block; 
	padding-right:10px;
}
.nbar { background-color:#af9274; color:#FFFFFF; padding:5px; height:40px; z-index:1000; margin:2px; border-bottom: 2px solid #333333 !important; }
.wauto { width:auto; }

.maiharTn          { background-image:url(../image/sarod.jpg);                 background-position:5px 5px; background-repeat:no-repeat; padding-left:20px; min-height:30px; padding-top:6px; padding-right:5px; }
.gharanaTn         { background-image:url(../image/sm_baba_allauddin_khan.jpg); background-position:5px 5px; background-repeat:no-repeat; padding-left:20px; min-height:30px; padding-top:6px; padding-right:5px; }
.guruTn            { background-image:url(../image/sm_maa_annapurna_devi.jpg);  background-position:5px 5px; background-repeat:no-repeat; padding-left:20px; min-height:30px; padding-top:6px; padding-right:5px; }
.sarodTn            { background-image:url(../image/the_sarod.jpg);  background-position:5px 5px; background-repeat:no-repeat; padding-left:20px; min-height:30px; padding-top:6px; padding-right:5px; margin-bottom:0px; }
.maiharTn a        { padding:0px !important; margin-left:20px; background-color:transparent; min-height:40px; }
.gharanaTn a       { padding:0px !important; margin-left:20px; background-color:transparent; min-height:40px; }
.guruTn a          { padding:0px !important; margin-left:20px; background-color:transparent; min-height:40px; }
.sarodTn a          { padding:0px !important; margin-left:20px; background-color:transparent; min-height:40px; }
.maiharTn a:hover  { padding:0px !important; padding-left:25px; background-color:#731000 !important;  }
.gharanaTn a:hover { padding:0px !important; padding-left:25px; background-color:#731000 !important;  }
.guruTn a:hover    { padding:0px !important; padding-left:25px; background-color:#731000 !important; }
.sarodTn a:hover    { padding:0px !important; padding-left:25px; background-color:#731000 !important; }
.navbar-brand { font-family:Carlito, Corbel, Arial, sans-serif; font-size:24px; }
.svTitle { font-family:Carlito, Corbel, Arial, sans-serif; margin-bottom:0px; padding-bottom:0px; }
.svHr { border:0px; border-bottom:2px Solid #000000; margin:0px; padding:0px; }
.svTxt { font-family:"Trajan Pro", Times, serif; font-size:11px; margin-bottom:0px; padding-bottom:0px; text-align:center; padding-top:5px; background-color: #660000; color:#FFFFFF; height: 60px; padding-top:20px; }
.navbar-inverse { background-color:#731000; }
.navbar-inverse .navbar-toggle { border:0px; }
.b { font-weight:bold; }
.tm10 { margin-top:10px; }
.flimg { margin-top:2%; margin-bottom:2%; }
.white { color:#FFFFFF; }
.navbar-inverse .navbar-nav li a { color:#FFFFFF; }
.navbar-inverse .navbar-nav li { background-color:#731000; }
.navbar-inverse .navbar-nav li a:hover { background-color:#731000; }
.container-fluid { max-width:1000px; }
.dropdown-menu { padding: 0px 0px; }
.nodisplay { float:right; }

@media screen and (min-width: 0px) and (max-width: 309px)
    {
	p { font-size:14px;  }
	.svTitle { font-size:24px; }
	.container { min-width:95%; max-width:100%; height:auto; }
	.spacer img { width:40%; height:auto; margin-bottom:10px;  float:left; }
	.main_title { margin-top:10%; }
	.fl { float:left; clear:both; }
	.fl h3 { font-family:Carlito, Corbel, Arial, sans-serif; font-size:18px;  }
	.flImg { float:left; height:auto; width:300px; }
	.nodisplay { display:none; }
    }
@media screen and (min-width: 310px) and (max-width: 609px)
    {
	p { font-size:15px;  }
	.svTitle { font-size:42px; }
	.container { min-width:80%; max-width:100%; height:auto; }
	.spacer img { width:40%; height:auto; margin-bottom:20px;  float:left; }
	.main_title { margin-top:10%; }
	.fl { float:left; clear:both; }
	.fl h3 { font-family:Carlito, Corbel, Arial, sans-serif; font-size:20px;  }
	.flImg { float:left; height:auto; width:590px; }
	.nodisplay { display:none; }
    }
@media screen and (min-width: 610px) and (max-width: 909px)
    {
	p { font-size:16px;  }
	.svTitle { font-size:34px; }
	.container { min-width:80%; max-width:100%; height:auto;}
	.spacer img { width:40%; height:auto; margin-bottom:20px; float:left;}
	.main_title { margin-top:10%; }
	.fl { float:left; padding-left:60%; }
	.fl h3 { font-family:Carlito, Corbel, Arial, sans-serif; font-size:18px;  }
	.flImg { float:left; height:auto; width:300px; }
	.contactsv {border-top:1px dotted #ffcc66; margin-top:40px;}
	.nodisplay { display:none; }
    }
@media screen and (min-width: 910px) and (max-width: 1209px)
    {
	p { font-size:17px;  }
	.svTitle { font-size:52px; }
	.container { min-width:80%; max-width:100%; height:auto;}
	.spacer img { width:40%; height:auto; margin-bottom:20px; float:left; }
	.main_title { margin-top:10%; }
	.fl { float:left; padding-left:60%; }
	.fl h3 { font-family:Carlito, Corbel, Arial, sans-serif; font-size:18px;  }
	.flImg { float:left; height:auto; width:300px; }
	.mcontent {width:70%; float:left; padding-right:20px; border-right:1px dotted #ffcc66; }
	.contactsv {width:30%; float:left; padding-left:10px;  }
    }
@media screen and (min-width: 1210px)
    {
	p { font-size:18px;  }
	.svTitle { font-size:68px; line-height:80px; }
	.container { margin:auto !important; min-width:1200; max-width:1210; height:auto; }
	.spacer img { width:45%; height:auto; margin-bottom:20px; float:left; }
	.main_title { margin-top:10%; }
	.fl { width:1200px; margin:auto; }
	.fl h3 { font-family:Carlito, Corbel, Arial, sans-serif; font-size:36px;  }
	.flImg { float:left; height:auto; width:732px; }
	.mcontent {width:70%; float:left; padding-right:20px; border-right:1px dotted #ffcc66; }
	.contactsv {width:30%; float:left; padding-left:10px;}
    }
@media screen and (min-width: 1390px) {
}	
.container {
  width: auto;
  max-width: 100%;
  padding: 0 15px;
  background-color:#FFEFD9;
}
footer {
  position: relative;
  bottom: 0px;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  padding-top:10px;
  background-color: #660000;
  color:#FFFFFF;
}