/*HTML tag styling*/
*{
	margin:0px;
	padding:0px;
}

body{
	font-family:arial, sans-serif;
}

/*ID styling*/

#container{
	max-width:800px;
	margin: auto;
	padding:25px;
	background:white;
}

#heading{
	text-align:center;
	margin-top:30px;
	margin-bottom:10px;
}

#slogan{
	text-align:center;
	border-top:solid 1px black;
	margin-top:10px;
	margin-bottom:30px;
}

#galleryHeader{
	background-image: url("../images/galleryHeader.jpg");
	height:150px;
	padding:10px;
	color:white;
}

#nav {
        background: lightgray; 
        overflow: auto; 
}
nav ul{
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}
#nav li {
    list-style-type: none;
        float: left;
}
#nav li a{
    display: block;
    color: gray;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
#nav li a.current{
	background-color:black;
	color:white;
}

#nav li a:hover{
	background-color: gray;
	color:white;
}

#footer{
	color:gray;
	text-align:center;
	font-size:0.8em;
}

/*Class styling*/

.homeImages{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}

.blogPost{
	background-color:#ffffcc;
	padding:10px;
	margin-top:10px;
	margin-bottom:20px;
}

.postTitle{
	font-size:0.9em;
	text-align:right;
}

.postDate{
	font-size:0.8em;
	font-style:italic;
	text-align:right;
}

.postContents{
	margin-top:25px;
	font-size:0.9em;
}

.postContents p{
	margin-bottom:10px;
}

.galleryContents{
	text-align:center;
	margin-top:30px;
	margin-bottom:20px;
	border-bottom:1px solid black;
}

.imageTitle{
	border-top:1px solid black;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:10px;
	padding-top:10px;
}

