/* Yossi Milo Gallery - index styles */

/* .name is class */
/* #name is id */



/* Typography & Colors */
/* Typography & Colors */
/* Typography & Colors */

html, body {
	font-family: verdana, helvetica, arial, sans-serif;
	/* font-size: 75%; */
	/* font-size: 62.5%; /* Resets 1em to 10px */
	font-size: 11px;
	line-height: 1.3em;
	text-align: left;
	color: #000000;
	background: #eeeeee;
	}
/* CONTACT MAY NEED LARGER TYPE SIZE */

.ymg_header { background: #666666; }
.ymg_nav1 { background: #eeeeee url(/images/nav-bg-1.gif) repeat scroll; }
.ymg_nav2 { background: #eeeeee url(/images/nav-bg-2.gif) repeat scroll; }
#ymg_nav2_artist { background: #eeeeee url(/images/nav-bg-2-artist.gif) repeat scroll; }
.ymg_nav3 { background: #eeeeee url(/images/nav-bg-3.gif) repeat scroll; }

.ymg_content2 { background: #a6a6a6; }
.ymg_content3 { background: #bfbfbf; }
.ymg_content4 { background: #d9d9d9; }
.ymg_content_white, .ymg_footer { background: #ffffff; }

a { text-decoration: none;
	background: transparent; }
a:link { color: #8c8c8c; }
a:visited { color: #666666; }
a:hover { color: #d9d9d9; }
a:active { color: #ffffff; }

h1 {  }
h2 { color: #666666;
	line-height: 2em; }
h3 { color: #666666;
	line-height: 1.5em; }
h4 { color: #666666; }
h5 {  }
h6 {  }

/* PUBLICATIONS SPECIAL CLASSES */
/* PUBLICATIONS SPECIAL CLASSES */
#publications h2 { background: #eeeeee; }

/* CONTACT SPECIAL CLASSES */
/* CONTACT SPECIAL CLASSES */
span.attn { color: #ff0000; }



/* Layout Structure */
/* Layout Structure */
/* Layout Structure */

html, body, div, img {
	margin: 0;
	padding: 0;
	border: 0;
	}

.ymg_wrapper {
	margin: 0 auto;
	width: 800px;
	}
.ymg_header {
	margin: 0 0 3px 0;
	padding: 15px 0 0px 15px;
	height: 44px;
	}
.ymg_nav1 {
	padding: 0 0 0 15px;
	height: 20px;
	}
.ymg_nav2 {
	padding: 0 0 0 78px;
	height: 20px;
	}
#ymg_nav2_artist {
	padding: 0 0 0 15px;
	height: 40px;
	}
.ymg_nav3 {
	padding: 0 0 0 78px;
	height: 20px;
	}
#ymg_nav3_artist {
	padding: 0 0 0 15px;
	}
.ymg_content2, .ymg_content3, .ymg_content4 {
	margin: 0 0 3px 0;
	padding: 15px;
	}
.ymg_content_white {
	padding: 15px;
	overflow: auto;
	}
	
.ymg_footer {
	padding: 15px;
	clear: both;
	float: none;
	}
.ymg_footer img#addressPhone { margin: 0 146px 0 0; }
.ymg_footer img#copyright { margin: 0 0 0 146px; }

.clear {
	clear: both;
	float: none;
	height: 1px;
	}

img.lefty {
	float: left;
	margin: 0 10px 10px 0;
	}
img.righty {
	float: right;
	margin: 0 0 10px 10px;
	}

cite {
	text-decoration: none;
	font-style: italic;
	}
cite.line {
	text-decoration: underline;
	font-style: normal;
	}

/* lists */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}
li {
	clear: both;
	overflow: auto;
	margin: 0;
	padding: 2px 0 5px 0;
	border: 0;
}
li.year { padding: 20px 0 0 0; }


/* HOME SPECIAL CLASSES */
/* HOME SPECIAL CLASSES */
#home_photo {
/* 	float: left; */
	}
#home_info {
	clear: both;
	margin: 15px 0;
/* 	margin: 30px 0 15px 30px; */
	}
img#ex_info {
	float: left;
	margin: 0 50px 0 0;
/* 	margin: 0 50px 0 30px; */
	}
img#ex_open {
	float: left;
	margin: 33px 0 0 50px;
	}

#home_photo_left {
	float: left;
	}
#home_info_right {
	float: left;
	margin: 30px 0 15px 20px;
	}
img#ex_info_right {
	margin: 0;
	}
img#ex_open_right {
	margin: 33px 0 0;
	}

/* CONTACT SPECIAL CLASSES */
/* CONTACT SPECIAL CLASSES */
#map { padding: 30px 0 0 0; }
#location { padding: 10px 0 0 0; }
#input_form { padding: 10px 0 0 0; }

/* EXHIBITIONS SPECIAL CLASSES */
/* EXHIBITIONS SPECIAL CLASSES */
.left_photo {
	float: left;
	margin: 0 10px 10px 0;
	}
.right_info {
	overflow: auto;
	}
.right_photo {
	float: right;
	margin: 0 0 10px 10px;
	}

/* ARTISTS LIST SPECIAL CLASSES */
/* ARTISTS LIST SPECIAL CLASSES */
#artist_left_list {
	float: left;
	padding: 5px 80px 5px 15px;
	}
#artist_right_list {
	float: left;
	padding: 5px 15px 5px 30px;
	}

/* ARTISTS SPECIAL CLASSES */
/* ARTISTS SPECIAL CLASSES */
#artist_works { padding: 6px 15px 15px 15px; }
#thumbnails { padding: 0 0 6px 13px; }
#thumbnails img { margin: 0 2px 0 2px; }
#left_photo {
	float: left;
	margin: 0 30px 0 0; }
#right_info {
	margin: 30px 15px 0 15px; }
#below_info {
	clear: both;
	padding: 15px 30px 0 0; }

/* PUBLICATIONS SPECIAL CLASSES */
/* PUBLICATIONS SPECIAL CLASSES */
#publications img { padding: 12px 10px 10px 0; }

/* NEWS SPECIAL CLASSES */
/* NEWS SPECIAL CLASSES */
#news { overflow: hidden; }
#news h3 { padding-top: 20px; }



ul#bio {
	clear: both;
}
ul#bio li {
	margin: 2em 0 2em 0; 
	clear: both;
}
ul#bio li h3 {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	background: #eeeeee;
}
ul#bio li ul.years {
	clear: both;
}
ul#bio li ul.years li {
	clear: both;
	margin: 0; 
	padding: 2px 0 10px 0; 
}
ul#bio li ul.years li h4 {
	width: 100px;
	float: left;
	margin: 0; 
	padding: 0;
	border: 0;
}
ul#bio li ul.years li ul.items {
	width: 630px;
	float: right;
}
ul#bio li ul.years li ul.items li {
	margin: 0; 
	padding: 2px 0 5px 0; 
}
ul#bio li ul.years li ul.items li cite {
	text-decoration: underline;
	font-style: normal;
	}
ul#bio li ul.years li ul.items li cite.title {
	font-style: italic;
	text-decoration: none;
	}
/* end lists */



hr {
	clear: both;
	margin: 10px 0 15px 0;
	padding: 0; }
.ymg_hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; /* for the benefit of IE5 Mac - WHY ???? */ }
