/*=== Setup ===*/
/** 								{ border:0; margin:0 auto; padding:0; outline:none; }*/
body 							{ background: url(../yearbook/images/mesh.jpg); background-repeat:repeat;
								  color: #868686; padding:0px; margin:0;
   								  font: normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif; }
vid-body 						{ font:13px Arial, Verdana, Helvetica, sans-serif; 
								  color:#494949;  padding:0px; margin:0; }
a 								{ text-decoration:none; color:#ACACAC; color: }
a:hover 						{ text-decoration:none; color:#FFF; }
p.clr, .clr 					{ clear:both; padding:0; margin:0; background:none; }
p.bg, .bg 						{ clear:both; padding:0; margin:10px 0; border-bottom:1px solid #dcdcdc; height:1px; }
input, 
select, 
textarea 						{ border:#cfcfcf 1px solid; color:#404040; font-size:12px; padding:3px; 
								  font-family:Arial, Verdana, Helvetica, sans-serif; }
li 								{ list-style:none; }
h1								{ color:#222222; font-size:1.5em; font-weight:normal; letter-spacing:-1px; margin:0 0 1em; }
h3 								{ color:#333333; font-size:1.2em; margin:0 0 .8em; }
h4 								{ font-size:1em; margin:0 0 1em; }
p 								{ line-height:1.5em; padding:0 0 1.3em; }


div#preload 					{ display: none; }


	#page 						{ margin:0 auto; padding:0; }
	
/*** sticky header *************************************************/
	.header 					{ z-index:1000;}
	.top-container 				{ padding: 30px; text-align: center; }
	.content 					{ margin:0 auto; padding-top:0; }
	.sticky 					{ position: fixed; top: 0px; width: 100%; }
	.sticky + .content 			{ padding-top: 180px; }


/*- 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);
								 }
				
/********************************************************************/

	#columns 					{ margin:auto; padding:20px 20px 10px; width:940px; background:#fff; }
	#vid-columns				{ background: url(images/vid-bg.jpg); color:#494949; padding:0; margin:0; }
	

/*- header box - logo - nav menu*/
/*	.hdr-box 					{ /*background: url(../images/index-imgs/header1.gif) top no-repeat;*/ /*float:left; */
								 /* width:940px; height:150px; margin:0px; padding:0; }*/ 
	.slu 						{ position:absolute; margin: -169px 0 0 69px; }	


/*- top navigation -*/
	#nav1 							{ font:normal 14px Arial, Helvetica, sans-serif; padding:6px 0 7px; 
									  margin:10px 0 0px; height:42px; background: url(../images/nav_bg.gif) top repeat-x; }
	#nav1 ul 						{ padding:0; }
	#nav1 ul.sf-menu li 			{ position:relative; float:left; line-height:42px; margin:0 5px 0 0; padding:0; }
	#nav1 ul.sf-menu li a 			{ color:#900; padding:0 15px; font-weight:bold; }
	#nav1 ul.sf-menu li 
	a:hover, 
	#nav1 ul.sf-menu li a.active 	{ color:#696969; background:#f5f5f5; }
	#nav1 ul.sf-menu li ul.children { background:#fff; border:none; width:140px; padding:0; }
	#nav1 ul.sf-menu li 
	ul.children a 					{ color:#9b9b9b; width:140px; margin:0; padding:0; text-indent:10px; }
	#nav1 ul.sf-menu li 
	ul.children a:hover 			{ color:#fff; background:#9b9b9b; text-decoration:none; }
	#nav1 ul.sf-menu li 
	ul.children li 					{ border:0; }
	#nav1 ul.sf-menu li 
	ul.children li ul.children 		{ border-left:none; border-right:none; }
	#nav1 ul.sf-menu li 
	ul.children 					{ margin:0; }
	#nav1 ul.sf-menu li 
	ul.children ul.children 		{ margin:0; }



/*- hover image *******************/	
	.hover_img a { position:relative; }
	.hover_img a span { position:absolute; display:none; z-index:99; }
	.hover_img a:hover span { display:block; }


 
 
/*=== RSS ===*/
	.rss 							{ width:180px; 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:-45px 0px 0px 789px; z-index:1100; }
	.rss1-bg						{ display:block; background-color:#FFF; position:absolute; width:230px; 
									  height:30px; margin:-44px 0 0 700px; z-index:1001 }
									  
    .fb-btn							{ width:77; height:20; margin:0px 0 0 -82px; position:absolute; display:block }


/* Slider */
	#slider 						{ width:940px; padding:0; margin:0 auto; }
	div#slideshow 					{ float: left; width: 100%; height: 350px; }	
	div#latest 						{ float: left; width: 100%; height: 176px; z-index:2000; display:block; }
	.slider-item 					{ width: 100% !important; height: 350px; }
	
	#vid-slider 					{ width:940px; padding:0; margin:0 auto;/* background-image:url(images/vid-bg.jpg); */}
	div#vid-slideshow 				{ float: left; width: 100%; }
	#clip 							{ padding:20px; width:720px; height:414px }	
	#clip img						{ border: 10px #1A1A1A solid; width:700px; height:394px; }




/* header_blog */
	.header_blog 					{ padding:0; margin:0 0 0px; }
	.header_blog .blog 				{ width:285px; float:left; padding:0 10px; margin:0; }
	.header_blog img 				{ margin:10px 10px 20px 0; padding:0; }
	.header_blog h2 				{ font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#777; padding:5px 0; margin:0; }
	.header_blog p 					{ font: normal 12px Arial, Helvetica, sans-serif; color:#a2a2a2; padding:0; margin:0; line-height:1.8em; }
	.header_blog ul 				{ font: normal 12px Arial, Helvetica, sans-serif;color:#a2a2a2; line-height:1.5em; list-style:disc; display:inherit; }
	.header_blog li 				{ list-style:disc; margin:5px 0 0 -14px; }
	.blog a							{ display:inline-block; margin-left:35px; }
	.blog a:hover					{ color:#a2a2a2; text-decoration:underline; }
	.fl 							{ float:left; }
	
	
	.header_blog .blog1 			{ width:430px; float:left; padding:0 10px; margin:20px 0 10px 0; }
	.header_blog .blog1 span		{ text-align:right; line-height:1.5; margin:10px 0 0 -22px; 
									  display:inline-block; float:right; padding-right:20px }
	.blog1 a						{ display:inline-block; margin-left:35px; color:#777; }
	.blog1 a:hover					{ text-decoration:underline; }
	.blog1 p						{ color: #000; }
	
	
	
/*** LINKS PAGE ************************************************************************************************/	
	.links							{ width:289px; height:250px; float:left; margin:0px 0px 0px 0; padding:10px; background-color: #F3F3F3;/*background-color:#E2E2E2; background-color:#EBEBEB;*/ }	
	.links-txt						{ padding:15px 15px 15px 20px; background-color:#FFF; height:64px; }				
	/*.links img 						{ width:420px; height:279px; padding:0; margin:0; }*/					
	.attendees .links a img 						{ width:281px; height:90px; margin: 0 0 16px;
    padding: 2px;
    border: 1px solid #cbcbcb;
    background-color: #fbfbfb; }	
	.links h2 						{ 
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 1em;
    letter-spacing: normal;
    color: #1e1e1e;
} p.underh2 {
    margin: 0 0 16px;
    padding: 4px 0 0;
    font-size: 11px;
    line-height: 1em;
}
	.links a						{ font-size:12px; color:#cc3300; }
	.links p span a:hover			{ color:#a2a2a2; text-decoration:underline; }
	.links p						{ color: #868686; font: normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif; /*padding: 0 0 12px;*/ }
	.links p span					{ float:right; }
	.links .dte						{ font-size:12px; padding-left:40px; color:#a2a2a2; }	
	
    .links:active					{ background-color: #EAEAEA; cursor:pointer; }
    .links:hover					{ background-color: #C2C287; }
	
	.readmore a {
    font-size: 11px;
    line-height: 1.8em;
    color: #445a66;
    text-decoration: none;
}


/*- Post Title -*/
	.post-title 					{ padding:30px 0 7px 0; margin:0; 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-top:20px; margin:0; 
									  line-height:1.8em; margin-bottom:5px; }
	.post-date span 				{ color:#900; font-weight:normal; }
	.post-date .space 				{ margin-left:280px; }
	
									  
/*=== left ===*/
	#left							{ width: 590px; float:left; }
	#pic-icons  #cf7_controls		{ float:left; width:590px; padding:0; }
	#cf7_controls span				{ float:left; width:43px; height:63px; text-decoration:none; margin: 0 9px 9px 0; }
		
	#pic-icons  #cf8_controls		{ float:left; width:590px; padding:0; }
	#cf8_controls span				{ float:left; width:43px; height:63px; text-decoration:none; margin: 0 9px 9px 0; }
	#vid-icons 						{ float:left; width:590px; padding:0; }
	#vid-icons img					{ border:thin solid #D1F992; }
	



/*=== sml gallery ===*/
.attendees						{ margin:0; padding:13px 0px 3px 13px; border: thin solid #CCC; background-color:#ececec; }			
.attendees	a img				{ float:left; width:43px; height:63px; text-decoration:none; margin: 0 9px 9px 0;
								  /*opacity: 1; filter: alpha(opacity=100);*/ }
/*.attendees	a:hover img			{ opacity: 0.8; filter: alpha(opacity=80); /* For IE8 and earlier  }*/
.attendees	img:hover 			{ opacity: 0.8; 
						  		  filter: alpha(opacity=80); /* For IE8 and earlier */ }



.vid-attendees					{ margin:0; padding:13px 13px 13px 13px; border: thin solid #CCC; background-color:#ececec;
								  margin-bottom:35px; }			
.vid-attendees	a img			{ float:left; width:43px; height:63px; text-decoration:none; margin: 0 10px 9px 0;
								  /*opacity: 1; filter: alpha(opacity=100);*/ }
.vid-attendees	a:hover img		{ opacity: 0.9; filter: alpha(opacity=90); }


.vid-attendees	.hdr			{ position:absolute; margin-top:-374px; display:block; width:536px; padding:0 15px; }
.vid-attendees	.title			{ display:inline-block; float:left; font-weight:bold; color: #F9F4D6; margin-top:-8px;}
.vid-attendees	.date			{ display:inline-block; font-size:11px;  color: #ececec; position:absolute; margin:-8px 0 0 30px !important; font-weight:normal; }
.vid-attendees	.datkom			{ display:inline-block; float:right; font-size:11px; color: #ececec; margin-top:-8px; }



/*=== top pics ===*/
#topPics						{ float:left; margin:10px 7px 0px 0; display:block; width:192px; }
#topPics .txt					{ margin:9px 0 5px 8px; font-weight:bold; width:186px; display:block; line-height: 1.5em; }
#topPics .credits				{ margin:0px 0 10px 8px; color: #777; padding: 0; line-height: 1.8em; normal 12px Arial, Helvetica, sans-serif; }
#topPics img					{ margin-top: 20px; width:192px; height:124px; }
#topPics a:hover				{ text-decoration:underline; }

#topPics1 img					{ margin-top: 10px; }
#topPics1 div					{ display:inline-block; position:absolute; margin:-35px 0 0 495px; }
#topPics1 a:hover				{ color:#666633; text-decoration:underline; }

/* hover ******************/
#foo img:last-child				{ display:none; }
#foo:hover img:first-child		{ display:none; }
#foo:hover img:last-child		{display:inline-block; }

 

/*=== Right Column ===*/
#rightcol 						{ float:right; width:300px; padding:0; }
#rightcol .box 					{ padding:0 10px; }
.small_link 					{ padding:5px 0; margin:0 auto; text-align:center; }
.small_link a 					{ color:#959595; text-decoration:none; }


	.audio-ctr			{ 	background-color:#cade31; padding:15px 0px 13px 10px; }
	.message-about 		{ 	height:auto;  }
	.message-about span	{ 	font: normal 13px Arial, Helvetica, sans-serif; 
							color: #900; margin:0; line-height:1.5em; text-align:left; }
	.message-about img	{	border: 1px solid #d7d7d7; padding: 4px; }		
	.message-about a 	{ color:#900; }
	.message-about
	a:hover 			{ color: #666; text-decoration:underline; }


/*=== audio cpntrol ===*/	
			.contrl		{ color: #900; }


/*=== big pic ===*/	
			#bigPic	{
				/*margin-top:65px;*/
				text-align:center;
				padding:12px 0 4px;
				background-color:#cade31 /*#E7F2F7 #F9F4D6 /*#ECECEC #cade31*/;
			}
			#bigPic img	{
				width:280px;
				height:489px; 
			}		
				
			#femPic	{
				/*margin-top:65px;*/
				text-align:center;
				padding:10px 0 5px;
				margin-top:15px;
				background-color:#F9F4D6 /*#F9F4D6 /*#ECECEC #cade31*/;
			}
			#femPic img	{
				width:280px;
				height:264px; 
			}
			.label	{
				background-color: #ECECEC;
				padding:0 20px 0 20px;
			}	
			.big-header	{
				display:block;
				margin:0px auto;
				padding:16px 0px 4px 0px;
				font-size: 9pt;
				font-weight:bold;
				text-align:center;
				color:navy;
				/*	border:dashed 1px #f00; */  
			}			
			.sub_header {				
				font-family: sans-serif;
				display:block;
				margin:0px auto;
				padding:0px 0px 10px 0px;
				font-size: 9pt;
				font-weight:100;
				text-align:center;
				color:navy;
				/*	border:dashed 1px #f00; */  
			}			
			.caption {				
				font-family: sans-serif;
				display:block;
				/*width:285px;
				margin:0 0 0 10px;*/
				font-size:9pt;
				color:#666666;
				line-height:1.4;
				text-align:center;
				padding:0px 0px 15px 0px;				 
			}		







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

/*=== Misc. ===*/
.fix 							{ clear:both; height:1px; margin:-1px 0 0; overflow:hidden; }
.hl, .hl2 						{ background:url(images/hl-dot.gif) repeat-x top; clear:both; height:2px; overflow:hidden; width:100%; }
.hl2 							{ background:none; border-top:1px solid #e7e7e7; height:1px; margin:0 0 .8em; }
.fr 							{ float:right; }
.ar 							{ text-align:right; }
.noBorder 						{ border:0; }
.font-sm 						{ font-weight:normal; }
.white 							{ color:#FFF; }


/* display image on hover ----------------------------------------------------------- */
a img {
			border: 0;
		}
		#largeImage {
			position: fixed;
			padding: 8px;
			/*background-color: #e3e3e3;
			border: 1px solid #bfbfbf;*/
			top:50%;
			left:50%;
			margin-top: -70px;
			margin-left: -142px;
			/*bottom:50%;
			margin:auto;*/
		}