/* activities_working.css - style sheet for:
"activites-jquery header.html"
"sakya_activites_2011.html"
last updated 10/27/2011 Don Williams */

h3 { margin-top: 1em;
    }
	
h4{margin: 5px 0 8px 0;
		 text-align: center;
		 font-size: .9em;
		 }

h5 {margin: 0;
		  text-align: center;
		  color: gray;}
		  
h6 {margin: 2em 0 .2em 0;
  font-size: .8em;
  color: blue;
  }

p, ul, ol {font: normal .9em/1.3em Arial, sans-serif;    
	margin-bottom: 1em;
    color: black;}
		 
li {margin-bottom: .5em;}

#events {text-align: center;
  width: 555px;  
}

#events h1 { margin: 0;
  font-size: 1.75em;
  }

#tabset {margin-top: 1em;}

/*#talks { color: #F2F2F2 }*/
#talks { padding: 1em;
	     padding-bottom: 0;}
		 

		 
#newPlace {
  margin-bottom: 2em;
  padding: .25em 1em;
  font-variant: small-caps;
  color: #770077;
  background-color: white;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  border-radius: .5em;
  -webkit-box-shadow: 2px 2px 5px black; /*Safari Needs vendor specifc*/
  box-shadow: 2px 2px 5px black;
}

#newPlace strong{
  font-variant: normal;
  color: black;
}
		 
#newPlace span  {
  color: red;
}

#winter h4 {
  font: 125% Papyrus, sans-serif;
}

#winter img {
display: block;
  margin: 0 auto 2em;
}

.credit  i {
  font-size: 150%;
}

#winter h3 {
  
  text-align: center;
  color:#BF6900;
  text-shadow:0px 1px 0px #605A00 ; /* #605A00*/
}		 		 

#winter p {
  padding: 0 1em;  
}

#winter p:first-line {
  font:  110% Verdana, sans-serif;  
}
		 
.separator {
  display: block;
  text-align: center; 
  color: gray;  
}  

.sectionTitle  { margin: 5px;
		  color: #fdd633;
		  text-align: center; }
		  
#talks h3 {
  margin-bottom: 1em;
  
}		  

.talkTitle  { text-align: center; 
             margin: 1em 0 .5em 0;
			 color: brown;}		  

#talks blockquote {
  margin-top: 1em;
  margin-bottom: 2em;
}

.bookTitle { font-weight: bold;
			 font-style: italic;
			 color: black;}				  
				  
#postponed  { color: red; }	/* used to hi lite change of date of talk*/			  

#notice { border: 1px solid #0099cc;  /*Put border around current monthly talk*/
		 padding: 5px 5px 5px 5px;
		 margin-bottom: 2em;
		 background-color: #FFF8C2;
		 background-image: -moz-linear-gradient(0% 100% 90deg,#FFFFFF, #FFF8C2); /*FIREFOX background gradient*/
		 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF8C2), to(#FFFFFF)); /*Chrome & Safari background gradient*/
		 border-radius: 1em;
		 box-shadow: .2em .2em .3em black;
		 -webkit-box-shadow: .2em .2em .3em black; /*Need for Safari as of 6-2011*/
		}

#notice h3 {
  margin-top: 1em;
}
		
#notice h3.talkTitle {  
  text-shadow: 0px 1px 0px #605A00;
}

#notice blockquote{
  margin-bottom: 1em;
  padding: .5em;
  border: 1px dotted gray;
}		
		
#yellow_bg {background-color: yellow; }

#program, #grandOpening  {
  margin: 10px;
  background-color: #f3cb8e;}
  
#program, #grandOpening h2 {margin-top: 1.5em;}
  
#program h3, #grandOpening h3 {color: #790F11;
  font-variant: small-caps;}

#program, #grandOpening strong {color: gray;} 

.pullQuote {
  margin: 0 auto 1em auto;
  text-align: center;
 color: #a71011;}
 
.pullQuote p {font: bold 1em Papyrus;
  color: gray;
  text-align: left;
  margin: 0;
  padding: 0;} 

.pullQuote p.credit, .credit 
{
  font: .7em arial;  
  text-align: center;
  color: #666;
}

#grandOpening {
  background-color: #CEC093;
  position: relative;
}

#grandOpening h3 {
  margin-bottom: 1em;
  text-align: center;
}

#grandOpening h4:first-of-type {
  color: #475726;
}

#grandOpening h5:first-of-type {
  color: #9D1F22;
}

#grandOpening h5 a {
  font-weight: normal;
}   

#grandOpening img {
  margin: 1em 1em 0;
}

.extraStuff  {
  position: absolute;
  top: 55em;
  left: -340px;
}

#overview {
  margin: 2em 0 0 0;
}

#overview p {
  margin-bottom: 0;
}

#overview p a:link, #overview p a:visited {
  color: #000099;
}
#overview p a:hover {
  color: #09d
}


#overview img {
  float: right;
  margin: 1em  0 .5em .5em;
}

.schedule {
  margin: 2em auto 1em;
  padding-right: 1em;
  border: solid 1px green;
  border-radius: .5em;
  background-image: -moz-linear-gradient(0% 100% 90deg,#F0F0F0, #CEC093); /*FIREFOX background gradient*/
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CEC093), to(#F0F0F0)); /*Chrome & Safari*/
}

.schedule  ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;  
}

.schedule li {
  clear: left;
  margin-bottom: 1em;
  margin-left: 6em;  
}

.schedule p {
   float: left;
    font-size: 1em;
    font-weight: bold;
    margin-left: -5em;
}
  
