@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* ------------ Page Organization ------------------ */

/*Contains everything */
body {
    background-color: #050511;
    min-height: 1150px;
    font-family: 'Open Sans';
    font-size: 0.9em;
    color:#181843;
    margin:0;
}
div.pic{   
    background-color: #050511;
    min-height: 1150px;
    background-image:url(images/IMG_3372-sm.dup.min.jpg);
    background-size: 1364px 1150px;
    background-repeat: no-repeat;
    width:1364px;
    margin:auto;
}
/*Contains everything but the background pic */
div.page {
    position:relative;
    top:-1150px;
    width:800px;
    margin: auto;
    overflow:auto;
    padding:1%;
    
}
/*Contains everything below header */
div.belowHeader{
    background-color: #EFEEF0;
    overflow:auto;
    min-height: 500px;
    padding-bottom:2em;
   -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -khtml-border-top-left-radius: 5px;
    -khtml-border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 1px;
    -moz-border-bottom-right-radius: 1px;
    -webkit-border-bottom-left-radius: 1px;
    -webkit-border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
    -khtml-border-bottom-left-radius: 1px;
    -khtml-border-bottom-right-radius: 1px;
}

/* ------------ Header ----------- */

/*Contains the page title and logo*/
header {
    margin-bottom: 0.5em;
}
/*Everglades Astro Society */
.title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 4em;
    text-align: center;
    width:80%;
    color:#FFF;
    display:inline-block;
    vertical-align: top;
}
/*logo*/
.logo {
    clear:none;
    display:inline-block;
}

/* ------------ Footer ----------- */
footer {
    text-align: center;
    background: #14142D;
    background: -webkit-linear-gradient(#14142D, #070713);
    background: -o-linear-gradient(#14142D, #070713);
    background: -moz-linear-gradient(#14142D, #070713);
    background: linear-gradient(#14142D, #070713);
    -moz-border-top-left-radius: 1px;
    -moz-border-top-right-radius: 1px;
    -webkit-border-top-left-radius: 1px;
    -webkit-border-top-right-radius: 1px;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    -khtml-border-top-left-radius: 1px;
    -khtml-border-top-right-radius: 1px;
    color:#FFF;
    clear:left;
    overflow:auto;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -khtml-border-bottom-left-radius: 5px;
    -khtml-border-bottom-right-radius: 5px;
}
p.footerText{
    font-size:0.75em;
}

/* ------------ Navigation Bar ----------------- */

/*contains the navigation bar across the top*/
nav.main {
    text-align: left;
    background: #14142D;
    background: -webkit-linear-gradient(#070713,#14142D, #181843);
    background: -o-linear-gradient(#070713,#14142D, #181843);
    background: -moz-linear-gradient(#070713,#14142D, #181843);
    background: linear-gradient(#070713,#14142D, #181843);
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -khtml-border-radius: 1px;
    max-height: 2.5em;
}
/*The nav bar*/
#navbar{
    display:inline-block;
    margin:0;
    padding:0;
}
/*all lists in the navbar */
#navbar ul {
    position:absolute;
    display:none; 
    top:2.5em;
    list-style:none;
    left:-1px;
    margin:0;
    padding:0;
    z-index: 1000;
}
/*Every word in the main navbar*/
#navbar li {
    position:relative;
    float:left;
    display:block;
    text-align: center;
    padding-top:0.5em;
    padding-bottom: 0.5em;
}
/*the actual links in the navbar*/
#navbar>li>a{
    padding:1em;
    color:#FFF;
    text-decoration: none;
}
/*the boxes that appear below navbar*/
#navbar li ul{
    border: solid #2A2957;
    border-top: none;
    background: #14142D;
}
/*The links that appear below navbar (Tutorials)*/
#navbar li ul li a{
    color:#FFF;
}
/* the nav items that lead to another level (Software)*/
#navbar li ul li.sideways {
    background-image:url(images/arrowHalf.svg);
    background-repeat: no-repeat;
    background-position: 10em 0.75em;
}
/*the width of the box below navbar (Software)*/
#navbar li ul li {
    width:11em;   
}
a.alotPad{
    padding: 0.5em 4em;
    text-decoration:none;
}
a.noPad{
    padding:0.5em 0;
    text-decoration:none;
}
a.medPad{
    padding: 0.5em 2.2em;
    text-decoration:none;
}

/* ------------ Drop Down and Menu color changes ----------- */

#navbar li:hover>ul {
    display:block;
}
#navbar ul li:hover ul{
    left:11em;
    top:-1px;
}
#navbar li:hover, #navbar li.iamhere {
    background-color:#2A2957;
}
#navbar ul li:hover, #navbar ul li.iamhere {
    background-color:#2A2957;
}

