/* ------------------------------------------------------------

	title:		juliebaer.com
	design: 	shawn towne, shawntowne.com
	
	update:		03-28-2009

----------------------------------------------------------- */
@font-face {
	font-family: 'TeXGyreAdventorRegular';
	src: url('../font/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-regular-webfont.eot');
	src: local('?'), url('../font/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-regular-webfont.woff') format('woff'), url('../font/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-regular-webfont.ttf') format('truetype'), url('../font/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-regular-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TeXGyreAdventorBold';
	src: url('../font/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-bold-webfont.eot');
	src: local('?'), url('../font/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-bold-webfont.woff') format('woff'), url('../font/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-bold-webfont.ttf') format('truetype'), url('../font/TeX-Gyre-Adventor-fontfacekit/texgyreadventor-bold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

body, h1, h2, h3, p, ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
}
ul, ol {
	list-style: none;	
}

body {
	font-family: 'TeXGyreAdventorRegular', Arial, sans-serif;
	font-size: 12px;
	color: #ccc;
	line-height: 23px;
	background: #666;
	text-align: center;
}
#wrapper {
	width: 790px;
	margin: 10px auto;
	text-align: left;
	overflow: hidden;
}

#left {
	float: left;
	width: 300px;
}
#bio #left {
	position: fixed;	
}

#header {
	height: 21px;
	width: 150px;
	background: url(../assets/img/juliebaer_s.gif)  no-repeat;
	overflow: hidden;
}
#header a {
	display: block;
	height: 21px;
	text-decoration: none;
}
#header h1 span {
	visibility: hidden;
}

/* bio header 2010 */
#home #header, #bio #header {
	height: 35px;
	width: 100%;
	padding-top: 10px;
	margin-top: 197px;
	background: none;	
}
#home #header h1, #bio #header h1 {
	font-size: 30px;
	color: #600;
	text-transform: lowercase;
}
#home #header a, #bio #header a {
	height: 35px;
	width: 100%;
	display: block;
	color: #600;	
}
/* bio header 2010 */

h1 {
	font-family: 'TeXGyreAdventorBold', Arial, sans-serif;
}
h2, h3 {
	font-family: 'TeXGyreAdventorRegular', Arial, sans-serif;
	color: #333;
}
h2 {
	margin-bottom: 20px;
	font-size: 20px;
}
h3 {
	margin-top: 16px;
	font-size: 16px;
}
p {
	margin-bottom: 12px;	
}
#pictureWindow li {
	margin-bottom: 6px;	
}

#mainMenu ul {
	height: 20px;
}
#mainMenu li {
	float: left;
	margin-right: 2px;
}
/**/
#mainMenu li span, div#subMenu li i, #subMenu li span {
	display: none;
}
#biography a, #painting a, #books a {
	display: block;
	height: 20px;
	text-decoration: none;
}
#biography, #painting, #books {
	height: 20px;
}
/**/
#mainMenu #biography { width: 71px; background: url(../assets/img/biography.gif) 0 -20px no-repeat; }
#mainMenu #biography a { width: 71px; background: url(../assets/img/biography.gif) 0 0 no-repeat; }
#mainMenu #biography a:hover { background: url(../assets/img/biography.gif) 0 -20px no-repeat; }
/**/
#mainMenu #painting { width: 123px; background: url(../assets/img/painting.gif) 0 -20px no-repeat; }
#mainMenu #painting a { width: 123px; background: url(../assets/img/painting.gif) 0 0 no-repeat; }
#mainMenu #painting a:hover { background: url(../assets/img/painting.gif) 0 -20px no-repeat; }
/**/
#mainMenu #books { width: 97px; background: url(../assets/img/books.gif) 0 -20px no-repeat; }
#mainMenu #books  a { width: 97px; background: url(../assets/img/books.gif) 0 0 no-repeat; }
#mainMenu #books  a:hover { background: url(../assets/img/books.gif) 0 -20px no-repeat; }
/**/
#subMenu {
	clear: left;
	margin: 15px 0 0 0;
}
#subMenu li {
	width: 200px;
	height: 15px;
	list-style: none;
}
#subMenu li a {
	display: block;
	height: 15px;
	text-decoration: none;
}
/* painting */
/* souls */
div#subMenu li#portraits { background: url(../img/paint_portraits_souls.gif) 0 -15px no-repeat; }
div#subMenu li#portraits a { background: url(../img/paint_portraits_souls.gif) 0 0 no-repeat; }
div#subMenu li#portraits a:hover { background: url(../img/paint_portraits_souls.gif) 0 -15px no-repeat; }

