﻿/*
    name:   cloudyDay.css
    author: Pat Heard (fullahead.org)
    date:   2005/04/30
*/



/* -- Site container definition -- */



    body {
      font: 0.8em tahoma, arial, sans-serif;
      color: #444444;
      background-color: #FFFFFF;
	  background-image:url(../images/buddhaBack.jpg);
      margin: 10px 20px 10px 20px;
    }

    #siteBox {
      width: 99%;
      float: left;
   /*   background: url(../images/circle.png) no-repeat left bottom; */
    }
    
    
    
/* -- Header definitions -- */    
    
    

    #headerBox {
      float: left;
      width: 100%;
      height: 50px;
      font-size: 1.5em;
      font-weight: bold;
   /*   background: url(../images/hdr_bg.gif) repeat-x left bottom;*/

    }

    #headerLeft {
      float: left;
      width: 39%;
      height: 50px;
  /*    background: url(../images/hdr_left.gif) no-repeat left bottom; */
    }

    #headerRight {
      float: right;
      width: 59%;
      height: 50px;
      text-align: right;
  /*    background: url(../images/hdr_right.gif) no-repeat right bottom; */
    }



/* -- Header link bar definitions -- */




    #headerRight a {
      padding-left: 20px;
      text-decoration: none;
      color: #999999;
    }

    #headerRight a:hover {
      color: #444444;

    }

    #headerRight a.home:hover {
	  color: #444444;
	/*  background: url(../images/icn_home.gif) no-repeat left center; */
    }

    #headerRight a.gallery:hover {
	  color: #444444;
	/*  background: url(../images/icn_gallery.gif) no-repeat left center; */
    }

    #headerRight a.about:hover {
	  color: #444444;
	/*  background: url(../images/icn_about.gif) no-repeat left center; */
    }

    #headerRight a.links:hover {
	  color: #444444;
	 /* background: url(../images/icn_links.gif) no-repeat left center; */
    }

    #headerRight a.support:hover {
	  color: #444444;
	/*  background: url(../images/icn_support.gif) no-repeat left center; */
    }


    #headerRight a.email:hover {
	  color: #444444;
	 /* background: url(../images/icn_email.gif) no-repeat left center; */
    }



/* -- Footer definitions -- */



    #footerBox {
      float: left;
      width: 100%;
      height: 25px;
      font-size: 0.8em;
      color: #999999;
      border-top: 1px solid #D1D1D1;
    }

    #footerLeft {
      float: left;
      width: 49%;
      text-align: left;
          }

    #footerRight {
      float: right;
      width: 49%;
      text-align: right;      
    }



/* -- Content column & layout definitions -- */



    #leftColumn {
      float: left;
      width: 100%;
      padding: 0 5px 5px 5px;
      margin: 1.0em 0 1.0em 0;
    }


    .leftColumnBox {
      float: left;
      width: 100%;
	  min-width: 210px;
      margin-bottom: 1.4em;
      padding-top: 5px;
      border-top: 1px solid #444444;
      border-bottom: 1px solid #444444;
     /* background: url(../images/scat1.gif) repeat left bottom; */
    }

    #leftColumn p {
      margin-top: 1px;
    }

    #leftColumn h1 {
      clear: both;
      font-size: 0.9em;
      margin-bottom: 1px;
    }

    #rightColumn {
      float: right;
      width: 100%;
    }
	
	#pictureColumn {
	}
	
    #wideColumn {
      float: left;
      width: 100%;
    }


 #leftColumn p a,
	#leftColumn ul a {
	  text-decoration: underline;
	  color: #1c69ff;
	}
  

    #rightColumn p a,
    #rightColumn ul a,
	#rightColumn ol a,
    #footerBox a {
	
      text-decoration: underline;
	  color: #e39600;
	
    }

    #leftColumn p a:hover,
	#leftColumn ul a:hover,
    #rightColumn p a:hover,
    #rightColumn ul a:hover,
	#rightColumn ol a:hover,
    #footerBox a:hover {
      color: #111111;
  /*    background: #CCCCCC url(../images/a_hover.gif) repeat-x left bottom; */
    }

    #rightColumn h1 {
      clear: both;
      font-size: 1.0em;
      margin-top: 1.0em;
      border-top: 1px solid #444444;
      border-bottom: 1px solid #444444;
   /*   background: url(../images/scat1.gif) repeat left bottom; */
    }


    #rightColumn h2 {
      clear: both;
      font-size: 1.25em;
      margin-top: 1.25em;
    }

 #rightColumn h3 {
      clear: both;
      font-size: 1.5em;
      margin-top: 1.5em;
      border-top: 1px solid #444444;
      border-bottom: 1px solid #444444;
   /*   background: url(../images/scat1.gif) repeat left bottom; */
    }

/* -- Layout class definitions -- */



    .subHeading {
      display: block;
      clear: both;
      font-size: 0.85em;
      font-weight: bold;
    }
    
    .noDisplay  {
      display: none;
    }

    .bugFix {
      height: 1px;
    }

    .bigRightChar, .bigLeftChar {
      font-size: 5.0em;  
    }

    .bigRightChar {
      float: right;
      width: 11%;
      text-align: left;
    }

    .bigLeftChar {
      float: left;
      width: 10%;
      text-align: right;          
    }
    
    .center {
      text-align: center;
    }
    
    .verticalSpacer {
      height: 1.3em;
    }       
    
 
    
/* -- Element class definitions -- */    
    
    
    
    acronym {
      cursor: help;
      background-color: #FFFFFF;
      border: 1px solid #D2D2D2;      
    }
    
    ul {
      margin-left: 1.0em;
      padding-left: 1.5em;
    /*  list-style-image: url(../images/bullet_on.gif); */
    }

     #leftColumn ul li:hover {
    /*  list-style-image: url(../images/bullet.gif);*/
    }   
    
    p {
      margin: 15px 0 15px 0;
    }    
    
    

/* -- Image class definitions -- */



    .imgBlock {
      float: left;
      width: 75%;
      text-align: center;
      padding-left: 10px;
      margin-bottom: 1.0em;
    }

    .imgBlock .imgThree {
      padding: 0 2% 0 2%;
    }

    .imgLeft {
      float: left;
      padding: 5px;      
    }
    
    .imgRight {
      float: right;
      padding: 5px;      
    }    

    .imgText {
      display: block;
      font-size: 0.7em;
    }



/* -- Form element class definitions -- */



    .inputField {
      font-size: 0.70em;
      border: 1px solid #D2D2D2;
      background-color: #FFFFFF;
    }

    .inputField:focus {
      color: #444444;
      border: 1px solid #999999;
    }
 

.firstletter:first-letter {
font-size:200%; 
float:left;
line-height:.8em;
 }


    
/
