body {
	font-size: 12px;
	margin: 0px;
	padding: 12px 0;


}


body, table, tr, th, input, textarea {
 	font-family: Tahoma;
}


img, a img {
	border: 0px;
	vertical-align: bottom;
}

img.preview, img.normal {
	background:url(/gallery/i/ajaxload.gif) center no-repeat;
	border: 1px solid #eee;
	padding: 2px;
	margin: 1px;
}

div.clr {
 clear: both;
}


img.preview:hover, img.normal:hover {
	border: 1px solid #bbb;
}

a:active, a:focus, img { outline: 0; }

p {
	text-align: left;
}

div.container {

}
div#wrap {
    max-width: 970px;
    mix-width: 970px;
    margin: auto;
}

#user {
 float: right;
 padding-top: 5px;
 padding-right: 5px;
 text-align: right;
}


textarea {
 border: 1px solid #ccc;
}

#comments textarea {
 width: 700px;
 margin-top: 15px;
 margin-bottom: 15px;
 padding: 3px;
 height: 90px;

}


/*  */

legend {
	font-size: 18px;
	margin: 0px;
	padding: 3px;
	
	background-color: #fff;
	border: 1px solid #ccc;
}

fieldset {
	border: 1px solid #ccc;
	margin-bottom: 15px;
	padding: 15px;
	width: 850px;
	text-align: center;
	
	background-color: #fff;
}

/* ok+ */

#page h2, .inplace_field {
	font-size: 16px;
	margin: auto;
	margin-top: 14px;
	margin-bottom: 14px;
	text-align: left;
	border-bottom: 1px dotted #ccc;
	margin-left: 1px;
	margin-right: 1px;
}

.inplace_field {
 width: 80%;
 border: 0px;
 margin: 0px;
	font-weight: bold;
}

textarea.inplace_field {
	padding: 7px;
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
	width: 100%;

}


div.description span, h2 span {
	float: right;
}

div.description img, h2 img {
	vertical-align: baseline;
}




h3 {
	font-size: 16px;
	text-align: left;
	font-weight: normal;
}

/* ok- */

a {
	color: #484848;
	text-decoration: underline;

}

/* ���� */

div.tags {
	line-height: 170%;
	text-align: left;
	margin-left: 1px;
	float: left;

	font-size: 11px;
	padding-right: 25px;

}


div.tags div {
/*	max-height: 500px;
	overflow: auto;*/
}

div.tags a {
	padding: 0px;
	margin: 0px;
	margin-right: 10px;

	white-space:nowrap

}

div.tags a.alltags {
 display: block;
 padding-left: 22px;
 color: #ccc;
 padding-top: 7px;
}



div.tags label {
	padding: 3px;
	line-height: 170%;
	margin-bottom: 10px;

}

div.tags label:hover, div.tags label:hover a {
	background-color: #ffb21f;
	text-decoration: none;
	border: 0px none;
	white-space:nowrap;
}

div.district label:hover, div.district label:hover a {
	background-color: #8ACEFF;
}




div.address label:hover, div.address label:hover a {
	background-color: #a2bf87;
}

div.object label:hover, div.object label:hover a {
	background-color: #FAA857;
}

div.time label:hover, div.time label:hover a {
	background-color: #DE91EA;
}

div.series label:hover, div.series label:hover a {
	background-color: #F9F258;
}



div.error {
	border: 1px solid #00BD1E;
	background-color: #B9FFC4;
	padding: 3px;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-bottom: 5px;
	margin-top: 5px;
}

/* photo page */

.photoouter h1 {
	color: #888;
	font-size:9px;
	font-weight: normal;
	padding: 0px;
	padding-top: 3px;
	margin: 0px;
	margin-bottom: -16px;
}

div.description {
	padding: 7px;
/*	font-style: italic;*/
	text-align: left;
}

div.photoinfo {
	width: 100%;

}

div.photoslider {
	overflow: auto;
 white-space: nowrap;
 height: 176px;
}


div.map { 
	float: right;
	width: 68%;	
	padding-bottom: 10px;
}

div.photodata {
	text-align: left;
	width: 30%;
	padding-bottom: 10px;
	float: left;
}

div#export, div#info {
	text-align: left;
	padding-top: 10px; 
}

p.action {
	cursor: pointer; 
	border-bottom: 1px solid #ccc; 
	display: inline;

}

div.share textarea {
	display: block;
	width: 90%;
	background-color: #F6F6F6;
	color: #505050;
	border: 1px solid #ccc;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 5em;
	margin: auto;
	margin-bottom: 4px;
	overflow: hidden;
}

hr {
	border: 0px none;
	height: 1px;
	color: #ccc;
	width: 250px;
	background-color: #ccc;
}

/* footer */

div#footer {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

div#footer, div#footer a {
	font-size: 11px;
	color: #555555;
}

div#footer small a {
	font-size: 10px;
}

div#footer a:hover {
	color: #F09D00;
	text-decoration: none;
}

/*
tooltip
*/

.tooltip{
 position:absolute;
 z-index:999;
 left:-9999px;
 background-color:#dedede;
 padding:5px;
 border:1px solid #fff;
 display:none;
}

.tooltip p {
 margin:0;
 padding:0;
 color:#fff;
 background-color:#222;
 padding:2px 7px;
}

/* scroller */

/* outmost wrapper element, containing all elements  */
#scrollable {
	background-color:#efefef;
	border:1px solid #ddd;
	padding:10px 40px;
	width:860px;
	height:160px;
	margin-top:30px;
	-moz-border-radius:7px;
	margin-bottom: 10px;

	overflow: hidden;
}

/* container for the scrollable items */
div.items {
	height:158px;
	margin-left:8px;
	float:left;
	width:815px !important;
}

/* single item */
div.items a {
	display:block;
	float:left;
	margin-right:8px;
	width:155px;
	height:155px;
	/* background:url(/gallery/i/entry.gif) 0 0 no-repeat; */
	font-size:50px;
	color:#ccc;
	line-height:155px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}

div.items a:hover {
	color:#999;
}

div.items a.active {
	background-position:-174px 0;
	color:#555;
	cursor:default;


}

div.items a.active img {
 border: 1px solid #7de819;
}


/* next / prev buttons */
a.prev, a.next {
	background:url(/gallery/i/leftarrow.png) no-repeat 0 0;
	display:block;
	width:18px;
	height:18px;
	float:left;
	margin:72px 0 0 0;
	cursor:pointer;
}

a.next {
	background-image:url(/gallery/i/rightarrow.png)
}

a.prev:hover {
	background-position:0 -18px;
}

a.next:hover {
	background-position:0 -18px;
}


/* navigator */
div.navi {
  /*	position:relative; */
	top:0px;
	left:0px;
/*	margin-left:-50px; */
	width:850px;
	height:0px;

	display: none;
}


/* items inside navigator */
div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/gallery/i/dots.png) 0 0 no-repeat;
	cursor:pointer;
}


div.navi span:hover {
	background-position:0 -8px;
}

div.navi span.active {
	background-position:0 -16px;
  /* 	border: none; */
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}



@media only screen and (max-width: 975px) {

    .photoouter {
        clear: both;
    }
    .next-prev {margin-top: 0px !important; height: auto;}

    div.map, div.photodata, .tags {float: none; width: 100%;}

    #user {display: none;}

    div.tags label {margin-bottom: 3px; display: block;}
    div.tags br {height: 1px;display: none;}
    div.tags label a {padding-right: 3px;}

    div.nearest { text-align: center;}

}