div#subMenu li#souls_statement { background: url(../img/paint_souls_statement.gif) 0 -15px no-repeat; }
div#subMenu li#souls_activity { background: url(../img/paint_souls_activity.gif) 0 -16px no-repeat; }
div#subMenu li#souls_painting { background: url(../img/paint_souls_paint.gif) 0 -14px no-repeat; }
div#subMenu li#book_proposal { background: url(../img/paint_book_proposal.gif) 0 -16px no-repeat; }

div#subMenu li#souls_statement a { background: url(../img/paint_souls_statement.gif) 0 0 no-repeat; }
div#subMenu li#souls_activity a { background: url(../img/paint_souls_activity.gif) 0 0 no-repeat; }
div#subMenu li#souls_painting a { background: url(../img/paint_souls_paint.gif) 0 0 no-repeat; }
div#subMenu li#book_proposal a { background: url(../img/paint_book_proposal.gif) 0 0 no-repeat; }

div#subMenu li#souls_statement a:hover { background: url(../img/paint_souls_statement.gif) 0 -15px no-repeat; }
div#subMenu li#souls_activity a:hover { background: url(../img/paint_souls_activity.gif) 0 -16px no-repeat; }
div#subMenu li#souls_painting a:hover { background: url(../img/paint_souls_paint.gif) 0 -14px no-repeat; }
div#subMenu li#book_proposal a:hover { background: url(../img/paint_book_proposal.gif) 0 -16px no-repeat; }

/* nature painting */
div#subMenu li#nature { background: url(../img/paint_nature_paint.gif) 0 -15px no-repeat; }
div#subMenu li#nature a { background: url(../img/paint_nature_paint.gif) 0 0 no-repeat; }
div#subMenu li#nature a:hover { background: url(../img/paint_nature_paint.gif) 0 -15px no-repeat; }

/* nature icons */
div#subMenu li#natureIcons { background: url(../img/paint_nature_icons.gif) 0 -15px no-repeat; }
div#subMenu li#natureIcons a { background: url(../img/paint_nature_icons.gif) 0 0 no-repeat; }
div#subMenu li#natureIcons a:hover { background: url(../img/paint_nature_icons.gif) 0 -15px no-repeat; }

div#subMenu li#natureIconsArtistStatement { background: url(../img/paint_souls_statement.gif) 0 -15px no-repeat; }
div#subMenu li#natureIconsArtistStatement a { background: url(../img/paint_souls_statement.gif) 0 0 no-repeat; }
div#subMenu li#natureIconsArtistStatement a:hover { background: url(../img/paint_souls_statement.gif) 0 -15px no-repeat; }

/* relics */
div#subMenu li#relics { background: url(../img/paint_relics.gif) 0 -15px no-repeat; }
div#subMenu li#relics a { background: url(../img/paint_relics.gif) 0 0 no-repeat; }
div#subMenu li#relics a:hover { background: url(../img/paint_relics.gif) 0 -15px no-repeat; }

/* public art */
div#subMenu li#portraitsNonSouls { background: url(../img/paint_portraits.gif) 0 -15px no-repeat; }
div#subMenu li#portraitsNonSouls a { background: url(../img/paint_portraits.gif) 0 0 no-repeat; }
div#subMenu li#portraitsNonSouls a:hover { background: url(../img/paint_portraits.gif) 0 -15px no-repeat; }

/* public art */
div#subMenu li#public { background: url(../img/paint_public_art.gif) 0 -15px no-repeat; }
div#subMenu li#public a { background: url(../img/paint_public_art.gif) 0 0 no-repeat; }
div#subMenu li#public a:hover { background: url(../img/paint_public_art.gif) 0 -15px no-repeat; }

/* old work */
div#subMenu li#oldWork { background: url(../img/paint_old_work.gif) 0 -15px no-repeat; }
div#subMenu li#oldWork a { background: url(../img/paint_old_work.gif) 0 0 no-repeat; }
div#subMenu li#oldWork a:hover { background: url(../img/paint_old_work.gif) 0 -15px no-repeat; }

/* books */
div#subMenu li#lillyLooking { background: url(../assets/img/book_menu_over_15.gif) 0 0 no-repeat; }
div#subMenu li#lillyLooking a { background: url(../assets/img/book_menu_15.gif) 0 0 no-repeat; }
div#subMenu li#lillyLooking a:hover { background: url(../assets/img/book_menu_over_15.gif) 0 0 no-repeat; }

div#subMenu li#loveMeLater { background: url(../img/books_lml.gif) 0 -15px no-repeat; }
div#subMenu li#loveMeLater a { background: url(../img/books_lml.gif) 0 0 no-repeat; }
div#subMenu li#loveMeLater a:hover { background: url(../img/books_lml.gif) 0 -15px no-repeat; }

