/* 
    Created on : May 23, 2016, 2:46:47 PM
    Author     : haleyvancamp
*/
.header {
                border-radius: 3px;
                background-color: rgba(50,93,104,0.8);
                color: #C9E4B6;
                text-align: center;
                padding-top: 10px;
                padding-bottom: 10px;

            }

            .footer {
                border-radius: 3px;
                background-color: rgba(50,93,104,0.8);
                color: #C9E4B6;
                text-align: center;
                clear: both;
                padding-top: 3px;
                padding-bottom: 3px;
            }

            @font-face {
                font-family: avenirLight;
                src: url("../fonts/Avenir/AvenirLTStd-Light.otf") format("opentype");
            }

            body{
                font-family: avenirLight, sans-serif;
                font-size: 18px;
                border-radius: 3px;
                
/*                background-color: #4E7B8A;*/
                
                background-repeat: no-repeat;
                background-position: center;
                background-attachment: fixed;
                background-size: 98.5%;

            }
            
            p{
                text-align: left;
                position:relative;
                width: 35%;
                border-style: solid;
                border-width: 25px;
                border-color: rgba(50,93,104,0.8);
                border-radius: 3px;
                margin: auto;
                
                padding-top: 10px;
                padding-left: 10px;
                padding-bottom: 10px;
                background-color: #9FC7BB;
                color: black;
                display: block;
	
            }
            .intro{
                text-align: left;
                position:relative;
                width: 50%;
/*                border-style: solid;
                border-width: 25px;*/
                border-radius: 3px;
                margin: auto;
                
                padding-top: 10px;
                padding-left: 10px;
                padding-bottom: 10px;
                padding-right: 10px;
                background-color: rgba(50,93,104,1);
                color: whitesmoke;
                display: block;
	
            }
            button{
                
                text-align: center;
                position:relative;
                width: 21%;
                border-style: solid;
                border-width: 5px;
                border-color: rgba(50,93,104,0.8);
                border-radius: 3px;
                margin-left: auto;
                
                padding-top: 3px;
                padding-left: 3px;
                padding-bottom: 3px;
                background-color: #C9E4B6;
                color: black;
                display: block;
                cursor: pointer;
                font-family: avenirLight, sans-serif;
                font-size: 18px;
            }
           
            button:hover{
                color: #EAF56E;
                box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
            }
            .error{
                color: #EAF56E;
            }
            .welcome{
                text-align: center;
                position:relative;
                width: 20%;
                border-style: solid;
                border-width: 5px;
                border-color: rgba(50,93,104,0.8);
                border-radius: 3px;
                margin-left: auto;
                
                padding-top: 3px;
                padding-left: 3px;
                padding-bottom: 3px;
                background-color: #C9E4B6;
                color: black;
                display: block;
            }
            .userBlog{
                text-align: center;
                position:fixed;
                width: 20%;
                border-style: solid;
                border-width: 5px;
                border-color: rgba(50,93,104,0.8);
                border-radius: 3px;
                margin-right: auto;
                
                padding-top: 3px;
                padding-left: 3px;
                padding-bottom: 3px;
                background-color: #9FC7BB;
                color: black;
                display: block;
            }
            table, th, td {
                border: 1px solid black;
                padding-bottom: 8px;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 8px;
                background-color: rgba(50,93,104,0.4);
                color: #C9E4B6;
            }
            th {
                font-size: 15pt;
                color: #F1F7AD;
                
            }
            /* unvisited link */
            a:link {
                color: black;
                text-decoration: none;
            }

            /* visited link */
            a:visited {
                color: black;
                text-decoration: none;
            }

            /* mouse over link */
            a:hover {
                color: #EAF56E;
                text-decoration: none;
            }

            /* selected link */
            a:active {
                color: whitesmoke;
            }
            .blogEntry{
                text-align: left;
                position:relative;
                width: 50%;
                border-style: solid;
                border-width: 10px;
                border-color: rgba(50,93,104,0.8);
                border-radius: 3px;
                margin: auto;
                
                padding-top: 7px;
                padding-left: 7px;
                padding-bottom: 7px;
                background-color: #9FC7BB;
                color: black;
                display: block;
            }