/* a:link, a:visited { color: #F52542;text-decoration: underline }
		a:hover, a:active { color: #333 }
		strong { font-weight: bold }

		This is some example CSS. You can change this to your own liking. */
		.img-description, .imgbrowz0r-navigation, #imgbrowz0r { 
			margin: 0 auto;
			width: 100%;
			text-align: left;
			margin-top:10px;
		}
		.imgbrowz0r-navigation { 
			padding: 1.5em 0 0.5em; 
		}
		.imgbrowz0r-navigation .img-statistics { 
			margin-top: 1.5em 
		}

		.img-description { 
			margin: 1.5em auto 0;
		}

		#imgbrowz0r .img-row { 
			margin:auto;	
		}

		#imgbrowz0r .img-directory span.img-dir-name,
		#imgbrowz0r .img-directory span.img-thumb-date { 
			display: block;
			color:#ededed;
		}
		#imgbrowz0r .img-directory span.img-dir-name { 
			font-weight: bold;
			font-size: 1.2em;
			
		}

		#imgbrowz0r .img-column-1 { 
			clear: left;
			margin-left:2px;
		}

		#imgbrowz0r .img-thumbnail, #imgbrowz0r .img-directory { 
			float: left;
			padding:5px;
			margin-top:2px;
			margin-bottom:2px;
			margin-right:2px;
			-moz-border-radius:10px 10px 0px 0px;
			-khtml-border-radius:10px;
			-webkit-border-radius:10px;
			text-align:center;
			background-color:#579c31;
			border:1px #7ec63e solid;
			color:#ededed;
			
			
		}

		#imgbrowz0r .img-thumbnail a, #imgbrowz0r .img-directory a {
			display: block;
			margin:0;
			width: 160px;
			height: 160px;
			line-height: 150px;
			background-repeat: no-repeat;
			background-position: 50% 50%; 
			
			
		}

		#imgbrowz0r .img-directory a:link, #imgbrowz0r .img-directory a:visited, #imgbrowz0r .img-thumbnail a:link,
		#imgbrowz0r .img-thumbnail a:visited { 
			background-color: #000;
			border:1px #7ec63e solid;
			-moz-border-radius:5px;
			-khtml-border-radius:5px;
			-webkit-border-radius:5px;
			font-size: 1.5em;
			color: #7ec63e;
			text-decoration: none 
		}
		#imgbrowz0r .img-directory a:active, #imgbrowz0r .img-directory a:hover, #imgbrowz0r .img-thumbnail a:active,
		#imgbrowz0r .img-thumbnail a:hover { 
			border-color: #b3e705;
			background-color: #12171b;
			color: #7ec63e ;
		}

		/* http://sonspring.com/journal/clearing-floats */
		html body div.clear,
		html body span.clear { 
			background: none;
			border: 0;
			clear: both;
			display: block;
			float: none;
			font-size: 0;
			list-style: none;
			margin: 0;
			padding: 0;
			overflow: hidden;
			visibility: hidden;
			width: 0;
			height: 0; 
		}
		
		
		
		.img-breadcrumbs{
			margin:auto;
			margin-top:10px;
			margin-bottom:45px;
		}
		
		.img-pagination{
			argin:auto;
			margin-top:-15px;
		}
		
		
	/* ________________________________________________________________________________________ */
	/* --------- information btm  ------------------------------------------------------- */
		
		a.btm_site_fle_dep {
			float: left;
			text-decoration: none;
			color: #e2dddc;
			padding: 4px 14px 0 0;
			font:Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:12px;
			background: url(../images/btm_fle_dep.jpg) no-repeat top right;
		}
		
		a.btm_site_fle_dep:hover{ color: #e2dddc; background: url(../images/btm_fle_dep_hover.jpg) no-repeat top right; }
		
		a.btm_site_fle_dep span {
			float: left;
			padding-right: 12px;
			display: block;
			margin-top: -4px;
			height: 24px;
			background: url(../images/btm_fle_dep.jpg) no-repeat top left;
		}
		
		a.btm_site_fle_dep:hover span{ background: url(../images/btm_fle_dep_hover.jpg) no-repeat top left; }
		
	/* ________________________________________________________________________________________ */
		
		a.btm_site_fle {
			float: left;
			text-decoration: none;
			color: #e2dddc;
			padding: 4px 14px 0 0;
			font:Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:12px;
			background: url(../images/btm_fle.png) no-repeat top right;
			margin-left:4px;
			
		}
		
		a.btm_site_fle:hover{ color: #e2dddc; background: url(../images/btm_fle_hover.png) no-repeat top right; }
		
		a.btm_site_fle span {
			float: left;
			padding-right: 22px;
			display: block;
			margin-top: -4px;
			margin-left:-14px;
			height: 24px;
			background: url(../images/btm_fle.png) no-repeat top left;
		}
		
		a.btm_site_fle:hover span{ background: url(../images/btm_fle_hover.png) no-repeat top left; }
	
	/* ________________________________________________________________________________________ */
		
		a.btm_page, a.btm_cur_page {
			float: left;
			text-decoration: none;
			color: #161f2a;
			padding: 4px 8px 5px;
			font:Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size:12px;
			background-color:#c5c5c5;
			-moz-border-radius:6px;
			-khtml-border-radius:6px;
			-webkit-border-radius:6px;
			margin-left:2px;
			margin-right:2px;
			border:2px #e8e8e8 solid;
		}
		
		a.btm_page:hover,  a.btm_cur_page:hover{ border:2px #bde89d solid; color: #161f2a; background-color:#82c943; }
		
		a.btm_cur_page{ border:2px #77b07e solid; color: #e2dddc; background-color:#3c8c3b; }