/* master layout */
body{ background-image: url('/images/background-stretched-web2.gif');}
img{border: 0;}
div#page {width: 780px; background: white; margin: 12px auto;}
div#page div#footer_base {}
div#page div#footer_img {}

div#page div#nav, div#page div#submenu {margin: 0 auto;width: 750px;}
div#page div#nav div, div#page div#submenu div {display: block; float:left; }

div#page div#content {margin: 0 12px;}
div#page hr#content_top {width: 760px; margin:0 auto 12px auto; padding:0; height:0;}
div#page div#content img.lfloat {float: left; border: 0; margin: 0 12px 0 0;}
div#page div#content img.rfloat {float: right; border: 0; margin: 0 0 0 12px;}
div#page div#content p, div#page div#content ol li {text-align: justify;}

p.warning { color: red; font-size: smaller; }

a { color: #000033; }
div.place { font-weight: bold; } p.articlegraph { text-align: justify; }

div#footer_base{ font-size: .8em; text-align: center; padding-bottom: 10px; }

/* scaffold */
.fieldWithErrors { padding: 2px; background-color: red; display: table; }
#errorExplanation { width: 400px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0; }
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff; }
#errorExplanation p { color: #333; margin-bottom: 0; padding: 5px; }
#errorExplanation ul li { font-size: 12px; list-style: square; }

/* flash */
div.flash {width: 90%; height: 1em; margin: 0 auto 8px auto; text-align: center; font-size: smaller; vertical-align: middle; padding: 3px 0;}
div#warning {background: #fcc; border: thin solid #c66;}
div#notice {background: #cfc; border: thin solid #6c6;}

hr {clear: both;}

/* home page */
h2.centered { margin-left: 50px; font-size: 16px; font-weight: bold; text-align: left;}
p.centered { margin: 5px 50px 20px; font-size: 14px; text-align: justify;}
table#square_grid { margin: 0 auto;}
table#square_grid tr {height: 150px;}
table#square_grid tr td { height: 150px; width: 150px;}
table#square_grid tr td a { display: block; height: 150px; width: 150px; text-align: left; text-indent: -999px; overflow: hidden; }
table#square_grid tr td a#projects_square {background: url('/images/home/projects.png');}
table#square_grid tr td a#projects_square:hover {background-position: 0px -150px;}
table#square_grid tr td a#current_square {background: url('/images/home/currentwork.png');}
table#square_grid tr td a#current_square:hover {background-position: 0px -150px;}
table#square_grid tr td a#drygoods_square {background: url('/images/home/drygoods.png');}
table#square_grid tr td a#drygoods_square:hover {background-position: 0px -150px;}

table#square_grid tr td a#gallery_square {background: url('/images/home/gallery.png');}
table#square_grid tr td a#gallery_square:hover {background-position: 0px -150px;}
table#square_grid tr td a#contact_square {background: url('/images/home/contact.png');}
table#square_grid tr td a#contact_square:hover {background-position: 0px -150px;}
table#square_grid tr td a#resources_square {background: url('/images/home/resources.png');}
table#square_grid tr td a#resources_square:hover {background-position: 0px -150px;}

table#square_grid tr td a#samples_square {background: url('/images/home/samples.png');}
table#square_grid tr td a#samples_square:hover {background-position: 0px -150px;}
table#square_grid tr td a#about_square {background: url('/images/home/about.png');}
table#square_grid tr td a#about_square:hover {background-position: 0px -150px;}
table#square_grid tr td a#republished_square {background: url('/images/home/pamphlets.png');}
table#square_grid tr td a#republished_square:hover {background-position: 0px -150px;}


/* Navigation */
div#page div#nav div:hover { background-position: 0px -27px; }
div#page div#nav div.selected { background-position: 0px -54px; }
div#page div#submenu div:hover { background-position: 0px -22px; }
div#page div#submenu div.selected { background-position: 0px -44px; }
div#nav div#about { background-image: url("/images/menu/about.png"); background-position: 0px 0px; }
div#nav div#articles { background-image: url("/images/menu/articles.png"); background-position: 0px 0px; }
div#page div#nav div#articles.selected { background-position: 0px -55px; }
div#nav div#gallery { background-image: url("/images/menu/gallery.png"); background-position: 0px 0px; }
div#nav div#drygoods { background-image: url("/images/menu/drygoods.png"); background-position: 0px 0px; }
div#nav div#customwork { background-image: url("/images/menu/customwork.png"); background-position: 1px 0px; }
div#page div#nav div#customwork:hover { background-position: 1px -28px; }
div#page div#nav div#customwork.selected, div#page div#nav div#customwork.selected:hover { background-image: url("/images/menu/customwork.png"); background-position: 0px -55px; }
div#nav div#contact { background-image: url("/images/menu/contact.png"); background-position: 1px 0px; }
div#submenu div#history { background-image: url("/images/menu/history.png"); }
div#submenu div#handwork { background-image: url("/images/menu/handwork.png"); }
div#submenu div#statement { background-image: url("/images/menu/statement.png"); }
div#submenu div#faqs { background-image: url("/images/menu/faq.png"); background-position: -1px 0px; }
div#page div#submenu div#faqs.selected { background-position: 0px -45px; }

/* Doll article */
hr {color:black;}
#left {width:150px; float:left;}
#right {width:130px; float:left; margin-left:15px;}
#center {width:450px; float:left; padding-right: 10px;}