/* CSS Document */

/*** default **********************/

	img 							{ border:0px; }	
	.floatl							{ float:left; }	
	.floatr							{ float:right; }	
	.clear							{ clear:both; }	
	body							{ background: url(../../yearbook/images/mesh.jpg); background-repeat:repeat;
									  font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0px; margin:0;}
									  
	#page 							{ margin:0 auto; padding:0; }							  
	
/*** sticky header *****************/
	/*.header 						{ z-index: 1000; margin:0px; padding:0;}*/
	.top-container 					{ padding: 30px; text-align: center; }
	.content 						{ margin:0 auto; padding:0; }
	.sticky 						{ position: fixed; top: 0px; width: 100%; }
	.sticky + .content 				{ padding-top: 320px; }
	.bgh2-content 					{ margin:0 auto; padding:0; }
	.bonfire-content 				{ margin:0 auto; padding:0; }
	.bgh-content 					{ margin:0 auto; padding:0; }
	.mass-content 					{ margin:0 auto; padding:0; }
	.picnic-content 				{ margin:0 auto; padding:0; }
	.games-content 					{ margin:0 auto; padding:0; }
	.gala-content 					{ margin:0 auto; padding:0; }
	.fellowship-content 			{ margin:0 auto; padding:0; }
	.update-content 				{ margin:0 auto; padding:0; }	
	.portal-content 				{ margin:0 auto; padding:0; }
	
	.sticky 						{ position: fixed; top: 0; width: 100%; }
	.sticky + .content 				{ padding-top: 508px; }
	.sticky + .bgh2-content 		{ padding-top: 300px; }
	.sticky + .bonfire-content 		{ padding-top: 300px; }
	.sticky + .bgh-content 			{ padding-top: 300px; }	
	.sticky + .mass-content 		{ padding-top: 300px; }	
	.sticky + .picnic-content 		{ padding-top: 300px; }
	.sticky + .games-content 		{ padding-top: 300px; }
	.sticky + .gala-content 		{ padding-top: 319px; }
	.sticky + .fellowship-content	{ padding-top: 300px; }
	.sticky + .update-content		{ padding-top: 120px; }
	.sticky + .portal-content		{ padding-top: 210px; }
	
	.sidebar 						{ position: fixed; top: 0; width: 100%; }		


