* { margin: 0; padding: 0; }

body{
position:relative;
min-width:1250px;
background-color:  #fbd788;  /* color for rounded rect */
}

/*  BANNER ------------------------------------*/

div.banner{
position:relative;
width:100%;
height:145px;
padding:30px 0px 0px 0px;
}

div.banner h1{
font-family: Verdana, sans-serif;
font-size:60px;
color:  #ff99ab; /*  pink color for title */
display:inline-block;
box-sizing:border-box;
width:60%;
margin: 0px 30px;
text-shadow: 4px 4px #005f5f;

}

div.banner h2{
font-family: Verdana;
font-size:20px;
color: yellow; /* color for sub title */
display:inline;
box-sizing:border-box;
width:40%;
}

div.banner .bg{
position:absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index:-1;

background-image: url("http://askastrologer.com/image_files/banner.png"); 
}

div.banner span{
color:  #ffff4e; /* color for title */

}


/*  NAVIGATION BAR ------------------------------------*/

div.nav{
background-color: #c15e26;  /* brown color for bar */
width:100%;
font-family: Verdana;
font-size:24px;
z-index:10;
padding: 5px 0px 10px 0px;
text-align:center;
}

div.nav li{
display:inline-block;
position:relative;
}

div.nav span{
color: #ffff4e; 
}

.nav a{
color: #D5FFFF;  /* color for titles in bar */
text-decoration:none;
font-weight:bold;
padding: 5px 15px;
display:block;
}

.nav a:hover{
background-color: #fbd788; /* #c1ffff; */
color: #004c4c; 
}

.nav a:active{
color: #ff99ab; 
}

li[id="title"]{
font-size:30px;
color: #ff99ab;  
padding: 5px 160px 20px 60px;
}


/*  LINKS ------------------------------------*/


div.links{
position:absolute;
left:0;
height:100%;
background-image: url("http://askastrologer.com/image_files/sidebk.gif");
}


.links ul li { 
width:280px;
}

.links a{
display:inline-block;
font-family: Verdana;
font-size:18px;
color: #D5FFFF;  /* link color active */
text-decoration:none;
padding: 15px 30px 5px 40px;
}


.links a:hover { 
color: Yellow;  
}

.links a:active{
color: #FFFFFF;  
}

.links ul li:last-child{
padding:0px 0px 20px 0px;
border-bottom-right-radius:10px;
}


/****************Content************/

div.content{
min-height:1550px;
position:relative;
margin:20px 20px 20px 300px;
font-family: 'Hind Vadodara', sans-serif;
text-weight:light;
padding: 40px 60px;
font-size:19px;
color: #5b0d0d;  /*#5b0d0d;  #450a0a; #2f0707;  #440000; */
text-align:justify;
line-height:1.6em;
z-index: 5;
}

div.content::before{
content:"";
border-radius:20px;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:-2;
background-image: url("http://askastrologer.com/image_files/ombg.gif");
}

div.content h1.title{
text-align:center;
text-weight: regular;
font-family: 'Acme', sans-serif; 
font-size:32px;
color:#963706;  /* heading for article */
margin:20px 0px 30px 0px;
}


.subtitle {
text-align: justify;
text-weight: regular;
font-style: italic;
font-family: georgia, sans-serif; 
color:#963706;  /* for first paragraph */
}

div.content h2{
font-weight: regular;
font-family: 'Hind Vadodara', sans-serif;
font-size:24px;
color: #963706;
margin: 0px 0px 0px 0px;
}

div.content b{
font-weight: bold;
font-family: 'Hind Vadodara', sans-serif;
font-size:19px;
color: #963706;
/* margin: 0px 0px 0px 0px; */
}

div.content h1{
font-family: 'Acme', sans-serif; 
font-size:32px;
color: #963706;
margin:10px 0px 20px 0px;
}

div.content img{
margin: 10px 20px 10px 20px;
}

div.content img.first{
margin: 0px 0px 0px 0px;
display: block;
margin: auto;
}

div.content div.header{
font-family: 'Hind Vadodara', sans-serif; 
font-size:19px;
color: #5b0d0d;  /* #003838; */
margin:10px 0px 20px 0px;
}

div.content a{
color:blue;
text-decoration:none;
}

div.content a:hover{
color:violet;
}

div.content a:active{
color:#003838;
}

div.displayNone{
display:none;
}

div.display{
display:block;
}

table{
margin:10px 0px;
}

td{
font-family: 'Hind Vadodara', sans-serif;
font-size:19px;
color: #5b0d0d;
text-weight:light;
line-height:1.5em;
padding:10px 10px;
}


/***************FOOTER******************/

.footer{
margin-left:290px;
padding: 20px 30px 0px 30px;
font-size:20px;
margin-bottom:0px;
}

div.footer span{
color: #ffff4e;
}

.footer h1.banner{
text-align:center;
font-family: Verdana,sans-serif;
font-size:38px;
color: #ff99ab;
padding: 0px 0px 20px 0px;
}

.footer .signature{
text-align:center;
padding: 20px 0px 20px 0px;
color:grey;
}

.signature span.copyright{
display:none;
}

.signature a{
text-decoration:none;
color:grey;
}

.signature span a:hover{
color:blue;
}

.ad{
  FONT-WEIGHT: bold; 
}
.links ul.main-menu li{
position:relative;
}
.links ul.main-menu li .sub-menu{
box-shadow: 0 1px 7px #cc3300;
    display: none;
    left: 280px;
    position: absolute;
    top: 0;
    width: 400px;
    z-index: 999;
	background:#fff;
}
.links ul.main-menu li:hover .sub-menu{
display:block;
}
.links ul.main-menu li .sub-menu li{
display:block;
width:100%;
border-bottom:1px dotted #fff;
}
.links ul.main-menu li .sub-menu li a{
  color: #cc3300;
    display: block;
    font-size: 15px;
    line-height: 17px;
    padding: 8px 16px;
}
.links ul.main-menu li .sub-menu li a:hover{
color:#000;
}
.links ul.main-menu li .sub-menu li:last-child{
border:none;
}
.cf:after{
clear:both;
content:"";
display:block;
}
.logo-left{
display:none;
}
.logo-right{
}
#navbar.nav.sticky{
position:fixed;
left:0;
top:0;
width:100%;
}
#navbar.nav.sticky .logo-left{
float:left;
width:223px;
display:block;
margin:3px 0 0 30px;
}
#navbar.nav.sticky .logo-right{
float:right;
width:79%;
text-align:left;
}
.sub-menu .mCustomScrollbar{
max-height:300px;
}
.links .mCSB_inside > .mCSB_container {
    margin-right: 14px;
}
.links .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #cc3300 !important;
}