#retreat {
  padding: 1em;
  padding-bottom: 0;
  }

#retreat .header {
  margin-bottom: 1em;
  background: #F2F2F2;}

#retreat .header h5 {
  margin-top: .5em;
  color: gray;} 

#retreat .header h4 {
  margin-bottom: .75em;
  }   
  
#retreat img {  
  margin: 0 0 0 .25em;     
  }

#retreat .text {
  padding: 0 1em 1em 1em;
  }
#retreat h3 {clear: both;
  font-size: 1.1em;}
  
.date {float: left;
  width: 26%;
  margin-left: 4%;
  font-size: .9em;    
  }  

.location {
  float: right;  
  font-size: .9em;    
  }
  
.registration {
  margin: ;
  padding: 1em;
  border: 1px solid brown;}
  
#SakyaTrizin {
  width: auto; /*IE needs something like this to invoke the "Layout" property.  This overcomes the Peek-a-boo bug where a floated element (here, "aside" div) disappears*/  
  margin: 10px;  
  padding: 10px;
  background-color: #8c9e8a;
    
}

#SakyaTrizin h4 {
  margin: .75em 0 ;
  }  

#SakyaTrizin h3 {
  margin-bottom: 1em;
  color: ;
  }    
  
#SakyaTrizin a:link, #retreat a:link {
  padding: 0;
  font-family: "Trebuchet MS", sans-serif;
  color: blue;
  text-decoration: ;
  }

#SakyaTrizin a:visited, #retreat a:visited {
  color: #666;
  text-decoration: underline;
   }
   
 #SakyaTrizin a:hover, #retreat a:hover{
   color: green;   
  } 
   
#SakyaTrizin a:active, #retreat a:active{color: green;
  text-decoration: underline;
  }
  
#SakyaTrizin a:focus, #retreat a:focus {
  outline: none;
  }  
  
#sakyaImage 
{
  float: right;
  width: ;
  margin: 0px 0px 5px 7px; 
}
  
#teachings {  
  clear: both;
  margin: 1.5em 0;
  padding: 10px;
  border: 1px solid brown;
  background-color: #9cb69a; /*IE doesn't recognize background-image at this time*/
  background-image: -moz-linear-gradient(0% 100% 90deg,#F0F0F0, #8ca68a); /*FIREFOX background gradient*/
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8ca68a), to(#F0F0F0)); /*Chrome & Safari background gradient*/
  border-radius: 1em;
  -webkit-box-shadow: 2px 2px 5px black; /*Safari Needs vendor specifc*/
  box-shadow: 2px 2px 5px black;
  } 

#teachings h4 { 
  font: 1.25em "Trebuchet MS", sans-serif;
  color: #333; 
  margin: 0 0 .25em 0;
  }

#teachings h5 {
  text-align: left;
  color: #555;
  margin: 0 0 .5em;  
 }
 
 /*left column*/
#aside {
  position: absolute;
  width: 190px;
  left: -232px;
  top: 0px;  
  font-size: .9em;  
  background: #FFF28F url(images/cornersForBox190wide.gif) no-repeat 0 0;  
  }

#aside p {
  font-family: "Comic Sans MS", sans-serif;
  color: #444;
  } 

/*move sakya links toward the middle; Note: doesn't affect <IE9, CSS3 selector*/
#aside a[href*=sakya] 
{
  display: block;
  margin: 0 1.5em;
}

.inner {
  background: url(images/cornersForBox190wide.gif) no-repeat -190px 100%;
  padding: 10px;  
  }
  
#aside img {
  display: block;
  margin: 0 35px .25em; 
  }
  
#aside h4 {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: .25em;
  color: black;
  
}  
 
#registration p {
  color: #000;
  text-align: center;
  font-weight: bold;
  margin-bottom: .25em;
  } 
  
#registration img {
  margin-left: 50px;
  border: none;
}

#teachings .pullQuote p {
 color: #005014;
 margin-top: 1em;
 }
  
div#archiveLinks {
        margin: 15px 152px;
        padding: 0;
		padding-top: 10px;	
		text-align: center;		
		width: 250px;
		background:  #d3d3d3  url(images/archive_bg.gif) no-repeat 0 0;
/*		border-bottom: 2px solid silver;
		border-right: 2px solid silver;
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
*/		}                                     

#archiveLinks  h5{ margin: 0 0 2px 0;
				  font-variant: small-caps;}	
		
#archiveLinks ul{
               list-style: none;
			   margin: 0;
			   padding: 0;
			  background: url(images/archive_bg.gif) no-repeat -250px 100%;
			   }	        	

#archiveLinks li{	
			   margin: 0;
			   padding: 6px 0;			   
   
			   }                 
		
/*To display archive Links with no background image, and with borders*/		 
#archiveLinks a:link  {color: #2766fe;	
	font-size: 1em;
	text-decoration: none;
	}
	
#archiveLinks a:visited  {color: #666666;	
	font-size: 1em;
	text-decoration: none; }	
	
#archiveLinks a:hover {color:#222 ;
	text-decoration: underline;}
	
#accordion {
  font-size: 1.2em;
}	

/*---------------------------------------------
footer
-----------------------------------------------*/	

#footer   {
  padding: 0;
 }

#footer  ul {
  padding: 0;
  margin: 0;
  margin-bottom: 2em;}

#footer li {
  margin: 0;  
  list-style: none;
  }
  
#footer a:link {
  color: black;	
  font-size: 1em;	
  text-decoration: underline;
}
	
#footer a:hover {color: blue;		
	text-decoration: underline;
}