/* Style Sheet for LaraLive 
   Created by BJ - June 2007
   (c)2007 YMMV LLP
*/

div { overflow: visible; }

img { border: none; }

.LL-Body {background: #2d1611; margin: 0px; text-align: center; }

#LL-IndexBodyFrame {margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative;  background: transparent url(http://laralive.org/Images/index-bg.jpg) repeat scroll top left; text-align: left; width: 700px; height:1056px; }

#LL-AboutBodyFrame {margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative;  background: transparent url(http://laralive.org/Images/about-bg.jpg) repeat scroll top left; text-align: left; width: 700px; height:1056px; }

#LL-BlogBodyFrame {margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative;  background: transparent url(http://laralive.org/Images/blog-bg.jpg) repeat scroll top left; text-align: left; width: 700px; height:1056px; }

#LL-BlogsBodyFrame {margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative;  background: transparent url(http://laralive.org/Images/blogs-bg.jpg) repeat scroll top left; text-align: left; width: 700px; height:1056px; }

#LL-SponsorsBodyFrame {margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative;  background: transparent url(http://laralive.org/Images/sponsors-bg.jpg) repeat scroll top left; text-align: left; width: 700px; height:1056px; }

.LL-NonCSSText {
  display:none;
  }

.LL-Banner {
    height: 59px; 
	margin-left: 0px; 
	position: relative; 
	width: 700px;
	}

.LL-Banner h1 {height: 32px; left: 40px; position: absolute; top: 7px; width: 600px; z-index: 1; 
    font-family:'Courier New', Courier, monospace; 
	font-size:30px; color:#FEF3CF; 
	}

.LL-NavBar {height: 39px; margin-left: 0px; 
    position: relative; width: 700px; 
	}

.LL-NavBar ul {
	position:relative;
	display:inline;
	font-family:'Courier New', Courier, monospace;
	font-weight:bold;
	font-size:18px;
	list-style-type:none;
	padding-left:0;
	margin-left:0;
	left: 40px;
	top: 10px;
}

.LL-NavBar li {
	display:inline;
	color:#FEF3CF;
}

.LL-NavBar li + li {
	border-left: 2px solid #FEF3CF;
	padding-left:10px;
}

.LL-NavBar a:link, .LL-Banner h1 a:link { color:#FEF3CF; text-decoration:none; }
.LL-NavBar a:visited, .LL-Banner h1 a:visited { color:#FEF3CF; text-decoration:none; }
.LL-NavBar a:hover, .LL-Banner h1 a:hover { color:#FFFFFF; text-decoration:none; }
.LL-NavBar a:active, .LL-Banner h1 a:active { color:#FFFFFF; text-decoration:none; }
.LL-Active a:link { color:#DD0000; text-decoration:none; }
.LL-Active a:visited { color:#DD0000; text-decoration:none; }
.LL-Active a:hover { color:#DD0000; text-decoration:none; }
.LL-Active a:active { color:#DD0000; text-decoration:none; }

.LL-BodyContent { 
  margin-left: 0px;
  position: relative; 
  width: 700px; 
  }

.LL-Footer {
  width:700px;
  height:50px;
  margin:0;
  color:#FEF3CF; 
  font-family:"Courier New", Courier, monospace;
  font-size:16px;
  text-align:center;
  position:absolute;
  bottom:0;
  }
  
.LL-Receipt, .LL-Archive {
  color: #654868; /* Purple - like till roll */
  font-family: 'CourierNewPS-BoldMT', 'Courier New', 'monospace';
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
  margin: 0px;
  padding: 29px;   text-align: left;
  margin-left: 408px; 
  margin-top: 80px; 
  width: 233px;  
  }
  
.LL-Receipt h2, .LL-Archive h2, .LL-Archive .date {
  font-size: 18px;
  line-height: 22px;
  margin-top: 2px;
  margin-bottom:0;
  clear:both;
  }
  
.LL-Receipt ol, .LL-Archive ol {
  margin-top:0;
  }

.LL-Receipt p, .LL-Archive p {
  padding-bottom: 0px; 
  padding-top: 0px; 
  margin-top:4px;
  margin-bottom:2px;
  clear:both;
  }
  
.LL-Receipt .PhotoFrame {
  text-align:center;
  padding:5px;
  margin:0px;
  position: relative;
  }
  
.LL-Receipt .PhotoFrame img {
  border:#EEEEEE solid 5px;
  margin-bottom: -6px;
  }  
  
.LL-Receipt .PhotoFrame .Clippy {
  background:url(http://laralive.org/Images/paperclip.png) no-repeat right top;
  position:absolute;
  border:0;
  top:0px; 
  right:-28px; 
  width:105px;
  height:105px;
  }
  
.LL-Receipt a:link { color:#654868; font-weight:bold; }
.LL-Receipt a:visited { color:#654868; font-weight:bold; }
.LL-Receipt a:hover { color:#654868; text-decoration:underline; font-weight:bold; }
.LL-Receipt a:active { color:#654868; text-decoration:none; font-weight:bold; }

.LL-LittlePic {
  border: 1px;
  border-color:#444444;
  background:#EEEEEE;
  clear: left; 
  float: left; 
  height: 51px; 
  left: -1px; 
  margin: 10px 6px 3px 0px; 
  position: relative; 
  top: -1px; 
  width: 51px; 
  }
  
.LL-LittlePicLabel {
  line-height:19px; 
  }

.LL-LeftPageBody {
  text-align: left;
  position: relative; 
  margin-left: 120px; 
  margin-top: 40px; 
  width: 580px; 
  }
  
.LL-BlogVert { /* Green receipt with photo, title and text */
  background: url(http://laralive.org/Images/blog-slip.jpg) no-repeat; 
  height: 245px;
  left: 10px;
  position: relative; 
  top:5px;
  width: 541px;  
  }
  
.LL-BlogVert .Clippy, .LL-BlogHeader .Clippy {
  background:url(http://laralive.org/Images/paperclip_rotate-1.png) left no-repeat;
  border: none; 
  height: 105px; 
  left: -24px; 
  position: absolute; top: 25px; width: 117px; 
  }

.LL-BlogVert .PhotoFrame, .LL-BlogHeader .PhotoFrame {
  border:#EEEEEE solid 5px;
  height: 180px; width: 180px;
  position: absolute; left: 17px; top: 23px; 
  }

.LL-BlogVert .PhotoFrame img {
  height: 180px;  width: 180px;
  }

.LL-BlogVert h2, .LL-BlogHeader h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:26px;
  font-weight: normal;
  color:#555555;
  height: 29px; 
  position: relative; right:0px; width: 300px;
  margin:0; margin-top:30px; margin-right:15px;
  padding:0;
  float:right;
  }

.LL-BlogVert p, .LL-BlogHeader p {
  font-family:"Courier New", Courier, monospace;
  font-size:14px;
  font-weight:bold;
  color:#555555;
  margin:0; margin-top:15px; margin-right:25px;
  position: relative; right:0px; width: 290px;
  float:right;
  }
  
.LL-BlogVert a, .LL-BlogHeader a {
  color: #555555;
  }

.LL-BlogHeader { /* Green receipt with photo, title and text */
  height: 245px;
  left: 99px;
  position: relative; 
  top:48px;
  width: 541px;  
  }
  
.LL-BlogHeader .PhotoFrame {
  height: 160px; width: 160px;
  }

.LL-BlogHeader .PhotoFrame img {
  height: 160px;  width: 160px;
  }

.LL-RightPage {
  
  }
  
.LL-Archive {
  margin: 0px; margin-top: 10px; 
  padding: 29px;   
  text-align: left;
  margin-left: 408px; 
  width: 233px;  
  }

.LL-Archive .date {
  
  }
  
.LL-Archive p {
  
  }
  
.LL-Archive li {
  
  }
  
.LL-Archive img {
  
  }
  
.LL-Archive a {
  
  }

/* Story Card Styles - Ruled index card with header space */

.LL-StoryCard { 
  width: 455px;  
  height: 253px;
  overflow:visible;
  padding:0px;
  }
  
#Card1 {
  position:absolute;
  top:5px; left:230px;
  }
  
#Card2 {
  position:absolute;
  top:215px; left:27px;
  }
  
#Card3 {
  position:absolute;
  top:488px; left:16px;
  }
  
#Card4 {
  position:absolute;
  top:630px; left:230px;
  background:url(./Images/index-card-128x76.jpg);
  }

#JustGiving {
  position:absolute;
  top:320px; left:500px;
  }  

.LL-StoryCard .CharityLogo {
  height: 180px; width: 180px;
  position: absolute; left: 17px; top: 23px; 
  }

.LL-StoryCard .CharityLogo img {
  height: 180px;  width: 180px;
  }

.LL-StoryCard h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:26px;
  font-weight: normal;
  color:#020202;
  height: 35px; 
  position: absolute; left:0px; width: 425px;
  margin:0; margin-top:15px; margin-left:15px;
  overflow:hidden;
  }
  
.LL-StoryCard .BodyText {
  position:absolute;
  top:43px; left:0px;
  margin:0; margin-top:15px; margin-left:25px;
  overflow:hidden;
  }
  
.LL-StoryCard .BodyText strong {
  color:#000000;
  font-weight:bold;
  }

.LL-StoryCard p, .Charity {
  font-family:"Courier New", Courier, monospace;
  font-size:14px;
  font-weight:bold;
  color:#555555;
  margin:0; margin-bottom:15px;
  position: relative; left:0px; width: 415px;
  }

.Charity {
  position:relative;
  width:385px;
  border:#99CCFF thick;
  }
  
.Charity .Donate {
  text-align:right;
  top:0px;
  right:0px;
  }
  
.Charity .CharityName {
  float:left;
  top:0px;
  left:0px;
  }
  
.Charity .CharityNo {
  float:left;
  left:0px;
  }
  
.LL-StoryCard a {
  color: #555555;
  }

/* end of Story Card Styles */

/* Google AdWord Placements */
#GoogleSponsor {
  position:absolute;
  top:320px; left:516px;
  }  

#GoogleHome {
  position:absolute;
  top:870px; left:94px;
  width:468px;
  height:60px;
  }  

#GoogleAbout {
  position:absolute;
  top:910px; left:350px;
  width:234px;
  height:60px;
  }  

#GoogleAboutButton {
  position:absolute;
  top:105px; left:415px;
  width:180px;
  height:60px;
  }  


/* Hidden DIV graphic made large and invisible for click through */
.LL-HiddenLink {
  position:absolute; 
  overflow:hidden; 
  background:none; 
  }
.LL-HiddenLink img {
  height:100%;
  width:100%;
  }