div#subMenu li#likeWhatIlike { background: url(../img/books_iol.gif) 0 -15px no-repeat; }
div#subMenu li#likeWhatIlike a { background: url(../img/books_iol.gif) 0 0 no-repeat; }
div#subMenu li#likeWhatIlike a:hover { background: url(../img/books_iol.gif) 0 -15px no-repeat; }

div#subMenu li#hereIam { background: url(../assets/img/book_menu_over_16.gif) 0 0 no-repeat; }
div#subMenu li#hereIam a { background: url(../assets/img/book_menu_16.gif) 0 0 no-repeat; }
div#subMenu li#hereIam a:hover { background: url(../assets/img/book_menu_over_16.gif) 0 0 no-repeat; }

div#subMenu li#maybe { background: url(../assets/img/maybe_over.gif) 0 0 no-repeat; }
div#subMenu li#maybe a { background: url(../assets/img/maybe_up.gif) 0 0 no-repeat; }
div#subMenu li#maybe a:hover { background: url(../assets/img/maybe_over.gif) 0 0 no-repeat; }

div#subMenu li#illustrations { background: url(../assets/img/book_menu_over_17.gif) 0 0 no-repeat; }
div#subMenu li#illustrations a { background: url(../assets/img/book_menu_17.gif) 0 0 no-repeat; }
div#subMenu li#illustrations a:hover { background: url(../assets/img/book_menu_over_17.gif) 0 0 no-repeat; }

#email {
	margin: 15px 0;
	background: url(../assets/img/email.gif) 0 0 no-repeat;
}
#email a { background: url(../assets/img/email.gif) 0 0 no-repeat; }

#email a:hover { background: url(../assets/img/email.gif) 0 -15px no-repeat; }
/**/
#pictureWindow {
	float: right;
	width: 480px;
}
#pictureWindow dt {
	margin-bottom: 1px;
	background: #000;
	padding: 4px 0 4px 0;
	text-align: center;
	border: 1px solid #333;
}
#pictureWindow dd {
	text-align: center;
	color: #999;
}

ol li div {
	margin-left: 36px;	
}

/*test-change full size image size by using ems.. .looks pixilated on pcs*/
/*div#pictureWindow img {
	 width: 45em; 
}
div#pictureWindow img.noScale {
	width: auto;
}
*/




div#icons table {
	background: url(../img/icn_back.gif) 0 -2px no-repeat;
}
div#icons td a img {
	text-decoration: none;
	border: none;
}
div#icons td {
	width: 30px;
	height: 30px;
	border: 1px solid #333;
}
#footer {
	clear: left;
	width: 300px;
	height: 17px;
	font-size: 10px;
	color: #333;
}
div#hidden{
	display: none;
}
/* home */
#home li#nav-lml { background: url(../img/btn_lml.gif) no-repeat; }
#home li#nav-iol { background: url(../img/btn_iol.gif) 0 0 no-repeat; }
#home li#nav-for-teachers { background: url(../img/btn_for-teachers.gif) 0 0 no-repeat; }
#home li#nav-picasa { background: url(../img/btn_picasa.gif) 0 0 no-repeat; }
#home li#nav-lucas-blog { background: url(../img/btn_lucas-blog.gif) 0 0 no-repeat; }

/* biography */
#bio div#left { background:  url(../biography/img/bio_head.jpg) no-repeat top left; }

#subMenu li#exhibitions { background: url(../assets/img/bio_menu_over_12.gif) 0 0 no-repeat; }
#subMenu li#statement { background: url(../assets/img/bio_menu_over_14.gif) 0 0 no-repeat; }
#subMenu li#artist-bio { background: url(../img/btn_bio_artist-bio.gif) 0 -15px no-repeat; }
#subMenu li#educator-cv { background: url(../img/btn_bio_educator-cv.gif) 0 -15px no-repeat; }
#subMenu li#education { background: url(../img/bio_edu.gif) 0 -14px no-repeat; }
#subMenu li#publications { background: url(../assets/img/bio_menu_over_18.gif) 0 0 no-repeat; }
#subMenu li#collections { background: url(../assets/img/bio_collections_over.gif) 0 0 no-repeat; }

#subMenu li#exhibitions a { background: url(../assets/img/bio_menu_12.gif) 0 0 no-repeat; }
#subMenu li#statement a { background: url(../assets/img/bio_menu_14.gif) 0 0 no-repeat; }
#subMenu li#artist-bio a { background: url(../img/btn_bio_artist-bio.gif) 0 0 no-repeat; }
#subMenu li#educator-cv a { background: url(../img/btn_bio_educator-cv.gif) 0 0 no-repeat; }
#subMenu li#education a { background: url(../img/bio_edu.gif) 0 0 no-repeat; }
#subMenu li#publications a { background: url(../assets/img/bio_menu_18.gif) 0 0 no-repeat; }
#subMenu li#collections a { background: url(../assets/img/bio_collections.gif) 0 0 no-repeat; }

