/*start background image formatting*/
body {
	background-image:url('/sonnygoodwin/Images/StarryNightCity.jpg'); 
	background-repeat: no-repeat; 
	background-size: 100% auto; 
	background-color: black;
        background-attachment: fixed;
	margin:0;
        padding: 0px 0px 0px 0px;
}
@media only screen and (max-width: 1000px) {
body{
        background-image:url('/sonnygoodwin/Images/StarryNightCityPortrait.jpg');
        background-size: 100% auto;
        background-attachment: fixed;
}
}
/*start nav bar*/
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
        overflow: hidden;
	background-color: #4F4E4E;
	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 rgba(250, 76, 1,0.8);
        background-image: linear-gradient(to bottom right, blue,black ); 
        z-index:1;
        background-clip: padding-box;

}
li {
	float: center;
	border-right: 1px solid #EBEDF6;
	border-bottom: none;
        display:inline;
}
li:first-child{
        border-left: 1px solid #EBEDF6;
}
li:last-child{
        border-right: 1px solid #EBEDF6;
}
li a {
	display: block;
	padding: 10px;
	text-align: center;
	color: #EBEDF6 !important;
	text-decoration: none;
	font-weight: normal;
        display:inline-block;
}
li a:hover:not(.active) { 
        background-color:  #4665E9;
        border-radius:5px;
        background-image: linear-gradient(to bottom right, blue,black );
}
.active {
        Background-color:rgba(40, 61, 153,0.39);
        border-radius:5px;
}
/*End nav bar*/

/*Start Page Formatting*/

/*Home*/


#page {
        padding:0px;
        margin-top:10px;
        height:1000px;
        max-height: 100%;
}
#page2 {
        position: relative;
        padding:0px;        
        margin-top:20px;
        max-height:;
        width: 100%;
        clear:both;
        height:;
        float:left;
        display: inline-flex;

}
#left{
       position: relative ;
       left:0;
       padding-right:0px;
       float:left;
       clear:both;
       width: 20%;
       height: 100%;
       overflow:hidden;
       border-radius: 6px;
       border:4px ridge rgba(250, 76, 1,0.95);
       background-color: rgba(252, 249, 247,0.9);
       background-clip: padding-box;
}
#heading {
       margin: 0 0 0 auto;
       padding: 0;
       clear: both;
       width: 100%;
       text-align: center;
       
      
}
#headingformat {
        color: #83D8E6;
        margin:auto;
        padding: 0;
        text-align: center;
        background-color: ;
        font-size: 2.7vw;
}

#picturecontainer {
       margin: 0 0 0 auto;
       padding: 0;
       clear: both;
       width: 100%;
       border:0px solid transparent;
       text-align: center;
       max-width: 100%;
       height: auto;
}
#picture{
       border:0px solid transparent;
       margin: 0 0 0 auto;

}
#me{
       width:110px;
       height:110px; 
       border-radius: 50%;
       margin:0;
       padding: 0;
       max-width: 75%;
       height: auto;
}
#subheading {
       margin: auto;

       clear: left;
       width: 100%;
       border:0px solid transparent;
       font-size: 1.6vw;

}
#one {
	color: blue;
        background-position: center;
        text-align: center;
        width: 100%;
        margin: auto;
        padding-left:0px ;
        clear: left;
      }
#four {
	color: #89A15D;
        background-position: center;
        text-align: center;
        width: 100%;
        margin: auto;
        padding-left:0px ;
        clear: left;
font-size: 1.1vw;
      }
#right{
      background-color:rgba(4, 5, 70,0.6);
      color:#fcf9f7;
      position: relative;
      right: 5%;
      float:right;
      clear:both;
      width: 70%;
      height: 100%;
      top:0;
      margin-left:auto;
      overflow:hidden;
      border-radius: 3px;
      border: 2px ridge rgba(128, 128, 128,0.6);
      background-clip: padding-box;
      font-size: 1.4vw;

}
#right  a:link, a:visited{
        color:#7FDBC8!important;
}