/*- sticky shadow - *************************************************/								   
	.shadow 						{ -webkit-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24);
								  	  -moz-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24);
								   	  box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24); }
									  
	
	.right							{ width:260px; font-size:14px; float:right; }	
	.right	p						{ text-align:center; background-color:#F2F2F2; ; padding:5px 0; }	
	.right-bgh	p					{ text-align:left; background-color: #D8D8D8; padding:5px 0; }
	.right	h3						{ color:#666; }		
	

/*** playlist *********************/
	#sidebar 						{ margin-top:-20px; padding:0; }
	.floating-menu 					{ background-color:#77856c; padding:20px 0px 20px 0px; width:260px; font-family: sans-serif;
									  z-index: 100; }
	.floating-menu span				{ padding:7px 10px 15px 10px; background-color:#77856c; display:inline-block; width:213px; 
									  margin:-43px 0 0 0px; text-align:center; line-height:1.3 !important; font-size:12px; color:#EBEBEB; }
	.floating-menu a, 
	.floating-menu h3				{ font-size: 0.9em; display: block; margin: 0 0.5em; color: white; }
	
				
/********************************************************************/	

	#portal							{ width:1200px; margin:auto; padding:0px 20px 0px 20px; background-color:#FFF; }
	#columns						{ width:940px; margin:auto; padding:20px 20px 10px; background-color:#FFF; }
	.cols-bg						{ background:#cecece; padding:20px 30px 0 30px; }
	.cols-bg .click					{ padding:0px 0 5px 0px; text-align:center; width:580px; line-height:1.8; }
	.cols-bg .dte					{ display:block; text-align:center; color:#a20425; }
	.cols-bg p						{ line-height:1.8; }									  
									  
	.update-cols					{ background:#cecece; padding:50px 0px 0 3px; }
	.poway-cols						{ background:#cecece; padding:30px 0px 0 3px; }
	.poway-cols img					{ margin:0px; padding:0 3px 5px 0; }
	.poway-cols .clck				{ padding-bottom:7px; text-align:center; }
	.poway-cols .date				{ color:#a20425; }
	
	.no-cols-portal					{ background:#cecece; }
	.no-cols						{ background:#cecece; padding:20px 15px 0 18px; }
	.no-cols .clck					{ padding-bottom:7px; text-align:center; }
	.no-cols .date					{ color:#a20425; }
	.no-cols img					{ margin:0; }
	.no-cols h3						{ color:#000; font-size:22px; padding-bottom:12px;
									  font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
	.mtg-cols						{ background:#cecece; padding:40px 15px 0 18px; }
	.mtg-cols .clck					{ padding-bottom:7px; text-align:center; }
	.mtg-cols .date					{ color:#a20425; }
	/*.no-cols span					{ color:#a72500; font-size:14px; font-weight:bold; }*/	
									  
	#container						{ width:920px; margin:auto; margin-top:6px; padding:0 20px; background-color:#FFF; }
	

/*** page description **************/	
	#desc2							{ text-align:center; background-color:#F2F2F2; /*position:relative;*/ padding:10px 0; margin-bottom:20px; }
	#desc							{ text-align:center; position:relative; margin-top:-60px; margin-bottom:0px; }		
	#desc p							{ color: #000; line-height:1.8; padding: 20px 0px 0 0; width: 700px; display: block;
									  margin: 0 0 20px 90px; font-size: 16px; text-align: center; }
	#desc span						{ font-size:12px; position:relative; display:block; margin-top:0px; }	
	#desc span a					{ text-decoration: none; color: #a2a2a2; }
	#desc span a:hover				{ text-decoration: underline; }
	#desc .title					{ font-weight:bold; float:none; font-size:16px; text-align:center; display:block; }
	.top-img						{ width:920px; height:2px; }
	.bot-img						{ width:920px; height:2px; position:relative; }	
	.txt							{ line-height:1.8; margin:0; padding-top:7px;
									  font:bold 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#010101; }
	.sub-txt						{ font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a20425; 
									  padding:3px 0 5px 0; }
	.sub-txt-color					{ color:#a20425; }
	.minutes						{ position:absolute; margin:140px 0 0 700px; display:block; }
	.minutes a						{ color:#000; padding:8px 12px; background:#FFF; font-weight:600; }
	.minutes a:hover				{ background: #77856c; color: #FFF; }
	.update-images					{ background:#f2f2f2; padding:6px; float:left; }
	.update-images img				{ border:solid thin #585858; width:422px; height:231px; }
	

/*** header to delete **************/	
	.header-bgh						{ background:url(../images/01-bgh.gif) top left no-repeat; }	
	.header-mass					{ background:url(../images/05-mass.gif) top left no-repeat; }	
	.header-picnic					{ background:url(../images/06-picnic.gif) top left no-repeat; }	
	.header-gala					{ background:url(../images/07-gala.gif) top left no-repeat; }
/*********************************************************************************************************/	
	

/*** left/right columns ************/	
	#cols-wrap						{ height:auto; margin-top:0px; padding:0 20px 0 30px; background-color:#cecece; width:920px; display:block;  }
	#cols-wrap p					{ padding-top:30px; padding-bottom:0px; display:block; position:relative; 
									  line-height:1.8; margin-left:3px; margin-left:-290px; text-align:center }
		
	.left							{ width:600px; padding:1px 0px; float:left; }
	.left img						{ margin:0 5px 5px 0; }	
	.left h3						{ color:#000; font-size:22px; padding-bottom:12px;
									  font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }	
	.left span						{ color:#a72500; font-size:14px; font-weight:bold; }	
	.left p							{ line-height:22px; color:#000; padding:15px 0px; }
		
	.mass-left						{ padding:1px 0px; float:left; }
	.mass-left img					{ margin:0 4px 4px 0; }	
	.mass-left h3					{ color:#000; font-size:22px; padding-bottom:12px;
									  font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }	
	.mass-left span					{ color:#a72500; font-size:14px; font-weight:bold; }	
	.mass-left p					{ line-height:22px; color:#000; padding:15px 0px; }
		
	.gallery-no-cols				{ padding:20px 0 20px 0px; }
	.gallery-no-cols img			{ margin:0 5px 5px 0; }	
	.gallery-no-cols span			{ color:#a72500; font-size:14px; font-weight:bold; }
	.gallery-no-cols h3				{ color:#000; font-size:22px; padding-bottom:12px;
									  font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; } 
		
	.sacramento-left				{ padding:1px 0px; float:left; }
	.sacramento-left img			{ margin:0 5px 5px 0; }	
 
/*** RSS *****************************************************************************/
	.rss 							{ width:150px; float:right; background-color:#FFF; }
	.rss img 						{ position:absolute; margin:-36px 0 0 40px; }
	.rss a 							{ color:#b2b2b2; text-decoration:none; }
	.rss1							{ height:28px; float:right; padding:6px 0px 0 0px; position:absolute; 
									  margin:8px 0px 0px 1050px; z-index:1100; }
	.rss1-bg						{ display:block; background-color:#C3C3C3 /*77856c*/; position:absolute; width:222px; 
									  height:30px; margin:7px 0 0 940px; z-index:1001 }
    .fb-btn							{ width:77; height:20; margin:0px 0 0 -82px; position:absolute; display:block }
	

/*** footer ***********************/	
	#footer							{ background:#000000; margin-top:0px; }
	.footer-links					{ width:920px; margin:auto; font-size:11px;  }
	.footer-links ul				{ list-style:none; float:right; padding:10px 0px; }
	.footer-links li				{ float:left; color:#bfbfbf; margin-left:8px; }
	.footer-links li a				{ text-decoration:none; color:#bfbfbf; }
	.footer-links p					{ padding:10px 0px; color:#7d7d7d; float:left; }
									  
	
/*** page descriptive title ********/
	
	.post-title 					{ padding:30px 0 7px 0; margin-top:250px; border-top:1px solid #dcdcdc; text-align:left; }
	.post-title h2 					{ margin:0; padding:0; font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777; }
	
	.post-title h2 a 				{ display:inline; padding:0; margin:0; color:#777; text-decoration:none; }
	.post-date 						{ font: normal 12px Arial, Helvetica, sans-serif; padding:0; margin:0; color:#d16914; line-height:1.8em; margin-bottom:5px; }
	.post-date span 				{ color:#d16914; font-weight:normal; }
	.post-date .space 				{ margin-left:280px; }
	
	.top-border						{ background-image: url(../images/border-top.gif); background-repeat: repeat-x; z-index:100; } 
	.bottom-border					{ background-image:url(../images/bottom-border.gif); background-repeat: repeat-x; z-index:100; }
	
	
	
	
	
	.page-desc p	span			{ margin-top:15px; display:block; float:right; font-size:12px; padding-right:40px; text-decoration:none; }
	.page-desc p	span a			{ text-decoration:none; color:#a2a2a2 }
	.page-desc p	span a:hover	{ text-decoration:underline; color:#000; }
	
	.page-desc h1					{ font-weight:normal; font-size:29px; color:#000; padding-bottom:10px;
									  font-family:Georgia, "Times New Roman", Times, serif; }
	
	.page-desc h1 span				{ color:#a72500; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
									  font-size:12px; }
	
	a								{ color:#969696; text-decoration:none; }
	a:hover							{ color:#000000; text-decoration:underline; }
	
	h1, h2, h3, h4					{ line-height:normal; color:#000; }
	
	.text1							{ background:#77856c; color:#fff; padding:0px 2px 7px 15px;
									  width:565px; margin-left:170px; margin-bottom:20px; }
	
	.text1 img						{ position:relative; top:7px; margin-left:10px; }
/*	
	.gallery-top-bg 				{ background:url(../images/gallery-top-bg.gif) top left no-repeat;
									  width:920px; padding-top:5px; }
	
	.gallery-bottom-bg				{ background:url(../images/gallery-bottom-bg.gif) no-repeat bottom;
									  height:auto; width:880px; margin:auto; padding:0px 20px; }
*/
	
	.pagination ul					{ list-style:none; margin:0px; padding:0px; }
	
	.pagination li					{ float:left; background:#000; text-align:center; font-size:11px;
									  padding:1px 5px; font-weight:bold; margin-left:3px; margin-top:20px; }
	
	.pagination li a				{ text-decoration:none; color:#fff; text-align:center; }
	
	.pagination img					{ margin-top:15px; }
	
	.category-section				{ width:240px; }
	
	.category-section h2			{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; 
									  font-weight:normal; padding-top:20px; color:#000; padding-bottom:10px; }
	
	.category-section span			{ color:#a72500; font-weight:bold; }
	
	.category-section ul			{ list-style:none; padding-top:15px; }
	
	.category-section li			{ color:#000; }
	
	.category-section li a			{ border-bottom:1px dotted #000; text-decoration:none; color:#000;
									  background:url(../images/category-bullets.gif) left 10px no-repeat;
									  display:block; padding:5px 0px 0px 15px; height:22px; }
	
	.category-section li a:hover	{ background:#e0e0e0 url(../images/category-hover-bullet.gif) left 10px no-repeat;
									  color:#000; }
	
	.category-section li a.active	{ background:#e0e0e0 url(../images/category-hover-bullet.gif) left 10px no-repeat;
									  color:#000; }
	
	.photographer-section			{ background:#dfdfdf; border:1px solid #c6c5c5; width:310px; margin-top:30px; margin-left:60px;
									  padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; }
	
	.photographer-section h2		{ font-family:Georgia, "Times New Roman", Times, serif; font-size:24px;
									  font-weight:normal; color:#000; padding-bottom:20px; padding-left:15px; }
	
	.photographer-section ul		{ list-style:none; }
	
	.photographer-section li		{ float:left; background:url(../images/white-dotted-bg.gif) top right repeat-y;
									  width:135px; padding-right:5px; font-weight:bold; color:#797979; padding-left:15px; }
	
	.photographer-section li p		{ padding-top:10px; line-height:18px; }
	
	.testimonials-section			{ width:200px; padding-top:30px; margin-left:-20px !important; display:block; }
	
	.testimonials-section h2		{ font-family:Georgia, "Times New Roman", Times, serif;
									  font-size:24px; font-weight:normal; color:#000; padding-bottom:20px; }
	
	.testimonials-section p			{ font-style:italic; line-height:22px; margin:-30px 0 0 -14px; /*position:relative;*/ }
	
	
	
	/**** playlist **************************************/
	#playlist					{ list-style:none; width:213px; /*background-color: #CCC;*/ margin:7px 0 0 -15px; }
	#playlist li				{ padding:7px 0 7px; background-color: #f2f2f2; margin-bottom:1px; margin-top:8px; 
								  margin-left:0px; width:213px; }
	#playlist li a				{ color:#900; text-decoration:none; margin-left:38px; }
	#playlist .current-song a	{ color: #8080FF; text-decoration:none; }
	#playlist li a:hover		{ text-decoration:none; color: #8080FF;}
	#playlist .active a			{ color: #cade31; text-decoration:none; }
	
	
	
	.latest-news {
		position: absolute;
		margin: -145px 0 0 505px;
		display: block;
		width: 124px;
		height: 86px;
	}