#powr-popup   {
z-index: 1;
}

#navigation  {
position: fixed;
top: 0;
width: 96%;
color: #ffa055;
height: 48px;
text-align: center;
padding-top: 0px;
/* Adds shadow to the bottom of the bar */
-webkit-box-shadow: 0px 0px 8px 0px #000000;
-moz-box-shadow: 0px 0px 8px 0px #000000;
box-shadow: 0px 0px 8px 0px #000000;
/* Adds the transparent background */
background-color: rgba(2, 2, 2, 0.1);
color: rgba(1, 1, 1, 0.15);
z-index: 2;
}

#navigation a {
font-size: 14px;
padding-left: 15px;
padding-right: 15px;
color: white;
text-decoration: none;
}


#navigation a:hover {
color: black;
} 

#header {position: fixed}



#navvMenu ul li a {
        text-align:left;
        front-family:"Arial";
        text-decoration:none;
        height:30px;
        width:250px;
        display:block;
        color:#ffffff;
       
border-top:1px solid #777777;
border-right:0px solid #ffffff;
border-bottom:1px solid #777777;
border-left:0px solid #ffffff;
font-size: 1.3em;
        text-shadow:0px 0px 0px #000000;
      z-index: 1;

}

#navigation a:hover {
color: black;
} 

#header {position: fixed}


#navvMenu  {
           margin:0;
           padding:0;
}


#navvMenu ul {
        margin:0;
        padding:0;
        
}



#navvMenu li {
        margin:20;
        padding:0;
        list-style:none;
        float:left;
        position:relative;
font-size: 1.1em;
        background:#555555;
z-index: 2;
}

#navvMenu ul ul {
            position:absolute;
            visibility:hidden;
            top:32px;

}


#navvMenu ul li:hover ul {
           visibility:visible;
               


}

#navvMenu li:hover {
       background:#0000000;
}

#navvMenu ul li:hover ul li a:hover {
background:#000000;
color:#ffa055;
}

#navvMenu a:hover {
          color:#000000;
}


      

#navMenu ul li a {
        text-align:left;
        front-family:"Arial";
        text-decoration:none;
        height:30px;
        width:130px;
        display:block;
        color:#000000;
       
border-top:1px solid #777777;
border-right:0px solid #ffffff;
border-bottom:1px solid #777777;
border-left:0px solid #ffffff;
font-size: 1.3em;
        text-shadow:0px 0px 0px #000000;
z-index: 1;
      

}

#navigation a:hover {
color: grey;
} 

#header {position: fixed}


#navMenu  {
           margin:0;
           padding:0;
}


#navMenu ul {
        margin:0;
        padding:0;
        
}



#navMenu li {
        margin:20;
        padding:0;
        list-style:none;
        float:left;
        position:relative;
        background:#ffffff;
}

#navMenu ul ul {
            position:absolute;
            visibility:hidden;
            top:32px;

}


#navMenu ul li:hover ul {
           visibility:visible;
               


}

#navMenu li:hover {
       background:#ffa055;
}

#navMenu ul li:hover ul li a:hover {
background:#ffa055       ;
color:#0099ff;
}

#navMenu a:hover {
          color:#000000;
}
/*remove every thin with star and number and put max an min back to 100 to go bact to full screen */


#wrapper {max-width:75%;
          min-width:75%;
          max-highth:100%;
          min-highth:100%;
          margin-right: auto; /* 1 */
  margin-left:  auto; /* 1 */

  max-width: 960px; /* 2 */

  padding-right: 10px; /* 3 */
  padding-left:  10px; /* 3 */
          background:#ffffff;
border-right:0px solid #ffffff;         
border-left:0px solid #ffffff;
      
	
}

         
         
  


.navBar{background-color: #555555;
        color:#555555;
border-top:2px solid #777777;
border-right:2px solid #111111;
border-bottom:2px solid #444444;
border-left:2px solid #777777;
font-size: .70em;
 
}

.nav a {padding: 30px;
        background-color: #555555;
        color:#ffffff;
        text-decoration: none;
        font-family: Verdana, Arial, sans-serif;"Comic Sans MS", cursive;
       border-top:2px solid #777777;
border-right:2px solid #333333;
border-bottom:2px solid #444444;
border-left:2px solid #777777;
 postion: absolute;
       
}
#imagelogo{ 	border-top:0px solid #000000;
border-right:0px solid #ffffff;
border-bottom:0px solid #ffffff;
border-left:0px solid #000000;
       
}

#image{	
border-top:0px solid #000000;
border-right:0px solid #000000;
border-bottom:0px solid #000000;
border-left:0px solid #000000;
padding: 0px; 
background-color: #ffffff;  
      
}

.footer {
         text-align:center;
        line-height: 50px;
border-top:0px solid #ffa500;
border-right:0px solid #000000;
border-bottom:0px solid #000000;
border-left:0px solid #000000;
         background-color:#282828;
                   
                   
        

}

        

