/* 

	Page Style

	Author: Shu-Shan Lau

	Created: 12/30/08

	

*/



/* layout

------------------------------------------------ */



*{

	margin: 0;

	padding:0;

	}



body{background: /*url(images/canvas.gif) no-repeat;*/

     allign: middle;

	background: #f2efdf;

	color: #006633;

	font: 86%, Tahoma, 'Lucida Sans Unicode', Verdana, sans-serif;

	}


#maincontent{ 

	margin: 45px auto 5em auto; 

	max-width: 780px; 

	background: #D9D9BA;

	padding:0 1em 0 1em; 

	border: 1px solid #CECEC6;

	border-radius:5px;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	box-shadow:#ADAD82 0 1px 3px; 

	-webkit-box-shadow:#ADAD82 0 1px 3px; 

	-moz-box-shadow:#ADAD82 0 1px 3px; 

	border-right: 1.7px solid #ADAD82;

	border-bottom: 2px solid #ADAD82;

 } /* for the beinu1970 main page*/


/* typography

------------------------------------------------ */



p {	line-height: 1.4em;	margin-bottom: 1.0em; font-size: 1.0em; color: #215921;}

p.lead { font-size: 1.1em;

			

		}

p.photo { line-height: 1.0em; font-size: 0.9em;

				

		}

p.home{	letter-spacing: 0.2pt;

	color: #319a31;

	text-transform: uppercase;

	float: right;}

p.footnote{ font-size: 0.9em;

	color: #61A130; 

	margin-top: 1.0em;

	float: right;}	

ol, ul{ margin: 0.5em 0 0.7em 2em; }	

ol, ul, dl { line-height: 1.4em; color:#215921}

ol li{ margin-top: 0.5em; margin-bottom: 0.2em; }

li strong {color: #000;}

dl{ margin: 0 0 0.2em 0; }

dt{

	xfont-size: 0.9em;

	font-weight: bold; color: #4c6a22;

	padding-top: 0.4em;

	}

dd{	

	font-size: 1.0em;

	color: #666666;/*#556B2F;*/

	margin-bottom: 0.2em;

	padding-bottom: 0.1em;

	/*border-bottom: 1px dashed #3d3d33;*/

	}





h1, h2, h3{ font-family: Tahoma, Verdana, Sans-Serif;}



h1 { font-size: 2.2em; padding-top: 0.5em; padding-bottom: 0.5em; }

h1 a { color:#fff; border: none; }

h1 em{ font-size: 1.25em; color: #215921; font-style: normal; }



h2 {

	font-size: 1.5em;

	letter-spacing: 0.4pt;

	color: #215921;

	text-transform: none;

	padding-top: 0.5em;

	}


h3 {

	font-size: 1.2em;

	letter-spacing: 0.2pt;

	color: #215921;

	text-transform: none;

	padding-top: 0.5em;

	}

h5 {

	color: #215921;

}

home {

	font-size: 1.0em;

	letter-spacing: 0.2pt;

	color: #319a31;

	text-transform: uppercase;

	padding-top: 0.5em;

	padding: 0.5em;

	float: right;

}

a{

	color: #215921;

	text-decoration: none;

	cursor: hand;

	}



.contact-link	{

	font-style: italic;

	color: #215921;

	text-decoration: underline;

	cursor: hand;

}



.web-link	{

	color: #215921;

	text-decoration: underline;

	cursor: hand;

}

#content p a:hover,

#content dd a:hover { border-bottom: 1px dotted #319a31; }

a img{ 	border: none;}



small{ font-size: 0.8em; }



pre{

	display: block;

	margin: 1em 0;

	padding: 0.5em;

	border-left: 6px solid #0d0d09;

	background-color: #000;

	overflow: auto;

	}



pre code{

	padding: 0; margin: 0;

}



kbd{

	color: #555;

	background-color: #ddd;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	font-size: inherit;

	font-family: inherit;

	padding: 0 3px 2px 4px;

	}



/* sidebar

------------------------------------------------ */

#sidebar a{

	color: #215921;

	}





#sidebar h1 a{ font-weight: bold; }

#sidebar h1 a:hover{  }



#nav{ list-style: none; margin: 2em 0 1em 0; font-weight:bold;}

#nav li{ padding: 0; margin: 0; font-size: 1.1em;}

#nav a{

	display: block;

	height: 2.0em;

	padding: 0.3em 0.2em 0.2em 0.8em;

	margin-bottom: 1px;

	color: #fff;

	background-color: #215921;

	/*background-image: url(images/gradient.png); 

	background-repeat: repeat-x;*/

	}



#nav a:hover{

	color: #FFF;

	background-color: #319a31;

}	

	

#nav2{

	margin: 0.7em 0 1em 0; font-weight:bold;

}

#nav2 tr{

	padding: 0;

	margin: 0;

}



