*{
	margin:0;
	padding:0;
}
html {font-family:arial, verdana, sans serif; font-size:13px;}
a:link, a:visited{color:#3b88b4;
text-decoration:none;
font-weight:bold}
a:hover{color:red;text-decoration: none;}
h1, h2, h3, h4, h5, h6,

h1{font-size:24px; color:#000000;}
h2{font-size:18px; color:#666666;}

body{
	background-color:#96d9e6;
	font-family:Arial, Helvetica, sans-serif;
} 
#page {
	width:1080px;
	padding:0 0 10px 0;
	margin:0 auto;
	background-color:#F5F5F5;
	/*height:2900px;*/
	height:auto;
	box-shadow:0 0.3em 1em #000000;

}

.cellsHeader{
	float:left;
	/*background:url('../images/grad.png') repeat-x;*/
	background:linear-gradient(#1a82f7, white, skyblue) repeat scroll 0 0 rgba(0, 0, 0, 0);
	width: 92px;
	height:  25px;	
	text-align:center;
	vertical-align:middle;
	font-size:20px;
	
	border-color:#104ebe #0E1F5B #0E1F5B #d9dfea;
	border-style:solid;
	border-width:1px;
	color:#96d9f9;
	box-sizing:border-box;
	width:14.2857143%;
	/*cursor:move*/

}
#nbar{
	
	width:100px;
	height: 20px;	
	text-align:center;
	vertical-align:bottom;
	/*margin-top:50;*/
	font-size:19px;	
	color:blue;
}
#ebar{

	width:100%;
	height: 20px;	
	text-align:center;
	vertical-align:bottom;
	/*margin-top:50;*/
	font-size:18px;	
	color:blue;
}
.cells{
	display:block;
	float:left;

	width: 92px;
	height: 99px;	
	text-align:center;
	vertical-align:middle;
	font-size:50px;
	background-color:white;
	border-color:#D9DFEA #0E1F5B #0E1F5B #d9dfea;
	border-style:solid;
	border-width:1px;
	color:red;
	box-sizing:border-box;
	width:14.2857143%;
	/*cursor:move*/

}
.cells:hover{
	background-color:#99E6FF;
}
#main {
	
	width:658px;
	height:520px;
	vertical-align:top;
	margin-left:0px;
	
	
	color:#fffeec;
	/*border:1px groove;
	border-top-color:#d9dfea;*/
	
}
#cover{
	margin-top:5px;
	width:auto;
	height:auto;
	/*background:url('../images/head.gif') repeat-x;*/
	text-align: center;
	margin-left:5px;
	
	/*border:3px groove #0E1F5B;*/
}
#monthtitle{
	width:660px;
	color:#0000CC;
	background:linear-gradient(blue, #1a82f7) repeat scroll 0 0 rgba(0, 0, 0, 0);	
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	height:30px;
	float:left;

}
#content{
	float:left;
}
#leftMiddle{
	border:0px;
	margin: 0px;
	float:left;
}
#father{
	width:670px;
	margin-left:5px;	
	float:right;
	/*height:2170px;*/
	height:auto;
	border:1px solid #003ac3;
	background: #88c7d8;

}

.inputsubmit{margin:0 10px 0 0;background-color:#3b5998;border-color:#D9DFEA #0E1F5B #0E1F5B #d9dfea;border-style:solid;border-width:1px;color:#fff;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:14px;padding:2px 15px 3px;text-align:center}




#dashi{
	height: 20px;	
	text-align:right;
	vertical-align:top;
	font-size:12px;	
	color:green;
}
#nday{
	margin-top:-10px;
	margin-left:-7px;
	float:left;
	width:75%;
	height: 30px;	
	text-align:center;
		
	font-size:45px;	
	color:black;

}
#eday{
	/*margin-top:-10px;*/
	float:left;
	width:20px;
	height: 34px;	
	text-align:right;
	vertical-align:bottom;
	/*margin-top:50;*/
	font-size:15px;
	font-weight:bold;
	margin-top: 15px;
	color:blue;
}
#fest{
	/*margin-top:-18px;*/
	clear:both;
	
	height: 40px;	
	text-align:left;
	line-height:100%;
	
	font-size:10px;
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;	
	/*color:red;*/
}
#yren{
	margin-top:-5px;
	float:left;
	text-align:left;
	font-size:20px;
	color:white;
	font-weight:bold
}
#entarikYr{
	float:right;
	color:white;
	text-align:right;
	font-size:20px;
	font-weight:bold;
	vertical-align:sub;
}
#ads1{
	margin-left:40px;
	text-align:right;
	vertical-align:top;
	width:400px;
}


