body { background-color:#000 }

.blue { color: #0000FF; font-style:italic; }

#logo { background-color:black; padding-left:50px;display:inline-block;  }
    
#social-media {background-color:black;display:inline-block;float:right; }

#topnav         { background-color:  #222222; }
#topnav         { width:100%;  margin: 0 auto 0 auto; padding: 20px;background-color : #222222 ; }
#topnav    a:link    {color:#ffffff ;}
#topnav   a:visited  {color:#ffffff ;}
#topnav   a:active   {color:#ffffff ;}
#topnav   a:hover    {color:#ffffff ; background-color: #4A2500; }
#topnav   a:focus    {color:#ffffff ;}
#topnav a { padding:20px; }

banner-fade {width:300px; }

p{font-size:11px;margin-left=10px;} 

 
#wrapper {width:100%; margin:0px auto; }
#banner {background-color:black; }
#subbanner { width:100% ; background-color :  #222;padding:10px 0; overflow:hidden;}           
#subbanner h1 { color:#FFFFFF ; font-size: 16px ; font-weight:bold ; text-align:center; }
h1 {color:#663300;}

#photo {float:right;margin:15px ;}

#contact-form  {display: inline-block; padding:25px; margin-top: 25px }


#content {
	width: 60%;
    margin: 0 auto;
}


#PictureSlider {display: inline-block;vertical-align: top;}


.galleria{ height:500px; width:480px; }

/* hide the back and forward images in the image carosel */
@media only screen and (max-width: 500px) {

    .galleria-image-nav-right, .galleria-image-nav-left {
    	display:none;
    }
}

@media only screen and (max-width: 500px) {

	#content { width: 100%;
	}
}

h3  {font-family:Arial, Helvetica, sans-serif;font-size:40px; width:50% ;float:right ;float:right ; color:black }
h4 {color:#663300;font-size:48px;}


#journal {background-color:#000000;height:500px; float:left; padding:0px 30px;margin-left:30px;margin-bottom:30px;}

#adds { float:right ;height:500px;background-color:#000000;margin-right:30px;margin-top:80px; }