/*
JV2 Folder Gallery Styles

If you change the theme, and would like to share them....
please contact me through the website.
You might have your theme included in the next release.

*/



/* body style - delete this if using as include and conficting with existing css */
body {
	margin: 10px;
	background-color: #CC0001;
}

/* remove dotted lines from links */
a:focus {outline: 0px dotted;}

/* Gallery Title */
.gallerytitle {
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: italic; 
}


/* Breadcrumbs links */
.gallerymenu {
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
.gallerymenu A:link {COLOR: #ffffff; text-decoration: underline}
.gallerymenu A:visited {COLOR: #ffffff; text-decoration: underline}
.gallerymenu A:active {COLOR: #ffffff; text-decoration: underline}
.gallerymenu A:hover {COLOR: #ffffff; text-decoration: none}

/* HR below breadcrumbs */
hr {
	border:0;
	color: #ffffff;
	background-color: #ffffff;
	height: 1px;
}


/* Image (and folder) Title */
.imagetitle {
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px; 
}

.view_download {
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px; 
}
.view_download A:link {COLOR: #ffffff; text-decoration: none}
.view_download A:visited {COLOR: #ffffff; text-decoration: none}
.view_download A:active {COLOR: #ffffff; text-decoration: none}
.view_download A:hover {COLOR: #ffffff; text-decoration: underline}


.folder_description {
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px; 
	padding: 0px 8px;
	display:block;
	width: 160px;
}

.table_cell_folder {

}

.table_cell_img {

}

.table_cell {
	padding-bottom: 8px;
}



/* FILE LIST VIEW */
.filetitle {
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight:bold;
}
.filelist {
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px; 
}
.filelist A:link {COLOR: #ffffff; text-decoration: none}
.filelist A:visited {COLOR: #ffffff; text-decoration: none}
.filelist A:active {COLOR: #ffffff; text-decoration: none}
.filelist A:hover {COLOR: #ffffff; text-decoration: underline}

/* Gallery Image thumbnail */
.galleryimage {
	border: 5px solid #444;
	background-color: #777;
	margin-left:15px;
	margin-right:15px;
}
.galleryimage:hover {
	border: 5px solid #999;
}

/* Default Folder Image */
.galleryfolder {
	border: 5px solid #f9f9f9;
	background-color: #f9f9f9;
	margin-left:15px;
	margin-right:15px;
}
.galleryfolder:hover {
	border: 5px solid #999;
}

/* Page Links */
.gallerypagelinks {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
      	color: #ffffff;
      	text-align: center;
      	margin-top:20px;
}

.gallerypagelinks A:link {COLOR: #ffffff; text-decoration: underline}
.gallerypagelinks A:visited {COLOR: #ffffff; text-decoration: underline}
.gallerypagelinks A:active {COLOR: #ffffff; text-decoration: underline}
.gallerypagelinks A:hover {COLOR: #555555; text-decoration: none}

.slideshowlink {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
      	color: #FFFFFF;
      	text-align: center;
      	margin-top:5px;
}

.slideshowlink A:link {COLOR: #ffffff; text-decoration: underline}
.slideshowlink A:visited {COLOR: #ffffff; text-decoration: underline}
.slideshowlink A:active {COLOR: #ffffff; text-decoration: underline}
.slideshowlink A:hover {COLOR: #555555; text-decoration: none}


/* Links in large img view mode */
.navlink {
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display:block;
	padding:3px 6px;
	margin:3px 12px 0px 0px;
	border:1px solid #ffffff;
	float:left;
}
.navlink:link {COLOR: #ffffff; text-decoration: none}
.navlink:visited {COLOR: #ffffff; text-decoration: none}
.navlink:active {COLOR: #ffffff; text-decoration: none}
.navlink:hover {COLOR: #888; text-decoration: none}


/* Links for admin */
.galleryadminlinks {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
      text-align: center;
      border: 1px solid #ffffff;
      margin: 15px auto;
      padding: 15px;
      width: 250px;
}

.galleryadminlinks A:link {COLOR: #ffffff; text-decoration: underline}
.galleryadminlinks A:visited {COLOR: #ffffff; text-decoration: underline}
.galleryadminlinks A:active {COLOR: #ffffff; text-decoration: underline}
.galleryadminlinks A:hover {COLOR: #ffffff; text-decoration: none}

/* powered by */
.credit {
	text-align:right;
	margin-top:20px;
	margin-bottom:2px;
	color: #AAA;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
}
.credit A:link {COLOR: #AAA; text-decoration: underline}
.credit A:visited {COLOR: #AAA; text-decoration: underline}
.credit A:active {COLOR: #AAA; text-decoration: underline}
.credit A:hover {COLOR: #ffffff; text-decoration: none}

/* popup tips */
.tips {
	font-family: Verdana;
	font-size: 8pt;
	display: none;
	position: absolute;
	border: 1px solid #ffffff;
	background-color: #787878;
	color: white;
	width: 200px;
}
.tips p
{
	padding: 5px;
	margin: 0px;
}
.tips h1
{
	font-size: 8pt;
	color: #ffffff;
	background-color: #cccccc;
	padding: 2px;
	margin: 0px;
	margin-bottom: 2px;
	text-align: center;
}
.tips img
{
	float: left;
	margin: 0px;
	padding: 5px;
	padding-right: 8px;
}


.comments {
  color: #696969;
  font-family: Verdana;
  font-size: 12px;
  width:500px;
  padding-top:5px;
}


.exif {
	margin-top:20px;
	margin-right:20px;
	color: #444;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
}

/*////// GALLERY MENU //////*/


#menu{
width:100%;
float:center;
}

#menu a {
font:normal 12px arial,helvetica,sans-serif;
display:block;
width:120px;
border-width:1px;
border-style:solid;
border-color:#000000;
white-space:nowrap;
margin:0px;
padding:2px 6px;
}


#menu a{
background:#333333;
text-decoration:none;
}

#menu a, #menu a:visited{
color:#ffffff;
}

#menu a:hover{
color:#ffffff;
background:#4F4F4F;
}

#menu a:active{
color:#060;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
}

#menu li{
position:relative;
float:left;
padding-right:2px;
}

#menu ul ul li{
position:relative;
float:none;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul ul ul ul,
div#menu ul ul ul ul ul,
div#menu ul ul ul ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul,
div#menu ul li:hover ul ul ul ul,
div#menu ul li:hover ul ul ul ul ul,
div#menu ul li:hover ul ul ul ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul ul li:hover ul
{display:block;}


/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#ffffff;
background:#eee url(/css/images/expand3.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}