/* 
   CSS for WICSA 2008, updated for full conference programme and registration pages 
*/


html,
body { 
    padding: 0; 
    border: 0; 
    background: #eeeeee; 
    font-family: "Gill Sans", Georgia, Arial, sans-serif;
    color: #001555; }


/* Headers */
h1, h2, h3, h4 { 
    font-family: Helvetica, sans-serif; 
    color: #001555; } 

h1 { text-align: right; 
     font-size: 140%; 
     line-height: 120%; }

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

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


/* Links */
a { color: #001555;
    text-decoration: none; }
a[href]:active { color: #001555; }
a[href]:hover { background: #001555; color: white; }


/* News, TBD highlights */
.tbd, 
.news { color: red; }
h2.news { text-align: left; }
.nb { color: red; text-align: right; }


/* Text, Etc. */
pre { font-size: 9pt; }
em { font-style: normal; color: #225189; font-weight: 500; font-variant: small-caps; }


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

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: 140px; 
    padding: 12px;
    z-index: 4;
    background: #001555; }

#head h1,
#head h2,
#head h3 { 
    font-weight: 500;
    color: white;
    margin-right: 40px; 
    text-align: right; } 
#head h2 { font-style: italic; }


/* 
   #ARCH: use this to put cute architectural images on each page. 
*/
#arch {
    position: absolute;
    overflow: visible;
    left: 12px; top: 90px; 
    z-index: 5; }
#arch img { width: 300px; }
#arch p { 
    display: block;
    font-family: Tahoma, "Tresbuchet MS", Arial, sans-serif;
    font-style: normal;
    font-size: 10pt; 
    margin-top: 5px;
    margin-bottom: 5px; }
#arch .caption { 
    display: block;
    font-family: Tahoma, "Tresbuchet MS", Arial, Helvetica;
    font-size: 7pt; 
    text-align: left;
    margin-top: 1px;
    margin-bottom: 24px;
    color: #444444; } 
#arch a { border-bottom: 1px solid red; }


/* 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: 290px; top: 150px; 
    overflow: auto;
    width: 420px;
    z-index: 1;
    background: #eeeeee; 
    color: #000000;
    padding: 12px;
    margin-left: .6in; 
    margin-right: .4in;     
    margin-top: .2in; 
    margin-bottom: .2in; }  

#content a { border-bottom: 1px solid red; }


/* 
#NAVBAR: navigation panel, on left side of each page 
*/
#navbar { 
    position: absolute;
    overflow: visible;
    /* right: 20px; */
    left: 860px;
    top: 180px; 
    width: 160px;
    padding: 8px;
    z-index: 4;
    background: #ffa100;
    font-family: Georgia, "Times New Roman", serif; 
    font-size: 9pt; }

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



/* NEW, NEW, NEW Stuff for Programme and Registration Pages */


/* Left-handed navigation/toc panel for Programme and Registration Pages */
#confnavbar {
    position: absolute;
    overflow: visible;
    left: 12px; top: 90px; 
    z-index: 5;
    width: 180px;
    padding: 8px;
    background: #b4eeb4;
    font-family: Georgia, "Times New Roman", serif; 
    font-size: 9pt; }

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

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


/* Wider (no arch photos) content DIV for programme and registration pages */
#confcontent { 
    position: absolute;
    left: 240px; top: 180px; 
    width: 600px;
    z-index: 1;
    background: #eeeeee; 
    color: #000000;
    padding: 12px; }

#confcontent a { border-bottom: 1px solid red; }


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


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


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


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

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

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


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


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