/* global styles */
body, td, input, select { font-family: sans-serif; font-size: 12px; }
dt { font-weight: bold; }
dd { margin: 0; padding-bottom: 15px; }
h1 { font-size: 16pt; }
h2 { font-size: 14pt; }
img { border: 0; }
textarea { width: 100%; }
a:link, a:hover, a:visited, a:active { color: #000000; }

/* fixed layouts from http://www.cssplay.co.uk/layouts/fixit.html */
body { margin:0; border:0; padding:0; height:100%; max-height:100%; overflow: hidden; }
#container { position: fixed; top: 103px; left: 0; bottom: 32px; right: 0; overflow: auto; background: #edeae3; }
#header { position: absolute; font-size: 11px; top: 0; left: 0; width: 100%; height:98px; overflow: hidden; border-bottom: 5px solid #BAB5B3; }
#footer { position: absolute; font-size: 11px; bottom: 0; left: 0; width: 100%; height: 27px; overflow: hidden; background: #2b2b2b; border-top: 5px solid #BAB5B3; text-align: center; color: #777; line-height: 27px; vertical-align: middle; }

/* overrides for IE */
* html body { padding: 103px 0 32px 0; }
* html #container { height: 100%; width: 100%; }
* html #header { height:103px; }
* html #footer { height:32px; }

#header h1 { text-align: right; margin: 0; padding: 10px 10px 0 0; background: #2b2b2b; border-bottom: 2px solid #333; height: 26px; }
#header h1 a { color: #c9c9c9; font-family: serif; font-weight: normal; font-size: 24px; text-decoration: none; }

#menu li { color: #888; }
#menu { margin-top: -40px; text-transform: uppercase; float: left; }
#pieces_list { background: #2B2B2B; position: absolute; top: 16px; left: 300px; width: 300px; height: 400px; z-index: 100; padding: 5px; overflow-y: scroll; border: 1px solid #aaa; line-height: 16px; }
#pieces_list a:link, #pieces_list a:hover, #pieces_list a:visited, #pieces_list a:active { color: #c9c9c9; text-decoration: none; }
#pieces_list a:hover { text-decoration: underline; }

#search { background: #2B2B2B; position: absolute; top: 16px; left: 245px; width: 300px; z-index: 100; padding: 15px; border: 1px solid #aaa; line-height: 16px; color: #c9c9c9;}


#menu a:link, #menu a:hover, #menu a:visited, #menu a:active { color: #c9c9c9; text-decoration: none; }
#menu a:hover { text-decoration: underline; }
#menu ul { list-style-type: none; margin: 20px 0 0 10px; padding: 0px; }
#menu ul li { float: left; margin: 0 5px; }
#menu ul ul { position: absolute; top: 30px; left: 0px; }

#gallery { height: 60px; background: #212121; overflow: hidden; position: relative; }
#gallery-insides { border-collapse: collapse; margin: 5px; position: absolute; top: 0; left: 0;}
#gallery-insides img { cursor: pointer; }
#gallery-insides td { padding: 0 2px; }
#gallery #raquo { position: absolute; right: 0; font-size: 50px; color: white; display: block; height: 60px; width: 30px; background: #212121; text-decoration: none; }
#gallery #laquo { position: absolute; left: 0; font-size: 50px; color: white; display: block; height: 60px; width: 30px; background: #212121; text-decoration: none; }

#piece_dimensions, #piece_materials { margin-top: 10px; }
#piece_description { margin-top: 10px; }

/*#header { height: 38px; border-bottom: 2px solid #333; z-index: 3; }

#content-top-pad { height: 105px; }
#content-bottom-pad { height: 30px; }
*/

/*#header { position: fixed; top: 0; left: 0; width: 100%; height: 38px; border-bottom: 2px solid #333; z-index: 3; background: #2b2b2b; }
#header h1 { text-align: right; color: #c9c9c9; font-family: serif; font-weight: normal; font-size: 24px; margin: 0; padding: 10px 10px 0 0; }
#gallery { height: 50px; background: #212121; border-bottom: 5px solid #d2cdca; overflow: hidden; padding: 5px; }
#menu { margin-top: -40px; text-transform: uppercase; float: left; }
#menu a:link, #menu a:hover, #menu a:visited, #menu a:active { color: #c9c9c9; text-decoration: none; }
#menu a:hover { text-decoration: underline; }
#menu ul { list-style-type: none; margin: 20px 0 0 10px; padding: 0px; }
#menu ul li { float: left; margin: 0 5px; }
#menu ul ul { position: absolute; }

#content-top-pad { height: 105px; }
#content-bottom-pad { height: 30px; }
*/
/*
#footer { text-align: center; color: #777; position: fixed; bottom: 0; left: 0; width: 100%; background: #2b2b2b; border-top: 2px solid #333; height: 30px; }
.gallery_table table { width: 100%; border-collapse: collapse; }
.gallery_table td { padding: 5px; width: 33%; border: 1px solid black; vertical-align: top; }
.gallery_table i, .gallery_table b, .gallery_table span { text-align: center; display: block; }
.gallery_table a { text-decoration: none; }
.piece_edit_images { border-collapse: collapse; width: 100%; }
.piece_edit_images td, .piece_edit_images th { text-align: center; border: 1px solid black; }
*/