/*start background image formatting*/
body {
	background-image:url('../images/SundayAfternoon.jpg'); 
	background-repeat: no-repeat; 
	background-size: 100% auto; 
	background-color: black;
        background-attachment: fixed;
	margin:0;
}
@media only screen and (max-width: 1000px) {
body{
        background-image:url('../images/WomanParasol.jpg');
        background-size: 100% auto;
        background-attachment: fixed;
}
}
/*start nav bar*/

#navbar {
	position: relative;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: orange;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	width: 100%;
        text-align:center;
        border-top-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-bottom:1.170px solid white; 
        background-image: linear-gradient(to bottom right, yellow,red );
}
li {
	float:center;
	border-right: 1px solid white;
	border-bottom: none;
        display:inline;
}
li:first-child{
        border-left: 1px solid white;
}
li:last-child{
        border-right: 1px solid white;
}
li a {
	display: block;
	padding: 10px;
	text-align: center;
	Color: white !important;
	text-decoration: none;
	font-weight: normal;
        display:inline-block;
}
li a:hover:not(.active) { 
        background-color: red;
        border-radius:5px;
        background-image: linear-gradient(to bottom right, yellow,red );
}

.active {
        Background-color: #DF013A;
        border-radius:5px;
}
/*End nav bar*/

/*Start Page Formatting*/
#page {
        padding:0px;
        margin-top:10px;
        height:1000px;
        max-height: 100%;
}
#feedpage {
        padding:0px;
        margin-top:10px;
        max-height: 100%;
}
/*Start Body Formatting*/

a:link {
        color: red;
}

h1 {
	color: red;
        margin:0;
        padding: 0;
        text-align: center;
}
#heading {
       margin: auto;
       clear: left;
       width: 65%;
       border:;
       text-align: center;
       background-color: #FCF9F7;
}
#subheading {
       margin: auto auto auto auto;
       clear: left;
       width: 100%;
       border:;
       text-align: center;
       background-color: white;
}
#construction{
       background-color:white;
       text-align: center;
       margin: auto;
       width:65%;
       background-image: radial-gradient(circle, #FCF9F7 60%, #FF6600 );
       border-radius: 2px;

}
#one {
	color: blue;
        background-position: center;
        background-color: white
        text-align: center;
        padding-left: 25%;
        padding-right: 25%;
        width: 50%;
}
#two{
	color: red;
        font-weight: bold;
        font-size: 14pt;
        text-decoration: underline overline;
}
#three{
	color: green;
}
#three a:link{
	color: green!important;
}
#hidden {
        display:none;
}
/*End Body Formatting*/

/* Twitter Feed */

.twitter-timeline{
        position: static !important;
        visibility: visible !important;
        display: block !important;
        width: 65% !important;
        padding: 0px 0px 0px 0px !important;
        border:none !important;
        max-width: 100% !important;
        min-width: 0px !important;
        margin: auto !important;
        min-height: 200px !important;
        text-align:center !important;
        align: right !important;
        height:;
}

/*Start Footer*/
#container {
        padding: 0 0;
        clear: left;
        position: relative;
        top:100%;
        width: 100%;
        float:left;
}
#footer {
        position: absolute;
        bottom: 0;
        top:100%;
        height:30px;
        width: 100%;
        background: black;
        color: white;
        text-align: center;
 }
/*End Footer*/


/*Garbage Code*/

/*.navbar {
        list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: orange;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	width: 100%;
        text-align:center;
}
.navbar li {
	float: center;
	border-right: 1px solid white;
	border-bottom: none;
display:inline;
}
.navbar li a {
	display: block;
	padding: 10px;
	text-align: center;
	Color: white !important;
	text-decoration: none;
	font-weight: normal;
display:inline-block;
}
.navbar li a:hover:not(.active) { 
        background-color: red;
}
*/
