/* Main layout of site */

body, html
{
	margin: 0;
	padding: 0;
}

#wrap
{
	width: 700px;
	margin: 0 auto;
	overflow: hidden;
	padding: 5px;
}

#title
{
	font-size: 300%;
	color: gray;
	font-weight: 100;
	margin: 10px 0;
}

#main
{
	float: right;
	width: 450px;
	margin: 0;
	padding: 0;
}

#menu
{
	float: left;
	width: 250px;
	padding: 0;
	margin: 0;
}

#menu li
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#menu .dropdown ul li
{
	padding: 4px 0;
}

/* TODO this isn't quite right */
body.collection #main > div, body.press #main > div
{
	margin-left: auto;
	margin-right: auto;
}

/* For figuring out the current page */
/*
body.about #menu li.about,
body.collection #menu li.collection,
body.main #menu li.main,
body.contact #menu li.contact,
body.press #menu li.press
{
	margin-left: 0;
	border-left: 4px solid #ddd;
}*/

/* drop-down menu*/
.dropdown ul
{
	display: none;
}
.collection .collection.dropdown ul, .dropdown:hover ul
{
	display: block;
}


/*
#wrap { border: 1px solid gray; }
#main { border: 1px solid black;}
#menu { border: 1px solid black;}
#menu li { border: 1px solid blue;}
*/