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

	CSS Stylesheet
	Alternative light Skin
	
-----------------------------------------------------------------------------------------------*/


/* =GENERAL
-----------------------------------------------------------------------------------------------*/

	body{ background:#222222 url(./images/bg-body.jpg) repeat top left; color:#555; }
	
	/* headings */
	h1,h2,h3,h4,h5,h6{ color:#2e2e2e; }
	
	/* links */
	a{ color:#222;  }
	a:hover{
	text-decoration:underline;
	font-family: inherit;
}
	
	blockquote{ background:url(./images/bg-blockquote.png) no-repeat top left; color:#666; }
	
	/* due to IE HR margin bugs I had to made classes and apply them to divs to achieve the visual effect of a HR */
	.hr{ border-top:1px solid #dddddd; }
		
	/* tables */
	table{ border:1px solid #ddd; }
	td{ border-top:1px solid #ddd; }
	
	/* text highlight */
	.text-highlight{ background-color:#222; color:#ffffff; }
	.text-highlight2{ background-color:#0996CE; color:#ffffff; }


/* =LAYOUT
-----------------------------------------------------------------------------------------------*/

	/* background-color of content section */
	#content{ background-color:#fff; border-left:5px solid #0188C2; }
	
	/* quote in the top right on the index */
	#quote{  }
	
	/* the website navigation */
	ul#nav li a{ border-right:1px solid #efefef; color:#2e2e2e; }
	ul#nav li:hover a{
	color:#2e2e2e;
	font-size: 24px;
	font-family: "Courier New", Courier, monospace;
} 				 
	ul#nav li.current a{ color:#0188C2; }							   						   
	ul#nav li.first a{
	border-left:1px solid #efefef;
	font-size: 24px;
	font-family: inherit;
}
	
	/* footer text color */
	#footer p{ color:#666; }
	
	/* social media links in the bottom right of page */
	#social-media li a{ color:#666; text-decoration:none; }
	#social-media li a:hover{ color:#ffffff; }
	
	/* vertical scrollbar */
	.jScrollPaneDrag{position:absolute; cursor:pointer; overflow:hidden; background:#0996CE url(./js/jscrollpanel/bg-drag.gif) no-repeat 50% 50%; }
	.jScrollPaneDrag:hover{ background-color:#0996CE; }


/* =PAGES
-----------------------------------------------------------------------------------------------*/	

	/* =INDEX
	-----------------------------------------------------------------------------------------------*/				  
	
	#slideshow-pager a{  background:url(./images/bg-pager.png) no-repeat 0 0; }
	#slideshow-pager .activeSlide{ background:url(./images/bg-pager.png) no-repeat 0 -64px; }	


	/* =MENU
	-----------------------------------------------------------------------------------------------*/					
	
	#menu-nav li{ border-bottom:1px solid #ddd;  }
		#menu-nav li.last{ border-bottom:none; }
		#menu-nav li a{ text-decoration:none; color:#222; }
		#menu-nav li a.active{ background: url(./images/bg-menu-nav.gif) no-repeat center right; color:#0996CE; }
		#menu-nav li a:hover{ color:#000; }
	
	#menu-container{  }
		.menu{
	text-align: left;
}
		.menu h5{  }
		.menu p{  }	
	
	
	/* =EVENT
	-----------------------------------------------------------------------------------------------*/
	
	/* up and down buttons that change between events - it's enough to change the bg colors as bg images are transaprent */
	#events-slideshow-prev{ background:#0996CE url(./images/bg-gallery-slideshow-nav.png) no-repeat 0 0; }
		#events-slideshow-prev:hover{ background-color:#0996CE; }
							  
	#events-slideshow-next{ background:#0996CE url(./images/bg-gallery-slideshow-nav.png) no-repeat 0 -60px; }
		#events-slideshow-next:hover{ background-color:#0996CE; }	
	
	.date{ color:#ccc; }
	
	/* =GALLERY
	-----------------------------------------------------------------------------------------------*/
	
	/* the inner border of the gallery thumbs */	
	#gallery img{ outline: 10px solid #f5f5f5; }
		#gallery img:hover{ outline-color: invert; }
	
	/* up and down buttons that change between gallery slides - it's enough to change the bg colors as bg images are transaprent */
	#gallery-slideshow-prev{ background:#0996CE url(./images/bg-gallery-slideshow-nav.png) no-repeat 0 0; }
		#gallery-slideshow-prev:hover{ background-color:#0996CE; }
							  
	#gallery-slideshow-next{ background:#0996CE url(./images/bg-gallery-slideshow-nav.png) no-repeat 0 -60px; }
		#gallery-slideshow-next:hover{ background-color:#0996CE; }
	
	
	/* =CONTACT
	-----------------------------------------------------------------------------------------------*/	
	
	/* background image for the google map - it should be a static map that if javascript is off will be shown */
	#map{ background: url(../_content/contact/bg-map.jpg) no-repeat top left; }