#purpose{
   
}
#greeting{
       padding-bottom:0.65%;
       padding-top:0.65%;
}
#body1{
       padding-bottom:0.65%;
       padding-top:0.65%;
}
#body2{
       padding-bottom:0.65%;
       padding-top:0.65%;
}
#body3{
       padding-bottom:0.65%;
       padding-top:0.65%;
}
#body4{
       padding-bottom:0.65%;
       padding-top:0.65%;
}
#thanks{
       padding-bottom:0.65%;
       padding-top:0.65%;
}
/*About Me*/
#aboutme {
       background-color:transparent;
       margin: auto;
       width:65%;
       border-radius:5px;
       border: 2px ridge rgba(255, 0, 0,0.8);
       overflow:hidden;
       font-size: 1.2vw;
       color: #fcf9f7;
       background-clip: padding-box;
}
#aboutmetitle {
       text-decoration: underline;
       font-weight: bold;
       font-size: 1.5vw;
       color: rgb(217, 238, 247);
}
#earlylife{
        background-color:rgba(4, 5, 70,0.6);
        border-bottom: 1px ridge rgba(219, 231, 238,0.6) ;
        padding-bottom:0.65%;
        padding-top:0.65%;
}
#education{
       background-color:rgba(73, 127, 229,0.6); 
       border-bottom: 1px ridge rgba(219, 231, 238,0.6) ;
       padding-bottom:0.65%;
       padding-top:0.65%;
}
#career{
        background-color:rgba(4, 5, 70,0.6);
        border-bottom: 1px ridge rgba(219, 231, 238,0.6) ;
        padding-bottom:0.65%;
        padding-top:0.65%;
}
#personallife{
        background-color:rgba(73, 127, 229,0.6);
        border-bottom: 1px ridge rgba(219, 231, 238,0.6) ;
        padding-bottom:0.65%;
        padding-top:0.65%;
        padding-top:0.65%;
}
#future{
        background-color:rgba(4, 5, 70,0.6);
        padding-top:0.65%;
}

/*News Feed*/
#Title {
	color: #bb1919;
        margin:auto auto 0 auto;
        padding: 0;
        text-align: center;
        background-color: rgba(219, 231, 238,0.95);
        text-decoration:underline;
        width: 35%;
        text-align: center;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border:1px ridge rgba(219, 231, 238,0.6) ;
}

#Feed-Container {
        margin: 0px 5px 0px 5px ;  
        padding: 0 0;
        clear: left;
        width: 100%;
}
#Feed {
        margin: auto auto auto auto ;
        width: 65%;
        border-radius: 5px;
        border:1px ridge rgba(219, 231, 238,0.6) ;
        background:rgba(4, 5, 70,0.6);
        color: black;
        text-align: center;
        overflow: hidden;


}
.feed-title {
        background-color:red;

}
.feed-desc {
        text-color: red;
}
.feed-item-title {
        background-color:rgba(36, 40, 41, 0.8);
        width: 65%;
        text-align: center;
        margin:auto ;
        border-bottom: 1px ridge rgba(219, 231, 238,0.6) ;
border-radius: 5px;

}
.feed-item-title  a:link{
        color:#bb1919!important;
      
}
.feed-item-desc {
        background-color:rgba(244, 250, 251, 0.8);
        width:65%;
        text-align: center;
        margin:auto ;
        border-bottom: 1px ridge rgba(219, 231, 238,0.6) ;
border-radius: 5px;
}
.rss2html-note {
        display:none
}


/*Shared*/
#feedpage {
        padding:0px;
        margin-top:10px;
        max-height: 100%;
}

a:link, a:visited {
        color: red;
}
     
h1 {
	color: #83D8E6;
        margin:0;
        padding: 0;
        text-align: center;
        background-color: ;
}

#construction{
       background-color:white;
       text-align: center;
       margin: auto;
       width:65%;
       background-image: radial-gradient(circle, #FCF9F7 60%, #FF6600 );
       border-radius: 2px;

}


#two {
       color: red;
       font-weight: bold;
       font-size: 14pt;
       text-decoration: underline overline;

}
#three{
	color: green;
}

#three a:link{
	color: orange!important;
}
#hidden {
        display:none;
}

/*End Body Formatting*/


/*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*/