/* 
   CSS for WICSA 2009
   Last updates: 29 Jun in prep for programme pages
*/


html,
body { 
    padding: 0; border: 0; 
    margin-top: 0px;
    margin-bottom: 1in; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: #111111;
    background: #ffffff; }


/* Headers */
h1, h2, h3, h4 { 
    font-family: "Gill Sans", Arial, Georgia, sans-serif; }

h1 { text-align: left; 
    font-size: 160%;
    line-height: 120%; }

h2 { text-align: left; 
     font-size: 120%; 
     line-height: 120%; }

h3, h4, h5, h6 {
    text-align: right; 
    font-size: 100%; }


/* Links */
a { text-decoration: none; }
a:link { color: #bf1a19; text-decoration: none; }
a:visited { color: #bf1a19; }
a[href]:active { color: #bf1a19; }

/* Tired of hover = hilite removed: border-bottom: 2px solid #7384a6; */
#navbar a[href]:hover { background: #c0c0c0; color: #ff0000; }
#confnavbar a[href]:hover { background: #c0c0c0; color: #ff0000; }
#content a[href]:hover { background: #c0c0c0; color: #ff0000; }
#confcontent a[href]:hover { background: #c0c0c0; color: #ff0000; }
#arch a[href]:hover { background: #c0c0c0; color: #ff0000; }



/* News, TBDs Highlighting Text */

.hilite { background: #ffff33; border: thin groove #003088; }

.tbd, 
.news { color: #ff0000; }
.nb { color: red; text-align: right; }


/* More Text, Etc. */
em { font-style: normal; font-weight: 600; font-variant: small-caps; }
pre { font-size: 9pt; }

hr { background-color: #003466; height: 1px; }

/* Lists */
ul { list-style-type: square; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }

dt { font-weight: 600; font-variant: small-caps; }
dd { display: inline; }


/* 
#HEAD: top of each page 
*/
#head { 
    position: absolute;
    display: block;
    top:0; left:0; 
    width: 100%; 
    height: 160px; 
    padding: 12px;
    z-index: 4;
    background: #dcdcdc; 
}


#head h1,
#head h2,
#head h3 { 
    font-weight: 500;
    margin-left: 40px; 
    text-align: left; 
    color: #bf1a19;
} 

#head h1 { font-size: 22px; }
#head h2 { font-style: italic; }


/* #HEAD contains a LOGO and a HEADLINE */
#logo { position: absolute; left: 10px; } 
#logo img { height: 160px; behavior: url(iepngfix.htc); }
#headline { position: absolute; left: 280px; }


/* #ARCH: use this to put cute architectural images on each page.  */
#arch {
    position: absolute;
    overflow: visible;
    top: 140px; 
    left: 700px;
    z-index: 5; }

#arch img { width: 320px; }

#arch p { 
    display: block;
    font-family: Tahoma, "Tresbuchet MS", Arial, sans-serif;
    font-style: normal;
    font-size: 10pt; 
    margin-top: 5px;
    margin-bottom: 5px; 
    text-align: right; }

#arch .caption { 
    display: block;
    font-family: Tahoma, "Tresbuchet MS", Arial, Helvetica;
    font-size: 7pt; 
    text-align: right;
    margin-top: 1px;
    margin-bottom: 24px;
    color: #444444; } 

/* Use before Updated, Webmaster when no caption */
hr.break { margin-top: 1.4in; }


/* 
#CONTENT: This is where the primary content goes on each page. 
*/
#content { 
    position: absolute;
    left: 220px; top: 220px; 
    overflow: visible;
    width: 440px;
    z-index: 1;
    background: #ffffff; 
    padding: 10px;
    font-size: 10pt;
    color: #111111;
    line-height: 15pt; }

#content h1 { color: #333333; }
#content h2, 
#content h3 { color: #c70101; }


/* #CONFNAVBAR: navigation panel, on left side */

#navbar,
#confnavbar {
    position: absolute;
    overflow: visible;
    left: 10px; 
    top: 300px; 
    top: 260px; 
    z-index: 5;
    padding: 8px;
    width: 180px;
    font-family: Geneva, Helvetica, Arial, san-serif;
    font-size: 9pt;
    font-style: normal;
    /* font-weight: bold; */
    line-height: normal;
    background: #faebd7;
    border: thin groove #003088;
}

#navbar p,
#confnavbar p {
    font-weight: normal;
    margin-left: 4px;
    margin-right: 8px;
    margin-top: 1px;
    margin-bottom: 2px;
    text-align: left; }

#navbar ul,
#confnavbar ul {
    list-style-type: none;
/*    margin-left: 24px;
    margin-right: 4px; */
    margin-top: 2px;
    margin-bottom: 3px;
    text-align: left; 
    padding: 4px;
    border: thin groove #003088; }


/* Wider (no arch photos) content DIV for programme and registration pages */


#confcontent { 
    font-family: Palatino, Georgia, Serif; 
    position: absolute;
    left: 240px; top: 180px; 
    width: 460px;
    z-index: 1;
    background: #ffffff;
    font-size: 11pt;
    color: #000000;
    padding: 12px; }

/* Forget whether I need this: #confcontent a { border-bottom: 1px solid red; } */

#confcontent h2 { text-align: left; }
#confcontent em { font-size: 120%; color: #666666; }

/* Use for paper and working sessions */
#confcontent .when { font-variant: small-caps; text-align: right; font-weight: bold; }
#confcontent .paper { margin-bottom: 1px; }
#confcontent .authors { font-style: italic; margin-top: 1px; }
#confcontent .chair { text-align: right; }
#confcontent .wiki { text-align: right; }


/* Most confcontent pages have a "main" table. */
#confcontent table { border-collapse: collapse; }

#confcontent th { 
    color: white;
    vertical-align: middle;
    text-align: center;
    height: 60px;
}

#confcontent td { 
    vertical-align: top;
    font-size: 10pt; 
    text-align: center;
}

#confcontent td p { text-align: center; }

#confcontent p,
#confcontent ul { line-height: 120%; }

/* Use for session dividers */
#confcontent .session { 
    color: #ffa100; 
    background: #e0e0e0; 
    padding: 15px; 
    margin-top: 1in; }


/* Use for day dividers */
.day { background: #ffe4b5; } 


/* Put at bottom of confcontent DIV following a HR rule */
#confcontent address { margin-top: .6in; text-align: right; font-style: normal; font-size: 9pt; }


/* Papers DIV for Long papers, working sessions, BoFs, workshops... */
/* #papers p { font-size: 11pt; margin-top: 2px; padding-left: 60px; padding-right: 80px; } */

#confcontent h1,
#confcontent h2,
#confcontent h3,
#papers h1, 
#papers h2, 
#papers h3 { color: #5c3317; }

#confcontent h2 { text-align: left; }

#papers h2, 
#papers h3 { 
    margin-top: .75in;
    background: #dedede; 
    text-align: left; 
    font-size: 110%; 
    line-height: 250%;
    text-indent: 40px; }


/* Use with blockquote to introduce sessions */
.preamble { font-size: 90%; text-align: justify; font-family: Verdana, sans-serif; }