/* Gliterary Lunches New Homepage CSS */

body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: x-small;
  line-height: 1.5em;
  color: #2d3437;
}
div.leftCol, div.rightColPanel, div.events { margin: 0; padding: 0; display: inline;}
div.leftCol { float: left;}
div.rightCol { float: right; text-align: left;}
div.rightColPanel { float:right;}

.textReplace { position: absolute; top: -10000px; left: 0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

span.pinkText {
  color: #792357;
  font-weight: bold;
  }
 
#eventlink { text-align:left; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.breaker { margin: 0; padding: 0; width: 100%; height: 1px; clear: both;}

a {color: #666;}
a {color: #2d3437;}
a:link, a:visited, a:active {text-decoration: none;}
a:hover {text-decoration: underline;}
a img { border: 0;}

div#wrapper { margin: 0 auto; padding: 0; width: 984px;}
div#wrapper div#frame {
  margin: 10px 0 0 0;
  border: 3px solid #944a82;
  padding: 0;
  width: 984px;
/*  background: url(../img/col_tile.gif) top left repeat-y;*/
  }

div#wrapper div#frame div#sponsorship { margin: 0; padding: 0; width: 984px; background: url(../img/col_tile.gif) top left repeat-y;}

div#wrapper div#frame div.leftCol {
  margin: 0;
  padding: 0 0 20px 0;
  width: 244px;
  font-size: xx-small;
  line-height: 1.5em;
  background: #f3eef1;
    }

div#wrapper div#frame div.rightColPanel {
  margin: 0;
  padding: 0 0 20px 30px;
  width: 710px;
  font-size: xx-small;
  line-height: 1.5em;
/*  background: #fff;*/
 background: url(../img/rcp_tile.gif) top left repeat-y;
    }
/*
div#wrapper div#frame div#rightColPanel div.rightCol {
  margin: 0;
  padding: 0 0 20px 0;
  width: 244px;
  font-size: xx-small;
  line-height: 1.5em;
  background: #f3eef1;
    }
*/    
div#wrapper div#frame div.leftCol a#logo { margin: 10px 0 38px 26px; padding: 0; display: block;}
div#wrapper div#frame div.leftCol div.divider {
  margin: 15px auto 10px auto;
  padding: 0;
  width: 115px;
  height: 1px;
  background: #944a82;
  }
div#wrapper div#frame div.leftCol p { margin: 0 20px 2em 20px; padding: 0; text-align: center;}
div#wrapper div#frame div.leftCol strong { color: #792357;}
div#wrapper div#frame div.leftCol div.otherPromo { margin: 15px 0 0 0; padding: 0; text-align: center;}
div#wrapper div#frame div.leftCol div.otherPromo h5 { margin: 0 auto 5px auto; display: block;}
div#wrapper div#frame div.leftCol div#emailAlert h5 { background: url(../img/email.gif) bottom left no-repeat; width: 123px; height: 28px;}
div#wrapper div#frame div.leftCol div#topBooks h5 { background: url(../img/bookpile02.gif) bottom left no-repeat; width: 127px; height: 83px;}
div#wrapper div#frame div.leftCol div#giftVouchers h5 { background: url(../img/buygiftvouchers.gif) bottom left no-repeat; width: 148px; height: 85px;}
div#wrapper div#frame div.leftCol div#sponsorshipOpp h5 { background: url(../img/sponsorship2.gif) bottom left no-repeat; width: 120px; height: 56px;}
div#wrapper div#frame div.rightCol { margin: 30px 30px 30px 0; padding: 0; width: 244px;}
div#wrapper div#frame div.rightColPanel div.leftCol { margin: 0 20px 0 0; padding: 0; width: 480px; background: #fff;}
div#wrapper div#frame div.rightColPanel div.leftCol p { margin: 0; text-align: left;}
div#wrapper div#frame div.rightColPanel div.leftCol h1#trConcept {
  margin: 30px auto 25px auto;
  padding: 0;
  width: 386px;
  height: 91px;
  background: url(../img/trConcept.gif) top center no-repeat;
  }
div#wrapper div#frame div.rightColPanel div.leftCol div#futureEvents, div#wrapper div#frame div.rightColPanel div.leftCol div#pastEvents {
  margin: 25px 0 0 0;
  border: 10px solid #f3eef1;
  padding: 0;
  background: #f3eef1;
  text-align: center;
  }
div#wrapper div#frame div.rightColPanel div.leftCol div#futureEvents h2 { margin: 0; padding: 0; font-size: small; color: #792357;}
div#wrapper div#frame div.rightColPanel div.leftCol div#pastEvents h3 { font-size: small; color: #792357;}
div#wrapper div#frame div.rightColPanel div.leftCol div#futureEvents div.divider {
  margin: 10px auto 10px auto;
  padding: 0;
  width: 220px;
  height: 1px;
  background: #000;
  }
div#wrapper div#frame div.rightColPanel div.leftCol div#futureEvents div.leftCol, div#wrapper div#frame div.rightColPanel div.leftCol div#futureEvents div.rightCol {
  margin: 0;
  padding: 0;
  background: #f3eef1;
  text-align: left;
  width: 190px;
  }