#aajakodin{
	
	height:500px;
	width:200px;
	
	
}
#aajtitle{	
	display:block; 
	background:linear-gradient(blue, #1a82f7) repeat scroll 0 0 rgba(0, 0, 0, 0);	
	height:24px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:white;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
hr{
	margin:0 auto;
	color:blue;
	height:1px;
	width:180px;
	text-align:center;
	background-color:blue;
}
#aajcontent{	
	height:190px;
	margin-top:0px;
	border: 1px #0033FF;
	border-color:#0038bf #0038bf #0038bf #0038bf;
	border-style:solid;
	border-width:1px;
	color:green;
	
}
#leftbar{
	margin-left:5px;
	height:720px;
	width:auto;
	float:left;
	
}
#mth{
	float:left;
	text-align:left;
	font-size:18px;
	/*color:blue;*/
	
}
#yr{
	float:right;
	text-align:right;
	font-size:18px;
	
	/*color:blue;*/
}

#bar{
	
	text-align:center;
	font-size:18px;
	
	/*color:blue;*/
}
#gate{
	
	font-size:48px;
	text-align:center;
	
	
	/*color:blue;*/
}
#evnt{	
	text-align:center;
	font-size:12px;
	/*color:blue;*/
}
#ekadashi{
	
	float:left;
	text-align:left;
	font-size:18px;
	/*color:blue;*/
}
#tyam{
	float:right;
	text-align:left;
	font-size:18px;
	/*color:blue;*/
}
#festivals{
	height:430px;
	margin-top:0px;
	border:1px solid;
	border-color:#0038bf #0038bf #0038bf #0038bf;
	text-align:left;
	line-height: 18px;
	background:url('../images/gradientTurn.png') repeat-x;
	background-color:#FFFFFF;
	color:blue;
	
}
#holiC{
  overflow-y: auto;
	height: 380px;
}
#holi{
	margin-top:15px;
	margin-left:5px;
	font-weight:500;
	width:300px;
	float:left;
	border-right-color:#0033CC;
	border-right:1px dotted;
	text-align:left;
	
	background:url('../images/gradientSmall.png') repeat-x;
}
#bibahbrata{
	margin-top:15px;
	padding:5px;
	overflow:hidden;
	/*float:left;*/
	text-align:left;
}
#bibah{
	font-weight:500;
	background:url('../images/gradientSmall.png') repeat-x;
	
	
}
#bratabandha{
	background:url('../images/gradientSmall.png') repeat-x;
	font-weight:500;
	
}
#bs2ad{
	height:320px;
	margin-top:0px;
	border:1px solid;
	border-color:#0038bf #0038bf #0038bf #0038bf;
	text-align:center;
	line-height: 1.1;
	background:url('../images/gradientTurn.png') repeat-x;
	background-color:#FFFFFF;
	font-weight:bold;
	color:blue;
	
}
#convert{
	margin:0 auto;
	width:500px;
	margin-top:15px;
	text-align:center;
	border:1px solid;
	border-color:white white #0099FF;

}
#fbconnect{
	margin:0 auto;
	text-align:center
}
#rightbar{
	margin-left:3px;
	width:195px;
	float:left;
	text-align: center;
}
#refWiki{
	margin-top:0px;
	border:1px solid;
	border-color:#0038bf #0038bf #0038bf #0038bf;
	text-align:justify;
	background:url('../images/gradientTurn.png') repeat-x;
	clear:both; 
}
#contactus{
	margin:55px 20px 5px 20px;
	clear:both;
	border-top:1px dotted;
	border-color:#0038bf;
	height:300px;
	text-align:center;
}
select.onlyme{
 background-color: #88c7d8; 
 border-color:blue; 

 font-weight:bold;
 color:#0000cc;
 border: 1px solid blue;

border-radius: 5px;
}
input {
 font-weight:bolder;
 border: 1px solid #006;
 border-color:blue;
 color:blue;
 border-radius: 5px;
 padding: 2px;
 }
 
 #unicode{
	
	height:500px;
	width:134px;
	
	
}