#subMenu li#exhibitions a:hover { background: url(../assets/img/bio_menu_over_12.gif) 0 0 no-repeat; }
#subMenu li#statement a:hover { background: url(../assets/img/bio_menu_over_14.gif) 0 0 no-repeat; }
#subMenu li#artist-bio a:hover { background: url(../img/btn_bio_artist-bio.gif) 0 -15px no-repeat; }
#subMenu li#educator-cv a:hover { background: url(../img/btn_bio_educator-cv.gif) 0 -15px no-repeat; }
#subMenu li#education a:hover { background: url(../assets/img/bio_edu.gif) 0 -14px no-repeat; }
#subMenu li#publications a:hover { background: url(../assets/img/bio_menu_over_18.gif) 0 0 no-repeat; }
#subMenu li#collections a:hover { background: url(../assets/img/bio_collections_over.gif) 0 0 no-repeat; }

#subMenu li#press { background: url(../assets/img/bio_press.gif) 0 -15px no-repeat; }
#subMenu li#press a { background: url(../assets/img/bio_press.gif) 0 0 no-repeat; }
#subMenu li#press a:hover { background: url(../assets/img/bio_press.gif) 0 -15px no-repeat; }

#bio #pictureWindow dd, #bio #pictureWindow dt {
	text-align: left;
	background-color: transparent;
	color: #ccc;
	border: none;
}

#bio #pictureWindow ul {
	margin: 0 0 2.5em 0;
}
#bio #pictureWindow li {
	list-style: none;
}
#bio #pictureWindow dl {
	margin-top: 1em;
	margin-bottom: 2.5em;
}
#bio #pictureWindow dt {
	margin-bottom: 0;
}
#bio #pictureWindow dd {
	margin-bottom: 1em;
}
#bio #pictureWindow dl.booklist dt {
	float: left;
	margin: 0;
}
#bio #pictureWindow {
	padding-bottom: 5em;
}
#bio #pictureWindow dl.booklist dd {
	margin-left: 100px;
}
#bio #pictureWindow dl.booklist dd.clear {
	clear: left;
	height: 2.75em;
	margin: 0;
}
#bio #pictureWindow dl.booklist dt a {
	border: none;
}

#pictureWindow a {
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px #ccc dotted;
}
#pictureWindow a:hover {
	color: #333;
	text-decoration: none;
	border-bottom: 1px #333 dotted;
}

dt a img {
	border: 0;
	width: auto;
}

/* for teachers */
div#subMenu li#for-teachers { background: url(../img/btn_for-teachers.gif) 0 0 no-repeat; }

div#subMenu li#memorials { background: url(../teachers/img/btn-memorials.gif) 0 -15px no-repeat; }
div#subMenu li#memorials a { background: url(../teachers/img/btn-memorials.gif) 0 0 no-repeat; }
div#subMenu li#memorials a:hover { background: url(../teachers/img/btn-memorials.gif) 0 -15px no-repeat; }

div#subMenu li#soul-portraits { background: url(../teachers/img/btn-soul-portraits.gif) 0 -15px no-repeat; }
div#subMenu li#soul-portraits a { background: url(../teachers/img/btn-soul-portraits.gif) 0 0 no-repeat; }
div#subMenu li#soul-portraits a:hover { background: url(../teachers/img/btn-soul-portraits.gif) 0 -15px no-repeat; }

div#subMenu li#portrait-collage { background: url(../teachers/img/btn-portrait-collage.gif) 0 -15px no-repeat; }
div#subMenu li#portrait-collage a { background: url(../teachers/img/btn-portrait-collage.gif) 0 0 no-repeat; }
div#subMenu li#portrait-collage a:hover { background: url(../teachers/img/btn-portrait-collage.gif) 0 -15px no-repeat; }

div#subMenu li#portrait-painting-younger { height: 30px; background: url(../teachers/img/btn-protrait-painting-young.gif) 0 -30px no-repeat; }
div#subMenu li#portrait-painting-younger a { height: 30px; background: url(../teachers/img/btn-protrait-painting-young.gif) 0 0 no-repeat; }
div#subMenu li#portrait-painting-younger a:hover { height: 30px; background: url(../teachers/img/btn-protrait-painting-young.gif) 0 -30px no-repeat; }

div#subMenu li#portrait-collage-younger { height: 30px; background: url(../teachers/img/btn-protrait-collage-young.gif) 0 -30px no-repeat; }
div#subMenu li#portrait-collage-younger a { height: 30px; background: url(../teachers/img/btn-protrait-collage-young.gif) 0 0 no-repeat; }
div#subMenu li#portrait-collage-younger a:hover { height: 30px; background: url(../teachers/img/btn-protrait-collage-young.gif) 0 -30px no-repeat; }