﻿/*supplemental style sheet for Nalanda's Home Page*/

.summary {
  overflow: visible;
  margin: 0 0 2em 1em;
}

.summary h3 {
  margin-top: 0;
  text-align: center;
}

.regActivities {
    background-color: #f1e4c2;
	border-radius: 0.25em; 
	box-shadow: 1px 1px 2px #771d12;
	display: inline-block;
	margin-left: 0.35em;
	padding: 0.35em;
	text-align: center;   
}

.regActivities h4 {
  margin: 0;
  font-size: .9em;
}

.regActivities h5, .regActivities p {
  font-size: .75em;
  margin: 0;
}

.regActivities a:link, .regActivities a:visited {
  color: #6c60d1;
}

.regActivities a:hover {
  color: brown;
  text-decoration: none;
}
  
#leftColumn {
  float: left;
  margin-left: 0.2em;
  font-size: 1em;  
  /*background-color: #F3E7CD ;url(images/column_bg.png) repeat-y*/
  float: left;
  padding: 0 0 1em;
  width: 27.5%;
/*  background-color: #FDF0D0; /*#F3E7CD#F1F1F1*/
/*  background-image: -moz-linear-gradient(37% 0% 0deg,#ECE2BF, #D6C7CA, #D6C7CA 100%);
  background-image:-webkit-gradient(linear, 40% 0%, 60% 0%, from(#ECE2BF), to(#D6C7CA));
*/  
  }
 
#program {
  border: 1px solid #514C6C;
  border-radius: .25em;
  margin-top: 2.5em;
  padding: 0 0.25em 1em;
}
 
.event {
  margin: 1em auto 0;
  padding: 0.25em 0 1em 0.25em;
  border-radius: .25em;
  background-color: #F0E3C3;
}  
  
#leftColumn #calendar {
  margin-top: 1em;
  padding: 1.3em 0;
  background: #F0E3C3 url(images/MimisCalendar.jpg) no-repeat 5% center;
}

#leftColumn #calendar img {
  margin: 0 auto;
  border: none;
}

#leftColumn #calendar img:hover {
  border: solid 1px #00F;
}

#leftColumn #calendar p {
  text-align: center;
}

#leftColumn #calendar p.credit a {
  text-decoration: none;
  color: gray;
  font-weight: normal;
  font-size: 90%;
}

#leftColumn #calendar p.credit a:hover {
  color: #f79b12;
}

#leftColumn #calendar a:hover {
color: #f79b12;
}   

#leftColumn #calendar h4 {
  margin:  .5em 0;
}  

#leftColumn p {
  font-family: arial, sans-serif;
  color: black;
  margin: 0 0 0 0;
  display: block;
  padding: 0.25em 0 0;
  text-align: left;
}

#leftColumn p.description {
	margin-bottom: 1em;
}

#leftColumn ul {
  padding-left: 1em;
}
  
#leftColumn li {
  margin-bottom: .35em;
}

#leftColumn #locate a{
 margin-left: 4em;   
}
  
#leftColumn p:last-of-type {
  margin-bottom: 0;
  text-align: center;
}
  
#leftColumn img {
  display: block;
  margin: 0 35px .25em; 
  }
  
#leftColumn h3 {
  font: 150% arial, sans-serif;
  color: brown;
  text-align: center;
  margin-top: 0.5em;
}  
  
#leftColumn h4 {
  text-align: center;
  font: bold 1em verdana, sans-serif;
  margin:  1em 0 .5em 0;
  color: #6C60C1;/*#F80F31*/  
}

#leftColumn h5 {
  margin: 0 0 .25em;
  text-align: center;
}

.announce {
  background-color: #FDED06;
}

#leftColumn  h4 a:link, #leftColumn  h4 a:visited {
  text-decoration: underline;
  color: #6C60C1;/* #0000DF*/
} 

#leftColumn h4 a:hover {
  text-decoration: none;
  color: #6C8D0F;
}

 
 #leftColumn a:link, #leftColumn a:visited, .article a:link, .article a:visited {
  color: #511413;
  text-decoration: underline;
 }

 #leftColumn a:hover, .article a:hover {
   color: #f79b12;
   text-decoration: none;
 }
 
 #leftColumn h3 a {
  background-color: #fded06;
  border: 1px solid black;
  border-radius: 0.15em 0.15em 0.15em 0.15em;
  padding: 0.5em;
 }
 
#leftColumn h3 a:link, #leftColumn h3 a:visited {
	background-color: #A43D14;
  color: gold;
  text-decoration: underline;
 }
 
 #leftColumn h3 a:hover {
   color: brown;
   background-color: gold;
   text-decoration: none;
 }
 
#leftColumn p:first-of-type {
  font: 1em Papyrus, Trebuchet;
  text-align: center;
  line-height: 1em;
}
 
 
#leftColumn a:active, .article a:active {
   color: gray;
 }

 #main .figure h4 {
   text-align: center;
 }

 #overView .figure {
   /*border,border-radius,background-color are not used when no special event to illustrated in this figure
   
    border: 1px solid;
    border-radius: 0.25em 0.25em 0.25em 0.25em;
	background-color: #F0E3C3;*/
    float: right;
    margin: 0 0 0.5em 0.5em;
    padding: 1em 0;
     width: 220px;
}

.upcoming {
  background-color: #e17b13;
  border-radius: .5em;
}

.upcoming h4:nth-of-type(1) {
    font: 1.2em Papyrus;
    margin: 0;
}

#main .figure  img {  
    display: block;
    margin: 0 auto;
	box-shadow: 2px 2px 5px #333;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
}

#main .figure a img {
  border: none;  /*for IE8 or lower*/
}

#main .figure h5 {
  text-align: center;
  margin: 1em auto;
}

#main .figure h5 a {
  font:1em verdana;
  color: #000;
}

#main h4 a:link, #main h4 a:visited, .offsetHeader {
  color: #FFFFFF; /*722B4B*/
    font: 2em/1 Italianno, "Script MT Bold", "Lucida Handwriting", "Script Mt Std", arial;
    text-decoration: none;
    text-shadow: 0.1em 0.1em 0.2em #000000; 
}

#main h4 a:link span, #main h4 a:visited span {  /* Change font from Italiano*/
	font: 1.25rem Arial;
}

#main h4 a:hover {
  color: orange;
  text-decoration: none;
}

#main h4 strong {
  color: #A1A1A1; /*#FAD24F   nice yellow*/
  text-shadow: 1px 1px 1px black;
  font-size: 150%;
  font-family: "Lucida Handwriting","Script MT Std", Verdana, Tahoma,Arial, sans-serif;
}

.offsetHeader {
  margin: 0 0 0.5em;
}

/*Upcoming Event h5*/
#overView .figure h5:nth-of-type(1) a {
  font: bold 1.3em Papyrus,arial;
}

#overView .figure h5:nth-of-type(1) a:link, #overView .figure h5:nth-of-type(1) a:visited {
  color: #342e30;
}

#overView .figure h5:nth-of-type(1) a:hover {
  text-decoration: none;
}

#overView .figure .credit {
  margin-bottom: 0;
  margin-top: .25em;
}

