/* ------------------------------------------------------------ Basic HTML elements */

body
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: lighter;
	}

h1,h2,h3,h4,h5,h6,p
	{
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	}

h1
	{
	}

h2
	{
	}

h3
	{
	}

h4
	{
	}

h5
	{
	}

h6
	{
	}

p
	{
	}

ul
	{
	}

ul li
	{
	}

ol
	{
	}

ol li
	{
	}

table
	{
	}

th
	{
	}

td
	{
	}

img
	{
	}

img a
	{
	}

a
	{
	color: #f05a28;
	text-decoration: none;
	}

a:hover
	{
	color: #000;
	}

a.selected
	{
	color: #000;	
	}

a img
	{
	border: none;
	}

hr
	{
	margin: 25px 0;
	}
	
address
	{
	display: inline;
	}


/* Modified basic HTML elements */

.right
	{
	float: right;
	}


.button
	{
	border: 1px solid;
	padding: 0 3px 1px 3px;
	cursor: pointer;
	font-size: 8pt;
	line-height: 8pt;
	}

.button:hover
	{
	background-color: #f0aa98;
	}


/* ------------------------------------------------------------ Template-specific CSS */

#container
	{
	width: 1000px;
	overflow: hidden;
	margin: 0 0 0 80px;
	text-align: left;
	}


/* ------------------------------------------------------------ Header */

#header
	{
	height: 65px;
	padding: 69px 0 15px 0;
	}
	
#header h1#logo
	{
	margin: 0px;
	float: left;
	clear: none;
	text-indent: -5000px; 
	}
	
#header h1#logo a
	{
	display: block;
	width: 100%;
	height: 100%;
	}

#logo
	{
	height: 55px;
	width: 205px;
	background: transparent url(images/mmlogo.gif) no-repeat scroll left top;
	}



/* ------------------------------------------------------------ Primary navigation bar */

#nav
	{
	width: 40%;
 	font-style: italic;
	margin: -12px 0 0 320px;
	}
	
#nav ul 
	{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width: 100%;
	margin:0px;
	padding:0px;
	}
	
#nav li
	{
	width: 100%;
	min-width: 10%;
	margin:0px;
	padding:0px;
	}
	
#nav a
	{
	display: block;
	width: 100%;
	margin:0px;
	color: #aaa;
	/* text-indent: -5000px; */ /* uncomment this line when using rollover nav images */
	}
	
#nav a:hover
	{
	color: #000;
	}

#nav a.selected
	{
	color: #000;	
	}



/* ------------------------------------------------------------ Content area */
/* ------------------------------------------------------------ For 3-column layout */	
#main
	{
	float: left;
	width: 785px; /* The sum of the widths of div#main, #div_sidebar_1, and div#sidebar_2 should be 100 */
	min-height: 400px;
	margin-left: 215px; /* This value should be equal to the width of div#sidebar_1 */
	}
* html #main
	{
	display: inline;
	}
#sidebar_1
	{
	float: left;
	width: 195px;
	margin-left: -1000px; /* This value should be equal to the sum of the widths of div#main and div#sidebar_1 */
	}
	
#sidebar_1 li a
	{
	color: #aaa;
	}
	
#sidebar_1 li a.selected
	{
	color: #000;	
	}
	
	
/* ------------------------------------------------------------ For 2-column layout */		
#main_full
	{
	float: left;
	width: 100%; /* The sum of the widths of div#main_full and #div_sidebar should be 100 */
	margin: 0; /* This value should be equal to the width of div#sidebar */
	}
* html #main_full
	{
	display: inline;
	}	
#sidebar
	{
	float: left;
	width: 0;
	margin-left: -100%;
	}






/* ------------------------------------------------------------ Main content area */
#main, #main_full
	{
	}
	
#exhibpreview
	{
	text-align: left;
	}
	
#exhibpreview img
	{
	height: 400px;
	}

.homecaption
	{
	position: absolute;
	left: 1px;
	padding: 5px;
	color: #fff;
	background-color: #000;
	font-size: 16px;
	text-align: left;
	z-index: 3;
	}
	

