/*
	 CSS for Chris Mollison Photography
*/

*					{ margin: 0; padding: 0; }
body				{ font: 15px/2 Georgia, serif; background: #f2f2f2; }

h1                  { color: black; padding: 10px; }

#page-wrap		    { max-width: 960px; min-width: 560px; margin: 0 auto; position: relative; }

#header             { max-width: 960px; min-width: 560px; height: 100px; background-image:url(../images/header.gif);
                      margin: 2px auto 0; }

#main-content       { border: none; padding: 0 0 0 200px; background: white; overflow: hidden; }



#main-sidebar       { position: absolute; left: 0; top: 0px; width: 160px; bottom: 0;
                      background: #ffffff; padding: 0 10px; }
#main-sidebar  a { color:#FFFFFF;} 
#footer             { max-width: 960px; min-width: 560px; height: 20px; background: #ffffff;
                      margin: 0 auto 15px; }
#footer p           { padding: 10px; color: black; align:center; }
#footer a           { color: white; border-bottom: 1px dotted white; text-decoration: none; }
#footer a:hover     { border-bottom-style: solid; }


/*menu */

.clear {
	clear: both;
}



.button {
	float: left;
	margin: 10px;
	clear: both;
}

#home {
	display: list-item;
	padding: 30px;
}
#home-button {
	opacity: 1.0;

}

#about {
	display: none;
	padding: 30px;
}
#about-button {
	opacity: 0.4;


}

#contact {
	display: none;
	padding: 30px;
}
#contact-button {
	opacity: 0.4;


}