#left {float: left;
        background-color:#ffffff;
        postion: static;
        padding-left: 125px;
}

        

#right {float:right;
        background-color:#ffffff;
        width: 1100px;
        height: 10px;

	
}
#center {float:center;
         width: 300px;
         background-color: #ffffff;
         color: #000000;
 font-family:Georgia, "Times New Roman", serif;
border-top:0px solid #ffffff;
border-right:0px solid #ffffff;
border-bottom:0px solid #ffffff;
border-left:0px solid #000000;
	        

}







h1{ color:#ffffff;
     line-height: 150%;
font-family:Georgia, "Papyrus", serif;
border-top:2px solid #4444444;
border-right:2px solid #333333;
border-bottom:2px solid #7777777;
border-left:2px solid #777777;
background-color:#555555;
}




}
h2 {background-color:#;
     color:#ffa500;
font-family:Georgia, "Sylfaen", serif;
line-height:30%;
font-style:italic;
font-weight:50;
line-width:200;
}

h3 {background-color:#ffffff;
     color:#000000;
}


h4 {background-color:#000000;
     color:#ffffff;



}

h5 {
	background-color:#ffffff;
	color:#000000;
	font-family:Arial;
	border-top:0px solid #000000;
border-right:0px solid #000000;
border-bottom:0px solid #000000;
border-left:0px solid #000000;
font-size: 1.5em;
font-weight: lighter;
        margin:0 0 20px 0;
line-height: 200%;
text-align: left;

}



font-family:Georgia, "Papyrus", serif;
border-top:0px solid #000000;
border-right:0px solid #000000;
border-bottom:0px solid #000000;
border-left:0px solid #000000;
background-color:#000000;
}


.p  {color:#000000;
font-size: 1.5em;
float:left;
}





/*Eliminates padding, centers the thumbnail */

body, html {
padding: 0;
margin: 0;
text-align: center;
}

/* Styles the thumbnail */

a.lightbox img {
height:50%;
width: 300px;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
margin: 94px 20px 20px 20px;
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
position: absolute;
top: -100%;
width: 100%;
background: rgba(0,0,0,.3);
height: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
position: absolute;
top:0 px;
left:0px;
right:0px;
bottom: 0px;
max-height:%;
max-width:%;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
z-index: 1;
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:100px;
height:200px;
box-sizing: border-box;

color: black;
text-decoration: none;
position: absolute;
top: 100px;
right: 100px;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
z-index: 1;

}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
content: "";
display: block;
height: 100px;
width: 1px;
background: #ffa055;
position: absolute;
left: 16px;
right: 16px;
top:30px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
z-index: 1;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
content: "";
display: block;
height: 100px;
width: 1px;
background: #ffa055;
position: absolute;
left: 16px;
right: 16px;
top:30px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
z-index: 1;
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
opacity: 20;
top: 0;
bottom: 0;
z-index: 1;
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
z-index: 1;
}

.lightbox-target:target a.lightbox-close {
top: 0px;
z-index: 1;
}

@viewport {
 zoom: 1.0;
 width: extend-to-zoom;
}

@-ms-viewport{
 width: extend-to-zoom;
 zom: 1.0;
}










.like-content {
    display: inline-block;
    width: 100%;
    margin: 0px 0 0;
    padding: 0px 0 0;
    font-size: 18px;

    text-align: center;
}
.like-content span {
	color: #9d9da4;
	font-family: monospace;
}
.like-content .btn-secondary {
	  display: block;
	  margin: 5px auto 0px;
    text-align: center;
    background: #ffa055;
    border-radius: 3px;
    box-shadow: 0 10px 20px -8px rgb(240, 75, 113);
    padding: 10px 17px;
    font-size: 18px;
    cursor: pointer;
    border: none;
    outline: none;
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}
.like-content .btn-secondary:hover {
	  transform: translateY(-3px);
}
.like-content .btn-secondary .fa {
	  margin-right: 5px;
}
.animate-like {
	animation-name: likeAnimation;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-duration: 0.65s;
}
@keyframes likeAnimation {
  0%   { transform: scale(30); }
  100% { transform: scale(1); }
}





#respond {
  margin-top: 40px;
}

#respond input[type='text'],
#respond input[type='email'], 
#respond textarea {
  margin-bottom: 10px;
  display: block;
  width: 100%;

  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;

  line-height: 1.4em;
}


#posts-list.has-comments li.no-comments {
  display: none;
}






/* Container holding the image and the text */
.container {
  position: relative;
   text-align: center;
  color: white;
  font-size: 1.0em;

}

/* Bottom left text */
 .bottom-left {
  position: realative;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
 .bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* provides share button styles */
<style type="text/css">
 
#share-buttons img {
width: 35px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}
 
</style>