@import url("CSS/reset.css");

body {
	background-color: #6f6f6f
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#fff
}

p {
    padding: 10px;
}

#wrapper {
    margin: 0 auto;
    width: 1000px;
	color: #000;
}

#header {
    float: left;
    height: 240px;
    width: 1000px;
    background: #6f6f6f;
}

#menu {
	float: left;
	width: 1000px;
	background: #a7a7a7;
}


#content {
    float: left;
    background: #FFFFFF;
    width: 1000;
	text-align:justify;
}

#content .title{
	text-align:left;
	font-weight:bold;
	font-size:large;
	color:#e97874;
	margin-bottom:-1.5em;
	}
	
#content .date{
	line-height:-50%;
	text-align:left;
	font-style:italic;
	font-size:small;
	color:#e97874;
	}

#post{
	text-align:justify;
	border-bottom: 1px dotted #a7a7a7;
	}

#footer {
    height: 40px;
    width: 1000px;
    background: #a7a7a7;
    clear: right;
	color: #FFF;
}

#footer a {
	color:#FFF;
	font-weight:bold;
}

#footer a:hover, a:active{
	color:#e97874;
}

#footer p {
	text-align: right;
	}

#footer p:after {
	content:" May 15, 2014"; /*In order to change date on all pages just change date here, CSS will do the rest*/
	}
	
#footer_menu {
	background: #a7a7a7;
	margin-bottom: -3em;;
	text-align:left;
	}
	
#photo {
	margin:2em auto -1em auto;
	text-align:center;
	}
#image_footer {
	margin: 0 auto 0 auto;
	text-align:center;
	font-style:italic;
	font-weight:lighter;
	}
/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

	#menu
	{
	}
	
	#menu ul
	{
		text-align: center;
	}
	
	#menu li
	{
		display: inline-block;
	}
	
	#menu li a, #menu li span
	{
		display:inline;
		margin-left: 0.50em;
		padding: 1em 3em;
		letter-spacing: 0.20em;
		text-decoration: none;
		font-size: 0.90em;
		font-weight: 600;
		text-transform: uppercase;
		outline: 0;
		color: #FFF;
	}
	
	#menu li:hover a, #menu li.active a, #menu li.active span
	{
	}
	
	#menu .current_page_item a
	{
		background: #e97874;
		color: #FFF;
	}
/*********************************************************************************/
/* Footer Menu                                                                          */
/*********************************************************************************/		
	
	#footer_menu li
	{
		display: inline-block;
	}
	
	#footer_menu li a, #menu li span
	{
		display:inline;
		margin-left: 0.50em;
		text-decoration: none;
		outline: 0;
		color: #FFF;
	}
	
	#footer_menu li:hover a, #menu li.active a, #menu li.active span
	{
	}
	
	#footer_menu .current_page_item a
	{
		color: #e97874;
		font-weight:bold;
	}