#unicodetitle{	
	display:block; 
	background:url('../images/side-header-2.gif') no-repeat;	
	height:24px;
	text-align:center;
	color:white;
	font-size:16px;
	font-weight:bold;
	color:white;
	
}
.menu {
    margin:0 auto;
    float: left;
    text-align: center;
    margin-bottom:3px;

}
.menu li {
    float: left;
    font-family: "Sansation",sans-serif;
    font-size: 12px;
    line-height: 1.375em;
    list-style: none outside none;
    /*margin-top: 25px;*/
    padding: 0 4px;
    /*border-right: thin solid white;*/
    width:100px;
    height:100px;
    background-color: #86c5d5;
    font-weight: bold;
    background: linear-gradient(#1a82f7, white, skyblue) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.menu li a {
    /*padding-bottom: 15px;*/
    text-decoration: none;
    color:green;
    /*text-transform: uppercase;*/

}
.menu li a:hover, .menu li a:active {

    color: green;
    display: block;

}
/*.menu li:hover { background-color: #f5f5f5; }*/
.menu li:hover .menuitem { opacity: 0.4;     }

.menuitem.home {
    background-image: url('../menu_main.png');
    width: 65px;
    height: 57px;
    background-position:0px 1px;
    display: inline-block;

}
.menuitem.dashain {
    background-image: url('../menu_main.png');
    width: 69px;
    height: 57px;
    background-position: -65px 0px;
    display: inline-block;
    text-align: center;
}
.menuitem.tihar {
    background-image: url('../menu_main.png');
    width: 65px;
    height: 57px;
    background-position: -133px 0px;
    display: inline-block;
    text-align: center;
}
.menuitem.bibahbrata {
    background-image: url('../menu_main.png');
    width: 75px;
    height: 57px;
    background-position: -194px 2px;
    display: inline-block;
    text-align: center;
}
.menuitem.newnepalicalendar{
    background-image: url('../menu_main.png');
    width: 70px;
    height: 57px;
    background-position: -275px 0px;
    display: inline-block;
    text-align: center;
}
.menuitem.nepalidateconverter{
    background-image: url('../menu_main.png');
    width: 75px;
    height: 57px;
    background-position: -349px 0px;
    display: inline-block;
    text-align: center;
}
.menuitem.downloadnepalicalendar{
    background-image: url('../menu_main.png');
    width: 73px;
    height: 57px;
    background-position: -426px 0px;
    display: inline-block;
    text-align: center;    
}
.menuitem.mobilenepalicalendar{
    background-image: url('../menu_main.png');
    width: 75px;
    height: 57px;
    background-position: -493px 0px;
    display: inline-block;
    text-align: center;     
}
.menuitem.nepaliunicode{
    background-image: url('../menu_main.png');
    width: 75px;
    height: 57px;
    background-position: -573px 0px;
    display: inline-block;
    text-align: center;     
}
.menuitem.nepalirashifal{
    background-image: url('../menu_main.png');
    width: 64px;
    height: 57px;
    background-position: -655px 2px;
    display: inline-block;
    text-align: center;     
}
a.button {
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #3c3c3d;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    outline: medium none;
    overflow: visible;
    padding: 5px 9px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    white-space: nowrap;
    text-align: center;
    margin:1px;
    width:170px;

}
a.button:hover {
    background-color: #0F5EA3;
    background-position: 0 -81px;
    border-color: #0D518C;
    color: #fff;
    text-shadow: none;
    text-decoration: none;
}

a.button.next{
	font-size:20px;
    border-bottom-right-radius:34px;
    border-top-right-radius:34px;
    background-color: #f5f5f5;
    width: 180px;
}
a.button.previous{
	font-size:20px;
    border-bottom-left-radius:34px;
    border-top-left-radius:34px;
    background-color: #f5f5f5;
    width: 180px;
}
a.button.next:hover {
    background-color:#0f5ea3;
    color: #fff;
}
a.button.previous:hover {
    background-color:#0f5ea3;
    color: #fff;
}
.naamkomatraads1{
	text-align:justify;
	padding:5px;
	line-height:1.5;
}
.bbb{
		display:none;
}

#adsnew{
    /*border:1px solid grey;*/
    border-radius:5px;
    height:90px;
    width:99%;
    margin:2px;
    text-align: center;
    padding:2px;
}
#enterBSDate,#enterADDate{
	font-weight: bold;
	width:130px;
	height:53px;
	color:blue;
}
#conSelBoxes{
	width:520px;
	height:100%;
	text-align: center;
}
#convertResult{
	width:528px;
	border:1px solid #DD3C10;
}
#aboutBSC{
	color:blue;
}
#aboutBSCDesc{
	margin:0 3px 3px;
	color:#2a6e3c;
}
#mains{
	margin:5px;
	border:1px solid grey;
	height:470px;
	padding:10px;
	text-align: center;
	overflow:auto;
	background-color:white;
}
#hNepClkWid{
	color:blue;
	background-color:#88C7D8;
	border-radius:5px 5px 5px 5px;
	text-align:center;
}
#nbar{
		display:none;
}
#frm{
	color:blue;
	text-align:center;
	margin-top: 5px;
}
#menuM{
	display:none;
}

