@font-face {
    font-family: 'gidole';
    src: url('Gidole-Regular.ttf');
}
body {
		background:-webkit-linear-gradient(top, #ffffff 0%, #dedede 30%, #dedede 80%, #ffffff 100%);
}
.folder_container {
	padding: 10px;
	margin: 10px;
	color: #bbbbbb;                
	display: block;
	float:left;  
	background: rgba(255, 255, 255, .2);
	border-style: solid;
	border-radius: 15px;
	text-align: center;
            }
.folder_container:hover {
	background: rgba(230, 247, 255, .8);
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.folder_name {
	padding-top: 5px;
	font-family: gidole;
	text-align: center;
}
.image_container {
	padding: 10px;
	margin: 10px;
	width: 130px;
	color: #bbbbbb;                
	display: block;
	float:left;  
	background: rgba(255, 255, 255, .2);
	border-style: solid;
	border-radius: 15px;
	text-align: center;
}
.image_container:hover {
	background: rgba(230, 247, 255, .8);
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}
.image_name {
	padding-top: 5px;
	font-family: gidole;
	text-align: center;
	font-size: 12px;
}
.clr{
	clear:both; 
}
div#pagination {
    width:100%;
}
ul.pagination {
    margin: 0;
    padding: 0;
    text-align: center;
}
div#pagination li {
    list-style: none;
    float: left;
    padding: 8px 16px;
    margin: 4px;
    background: rgba(200, 200, 200, .2);
    color: #bbbbbb;
  	border-style: solid 1px;
	border-radius: 15px; 
}

div#pagination li:hover {
    background: rgba(230, 247, 255, .8);
    box-shadow: #2A2B2E;
}

div#pagination li.active {
    background: rgba(230, 247, 255, .9);
    box-shadow: #2A2B2E;
}