.homecaption a:hover
	{
	color: #aaa;
	}

	
#printlink
	{
	float: right;
	}
	
#main p
	{
	width: 500px;
	}


/* ------------------------------------------------------------ Sidebar 1 */

#sidebar_1, #side_bar
	{
	padding: 0 20px 0 0;
	}
	
#sub_nav ul
	{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	width: 100%;
	height: auto;
	margin:0px;
	padding:0px;
	}
	
#sub_nav li
	{
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	}
	
#sub_nav a
	{
	display:block;
	height: 100%;
	margin:0px;
	text-decoration:none;
	/* text-indent: -5000px; */ /* uncomment this line when using rollover nav images */
	}
	
#sub_nav ul ul a
	{
	color: #f05a28;
	height: 100%;
	padding: 0 0 0 25px;
	}
	
#sub_nav ul ul a:hover
	{
	color: #000;
	}
	
#sub_nav ul ul a.selected
	{
	color: #000;
	}




/* ------------------------------------------------------------ Footer */	

#footer
	{
	margin: 58px 0 0 0;
	color: #aaa;
	}



/* ------------------------------------------------------------ Artists */

#fullimage
	{
	height: 370px;
	}

#fullimage img
	{
	max-height: 350px;
	}

.imagecontent
	{
	position: relative;
	height: 350px;
	}	
	
.imagecontent *
	{
	position: absolute;
	top: 0;
	left: 0;
	}
	
#resume p
	{
	width: 700px;
	}
	
.caption
	{
	margin: 0 0 25px 0;
	color: #999;
	font-size: 10px;
	line-height: 13px;
	}

#worksthumbs
	{
	margin-top: 15px;
	}

.thumbrow
	{
	width: 555px;
	}

#thumbcontrols
	{
	height: 20px;
	}

.next
	{
	float: right;
	cursor: pointer;
	}

.prev
	{
	float: left;
	cursor: pointer;
	}
	
.disabled
	{
	color: #aaa;
	}
	
.pressitem
	{
	min-height: 115px;
	margin: 0 0 20px 0;
	}

#pressthumbs
	{
	margin: 18px 0;
	}

.presslistthumb
	{
	float: left;
	clear: both;
	margin: 4px 0 0 0;
	}

.pressiteminfo
	{
	margin: 0 0 0 90px;
	padding: 0;
	}
	
/* ------------------------------------------------------------ Exhibitions */

.exhibitionitem
	{
	margin: 0 0 20px 0;
	}

#exhibthumbs
	{
	margin: 18px 0;
	}
	
#exhibthumbs a
	{
	margin: 0 15px 0 0;
	}

.exhibitionlistthumb
	{
	float: left;
	margin: 4px 0 0 0;
	}

.exhibitioniteminfo
	{
	margin: 0 0 0 105px;
	padding: 0;
	}
	
/* ------------------------------------------------------------ News */

.newsitem
	{
	margin: 0 0 18px 0;
	}

.yearlabel
	{
	margin: 0 0 0 -85px;
	float: left;
	}



/* ------------------------------------------------------------ Email Form */

#emailform td 
	{
	padding: 0 10px 20px 0;
	}

#emailform .label
	{
	vertical-align: top;
	}
	
#emailform .inputcell
	{
	width: 400px;
	}

#emailform input[type=text],  #emailform textarea
	{
	width: 400px;
	border: 1px solid #aaa;
	}
		
#emailform input[type=checkbox]
	{
	border: 1px solid #aaa;
	}
	
/* ------------------------------------------------------------ Admin */

#admin h2
	{
	background-color: #eee;
	margin: 10px 0;
	padding: 10px;
	}

#admin h3
	{
	color: #fff;
	background-color: #333;
	margin: 10px 0;
	padding: 3px 10px;
	font-size: 10px;
	}
	
.rteBack td
	{
	padding: 0;
	}

#admin #sub_nav ul ul li a
	{
	color: #aaa;
	}
	
#admin #sub_nav ul ul li a.selected
	{
	color: #000;
	}

.artwork
	{
	clear: both;
	}

