/* CSS Document 
Binghamarts.net
for : Jane and Dave Bingham
author:
Stroud Graphics
Cliff Stroud
cstroud.ca
circa 2008 */

/* ------------------ GLOBAL SETTINGS ---------------- */
body {background-image: url(images/bio_bckgrnd.jpg);font-family:Comic Sans MS, sans-serif;}

#wrapper{margin:0 auto;padding:0 0 0 0;width:800px;text-align:center;}

h1{display:none;float:left;position:relative;left:-2000px;}

#masthead{clear:both;float:left;position:relative;width:400px;}
#masthead.alter{position:relative;top:-85px;left:160px;width:400px;}
#masthead.exhibit{position:relative;top:-85px;left:35px;width:400px;}
#masthead.tableware{position:relative;top:-80px;left:80px;width:800px;}
h3{font-family:Verdana, sans-serif; font-size:.9em;color:#630;border-top:solid 1px #930;}
h3.plain{border-top:0px;}

hr{clear:both;width:99.9%;background:#630;color:#630;}

/* ------------------ GLOBAL (TOP) HORIZONTAL NAVIGATION SETTINGS --------*/

#mainNav{margin:0 auto;padding:0 0 0 0;text-align:center;width:800px;}
#mainNav ul{display:inline;list-style:none;margin:0 auto;}
#mainNav ul li{float:left;padding:2px 0 2px 0;width:15%;text-align:center; border:ridge 2px #960;background:#FD0;}
#mainNav ul li:hover{background:#FF6;}
#mainNav ul li a{display:block;text-decoration:none;font-size:.85em;color:#630;}
#mainNav ul li a:visited{color:#630;}
#mainNav ul li a:hover{color:#000;}


body#exhibit #mainNav li.index{background:#DB0;}
body#exhibit #mainNav li.index a{color:#FFF;}
body#exhibit #mainNav li.exhibit{background:#DB0;}
body#exhibit #mainNav li.exhibit a{color:#FFF;}
body#tableware #mainNav li.tableware a{color:#FFF;}
body#tableware #mainNav li.tableware{background:#DB0;}
body#gallery #mainNav li.pics a{color:#FFF;}
body#gallery #mainNav li.pics{background:#DB0;}
body#chronology #mainNav li.chronology a{color:#FFF;}
body#chronology #mainNav li.chronology{background:#DB0;}
body#biography #mainNav li.biography a{color:#FFF;}
body#biography #mainNav li.biography{background:#DB0;}

/* ----------------- GLOBAL 'HEADER ONLY' SETTINGS --------------------------*/
#header{clear:both;display:inline;}
#header img.norm{float:left;padding:30px 10px 0 0;margin:30px 0px 20px 40px;}
#header img.shift{float:left;margin:30px 0px 20px 10px;}
#header img.shiftStudio{float:left;margin:30px 0px 20px 80px;}
#header_left{float:left;width:400px;}
#header_right{float:left;width:399px;}

/* -----------------GLOBAL HEADER WITH JPG IMAGE SETTINGS --------------*/
.header_img{float:left;margin-top:-30px;}
p.width{margin-left:75px;width:600px;}



/* -------------------INDEX PAGE -----------------------------------------*/
#bck{position:relative; top:50; width:800px;}
#heading{ position:relative; font-size:36px; color:#993300;}
#address{position:relative;right:60px;float:right; font-size: 14px; color:#006633;}
#address a, #thumbs a{color:#930;}
#address a:visited, #thumbs a:visited{color:#930;}
#address a:hover, #thumbs a:hover{color:#000;}
#thumbs{float:left;margin-left:50px;width:400px;padding:0 6px 0 0;}
#thumbs img {position:relative; left:10px;border:4px;padding:0 8px 0 0;}
#thumbs a img{border:none;}
.caption{position:relative;0; left:12px; font-size:12px; text-decoration:none;padding:0 6px 0 0;}



/* -----------------BIOGRAPHY PAGE ---------------------------------------*/
#bioheader{clear:both;display:inline;}
#bioheader img{float:left;padding:20px 0 0 0;margin:30px 0px 30px 0px;}
#bioBody{clear:both;float:left;font-size:.95em;color:#630;}
#bioBody p a{color:#930;}
#bioBody p a:visited{color:#630;}
#bioBody p a:hover{color:#000;}

#skeleton{clear:both;display:inline;}
p.mexico{float:left;margin:40px 0px 0px 80px;width:250px;font-size:1.1em;color:#630;font-weight:bold;}
span.mexicoText{position:relative;left:0px;;font-size:.85em;color:#630;font-weight:normal;line-height:1.2em;}
#skeleton img{margin-left:60px;}

/* -------------------CHRONOLOGY PAGE ---------------------------------*/
#chronoBody{clear:both;display:inline;width:800px;z-index:1;}
.asterik{color:#900;}
#chronoBodyLeft{clear:both;float:left;position:relative;top:0px;left:-15px;text-align:right;width:385px;overflow:visible;}
#chronoBodyRight{float:left;position:relative;top:0px;padding-left:10px;width:385px;text-align:left;overflow:visible;border-left:solid 1px #930;}
#chronoBodyLeft a, #chronoBodyRight a{color:#C30;}
#chronoBodyLeft a:hover, #chronoBodyRight a:hover{color:#000;}
#chronoBodyLeft a:visited, #chronoBodyRight a:visited{color:#C30;}
#chronoBodyLeft, #chronoBodyRight{font-size:.95em;color:#530;}
#chronoBodyLeft i, #chronoBodyRight i{font-weight:bold;color:#930}

#chronoFooter{clear:both;position:relative;top:15px;margin:0px auto;text-align:center;}
#chronoFooter p{font-size:.8em;color:#330;padding:5px 0px;border-top:solid 1px #930;}
#chronoFooter a{color:#930;}
#chronoFooter a:hover{color:#000;}

/* -----------------------------------------GALLERY PAGE -------------------------- */
#click_here{margin:0 auto;;width:800px;}
#click_here p{margin-top:35px;text-align:center;font-size:.95em;color:#930;border-top:solid 1px #930;border-bottom:solid 1px #930;}


#galleryImages{clear:both;position:relative;margin:0 auto;}


ul.gallery{position:relative;cursor: default;list-style:none;margin:0 auto;z-index:1;}

.gallery a{cursor: default;text-decoration:none;}

.gallery .preview{display: none;position:fixed;top:10px;left:10px;}
.gallery .preview_landscape{display:none;position:fixed;top:10px;left:10px;}
.gallery .preview_square{display:none;position:fixed;top:10px;left:10px;}

.gallery a:hover .preview{display: block;position:fixed;top: 10px;left:10px;z-index: 100;}
.gallery a:hover .preview_landscape{display: block;position:fixed;top:10px;left:10px;z-index: 100;}
.gallery a:hover .preview_square{display: block;position:fixed;top: 10px;left:10px;z-index: 100;}

.gallery img{background: #fff;border-color: #aaa #ccc #ddd #bbb;border-style: solid;border-width: 1px;color: inherit;padding: 2px;vertical-align: top;width: 65px;height: 80px;margin:0 20px;}
.gallery img.landscape{width:120px;height:80px;}
.gallery img.square{width:80px;height:80px;}

.gallery li{background: #CA3;border-color: #ddd #bbb #aaa #ccc;border-style: solid;border-width: 1px;display: inline;float: left;margin: 5px;padding: 5px;position: relative;text-align:center;}

.gallery li p{font-size:.8em;color:#630;width:130px;}
.gallery li.invisible{ visibility:hidden;width:130px;}
.gallery .preview{border-color: #000;width: 275px;height: 416px;}
.gallery .preview_landscape{width:416px;height:275px;}
.gallery .preview_square{width:360px;height:360px;}

.titleLink{color:#630;}

#global_footer{clear:both;margin:0 auto;float:left;text-align:center;width:800px;}
#global_footer a{font-family:Arial,  sans-serif;font-size:.75em;color:#366;padding:20px 10px 20px 10px;}
hr.footer{background:#930;width:600px;}

#sgLogo{clear:both;float:left;text-align:center;width:800px;}
#sgLogo img{margin:0 10px 0 5px;position:relative;top:6px;border:solid 1px #666;}
#sgLogo p, #sgLogo a{font-size:.80em;color:#677;text-decoration:none;}