body#home, body#paper , body#submission{font-family: "Trebuchet MS", sans-serif; background: #cce; color: #111; margin: 0}

a {color: #059; text-decoration: none; border-bottom: solid #9cf 1px}
a:visited {color: #319; border-bottom: solid #CBB9EF 1px} /*c9c*/
a:hover {border-bottom: solid #036 1px}
a:focus, a:active {color: #eef; background: #000}
#masthead a {text-decoration: none; border:none}

#wrapper {font-family: 'PT Serif', serif;}

#wrapper h1,#wrapper h2,#wrapper h3,#wrapper h4,#wrapper h5,#wrapper h6 {font-family: 'Old Standard TT', serif; font-weight: normal; margin: 1em 0; color: #000}
#wrapper h1 {font-size: 1.8em; line-height: 1.2; margin-bottom: 0.5em; font-family: 'Old Standard TT', serif; text-transform: uppercase; letter-spacing: 1px}
#paper h1 {font-style: italic}
#wrapper h1 a, #wrapper h2 a, #wrapper h3 a, #wrapper h4 a {color: #000 !important; border-bottom: none }
#wrapper h2 {font-size: 1.6em; text-transform: capitalize; letter-spacing: 1px; line-height: 1}
#wrapper h3 {font-size: 1.4em}
#wrapper p,#wrapper li,#wrapper th,#wrapper td {font-size: 0.9375em; line-height: 1.6; margin: 0.5em 0}
#wrapper code {font-family: 'PT Mono', sans-serif}

#home #wrapper, #paper  #wrapper {margin: 0 auto; max-width: 48em}

#wrapper header {padding: 0; position: relative; max-width: 48em}

p.w3 {float: right; position: relative; top: 2px; right: -50px; z-index: 4}
p.w3 img {border-radius: 3px}
p.w3 a:hover, p.w3 a:focus {position: relative; left: -3px}
#wrapper p.bib {font-family: 'PT Mono'; font-size: 0.75em}
#wrapper p.bib strong {margin-left: 2em}

#masthead {background: url(../images/bg.png) no-repeat #fff; height: 48px; width: 100%; margin: 0;}
/* #masthead {background: url(bg.png) no-repeat; height: 48px; width: 100%; margin: 0 0 2em; border-bottom: solid #930 15px; box-shadow: 2px 1px 5px #112} */
#masthead p {margin: 0; padding: 0}
#masthead img {border:none}

#tagline {
    display: block;
    overflow: hidden;/* Let height include floats */
    margin: 0;
    padding: 0;
    color: white; 
    background: #930;
font-size: 85%;
line-height: 85%;
margin-bottom: 55px;
box-shadow: 2px 1px 5px #112
}
#tagline/* HACK: hide from MacIE5 */ {
    clear: both;
}
#tagline p {
    margin: 0;
    padding: 0.3em;
	text-align: right;
}

#wrapper .textblock {padding: 0.5em 4em 2em; background: #fffff6; 
    border: solid #999 1px;
	border-radius: 2px;
	box-shadow: 2px 1px 5px #112;
    position: relative;
    max-width: 40em;
	z-index: 2;
	clear: left;
	top: -10px}
#wrapper .textblocknote {padding: 0.5em 0.5em 2em; background: #fffff6; 
    border-top: solid #999 1px;
	position: relative;
    z-index: 2;
	clear: left;
	top: -10px}
  
#submission .textblock {max-width: 48em; padding: 0}
iframe {border: none; margin: 0; width: 100%; min-height: 80%; border-top: solid #ccc 1px; border-bottom: solid #ccc 1px}
#note .bcrumb, #submission .bcrumb {padding: 0.5em 5em}
  
    
#wrapper header {position: relative; height: 100px; padding: 0; margin: 0}

#wrapper p.logo {margin: 0; padding: 0; font-family: 'Old Standard TT', serif; color:#000; font-size: 1.8em; text-transform: uppercase; text-align: center; line-height: 1.2}
#wrapper p.logosub {margin: 0 0 1em 0; font-family: 'Old Standard TT', serif; font-size: 1em; font-variant: small-caps; text-transform: uppercase; text-align: center; color: #131313}
#wrapper p.logosub sup {text-transform: lowercase}
#wrapper p.logo img {margin: 0; padding: 0}
    
#wrapper nav ul {margin: 0 0; padding: 0; clear: left}
#wrapper nav li {margin: 0; padding: 0; float: left; list-style-type: none}
#wrapper nav li a {display: block; text-decoration: none; border-bottom: none; color: #000; padding: 5px 10px 14px; margin: 0 0 0 0.5em; text-transform: capitalize; font-family: 'PT Sans', sans-serif; text-align: center; line-height: 1.3; border: solid #999 1px;
	border-radius: 2px;
	box-shadow: 1px 1px 2px #112;
    background: #f6f6f6; position: relative; z-index: 1; color: #333}
#wrapper nav li a:focus, nav li a:hover, nav li a.here {position: relative; top: -3px}
#wrapper nav li a.here {background: #fffff6; z-index: 3; color: #000}
#wrapper nav li a:focus, nav li a:hover {color: #06c}


#wrapper p.bcrumb {clear: left; padding: 1em 0 0}
#wrapper .authors {padding: 0; margin: 0.5em 0}
#wrapper .authors li {list-style-type: none; margin: 0; padding: 0; font-style: italic}
#wrapper .highlight-version {border: solid #990000 1px; background: #f6f6f6; padding: 10px; margin-bottom: 55px;}

#wrapper .subhead {font-style: italic; font-size: 0.75em; line-height: 1.2}

#wrapper #contents {border-radius: 2px; border: solid #999 1px; float: right; padding: 1em 1em 0.5em 1em; position: relative; right: -5em; top: 0; background: #fffff6; border-radius: 2px;
	box-shadow: 1px 1px 2px #112;}
#wrapper #contents h2 {font-size: 1em; font-variant: normal; text-transform: lowercase; font-variant: small-caps; margin-top: 0; color: #000}
#wrapper #contents ul {margin: 0; padding: 0}
#wrapper #contents li {list-style-type: none; font-size: 0.925em; line-height: 1.2; font-family: 'Old Standard TT', serif}
#wrapper #contents a {text-decoration: none; border-bottom: none}
#wrapper #contents a:hover {text-decoration: none; border-bottom: solid #036 1px}

/* @@ */
#symposiumblock {
font-size: 111%;
margin-top: 55px; margin-bottom: 0;
padding: 0 0 0 1em; background: #fff; 
    border: solid #999 1px;
	border-radius: 2px;
	box-shadow: 2px 1px 5px #112;
    position: relative;
	clear: left;
	top: -10px}
.symposiumlogo {font-family: 'Old Standard TT', serif; color:#000; font-size: 1.3em; text-transform: uppercase; line-height: 1.2}


/* make footer look more like WAI website */
#wrapper #footer {font-family: "Trebuchet MS", sans-serif !important; color: #333 !important; font-size: 0.9em; margin: 0 1em}
#wrapper #footer h2 {font-family: "Trebuchet MS", sans-serif !important;color: #930 !important; font-style:normal  !important; margin-bottom: 0.5em}
#wrapper #footer a:link {color: #036;}
#wrapper #footer a:visited {color: #603;}
#wrapper #footer a:focus, a:active {color: #eef; background: #000}