.artwork ul
	{
	position: relative;
	display: block;
	}

.artwork ul li
	{
	position: relative;
	display: block;
	float: left;
	width: 91px;
	height: 90px;
	margin: 0 10px 10px 0;
	padding: 3px;
	list-style-type: none;
	text-align: right;
	}
	
input[type=submit]
	{
	color: #fff;
	background-color: #555;
	}
	
#admin h2 input
	{
	margin-left: 20px;
	}

#press
	{
	clear: both;
	}
	
#adminexhibthumbs
	{
	width: 100%;
	height: 150px;
	}	
	
#adminexhibthumbs td
	{
	width: 25%;
	padding: 10px;
	vertical-align: top;
	}
	
#adminexhibthumbs td div
	{
	position: relative;
	}
	
	
#adminexhibthumbs .imageupload
	{
	position: absolute;
	top: -5px;
	right: 0;
	opacity: 0;
	cursor: pointer;
	}
	
#adminexhibthumbs .imageuploadlabel
	{
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	}
	
#adminexhibthumbs .imageuploadstatus
	{
	position: absolute;
	top: 15px;
	right: 0;
	padding: 0 3px;
	width: 75px;
	height: 15px;
	background-color: #ccc;
	font-size: 9px;
	text-align: right;
	overflow: hidden;
	}
	
#adminexhibthumbs .thumbupload
	{
	position: absolute;
	top: 40px;
	right: 0;
	opacity: 0;
	cursor: pointer;
	}
	
#adminexhibthumbs .thumbuploadlabel
	{
	position: absolute;
	top: 45px;
	right: 0;
	cursor: pointer;
	}
	
#adminexhibthumbs .thumbuploadstatus
	{
	position: absolute;
	top: 60px;
	right: 0;
	padding: 0 3px;
	width: 75px;
	height: 15px;
	background-color: #ccc;
	font-size: 9px;
	text-align: right;
	}
	
#admin .pressitem
	{
	margin: 0 0 55px 0;
	height: 40px;
	}
	
.note
	{
	display: block;
	margin: 3px 0;
	padding: 4px;
	font-size: 12px;
	border: 1px solid #aaa;
	background-color: #ffffdd;
	}

.label
	{
	padding: 5px 5px 5px 0;
	text-align: right;
	vertical-align: middle;
	}
	
.activated
	{
	background-color: #f0aa98;
	}
	
#workingMsg
	{
	position: absolute;
	top: 400px;
	left: 500px;
	width: 150px;
	border: 1px solid #555;
	padding: 15px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #aaa;
	}


/* ------------------------------------------------------------ General column positioning */	
	
/* Start Mac IE5 filter \*/
#main, #main_full, #sidebar_1, #sidebar_2, #sidebar
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
@media all and (min-width: 0px) {
#main, #main_full, #sidebar_1, #sidebar_2, #sidebar
	{
	padding-bottom: 0 !important;
	margin-bottom: 0 !important; 
	}
#main:before, #main_full:before, #sidebar_1:before, #sidebar_2:before, #sidebar:before
	{
	display: block;
	background: inherit;
	padding-top: 32767px !important;
	margin-bottom: -32767px !important;
	height: 0;
	}
}
/* End Mac IE5 filter */

#wrapper_extra
	{
	position: relative;
	}
* html #wrapper
	{
	position: relative;
	}

/* This hides the excess padding in non-IE browsers */
#wrapper
	{
	overflow: hidden;
	}
	
/* correction for IE 5.01 */
* html #wrapper_extra
	{
	float: left;
	width: 100%;
	}
#wrapper
	{
	/* Normally a Holly-style hack height: 1% would suffice but that causes 
	IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
	/*
	NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
	(I saw it happen many moons ago) makes the width of wrapper too small 
	the float: none with the comment is ignored by 5.01,
	5.5 and above see it and carry on about their business
	It's probably fine to just remove it, but it's left here 
	just in case that many moons ago problem rears its head again
	*/
	float/**/: none;
	}
	
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
	
#footer
	{
	clear: both;
	}
/* fixes Safari content overflow */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 80;
	}