#nav2 td {

	padding: 0;

	margin: 0;

	font-size:1.1em;

	width: 110px;

	text-align: center

}



#nav2 a {

	display: block;

	height: 2.3em;

	padding: 0.3em 0.2em 0.2em 0.3em;

	margin-bottom: 1px;

	color: #fff;

	background-color: #215921;

}



#nav2 a:hover {

	color: #FFF;

	background-color: #319a31;

}



#nav3{

	margin: 0; font-weight:bold;

}

#nav3 tr{

	padding: 0;

	margin: 0;	

}



#nav3 td {

	padding: 0;

	margin: 0;

	font-size:1.0em;

	width: 200px;

	text-align: center;

}



#nav3 a {

	display: block;

	height: 1.8em;

	padding: 0.9em 0.2em 0.2em 0.3em;

	margin-right:1px;

	margin-bottom: 1px;

	border-radius:5px;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	box-shadow:#ADAD82 0 2px 3px; 

	-webkit-box-shadow:#ADAD82 0 2px 3px; 

	-moz-box-shadow:#ADAD82 0 2px 3px; 

	color: #FFF;

	background: url(images/green_button_v2.png) repeat-x;

	/* background-color: #215921; */

}



#nav3 a:hover {

	color: #DDD;

	background: url(images/green_button_lighter.png) repeat-x;

	/* background-color: #319a31; */0

}



#gradualbum{

	margin: 0.7em 0 1em 0;

}

#gradualbum tr{

	padding: 0;

	margin: 0;

}



#gradualbum td {

	padding: 0;

	margin: 0;

	width: 100px;

	text-align: center

}



#gradualbum a {

	display: block;

	height: 2.5em;

	padding: 0.3em 0.2em 0.2em 0.3em;

	margin-bottom: 1px;

	color: #215921;

	background-color: #CCCCAA;

}



#gradualbum a:hover {

	color: #FFF;

	background-color: #319a31;

}



#otherlinks{

	margin: 0.7em 0 1em 0;

}

#otherlinks tr{

	padding: 0;

	margin: 0;

}



#otherlinks td {

	padding: 0;

	margin: 0;

	width: 120px;

	text-align: center

}



#otherlinks a {

	display: block;

	height: 2.5em;

	padding: 0.3em 0.2em 0.2em 0.3em;

	margin-bottom: 1px;

	color: #215921;

	background-color: #CCCCAA;

}



#otherlinks a:hover {

	color: #FFF;

	background-color: #319a31;

}

/* misc

------------------------------------------------ */



.section{

	border-top: 4px solid #3d3d33;

	padding: 1.4em 0 3.2em 0;

	/*overflow: auto;*/

	width: 100%;

	}

.first{ border-top: none; padding-top: 0; }



.thumbnail{

	padding: 3px 3px 8px 3px;

	background-color: #222;

	border: 1px solid #2a2a2a;

	float: left;

	margin-right: 10px;

	margin-bottom: 10px;

	}	



.caption{ font-size: 0.9em; padding-top: 0.2em ;	}