

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*
h1 {
    color:#9EF8FF;
*/
h1, h2, h3, span, h4 {
    color:#4FBECC;
    font-family: font-family: 'Oswald', sans-serif;
}

.sari_bio {
    /* font-size:1.3em; */
    width: 550px;
    padding:0;    
}

.sari_bio2{
    font-size:1em;
    width: 550px;
    padding:0;    
}

            .sari {
                padding:0;
                width:200px;
            }

.unstyled {
    list-style: none;
}

 body {
                padding-top: 0px;
                padding-bottom: 0;
                background:black;
            }
        
            
            nav {
                display: block;
                width:1000px;
                margin: auto;
                padding:20px 5px 20px 5px;
            }

nav a{
    border-radius: 50% !important;
    color:#AEFAFF;
/*    font-family: 'Josefin Sans', sans-serif;*/
}



.nav>li>a:hover, .nav>li>a:focus {
    box-shadow: -webkit-box-shadow: 0px 2px 21px 9px rgba(174,250,255,1);
-moz-box-shadow: 0px 2px 21px 9px rgba(174,250,255,1);
box-shadow: 0px 2px 21px 9px rgba(174,250,255,1);
    background:#AEFAFF;
}

nav li a:hover {
color:black;
}

.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
}

.btn-primary:hover, .btn-primary:focus {
    box-shadow: -webkit-box-shadow: 0px 2px 21px 9px rgba(174,250,255,1);
-moz-box-shadow: 0px 2px 21px 9px rgba(174,250,255,1);
box-shadow: 0px 2px 21px 9px rgba(174,250,255,1);
    background:#AEFAFF;
}

.btn-primary {
    border-color:#AEFAFF;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color:black;
}
.panel-body {
    background:aliceblue;
}

.panel-default>.panel-heading {
    color:darkslategrey;
}

.panel-default>.panel-heading {
background: rgba(174,250,255,1);
background: -moz-linear-gradient(top, rgba(174,250,255,1) 0%, rgba(174,250,255,1) 17%, rgba(102,204,199,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(174,250,255,1)), color-stop(17%, rgba(174,250,255,1)), color-stop(100%, rgba(102,204,199,1)));
background: -webkit-linear-gradient(top, rgba(174,250,255,1) 0%, rgba(174,250,255,1) 17%, rgba(102,204,199,1) 100%);
background: -o-linear-gradient(top, rgba(174,250,255,1) 0%, rgba(174,250,255,1) 17%, rgba(102,204,199,1) 100%);
background: -ms-linear-gradient(top, rgba(174,250,255,1) 0%, rgba(174,250,255,1) 17%, rgba(102,204,199,1) 100%);
background: linear-gradient(to bottom, rgba(174,250,255,1) 0%, rgba(174,250,255,1) 17%, rgba(102,204,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aefaff', endColorstr='#66ccc7', GradientType=0 );
}
            .bio {
                background:white;
                margin:auto;
                max-width: 1000px;
            } 
            
/*
            .first-para {
                width:600px;
                margin:auto;    
            }
*/
            
            section {
                float:left;
                width:400px;
                margin-left:100px;
            }
            
            
            footer {
                color:aliceblue;
                margin:auto;
                width:1000px;
                height:100px;
                padding-top:20px;
            }
            .size {
                background:blue;
                width:170px;
                height:40px;
                float: left;
            }
            .size2 {
                background:yellow;
                width:150px;
                height:40px;
            }

.letter {
    border:  1px solid black;
    padding:5px;
}


blockquote {
    background:#AEFAFF;
    width:350px;
}

.btn {
    color:white;
    background: #4FBECC;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color:black;
    background-color:#AEFAFF;
}

#sari_logo {
    padding:20px;
}





