/* This file contains the style sheet developed for WCCCE 2012 at the University of British Columbia */


body {  /* General things that we want to apply to the whole site, in particular it sets the fonts and the background colour */
    background-color: #b5a789;
    font-family: "Lucida Grande", verdana, Georgia, Arial, Helvetica, sans-serif;
    margin: 0px;
}

table, th, td 
{
    border: 1px solid black;
}

td.rowA { 
    color:  #002859;
    background-color: transparent;
    text-align: center;   
    font-weight: bold;
    font-variant: small-caps;
    border-bottom: 1px solid #002859; 
}

td.rowB {
    border-bottom: 1px solid #7491a3;
    background-color: #002859;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    font-variant: small-caps;
    color: #7491a3;
}

td.paperTitle {
    border-bottom: 1px solid #7491a3;
    background-color: transparent;
    text-align: center;
    font-size: 1em;
    font-weight: bold; 
    font-variant: small-caps;
    font-style: italic;

}

td.authors {

}

p.keynote {
    text-indent: -4em ;
    margin-left: 4em;
    margin-right: 2em;
    text-align: left;
}



.keynoteTitle {
    font-weight: bold; 
    font-variant: small-caps;
    font-style: italic;
}


#PageWrapper { /* This describes the actual area that we want to work with */
    width: 865px; 
    background-color: #002859;  /* UBC blue */
    font-size: 90%;
    margin-left:auto;
    margin-right:auto;
}


/* The following areas describe various parts of pages - The page is divided into the following regions
   - The main banner which formats the area at the top of the page   
        - main Banner image - decribes an image within the banner 
   - Navigation bar
   - Conference Details area
   - Main content area divided into 2 parts
       - main text area
       - right side bar
   - footer
*/

#mainBanner {
    vertical-align: top;
    border: 0px;
}

#mainBannerImage {
    position: relative;
    left: 0;
    top: 0;
}


#conferenceDetails {
    height: 175px;
    padding-top: 15px;
    margin-top: 30px;
    padding-right: 10px;
    background-color: transparent;
    text-align: right;
    color: #7491a3;
    font-weight: bolder;
    font-size: 150%;
    font-family: trebuchet,sans-serif;
}


#mainContent {
    text-align: justify;
    background-color: #7491A3; /* UBC Grey */
    padding: 15px;
    margin: 0px 10px 10px 10px;
    width: 520px;
    float: left;
}

#mainText {
}

#rightSidebar{
    padding: 10px;
    margin: 0px 10px 10px 570px;
    background-color: #7491a3; /* UBC Grey */
}

#standardFooter {
    clear: left;
    min-height: 80px;
    margin-top:2px;
    margin-left: 10px;
    margin-right:10px;
    margin-bottom: 10px;
    color: white;
}


/* Special formatting for some of the above parts */

/* ACM banner part */

#ACMbanner {
    background-color: white;
    width: 205px;
}

#incoop {
    position: relative;
    left: 50px;
    }

/* Used in the main page right side bar for grouping */
followWCCCE {
    
    background-color: orange;
}


/* Special formatting for pages that aren't the first page */
/* Taken from the tutorials provided at:
 http://www.alistapart.com/d/slidingdoors/final_tabs.html
*/   

#informationText {
  padding: 10px;
  margin-top: 2px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color:  #7491a3; /* UBC Grey */
}

#tabs {
  float:left;
  width:100%;
  background:#DAE0D2 url("bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#tabs ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#tabs li {
  float:left;
  background:url("left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
#tabs a {
  float:left;
  display:block;
  background:url("right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */
#tabs a:hover {
  color: black;
  }
#tabs #currentTab {
  background-color: transparent;
  background-image:url("left_on.gif");
  }
#tabs #currentTab a {
  background-color: transparent;
  background-image:url("right_on.gif");
  color: white ;
  padding-bottom:5px;
  }