div.events ul  { margin: 0; padding: 0; list-style: none; font-weight:bold;}
div.events table {   margin: 0;
  padding: 0 0 0 0;
  font-size: xx-small;
  line-height: 1.5em;
  background: #f3eef1;}
   
div#wrapper div#frame div.rightColPanel div.leftCol div#futureEvents div.leftCol ul, div#wrapper div#frame div.rightCol div.leftCol div#futureEvents div.rightCol ul, div#wrapper div#frame div.rightColPanel div.leftCol div#pastEvents ul { margin: 0; padding: 0; list-style: none;}
div#wrapper div#frame div.rightColPanel div.leftCol div#futureEvents div.leftCol ul li,
div#wrapper div#frame div.rightColPanel div.leftCol div#futureEvents div.rightCol ul li,
div#wrapper div#frame div.rightColPanel div.leftCol div#pastEvents ul li { margin: 0 0 8px 0; padding: 0; font-weight: bold;}
div#wrapper div#frame div.rightColPanel div.leftCol div#futureEvents p { padding: 5px 0 0 0; clear: both; text-align: center;}
div#wrapper div#frame div.rightColPanel div.rightCol { margin: 0; padding: 0; width: 200px; background: #fff;  background: #f3eef1; text-align:center;}
div#wrapper div#frame div.rightColPanel div.rightCol div#topBooks {
  margin-top: 15px;
  border: 10px solid #f3eef1;
  padding: 0;
  background: #f3eef1;
  width: 160px;
  font-size: x-small;
  text-align: center;
  }
div#wrapper div#frame div.rightColPanel div.rightCol div#topBooks h4 {
  margin: 0 auto;
  padding: 0;
  background: url(../img/bookpile02.gif) bottom left no-repeat;
  width: 127px;
  height: 83px;
  display: block;
  }
div#wrapper p#footer {
  margin: 1em 0;
  padding: 0;
  font-size: xx-small;
  line-height: 1em;
  color: #999;
  }
div#wrapper p#footer a { color: #999;}

#first180ad {
  margin-top: 10px; 
  margin-left: 20px;
  width: 160px;
  height: 190px;
  background-color: #f3eef1;
  padding: 0;
  }

#first180ad h5 span { display: none;}

#first180ad h5 {
  border: 2px solid #944a82;
  margin: 20px 15px;
  padding: 0;
  background: url(../img/bookticketswithgraphic.gif) center center no-repeat;
  width: 131px;
  height: 107px;
 }  
  
#second180ad {
 margin-top: 20px; 
 margin-left: 20px;
 padding-top: 5px;
 width: 160px; 
 height:150px; 
 background-color:#f3eef1; 
 text-align:center; 
 }
 
#second180ad h5 span { display: none;}

#second180ad h5 {
  margin: 20px 15px;
  padding: 0;
  background: url(../img/gallerylink.gif) center center no-repeat;
  width: 131px;
  height: 107px;
  border: 2px solid #944a82;
  }  

#homesponsorlogospace {
 margin-top: 15px; 
 width: 160px; 
 height:150px; 
 border: 0;
 background-color:#ffffff; 
 text-align:center; 
 }

#homesponsorlogo {
 border: 0px;
 margin: 10px 20px;
 padding: 0;
 background: url(../img/homesponsorlogo.gif) bottom center no-repeat;
 width: 160px;
 height: 106px;
 } 
  
#sponsorlogo {
 margin-top: 620px;
 margin-top: 645px !ie-only; 
 float:right;
 width: 140px;
 height: 134px;
 background: url(../img/sponsor-logos11.gif) bottom right no-repeat;
 } 
 
.soldOut {
 background-color:#944a82; 
 color:#eee;
 border: 1px solid #000;
 }
  
/* -------------------------------------------------------------------------------- 
   FIXES AND CLUDGES FOR BROWSER DIFFERENCES - SPECIFICALLY IE
   -------------------------------------------------------------------------------- */
/* HIDE FROM MAC IE \*/ 
* html div#wrapper div#frame div.rightColPanel div.rightCol { 
  margin: 0px; 
  padding: 0; 
  width: 160px; 
  background: #fff;
  clear:left;
  }

* html div#wrapper div#frame div.rightColPanel div.rightCol { 
  margin: 0; 
  padding: 0; 
  width: 160px; 
  background: #fff;
  }
  
* html #sponsorlogo { 
  margin-top: 645px;
  margin-left:47px;
}
* html div#wrapper div#frame div.rightColPanel div.rightCol div#topBooks {
  width: 165px;
  }
  
* html #second180ad {
 margin-top: 20px; 
 margin-left: 10px;
 padding-top: 5px;
 width: 160px; 
 height:150px; 
 background-color:#f3eef1; 
 text-align:center; 
 }
 
 * html #first180ad {
  margin-top: 10px; 
  margin-left: 10px;
  width: 160px;
  height: 190px;
  background-color: #f3eef1;
  padding: 0;
  }

/* end */