/* ---------------------------------------
	Image Thumbnail Grid
--------------------------------------- */

/*  h1, h2, h3, */
.grid {
	text-align: center;
}

.grid {
	overflow: hidden;	
	width: 100%;	
}

.grid li
{
    height: 185px;
    padding: 10px;
	display: block;
    float: left;
   	text-align: center;
}

.grid ul.page-nav li
{
	width: 0;
	height: 10px;	
	margin-bottom: 10px;
	line-height: 18px;	
}

/* Image border */
.grid img  
{
	margin: 5px;
	padding: 5px;
	border: 1px solid #efefef;
	background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}

.grid ul 
{
   /*  margin: 0 0 25px -10px */
}

.page-nav li 
{
	display: inline;
	margin-right: 5px;

}

.grid-container 
{
	
	margin-bottom: 25px;
}

/* ---------------------------------------
	Pagination
--------------------------------------- */
 .page-nav a {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 35px;
	
	color: #717171;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#f9f9f9 0%,
		#eaeaea);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f9f9f9),
		to(#eaeaea));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #c9c9c9;
	-moz-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 1px rgba(255,255,255,1);
}

 .page-nav a:hover,
 li.selected a {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #717171;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#696969 0%,
		#505050);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#696969),
		to(#505050));
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #4f4f4f;
	-moz-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 1px rgba(79,79,79,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 1px rgba(79,79,79,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);

	color: #FFFFFF;
	text-decoration: none;
}


/* ---------------------------------------
	Carousel
--------------------------------------- */
.widget-title,
 .wrap,
 .widget_displayalbums_carousel {	
	margin-left: auto;
	margin-right: auto;
	
	text-align: center;
}

 .widget_displayalbums_carousel {
	margin-top: 40px;
}

 widget-title,
 .wrap,
 .widget_displayalbums_carousel,
 .carouselWrapper {
	width: 600px;
	width: 100%;	
}

/* body { font: 1em "Trebuchet MS", verdana, arial, sans-serif; font-size: 100%; } */
 input,
 textarea { 
	font-family: Arial; 
	font-size: 125%; 
	padding: 7px; 
}

 label { display: block; } 

 .infiniteCarousel {
	width: 590px;  
	height: 250px;    
	position: relative;
	
	margin: 0 auto;
}

 .infiniteCarousel .wrapper {
	width: 510px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	height: 180px;  
	overflow: auto;
	min-height: 10em;
	margin: 0 40px;
	position: absolute;
	top: 0;
	display: block;
	
	padding-bottom: 30px;
}

 .infiniteCarousel .wrapper ul {
  /* width: 9000000000px; */
  width: 9000000px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0 0 0 -10px;
  padding: 0;
  position: absolute;
  top: 0;
}

 .infiniteCarousel ul li {
  display: block;
  float: left;
  padding: 10px;
  height: 150px;
  width: 150px;
}

 .infiniteCarousel ul li a img {
  display: block;
}

 .infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(../img/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 90px;
  cursor: pointer;
}

 .infiniteCarousel .forward {
  right: 0;
  
  	background: url(../img/ic_right_circle.png) no-repeat 0 0;
	width: 32px;
	height: 32px;	
	opacity: 0.2;
}

 .infiniteCarousel .back 
{	
	background: url(../img/ic_left_circle.png) no-repeat 0 0;
	width: 32px;
	height: 32px;	
	opacity: 0.2;
}

 .infiniteCarousel .forward:hover 
{
	opacity: 0.3;
}

 .infiniteCarousel .back:hover 
{
	opacity: 0.3;
}

.infiniteCarousel .grid li {
    margin-left: 0 !important;
    padding: 10px !important;
}

 .images
{
	width: 100%;
	/* width: 600px; */
	margin-top: 20px;	
	text-align: center;
}


/* ---------------------------------------
	Slider Markers
--------------------------------------- */

.slider_navigation 
{
	text-align: center;
	
	display: block;
	height: 20px;
	line-height: 18px;
	position: relative;
	text-align: center;
	padding-bottom: 15px;
}

ul.markers 
{
	display: inline-block;
	list-style: none outside none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

ul.markers li 
{
	float: left;
	margin: 0 5px 15px 5px;
	height: 10px;
	width: 10px;
}

ul.markers li a  
{
	border: 1px solid #CDD4DA;
	border-radius: 15px 15px 15px 15px;
	display: block;
	height: 15px;
	outline: medium none;
	text-indent: -9999px;
	width: 15px;
	cursor: pointer;
}

ul.markers li a:hover,
ul.markers li a.current 
{
	background-color: #DFE3E8;
}

/* ---------------------------------------
	Slideshow
--------------------------------------- */

	
	a:hover,
	a:focus
	{
		color: #737373;
	}
	
	#slideshow
	{
		position: relative;
		display: block;
	}

	
	#slideshow,
	#slideshow .slides,
	#slideshow .slide
	{
		xwidth: 650px;
		xheight: 400px;
		xwidth: 100%;
		
		
		xmin-width: 100px;
		xmin-height: 100px;
		
		
		margin: 0 auto 40px;
	}
	
	#slideshow .slide
	{
		position: absolute;	
		display: none;
		background: #CFCFCF;

		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #EFEFEF;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
/*		margin: 5px;*/
		padding: 5px;
	}




	
	#slideshow .active
	{
		display: block;
	}
	
	#slideshow .buttons
	{
		position: absolute;
		z-index: 1;
		bottom: 0;
		right: 0;
	}
	
	#slideshow .buttons .disabled,
	#slideshow .buttons .disabled:hover,
	#slideshow .buttons .disabled:focus
	{
		color: #afafaf;
		cursor: default;
	}
	
	#slideshow ul,
	#slideshow li
	{
		display: block;
		overflow: hidden;

		margin: 0;
		padding: 0;
		
		list-style: none;
	}
	
	#slideshow ul
	{
		xdisplay: none;
	
		margin: 15px;
		font-size: 0.8em;
	}
	
	.advanced #slideshow ul
	{
		display: block;
	}
	
	#slideshow li
	{
		float: left;
	}
	
	#slideshow li + li
	{
		margin-left: 10px;
	}
	
	#slideshow li a.active
	{
		color: #3172dd;
	}
	
	
	
	
/* ---------------------------------------
	Masonry
--------------------------------------- */
#content 
{

	width: 100%;
	margin: 0 auto;
	padding-left: 20px;
}

#linky 
{
	width: 100%;
} 
 
#linky .boxy 
{
	width: 150px;
		
	margin-right: 10px;
	margin-bottom: 25px;

	padding: 10px 10px 0;
	
	border: 1px solid grey;
	overflow: hidden;
	
	
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-moz-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-ms-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out .4s;
	transition: left .4s ease-in-out, top .4s ease-in-out .4s;

	background: #CFCFCF;

	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #EFEFEF;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
/*		margin: 5px;*/


}



/* ---------------------------------------
	FlexSlider
--------------------------------------- */
/*
.flex-nav-container {
    float: right;
    margin: 30px 0 0;
    position: relative;
    width: 50%;
}
*/

ul.slides img {
	max-width: 100%;
}

.flex-caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    bottom: 0;
    color: #FFFFFF;
    font-size: 14px;
    left: 0;
    line-height: 18px;
    padding: 2%;
    position: absolute;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    width: 96%;
}

p.flex-caption {
	margin-bottom: 0;
}