/* ------------ Sidebar ----------- */
ul.sidebar li.iamhere a {
    background-image:url(images/arrow.svg);
    background-repeat: no-repeat;
    background-position: 0 0.3em;
    padding-left: 9px;
    margin-left:-9px;
    color: #038918;
}
ul.sidebar a:hover{
    text-decoration: underline;
}
/*words above sidebar*/
h2.sideHeader{
    display:block;
    float:left;
    margin-left: 2em;
    margin-bottom: 0;
    font-weight:normal;
}
/*whole sidebar*/
ul.sidebar {
    list-style: none;
    padding-top:0.5em;
    padding-right:0.5em;
    padding-left:1em;
    padding-bottom:0em;
    width:22%;
    clear:left;
    float:left;
    margin-left:0.5em;
    margin-top: 0;
   /* background: #14142D; */
    border: thin solid #cacad0;
    background-color:#e2e2ea;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}
/*second level of sidebar (Calendar)*/
ul.sidebar ul {
    padding-left:1em;
    font-size:95%;
}
/*all items*/
ul.sidebar li a, ul.sidebar li {
    margin-bottom:0.5em;
  /*  color: #FFF; */
    color:black;
    text-decoration: none;
    list-style: none;
}
ul.sidebar li.firstchild{
    margin-left:-1em;
    
}

/* ------------ Content ----------- */

/*Holds everything to right of sidebar*/
div.content {
    float:left;
    width:68%;
    clear:none;
    display:block;
    margin-top:-3.2em;
    margin-left:2em;
    margin-right:1em;
}
/*holds content when there is no sidebar*/
div.contentNoSide{
    margin:auto;
    width:75%;
}
h1, h2{
    font-weight:normal;  
}
div.underSidebar{
    clear:left;
    text-align: center;
}
.cleared{
    clear:left;
}
.floated{
    float:left;
}
/*------buttons on home page, error & online tools-------*/
div.quickNav{
    text-align:center;
}
div.col-sm-3{
    float:left;
    width:33%;
}
.hoverable:hover{
    margin:auto;
    position:relative;
    top:-10px;
}
div.col-sm-3>a,div.col-sm-3>a:link,div.col-sm-3>a:visited {
    color:#070713;
    text-decoration: none;
    font-size: 115%;
}
div.col-sm-3>a:hover{
    text-decoration: underline;   
}
div.col-sm-3>a:active{
    color:#34343b;
}
div.col-sm-3.smaller{
    width:25%
}


/*-----Calendar-----*/
iframe{
    width:95%;
    height:600px;
}
h1.moved{
    text-align: center;
    font-size:3em;
    padding-top:0.6em;
    margin-left:-3em;
    
}

/*-----Newsletter-----*/
ul.newsletter{
    float:left;
    list-style:none;
    margin-top:0;
    padding:0;
}
div.col-sm-3.centered{
    float:none;
    text-align: center;
    margin:auto;
}
ul.newsletter a {
    color:#2A2957;
    text-decoration:none;
    padding-left:3em
}
ul.newsletter h3{
    background-color:#d4d1d6;
    text-align:center;
    margin-bottom:0;
}
ul.newsletter a:hover{
    text-decoration:underline;
}

/*-----Officer-----*/
span.officer{
    color:#2A2957;
    font-size:1.1em;
}
span.person{
    padding-left:1em;
}

/*-----Contact-----*/
div.contact{
    width:46%;
    float:left;
}
div.contact.marginLeft{
    margin-left:3em;
}

/*-----Picture Slideshow-----*/
div.SliderContainer{
    background-color:#d4d1d6;
    overflow:auto;
    width:98%;
    margin:auto;
    margin-top:0.5em;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 30px;
}
.PicButton{
    float:left;
    width:9%;
    font-size: 4em;
    padding-top:150px;
    color:#181843;
    text-decoration: none;
}
.PicButton.Right{
    text-align: right;
    float:right;
}
div.ContainerImage{
    float:left;
    width:81%;
    padding-top:3px;
    margin:0;
    position:relative;
    text-align: center;
}
img.Slider{
  /*  width:640px; */
    height:0;
    width:0;
    opacity:0.88;
    position:absolute;
 -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear;
}
img.Slider.shown{
    height:400px;
    position:relative;
    width:auto;
    opacity:1;
    margin:auto;
         -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

/*-----Membership-----*/
img.membership{
    border:solid thick #d4d1d6;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
/*-----Online Tools-----*/
div.divone{
    padding:2px;
    background-color:#000000;
    border: 1px solid #000000;
}
div.divtwo{
    padding:13px;
    padding-bottom:4px;
    padding-top:10px;
    border: 1px solid #AFB2D8;
}
div.divthree{
    padding-bottom:5px;
    color:#FFFFFF;
    font-family:arial,helvetica,sans-serif;
    font-size:10px;
}
div.divfour{
    padding-top:4px;
}
span.info{
    color:#7F7F7F;
}
/*-----Resources-----*/
ul.up{
    margin-top:0;
}