/*
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: #33FF33;
}

/* remove dotted lines from links */
a:focus {outline: 0px dotted;}

/* Gallery Title */
.gallerytitle {
	color: #66CCFF;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
}

/* Breadcrumbs links */
.gallerymenu {
	color: #FFF;
	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: #FF9933; text-decoration: underline}
.gallerymenu A:hover {COLOR: #FF9933; text-decoration: none}


/* HR below breadcrumbs */
hr {
	border:0;
	color: #66CCFF;
	background-color:#2B3445;
	height: 1px;
}


/* Image (and folder) Title */
.imagetitle {
	color: #FFFFFF;
	font-family:Helvetica, sans-serif;
	font-size: 12px;
}

.view_download {
	color: #330000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px; 
}
.view_download A:link {COLOR: #330000; text-decoration: none}
.view_download A:visited {COLOR: #330000; text-decoration: none}
.view_download A:active {COLOR: #330000; text-decoration: none}
.view_download A:hover {COLOR: #330000; text-decoration: underline}


.folder_description {
	color: #000;
	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: #00FF66;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px; 
	font-weight:bold;
}
.filelist {
	color: #888888;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px; 
}
.filelist A:link {COLOR: #888888; text-decoration: none}
.filelist A:visited {COLOR: #888888; text-decoration: none}
.filelist A:active {COLOR: #888888; text-decoration: none}
.filelist A:hover {COLOR: #888888; text-decoration: underline}

/* galeri küçük çerçeve resim kenarlari*/
.galleryimage {
	border: 2px solid   #2B3445;
	background-color: #161616;
	margin-left:15px;
	margin-right:15px;
}
.galleryimage:hover {
	border: 2px solid #FFF;
}

/* basliklarin resimleinin bosluk araligi ve çerçeve */
.galleryfolder {
	border: 0px solid transparent;
	background-color: transparent;
	margin-left:50px;
	margin-right:50px;
}
.galleryfolder:hover {
	border: 0px solid #330000;
}

/* sayfa ileri-geri büyüklük renk*/
.gallerypagelinks {
	font-family: Helvetica, sans-serif;
	font-size: 15px;
      	color: #FF6600;
      	text-align: center;
      	margin-top:30px;
}

.gallerypagelinks A:link {COLOR: #66CCFF; text-decoration: underline}
.gallerypagelinks A:visited {COLOR: #66CCFF; text-decoration: underline}
.gallerypagelinks A:active {COLOR: #aaaaaa; text-decoration: underline}
.gallerypagelinks A:hover {COLOR: #FFFFFF; text-decoration: none}

.slideshowlink {
	font-family:  Helvetica, sans-serif;
	font-size: 15px;
      	color: #FF0000;
      	text-align: center;
      	margin-top:27px;
}

.slideshowlink A:link {COLOR: #FF0000; text-decoration: underline}
.slideshowlink A:visited {COLOR: #FF0000; text-decoration: underline}
.slideshowlink A:active {COLOR: #FF0000; text-decoration: underline}
.slideshowlink A:hover {COLOR: #ffffff; text-decoration: none}


/* slayt da ileri-geri */
.navlink {
	color: #FF0000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display:block;
	padding:3px 15px;
	margin:0px 12px 0px 0px;
	border:1px solid #0F0F0F;
	float:left;
}
.navlink:link {COLOR: #66CCFF; text-decoration: none}
.navlink:visited {COLOR: #66CCFF; text-decoration: none}
.navlink:active {COLOR: #FFFFFF; text-decoration: none}
.navlink:hover {COLOR: #FFFFFF; text-decoration: none}

/* Links for admin */
.galleryadminlinks {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
      color: #aaaaaa;
      text-align: center;
      border: 1px solid #aaaaaa;
      margin: 15px auto;
      padding: 15px;
      width: 250px;
}

.galleryadminlinks A:link {COLOR: #aaaaaa; text-decoration: underline}
.galleryadminlinks A:visited {COLOR: #aaaaaa; text-decoration: underline}
.galleryadminlinks A:active {COLOR: #aaaaaa; text-decoration: underline}
.galleryadminlinks A:hover {COLOR: #ffffff; text-decoration: none}

/* sag alt köse */
.credit {
	text-align:right;
	margin-top:20px;
	margin-bottom:2px;
	color: #330000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
}
.credit A:link {COLOR: 66CCFF; text-decoration: underline}
.credit A:visited {COLOR: 66CCFF; text-decoration: underline}
.credit A:active {COLOR: #888888; text-decoration: underline}
.credit A:hover {COLOR: #ffffff; text-decoration: none}

/* anasayfadaki anabasliklardan resimlerden açilan küçük pencereler */
.tips {
	font-family: Verdana;
	font-size: 8pt;
	display: none;
	position: absolute;
	border: 1px solid #FF6600;
	background-color: #66CCFF;
	color: black;
	width: 130px;
}
.tips p
{
	padding: 5x;
	margin: 10px;
}
.tips h1
{
	font-size: 8pt;
	color: #FFFFFF;
	background-color: #FF6600;
	padding: 2px;
	margin: 1px;
	margin-bottom: 2px;
	text-align: center;
}
.tips img
{
	float: left;
	margin: 0px;
	padding: 15px;
	padding-right: 8px;
}

.comments {
  color: #ffffff;
  font-family: Verdana;
  font-size: 12px;
  width:500px;
  padding-top:5px;
}


.exif {
	margin-top:20px;
	margin-right:20px;
	color: #000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
}


/*////// GALLERY MENU  sol agaç menüsü//////*/

#menu{
z-index:2;
width:190px;
padding-bottom:2em; /* To allow room for bottom dropdown */
padding-right:20px;
}

#menu a {
font:normal 12px verdana,helvetica,sans-serif;
display:block;
border:1px solid #2B3445;
margin:0px 0px 4px 0px;
padding:3px;
color: #00CCFF;
background-color: #080808;
text-decoration:none;
}

#menu a:hover{
color: #000000;
background-color: #66CCFF;
}

#menu ul ul a {
border:0px;
margin:0px
}

#menu a:active{
color:#888888;
background-color: #FFFFFF;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

#menu ul ul {
border:1px solid #696969;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

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 non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
background:#eee url(gallery/css/sub.gif) no-repeat bottom right;
}

#menu a.x:hover{
color:#ffffff;
background-color:#383838;
}

#menu a.x:active{
color:#ffffff;
background-color:#383838;
}


















.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
	border: 1px solid #FFFF99;
    cursor: pointer; /* opera */
	cursor: url(http://www.ofsaraykoy.com/zurel/highslide/graphics/zoomout.cur), pointer;
}
.highslide-image-blur {
    cursor: pointer;
    cursor: hand;
}
.highslide-caption {
    display: none;
    
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    border: 5px solid #444444;
    border-top: none;
    padding: 5px;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	opacity: 0.60; /* w3c */
	filter: alpha(opacity=60); /* ie */
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    
    padding-left: 22px;
    background-image: url(http://www.ofsaraykoy.com/zurel/highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