#tym4mob{
	display:none;
}
.menu4Mobile{
	display:none;
}
#code{
		width:80%;
		height:160px;
}
#addAbtNepaliCalendar{
	line-height:1.5; 
	text-align:justify;
	padding:5px;
}

textarea {
    background-color: #ffffe1;
    border: 2px solid lightgrey;
    border-radius: 5px;
    font-size: 11px;
    padding: 5px;
    width:80%;
}
#mobAd{
	display:none;
}
@media only screen and (max-width: 480px){
	#page{
		width:100%;
		display: inline-block;
		height:100%;
		box-shadow: 0px;
		margin:0px;
		padding:0px;
		box-shadow: none;
	}
	#mobAd{
		display:block;
		text-align: center;
	}
	#cover{
		margin:0px;

	}
	#addAbtNepaliCalendar{
		width:98%;
	}
	#monthtitle{
		width:100%;
		margin: 0px;
		padding: 0px;
		height:auto;
		background:linear-gradient(blue, #1a82f7) repeat scroll 0 0 rgba(0, 0, 0, 0);	


	}
	#main{
		width:100%;
		height:auto;
	}

	.cells{
		width:13.6%;
		height:65px;
		box-sizing:border-box;
		width:14.2857143%;
	}

	.menuitem {
	    background-image: url("../menu_main.png");
	    background-position: 0 1px;
	    display: inline-block;
	    height: 27px;
	    width: 10%;
	}
	#topTitle{
		display:none;
		
	}
	.aaa{
		display:none;
		
	}
	.bbb{
		display:block;
		clear:both;
		width:95%;
	}
	#container{
		width: 100%;
	}
	
	#adsnew{
		/*width:95%;*/
		height:100px;
	}
	/*
	.menu li{
		width:22%;
		height:110px;
	}*/
	.menu{
		display:none;
	}
	#leftbar{
		margin-top:5px;
		margin-left:0px;
		width:99%;
		text-align: center;
		height:auto;
	}
	#aajakodin{
		width:98%;
		text-align: center;
		height:auto;
	}
	hr{width:90%;color:grey;}
	#dashi{
		font-size: 9px;
		font-family: lucida grande;
	}
	#fest{
		/*display: none;*/
		    /* display: none; */
    /*
     clear: none; */
     padding:1px;
    height: 16px;
    float: left;
	margin-top: 0px;
    width: 98%;
    font-size: 9px;
  	/*white-space: nowrap;*/
  	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; /* number of lines to show */
   text-align: center;
   color:#000;
   font-weight: bold;
	}
	
	
	.cellsHeader{
		width:13.64%;
		height:20px;
		font-family: lucida grande;
		box-sizing:border-box;
		width:14.2857143%;
	}
	#ebar{
		display:none;
		
	}
	#nbar{
		width:99%;
		font-size: 12.5px;
		display:block;
		text-align: center;
		font-weight: bold;
	}
	#father{
		margin: 0px;
		width:99.5%;
		height:auto;
	}
	
	#eday{
		
		/*width:100%;*/
		margin-top:-32px;
		font-size: 12px;
		float:right;
		padding-right: 2px;
	}
	a.button.previous{
		width:40%;
		font-size: 12px;
	}
	a.button.next{
		width:75%;
		font-size: 12px;
	}
	#festivals{
		font-size: 12px;
		display:inline-block;
		width: 99.5%;
		height:auto;
	}
	#nday{
		font-size: 25px;
		font-weight: bold;
		width:100%;
		margin-top:-10px;
		margin-left: -8px;

	}
	#topmain{
		margin:0px;
		padding: 0px;
	}
	#holi,#bibah,#bratabandha{
		width:95%;
		border:0px;
		font-size: 15px;
	}
	#bibahbrata{
		width:100%;
	}
	table{
		text-align: center;
		border: 0px;
	}
	#conSelBoxes {
		border:0px solid black;
   		display:block;
   		width:98%;
		text-align: center;
	}
	#bs2ad{
		display:inline-block;
		height: auto;
		width:99.5%;
		margin-bottom:7px; 
	}
	#enterBSDate,#enterADDate{
		display:none;
	}
	#conSelBoxes td{
		height:40px;
	}
	#convert{
		width: 99%;
	}
	#convertResult{
		width:98%;
	}
	#aboutBSC{
		font-size:20px;
		margin-bottom: 10px;
	}
	#refWiki{
		width:99.5%;
	}
	#mains{
		margin:0px;
	}
	#hNepClkWid{
		width:96%;
	}
	textarea{
		width:96%;
	}
	#rightbar{
		width:100%;
		text-align:center;
	}

	#entarikYr,#yren{
		font-size:14px;
	}
	
	#lblMonth{
		display:none;
	}
	/*for mobile starts*/
	#menuM{
		display:block;
    	cursor:pointer;
    	float:right;
    	z-index: 99;
    	margin-top:-62px;
    	margin-right:10px;
	}
	#tym4mob{
		display:block;
    }
	.menu4Mobile{
	    display:none;
	    height:390px;
	     
	}
	.menuItems{
	    border-top:1px solid grey;
	    background:skyblue;
	    color:white;
	    text-align:left;
	    padding-left:20px;
	    height:30px;
	    cursor:pointer;
	    vertical-align:middle;
	    padding-top:8px;

	}
	a:visited,a:link,a:active{
	    text-decoration:none
	}
	a:hover{
	    color:white
	}
	
	.hideShow{
	    display:block;
	}

	span.m{
	    background-image:url('https://nepalicalendar.rat32.com/mobilemenu.png');
	    height:25px;
	    width:26px;
	    display:block;
	    float:left;
	    vertical-align:middle;
	}
	#imgHome{
	    background-position:0 1px;
	}
	#imgDashain{
	    background-position:-28px 0;
	}
	#imgTihar{
	    background-position:-56px 0;
	}
	#imgTihar{
	    background-position:-56px 0;
	}
	#imgMarriage{
	    background-position:-84px 0;
	}
	#imgMarriage{
	    background-position:-84px 0;
	}
	#imgNewYear{
	    background-position:-116px 0;
	}
	#imgDateConverter{
	    background-position:-148px 0;
	}
	#imgDownload{
	    background-position:-176px 0;
	}
	#imgMobileCalendar{
	    background-position:-210px 0;
	}
	#imgNepaliUnicode{
	    background-position:-238px 0;
	}
	#imgNepaliRashifal{
	    background-position:-274px 0;
	}
	#imgGoldSilver{
		 background-position:-304px 0;
	}
	#imgVegetable{
		 background-position:-339px 0;
	}
	.menuItems a{
	    padding-left:10px;
	}
	#contactus{
		margin-top: 100px;
	}
	a.button{
		width:80%;
	}
}
@media only screen and (min-width:481px) and (max-width: 800px){
	#page{
		width:100%;
		display: inline-block;
		height:100%;
		box-shadow: none;
		margin:0px;
		padding:0px;
	}
	#container{
		width: 100%;
	}
	#father{
		margin: 0px;
		width:99.5%;
		height:auto;
	}
	#cover{
		margin-left:0px;
	}
	#main{
		width:100%;
		height:260px;
	}
	#monthtitle{
		width:100%;
		margin: 0px;
		padding: 0px;
		height:auto;
		background:linear-gradient(blue, #1a82f7) repeat scroll 0 0 rgba(0, 0, 0, 0);	


	}
	#mains{
	}
	#rightbar{
		float:left;
	}
	.cells{
		box-sizing:border-box;
		width:14.2857143%;
		height:115px;
	}
	a.button{
		width:80%;
		/*font-size: 20px;*/
		margin-bottom: 5px;
	}
	#leftbar,#rightbar{
		margin-top:5px;
		width:99%;
		text-align: center;
		height:auto;
	}
	#aajakodin{
		width:98%;
		text-align: center;
		height:auto;
	}
	hr{width:90%;color:grey;}
	#nday{
		font-size: 40px;
		margin-left:-3px;
	}
	#eday{
		float:right;
		margin-top:10px;
	}
	#holi,#bibahbrata{
		width:48%;
	}
	.menu{
		background:linear-gradient(#1a82f7, white) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.menu{
		background:linear-gradient(#1a82f7, white) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.menu li {
		box-sizing:border-box;
		width:20%;
	}
	#bs2ad{
		display:inline-block;
		height: auto;
		width:99.5%;
		margin-bottom:7px; 
	}
	#conSelBoxes {
		border:0px solid black;
   		display:block;
   		width:98%;
		text-align: center;
	}

	#convert{
		width:90%;
	}
}
@media only screen and (min-width:801px) and (max-width:1077px ){
	#page{
		width:100%;
		display: inline-block;
		height:100%;
		box-shadow: 0px;
		margin:0px;
		padding:0px;
	}
	#container{
		width: 100%;
	}
	#leftbar{width: 20%;}
	#father{
		margin: 0px;
		width:74%;
		height:auto;
	}
	#main{
		width:100%;
		height:260px;
	}

	#monthtitle{
		width:100%;
		margin: 0px;
		padding: 0px;
		height:auto;
		background:linear-gradient(blue, #1a82f7) repeat scroll 0 0 rgba(0, 0, 0, 0);	


	}
	#mains{
	}
	.cells{
		box-sizing:border-box;
		width:14.2857143%;
		height:115px;
	}
	#rightbar{
		margin-top:5px;
		width:99%;
		text-align: center;
		height:auto;
	}
	a.button{
		width:80%;
	}
	.menu{
		background:linear-gradient(#1a82f7, white) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
	.menu li {
		box-sizing:border-box;
		width:20%;
	}
}