* html { padding: 0; margin: 0; }

body { 
 height:100%;
 overflow-y:auto; 
 font-family: Gill Sans, Arial, Helvetica, sans-serif;
 font-size: 95%;
 text-align: center;
 color: #666;
 padding:0; margin:0;
}

/* * html body {overflow-y:scroll;}  */


#wrapper { 
 margin: 0 auto;
 width: 922px;
 padding-top: 30px;
 text-align: left;
 }

#header {
  color: #000;
  width: 900px;
  /* float: left; */
  padding: 10px;
  border: 1px solid #ccc; 
  margin: 10px 0px 5px 0px;
  background: transparent url(../images/opaque.png) repeat top left;
}

#leftcolumn {  
 float: left;
 color: #333;
 border: 1px solid #ccc;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 195px;
 background: transparent url(../images/opaque.png) repeat top left;
}


#content { 
 float: left;
 color: #666;
 border: 1px solid #ccc; 
 margin: 0px 5px 5px 0px;
 padding: 10px;
 width: 456px;
 display: inline;
 background: transparent url(../images/opaque.png) repeat top left;
}

#rightcolumn { 
 float: left;
 color: #666;
 border: 1px solid #ccc; 
 margin: 0px 0px 5px 0px;
 padding: 10px;
 width: 195px;

 background: transparent url(../images/opaque.png) repeat top left;
}

#footer { 
 clear: both;
}

#potsfooter {position:fixed; display:block; bottom:0; left:0; width:100%; height:50px; padding:0; background:transparent url(../images/potters_bar_footer.gif) repeat-x; z-index:20; }
* html #potsfooter {position:absolute;}



/* presentation */
#rightcolumn p.xhtmlbadge {text-align: right;}

#logo img {margin-top: 0; margin-left: 0;}
#plates img {float: right; margin-top: -50px; margin-right: -40px; width: 230px;}


p, ul {font-size: .85em; line-height:1.4em;}
h2 {font-size: 1.2em; text-align: center; font-weight: normal;}

#content h2 {text-align: left; color: #666;}
ul {margin:0; padding: 0 0 0 15px;}

strong.red {color: #FE0601; font-size: 1.2em;}
em.byline {font-weight: 600; color: #000;}
strong.pink {color: #E1007F; font-size: 1.2em; text-transform: uppercase;}
strong.green {color: #007B00; font-size: 1.4em;}
strong.blue {color: #2F42D6; font-size: 1.2em;}
strong.orange {color: #FF5A00; font-size: 1.6em;} 
strong.purple {color: #7C1369; font-size: 1.2em;}

#header h2 {font-size: 1.52em; font-weight: bold; text-align: left; font-family:Geneva, Arial, Helvetica, sans-serif; margin: 35px 0 0 0; letter-spacing: .218em; color: #000;}
.hide {display: none;}

#events {width: 51px; height: 50px; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
a.calendarimg:link, a.calendarimg:visited, a.birthdayimg:link, a.birthdayimg:visited {display:block; line-height: 50px; text-indent:-100.0em; text-decoration:none; border: none; background: transparent url(../images/calendar.png) no-repeat top left; width: 51px; height: 50px;
}
a.birthdayimg:link, a.birthdayimg:visited {background: transparent url(../images/cake.gif) no-repeat top left;}

a.calendarimg:link:hover, a.calendarimg:visited:hover {background: transparent url(../images/calendar_active.png) no-repeat;}
a.birthdayimg:link:hover, a.birthdayimg:visited:hover {background: transparent url(../images/cake-active.gif) no-repeat;}


/* Menu */

#menu {display:block;/* height:220px;*/ margin:0; }
#menu ul {margin:0; padding:0; list-style-type:none; padding-bottom: 50px;}
#menu li {/*float:left;*/ margin-right:1px; display:block; width:190px; /*border:1px solid #000;*/}

#menu li.list1 {background:transparent url(../images/home-motif.gif);}
#menu li.list2 {background:transparent url(../images/celebrations-motif.gif);}
#menu li.list3 {background:transparent url(../images/birthdays-motif.gif);}
#menu li.list4 {background:transparent url(../images/parties-motif.gif);}
#menu li.list5 {background:transparent url(../images/handprint-motif.gif);}
#menu li.list6 {background:transparent url(../images/contact-motif.gif);}

#menu a {display:block; width:190px; padding-top:50px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:50px; he\ight:0;}

#menu a#item1 {background:transparent url(../images/home-active.gif) -190px -50px no-repeat;}
#menu a#item2 {background:transparent url(../images/celebrations-active.gif) -190px -50px no-repeat;}
#menu a#item3 {background:transparent url(../images/birthdays-active.gif) -190px -50px no-repeat;}
#menu a#item4 {background:transparent url(../images/parties-active.gif) -190px -50px no-repeat;}
#menu a#item5 {background:transparent url(../images/handprint-active.gif) -190px -50px no-repeat;}
#menu a#item6 {background:transparent url(../images/contact-active.gif) -190px -50px no-repeat;}

#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
#menu a#item5:hover {background-position:top right; z-index:50;}
#menu a#item6:hover {background-position:top right; z-index:50;}

* html #menu a:hover {height:50px; he\ight:0;}

body#home #menu li.list1 a.active {background:transparent url(../images/home-active.gif);}
body#celebrations #menu li.list2 a.active {background:transparent url(../images/celebrations-active.gif);}
body#babyprints #menu li.list5 a.active {background:transparent url(../images/handprint-active.gif);}
body#parties #menu li.list4 a.active {background:transparent url(../images/parties-active.gif);}
body#birthdays #menu li.list3 a.active {background:transparent url(../images/birthdays-active.gif);}
body#contact #menu li.list6 a.active {background:transparent url(../images/contact-active.gif);}


/* Gallery Page */

#gallery #rightcolumn {display: none;}
#gallery #content {width: 678px; margin-right: 0;}

#photogal {width: 400px; margin: 0 auto;}

a img {border: none;}