/* CSS Document */

/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/


/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/
#content #box-pagination { width:100%; margin-top:20px;}
#content #light-pagination  ul{ margin:0 auto; padding:0; text-align:center; width:50%;}
#content .light-theme a, .light-theme span {
	float: left;
	color: #8c349d;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #8c349d;
	text-decoration: none;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

#content .light-theme a:hover {
	text-decoration: none;
	background: #8c349d;
	color:#FFFFFF;
}

.light-theme .current {
	background: #8c349d;
	color: #FFF;
	border-color: #8c349d;
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}
@media screen and (max-width: 768px) {
#content #light-pagination  ul{ width:50%;}

}

@media screen and (max-width: 600px) {
#content #light-pagination  ul{ width:60%;}
}
@media screen and (max-width: 480px) {
#content #light-pagination  ul{ width:70%;}
}
@media screen and (max-width: 320px) {
#content #light-pagination  ul{ width:82%;}
}


/**main gallery**/

#content .light-pagination {float: left; clear: both; width: 100%; }
#content .gallery-box {
		width:190px; 
		height:190px; 
		padding:5px; 
		float:left; 
		margin:30px 30px 0 0; 
		box-shadow:5px 0 5px 0 #dddddd;
		-moz-box-shadow: 5px 5px 5px #dddddd;
		-webkit-box-shadow: 5px 5px 5px #dddddd; 
		border:1px solid #dddddd;
		text-align:center;
  
}
#content .gallery-box a img { 
		float: left; 
		width: 190px;
		  max-height: 115px;
		  height: 115px;
		  margin-bottom:10px;
		}

#content .gallery-box a:hover img{
    filter: alpha(opacity=50); /* internet explorer */
    opacity: 0.5;           /* fx, safari, opera, chrome */

}
#content  .gallery-box a:active img{
    filter: alpha(opacity=50); /* internet explorer */
    opacity: 0.5;           /* fx, safari, opera, chrome */

}

#content .topic {
	line-height:20px; 
	color:#909; 
	font-weight:bold; 
	text-transform:uppercase;
	}
#content  .location {
	line-height:20px; font-size:11px;
	}
#content .gallery-link {
	line-height:20px;
	font-size:11px; 
	font-style:italic;
	text-align:center; 
	width:85px; 
	margin:auto;
	}
#content  .gallery-link img{
	width:18px;
	max-height:21px;
}