/* CSS2 for doGal gallery
For Firefox / IE mainly 
Jukka P?tynen 2006
*/

body, #container {
	font-size: 0.9em;
	font-family: Tahoma, Trebuchet MS, Verdana;
	color: #bbbbbb;
	background-color: #222222;
	background-image: url(blq.gif);
	padding: 0px;
	margin-bottom: 50px;
}

a {
	color: #aaaaaa;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}



#container {
	background-image: url();
	background-color: #222222;
	z-index: 1;
	width: 720px;
	border: 1px solid;
        border-color: #222222;
	padding: 0px;
	position: absolute;
	top:0px;
	left:0px;
	
	height: auto;
}


div {
	background-image: url();
	background-color: #333;
}

#languagebar, #control {
	z-index: -5;
	position: relative;
	text-align: right;
	background-color: #222222;
       
}

#control {
	text-align: center;
	margin: 10px;
}

#languagebar ul {
	list-style-type: none;
}

#languagebar a {
	font-size: 1em;
	display: inline;
	width: 60px;
	padding: 1px 10px 1px 10px;
	/* border: 1px solid #000000; */ 
	text-decoration: none;
}

#control a {
	font-size: 1.1em;          
	display: inline;
	width: 60px;
	padding: 2px 10px 2px 10px;
	/* border: 1px solid #000000; */ 
	text-decoration: none;
}

#nextButton, #prevButton {
	display: block;
}

#languagebar a:hover, #control a:hover {
	background-color: #555555;
	color: #ccc;
}

#control a.inactive, a:hover.inactive {
	color: #666;
	background-color: #222222;
}

#exif, #comments, #caption_div, #title_div {
	background-color: #222;
	width: 500px;
	margin-left: 50px;
	margin-bottom: 10px;
}

#comments {
        position:relative;
        top: 40px;
}

#exif_div, #comments_div {
	line-height: 1;
}



#exif_div {
	/* display: none; */
}


/* For IE6 */

#caption_div, #title_div {
	width: 600px;
	z-index: 0;
	position: relative;
	height: 0px;
	/* background-color: green; */
	background: transparent none;
	padding: 0px 0px 00px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#itemcaption, #title {

	z-index: 0;
	margin: 0px 0px 0px 0px;
	font-size: 2.5em;
	font-family: Trebuchet MS, Tahoma;
	color: #555555;
	line-height: 1;
}

#itemcaption {
	color: #888;
	font-size: 2em;
}

#imageNumber{
	color: #555;
	font-size: 1.5em;
}

/* For others*/

html>body #caption_div, #title_div {
	width: 600px;
	z-index: 0;
	position: relative;
	height: 0px;
	/*background-color: green;*/
	background: transparent none;
	padding: 0px 0px 00px 0px;
	margin-top: 0px;
	margin-bottom: 40px;
	
	line-height: 1;
}

html>body #itemcaption, #title {

	z-index: 0;
	margin: 10px 0px 10px 0px;
	font-size: 2.5em;
	font-family: Trebuchet MS, Tahoma;
	color: #555;
	line-height: 1;
}


html>body #itemcaption {
	color: #888;
	font-size: 2em;
}

html>body #imageNumber{
	color: #555;
	font-size: 1.5em;
}

#imageholder {
	position: relative;
	text-align: center;
	z-index: 4;
	background-color: #222;
}

#imageholder img {
	border: 20px solid white;
	margin: 0px;
	/*position: relative;*/
	z-index: 1;
}

#imageTopLayer {
	border: 0px;
	position: absolute;
	top:20px;
	left:40px;
	visibility: hidden;
	z-index: 10;
	background: transparent none;
}

#imageTopLayer img{
	border: 0px;
	position: relative;
	z-index: 10;
	background: transparent none;
}

#imageloading {
	text-align: center;
	border: 0px solid white;
	z-index: 10;
	/*position: absolute;
	top:0px;
	left:00px;
	visibility: visible;*/
	background: transparent none;
}

#hiddenhidden {
	display: none;
}

#dogal_logo {
	font-family: Trebuchet MS, Tahoma, Arial;
	font-size: 4.5em;
	position: absolute;
	top: -5px;
	left: 0px;
	z-index: 1;
	color: #468;
	background: transparent none;
}

#numComments {
padding: 5px;
text-align: right;
}

#commentText {
font-style: normal;
vertical-align: top;
margin: 5px 0px 0px 0px;
}

#commentName, #dateTime {
font-style: italic;
vertical-align: top;
text-align: right;
margin: 0px;

}

#dateTime,#commentForm {
border: 1px solid;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom-color: #666666;
padding: 0px 0px 15px 0px;
	line-height: 0.5;
}

#commentName {
margin: 0px 0px 5px;

}

#dateTime {
	color: #468;
}

#commentsTable td{
padding: 5px 15px 5px 25px;
margin: 0px;
border: 1px solid black;
border-color: #333333;
vertical-align: top;

}


textarea,input{
padding: 1px;
border: 1px solid #bbbbbb;
background-color: #eeeeee;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
}

#commentsTableTitle {
padding: 3px 3px 3px 0px;
margin: 1px;
border: 2px;
border-style: solid;
border-color: #333;
}

#poweredby{
	z-index: 11;
	background: transparent none;
	position: relative;
	/*top: 0px;
	left: 0px;*/
	text-align:center;
	color: #888;
height: 30px;
vertical-align: middle;
}
#gallerylist {
	position:relative;
	width:200px;
	top:20px;
	left:150px;
	border:0px solid black;
	background-color:#222;
	padding:15px;
	z-index:2;
}

#gallerylist ul {
           margin: 0;
           padding: 0;
           list-style-type: none;
           }

#gallerylist li {
           margin: 0px 0 0;
text-align: center;
           }

#gallerylist a {
          display: block;
          width:200px;
          padding: 2px 2px 2px 2px;
          border: 1px solid #000000;
          background: #ffffee;
          text-decoration: none;
}

#gallerylist a:link, #gallertlist a:active, #gallerylist a:visited {
color: #222222;
}

#gallerylist a:link, #navAlpha a:active, #navAlpha a:visited {
color: #000000;
}

#gallerylist a:hover {
border: 1px solid #000000;
background: orange;
color: #000;
}

#title {
position: relative;
top: 20px;
left: 20px;
background: #222222;
}

#gallerynote {
width: 100px;
position: absolute;
top: 330px;
left: 400px;
background-color: #222222;
font-size: 0.75em;
line-height: 1em;


}