/* CSS Document */
/*	takada.css

	Notes:
	All positioning is done using floats (no absolute positioning).

	We encounter the IE div spacing bug frequently, and use the "* html" hack to
	get around it. Layout is nearly identical in IE & FF.
	
	Anytime you make positioning changes, look for a corresponding "* html" rule for WinIE specific layout.
*/
/* debugging:
div { border: solid 1px red; }
*/


/*Zero the defaults
*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}


/* global stuff */
.image { border: 0px; }
.clear { clear: both; }

a { text-decoration: none; }
a:link { color: #369; }
a:visited { color: #369; }
a:hover { color: #369;  }
h1 { font-weight: bold; font-size: 120%; color: #96c; }
h3 {font-weight: normal; }
.bold {font-weight: bold; }
.firstletter { font-size: 150%; }
.imagecenter { text-align: center;  border: 0;}
div.pictureleft {float: left; margin: 2px 2px;}
div.pictureright {float: right; margin: 0 0px 0 20px;}
.alignright { text-align: right; }
.quote { font-style:italic; }
.cite { margin-left: 50px; }
.center { text-align: center; }
.indent { margin-left: 30px; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }


html { font-size: 100.01%; }

body { background-color: #fff;  color: #666; font-family: Verdana, Arial, Sans-Serif; font-size:12px; }
/*  the fullpage div has a specified width to keep the main information from collapsing when a window is shrunk.
	the "all" div is used to horizontally center the content in fullpage.
*/
div#all { width: 800px; margin-left: auto; margin-right: auto; }
div#fullpage { width: 100%;}

/*header is where the logo and the line live*/

div#header { width: 100%; float: left; margin-bottom: 20px; }

/*	the logo div is where we put the logo and the address information beneath it
The margin-left is in the negative digits so that the images in the topspace div can overlap the logo div
 */
div#logo { font-family: "Times New Roman", Times, serif;  font-size: 220%; font-stretch:extra-expanded; height: 24px; width: 100%; text-align: left; border-bottom: solid 1px #666; }
div#logo a:link { color: #666; }
div#logo a:visited { color: #666; }
div#logo a:hover { color: #666; }

/*	the nav div is for the navigation elements. in this case, the section titles.
 */
 
div#navigation { line-height: 10px; width: 100%; text-align: right; font-size:90%; text-transform:uppercase; }
div#navigation a {  }
div#navigation a:link { color: #666; }
div#navigation a:visited { color: #666; }
div#navigation a:hover { color: #333; }


/*	the main div is where content is rendered on the various pages.
 */
div#main { width: 100%; height: 100%; float: left; text-align: justify; line-height: 18px; margin-bottom: 20px; }

div#sectiontitle { text-align: center; height: 55px; font-size: 200%; margin-bottom: 0px; line-height: 28px; }

/*subsection links for subsections*/
div#subsection { font-family: "Times New Roman", Times, serif; text-align: center; margin: 20px 0; width: 450px; font-size: 120%;  }
div#subsection_title { font-size: 125%; color: #96c; margin-bottom: 10px; }

/*bottom nav */
div#bottomnav { width: 100%; text-align:right; font-size:90%; margin-top: 30px; border-bottom: solid 1px #666; text-transform:uppercase; }
div#bottomnav a:link { color: #666; }
div#bottomnav a:visited { color: #666; }
div#bottomnav a:hover { color: #333; }

/* bottominfo */

div#bottomline { width: 100%; margin-top: 20px; border-bottom: solid 1px #666; }

div#bottominfo { font-size: 90%; margin-top: 5px; text-align: center; }

div#copyright { font-size: 80%; margin-top: 5px; text-align: center; }
div#trina { font-size: 80%; text-align: center; }

/*artists page*/

/*	preview div is where the artist's work is previewed when the user hovers over an artist name
	in the list, below.
*/
div#preview { text-align:center; float: left; width: 100%; margin-bottom: 30px; }
div#preview img { height: 300px; width:auto;  } /* give enough margin to center the image. */

div.artistlist { width: 30em; margin-left: auto; margin-right: auto; }
div.artistlist a { display: block; margin: 0 0 6px 0; }
div.artistlist div { margin: 20 0 6px 0; }
div.artistlist a:link {  }

div#artistlist1 { width: 15em; float: left; text-align: center; }
div#artistlist2 { width: 15em; float: left; text-align: center; }

/*individual artist page*/
div#artistthumbs { float: left; width: 600px; margin-left: 150px; border: none; }
* html div#artistthumbs { margin-left: 80px; }

div.artistthumbdiv { float: left; width: 100px; height: 100px; padding: 20px 75px 50px 0; border: none }
div.artistthumbdiv img { border: none; }

div#artistlarge { height: 400px; margin: 5px 0 5px 0; text-align: center; }
div#artistlarge img { border: none; }
div#artisttitle { width: 100%; font-size: 130%; text-align: center; float: left; }
div#artistname { width: 100%; font-size: 110%; text-align: center; float: left; }
div#artistmedium { width: 100%; text-align: center; float: left; }
div#artistsize { width: 100%; text-align: center; float: left; }
div#price { width: 100%; text-align: center; float: left; }
div#back { text-align: left; width: 600px; }

/*current acquisitions page*/
div#currentartistthumbs { float: left; width: 600px; margin-left: 150px; border: none; margin-bottom: 100px; }
* html div#currentartistthumbs { margin-left: 80px; }


div.currentartistthumbdiv { float: left; width: 100px; height: 100px; padding: 20px 75px 50px 0; border: none }
div.currentartistthumbdiv img { border: none; }
div.currentthumbdiv img { border: none; }
div#currentartisttitle { width: 100%; text-align: center; float: left; font-style: italic; }
div#currentartistname { width: 100%; text-align: center; float: left; }
div#currentartistmedium { width: 100%; text-align: center; float: left; }