/* This is the best party ever! */

html, body { margin: 0; padding: 0; background: #ebc1db; height: 100%;}

body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: medium;  }

body#home { }

#wrapper { position: relative; border: 0; padding: 0 0 150px 0; margin: 0; background: #ebc1db url(images/bkgd-gradient.gif) left top repeat-x; font-size: 105%;}
body#home #wrapper { padding: 0 0 100px 0;}

#top {position: relative; height: 18px; background: #c47100; z-index: 1; margin: 0; border-bottom: 1px solid white; }
#top p { color: white; margin: 0; padding: 2px 0 0 10px; line-height: 14px; font-size: 10px;  }
#top #contact {position: absolute; right: 10px; top: 0; }
#top #contact a { color: white;}

#pheno2013 { z-index: 10; position: relative; height: 50px; width: 300px; background: transparent; margin: 0 0 0 12em; padding: 5px 0 5px 10px; }
#pheno2013 h1 { display: none; }
#pheno2013 a {border: 0; }

body#home #pheno2013 { position: relative; height: 145px; width: 590px; background: transparent; margin: 4px 0 0 12.5em; }
body#home #pheno2013 h1, body#home #pheno2013 h4 {color: #7a0095; display: inline; margin: 0; padding: 0; font-weight: bold; background: transparent; border: 0; text-align: left;}
body#home #pheno2013 a {border: 0; }

#leftnav {position: absolute; top: 30px; left:10px; width: 14em; background: transparent url(images/bkgd-leftnav.png); border: 0; padding:0; font-size: 80%;  z-index: 5; border: 1px dotted white; border-width: 3px 0; }

body#home #leftnav { z-index: 11;}

#leftnav ul {margin: 0; padding: 0;  list-style-type: none; }

* html #leftnav ul { }

#leftnav li {z-index: 10;  text-align: left; padding: 0 0 0 6px; color: white;  border-top: 1px solid #f2c886; }
#leftnav li:first-child {border: 0; }

#party-morph { z-index: 5; position: absolute; right: 10px; bottom: -73px; width: 344px; height: 239px; background: transparent url(images/morphulhu-s.gif) no-repeat;}
#home #party-morph { z-index: 20; position: relative; float: right; width: 322px; height: 335px; margin: 0 0 20px 20px; background: transparent url(images/morph-birthday.png) no-repeat;} 

#balloons {z-index: 1; position: absolute; top: 25px; right: 5px; width: 229px; height: 147px; background: url(images/balloons-s.png) no-repeat;}
#home #balloons {z-index: 1; position: absolute; top: 25px; right: 5px; width: 458px; height: 294px; background: url(images/balloons.png) no-repeat;}
#morph-s {z-index: 2; position: absolute; top: 170px; right: 20px; width: 163px; height: 168px; background: url(images/morph-birthday-s.png) no-repeat;}

#home #news { z-index: 10; position: relative; border: 3px dotted white; border-width: 2px 0; padding: 0; margin: 18px 0 0 0; background: transparent; padding-top: 10px; }
#news h2 { text-transform: ; font-weight: bold; background: transparent; border: 1px solid white; border-width: 0 0 1px 0; }
#news p { margin: 6px 0 ; padding: 0; font-size: ; }
#news h4 { margin: 6px 0 ; padding: 0 10px; }

* html #news p { font-size: 75%; }

#content { z-index: 10; position: relative; margin: 0 40px 0 14em; background: white; padding: 0 20px 10px 20px; border: 4px solid white; border-width: 1px; max-width: 790px; font-size: 90%; z-index: 5; }

#home #content { width: 500px; background: transparent url(images/bkgd-leftnav.png); margin: 20px 0 0 14.5em; border: 0 ; padding: 6px 12px; }
#home #content h2, #home #content h4, #home #content h3 { border: 0; margin: 0.5em 0 0 0; padding: 0; }
#home #content a {border: 0; }

#home #content .spacer { border-top: 3px dotted white; height: 8px; margin: 8px 0 0 0; padding: 0; }


a:link { color: #a600ff; text-decoration: none; border-bottom: 1px dotted #a600ff;}
a:visited { color: color: #c60; text-decoration: none; border-bottom: 1px dotted #c60;}
a:hover { color: #f60; border-bottom: 1px dotted #f60; }
a:active { color: #fc0; border-bottom: 1px dotted #fc0; }
a.current {color: #000; font-weight: bold;  }


#leftnav li a { display: block; height: 1.5em; padding: 3px 0 2px 0; border: 0;}

#leftnav li.level2 a { text-transform: none; padding-left: 0.8em; }
#leftnav li.level2 a:before { content: "• "}
#leftnav a:hover { color: #f60; border: 0; }
#leftnav h3 a { }
#leftnav a.current { font-weight: 700; color: #f60;}
#leftnav a.current:after { content: " •"}


#news a.mutant:link {color: #cc0;}
#news a.mutant:hover {text-decoration: underline; color: #cc0; }

p {margin: 0.6em 0; line-height: 1.4em; color: #222;}

h1, h2, h3, h4, h5 { color: #7a0095; margin: 1.6em 0 0.4em 0; padding: 0; }
h1 { color: white; font-size: 180%; margin: 0 -20px 10px -20px; padding: 10px 0 10px 20px; background: #7a0095; }
h2 {font-size: 150%; padding-top: 0.4em; border-top: 3px solid #7a0095;}

h1 + h2 { border-top: 0; padding-top: 0; }

h3 {font-size: 120%; margin-top: 1.6em;}
h3.writer, h4.writer { margin: 0 0 1em 0; }
h4 {margin-top: 1em; }
h5 {font-size: 80%; margin-top: 1.6em; }


* html h1 {font-size: 220%; }
* html h2 {font-size: 130%; }
* html h3 {font-size: 130%; }
* html h4 {font-size: ;  }
* html h5 {font-size: 80%; }

#content ul { margin: 1em 0 1em 1em; padding: 0; }
#content li { margin: 0 0 0.5em 0; padding: 0; line-height: 1.3em; }
* html li { list-style-image: url(images/bullet_ie.gif); }

.hide { display: none; }
.top { font-size: 80%; text-align: right;}
.overline { margin-top: 1.6em; padding-top: 6px; border-top: 3px solid #7a0095; }
.right {text-align: right; }
.left {text-align: left; }
.center {text-align: center; }
.red { color: #d36;}
.grey { color: #999 !important; }
.norm {font-style: normal;}
.tba { color: red !important;}
.typewriter { font-family: courier;  }
.small {font-size: 80%; }
.spacer { margin-top: 2em; }
.spaced { margin: 2em 0; }
.email { padding: 3px 6px; background: #ebc2db; color: black; font-family: Courier, monospace; white-space: nowrap; }
.italic {font-style: italic;}
.bold {font-weight: bold; }
img { padding: 0; margin: 0; border: 0; }
.decoration { z-index: 10; position: relative; display: block; margin: 10px auto; border: 2px solid #7a0095;}
.rightdecoration { z-index: 10; position: relative; float: right; margin: 10px 0 10px 10px; border: 2px solid #7a0095; }
.leftdecoration { z-index: 10; position: relative; float: left; margin: 10px 10px 10px 0; border: 2px solid #7a0095; }
.pictag { font-size: 70%; color: #777; width: 60%; text-align: center; margin: 0 auto;}
* html .pictag { width: 100%;}
.cancel { color: #999 !important; text-decoration: line-through !important; }




.rating { position: relative; margin: 1.5em auto 0.5em auto; padding: 0; width: 95%; border: 1px solid #7a0095; border-width: 2px 1px 0 1px; background white; border-collapse: collapse;}

* html table.rating { }

.rating td { font-size: 90%; border: 1px solid #7a0095; border-width: 1px 1px 1px 0; border-collapse: collapse;}
.rating th { font-size: 90%; font-weight: bold; color: white; text-align: left; border-bottom: 2px solid #7a0095;	background: #7a0095; border-collapse: collapse; }



.boxblurb { margin: 1.5em 40px; font-style: normal;}
.boxdetails { margin: 1.2em 40px;}
.boxblurbauthor { margin: -10px 40px 20px 100px; line-height: 1.3em; font-style: normal; text-indent: -1.3em; }
.boxblurbhead { margin: 1.5em 40px; font-style: italic; font-size: 130%; font-weight: bold;}

.schedule { margin: 1em 0 2em 0; border: 2px solid #7a0095; width: 95%; border-collapse: collapse;	}

* html .schedule { margin: 1.5em 0; font-size: 80% }

.schedule th { margin: 0; padding: 0.4em; text-align: center; background: #7a0095; border-bottom: 1px solid #7a0095; border-right: 1px solid #7a0095; border-collapse: collapse; color: white;	}

.schedule td { padding: 0.4em; margin: 0; text-align: center; border-right: 1px solid #7a0095; border-bottom: 1px solid #7a0095; border-collapse: collapse; 	}

.schedule td.rowhead {text-align: left; font-weight: bold; }
td.break { text-align: left; font-style: italic; font-weight: normal; background: #ebc2db; color: white;}

.schedule td.left { text-align: left; }

.no { color: #ccc; background: #666;}