/* ********************************************************************************************************* */
/* ***   GLOBAL ELEMENTS   ********************************************************************************* */
/* ********************************************************************************************************* */

* {
     margin: 0;
     outline:none;
     padding: 0;
}

/* mac hide \*/
html,body{
		height:100%;
		width:100%;}
/* end hide */

html, body {
    /* height: 100%; */
    background-color: #b8b8b8;
		background-image: url(../images/bgk_body.jpg);			 /*for separate css file    ../images/ */
		background-repeat: repeat;
		font-family:‘Trebuchet MS’, Verdana, ‘Verdana Ref’, ‘Segoe UI’, Candara, ‘Bitstream Vera Sans’, ‘DejaVu Sans’, ‘Bitsream Vera Sans’, sans-serif;
		font-size:11px;
		line-height:150%;
		color:#545454;
}
div .loader{ /* preloader */
		background-image: url(../images/loading-05.gif); 
		background-image: url(../images/bgk_add_comment.jpg); 	
		background-image: url(../images/bgk_comments.png);
		background-image: url(../images/comment.png);
		background-image: url(../images/comment-hover.png);
		display:none;
}
img {
	border:0px;
}

a:link {
	color: #862905; /* #7d2d0e; */
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #862905; /* #7d2d0e; */
}

a:hover {
	color: #e1e1e1; /* 000000; */
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #862905; /* #7d2d0e; */
}
h1 {
	color:#000000; /* 303030; */
	font-size:12px;
	line-height:250%; 
	letter-spacing: 1px; 
	word-spacing:5px;
	text-shadow: 0px 1px 1px rgba(247,247,247, .6);
}
h1 a {
	text-shadow: 0px 1px 1px rgba(247,247,247, .6);
}
h1 a:hover {
	text-shadow: 0px -1px 1px rgba(42,42,42, .6);
}

ul {
	list-style-type:none;
	padding:2px;
	margin:0px;
	line-height: 22px;
}
li {
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:23px;
}
li:hover {
	background-position:0px -19px; 
}
li.blogger { background-image:url(../images/ico2-Blogger.png); }
li.flickr { background-image:url(../images/ico2-Flickr.png); }
li.vimeo { background-image:url(../images/ico2-Vimeo.png); }
li.rss { background-image:url(../images/ico2-Feed.png); }
li.twitter { background-image:url(../images/ico2-Twitter.png); }
li.coolpb { background-image:url(../images/ico2-CoolPB.png); }
li.vfxy { background-image:url(../images/ico2-VFXY.png); }

.wrapper {
	  min-height: 100%;
	  height: auto !important;
	  height: 100%;
	  margin: 0 auto -6em;
		background-image: url(../images/bgk_wrapperall.jpg);
		background-repeat: repeat-x;
}

#keno { 						/* right above footer */
     clear:both;
     height: 100px;
     margin-left:auto;
     margin-right:auto;
}

.push {
     height: 6em;
}

.footer {
		width:100%;
		height: 6em;
}

.centeredImage {
		vertical-align:middle;
}

#footer_in {
		margin-left: auto;
		margin-right: auto;
		height: 6em;
		background-image: url(../images/bgk_footer.png);
		background-repeat: repeat-x;
		padding:15px;
		font-size:10px;
}

#footer_in img {
   vertical-align: middle;
} 
	
.top_menu {
	top:0px;
	width:100%;
	height:100px;
	visibility: visible;
	max-width: 99.9%;
	margin-left: 0;
	margin-right: auto;
	color:#cfcfcf;
	font-size:11px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:1px;
	word-spacing:20px;
	text-shadow: 0px 1px 1px rgba(42,42,42, .6);
}

#menu_logo {
	display: block;
	width:160px; 
	height:33px; 
	float: left;
	background-image: url(../images/bgk_logo.jpg);
	background-repeat: no-repeat;
	background-position: 0px -33px; /* top left; */
}
#menu_logo:hover {
	background-position: top left; /* 0px -33px; */
}
#pblogo {
	display:block;
	height:33px;
	width:160px;
	border:0;
}
#menu_nav_bar {
	height:100px; 
	min-width: 600px;
	float: right; 
	/* padding:13px 15px 0 0; */
	padding:3px 10px 0 0; 
}

ul#menu_nav_bar li {
  list-style-type: none;
  display: inline;
 	padding-left: 5px;
  text-align: left;
}

ul#menu_nav_bar li a {
	list-style-type: none;
  display: inline;
  padding-left: 5px;
  text-decoration: none;
  color:#9f9f9f;  /* 868686 #000000; */
  text-shadow: 0px 1px 1px rgba(0,0,0, .6);
}

#menu_nav_bar li:hover a {
	list-style-type: none;
	padding-left: 5px;
  color: #e1e1e1; /* 7d2d0e; */
  /* text-shadow: 0px 1px 1px rgba(247,247,247, .6); */
  text-shadow: 0px -1px 1px #000000;
}

#main_wrapper {
	clear:both; 
	margin-left: auto; 
	margin-right: auto;
	padding:0;
}

.section_header {
	font-size:24px;
	font-weight: normal;
	text-decoration: none;
	color:#000000; /* 303030; */
	line-height:250%; 
	letter-spacing: 1px; 
	word-spacing:5px;
	text-shadow: 0px 1px 1px rgba(247,247,247, .6);
	padding-bottom:20px;
}

/* ********************************************************************************************************* */
/* ***   IMAGE TEMP ELEMENTS   ***************************************************************************** */
/* ********************************************************************************************************* */

#photo_wrapper{}
#photo_overlay { 
	position:relative; 
	z-index:10; 
	background-image:url(../images/spacer.gif);
	image-repeat:repeat;
}
	
#foto {
	background-color:#fafafa;
	background-image: url(../images/loading-05.gif); 
	background-repeat: no-repeat;	
	background-position: center center; 
	padding:15px; 
	border:1px solid #848484;
}
.image_title {
	font-family: Georgia, Times, ‘Times New Roman’, Baskerville, serif;
	font-size:20px;
	font-style:italic;
	color:#303030;
	line-height:300%;
	letter-spacing: 1px;
	text-shadow: 0px 1px 1px rgba(247,247,247, .6);
}
div.row {  						/* categories - tags */
  clear: both;
  }

div.row span.label { 	/* categories - tags */
	clear: both;
  float: left;
  width: 85px;
  text-align: left;
  padding-top: 10px;
  padding-left: 23px;
  background-image:url(../images/tag-cat.png);
  background-repeat: no-repeat;
  background-position: 0px 11px;
  }

div.row span.input { 	/* categories - tags */
  float: left;
  width: 70%;
  text-align: left;
  padding-top: 10px;
  }


#recent_thumbs {
	width:101px; /* 100px; */
	height:530px;
	overflow:hidden;
	float:left; 
	/*background-color:red;*/
}

#recent_thumbs .thumbnails {
	background-color:transparent;
	border:1px solid #747474;
	margin:0 0 9px 0px;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
	height:80px;
	width:80px;
	padding:5px;
}
#recent_thumbs .current-thumbnail{
	background-color:#d7d7d7;
	border:1px solid #ffffff;
	margin:0 0 9px 0px;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
	height:80px;
	width:80px;
	padding:5px;
}
#recent_thumbs .thumbnails:hover {
	background-color:#848484;
	border:solid 1px #747474;
	margin:0 0 9px 0px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	height:80px;
	width:80px;
	padding:5px;
}

#random_thumbs {
	width:95px;
	height:530px;
	overflow:hidden;
	float:left; 
	/*background-color:green;*/
}

#random_thumbs .thumbnails {
	background-color:transparent;
	border:1px solid #747474;
	margin:0 8px 9px 0px;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
	height:80px;
	width:80px;
	padding:5px;
}
#random_thumbs .current-thumbnail{
	background-color: #d7d7d7;
	border:1px solid #d7d7d7;
	margin:0 8px 9px 0px;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
	height:80px;
	width:80px;
	padding:5px;
}
#random_thumbs .thumbnails:hover {
	background-color:#848484;
	border:solid 1px #747474;
	margin:0 8px 9px 0px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	height:80px;
	width:80px;
	padding:5px;
}

/* ********************************************************************************************************* */
/* ***   COMMENTS LAYER   ********************************************************************************** */
/* ********************************************************************************************************* */
	
#comment_layer{ 
		position:fixed; /* absolute;  */
		top:0; left:0; 
		width:100%; 
		z-index:100; 
		background: url('../images/bgk_comments.png'); 
		display:none; 
		text-align:left; 
	}
	
.comment_wrapper{ 
		position:absolute; 
		width: 1000px; /* 300px;  */
		height: 700px; /* 200px; */
		z-index:200; 
		top: 50%; 
		left: 50%; 
		margin-top: -360px; /* -100px;  */
		margin-left: -500px; /* -150px;  */
		background-image: url(../images/photo_shadow.png);
		background-repeat: no-repeat;		
		background-position: 290px 668px; /* bottom right; */
		color:#545454; 
		font-size:11px;
	}
	
#close_comments {
	width:1000px; 
	height:22px; 
	padding-top:6px;
	text-align:right; 
	padding-left:2px;
}

#comment_container {
	width:1000px; 
	height:640px; 
	background-image: url(../images/bgk_body.jpg); 
	border:1px solid #fafafa; 
	overflow-x:hidden; 
	overflow-y:scroll;
}

#comment_container a:link img {
	border:0px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}
	
#comment_container a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	}
	
#comment_leftcol {
	width:350px; 
	float:left; 
	padding:20px 20px 20px 30px;
}

#info1 {
	float:left; 
	width:130px;
	}
	
#info1 img {
	outline: none;
	width: 130px;
	height: 130px;
}

#comment_rightcol {
	width:520px; 
	float:right; 
	padding:20px 30px 20px 20px;
}

#info-addcomment {
	padding-bottom:30px;
}

.formfield {
	width:80%;
	padding:3px;
	margin:0px auto;
	color:#545454;
	border:1px solid white;
	background: #dadada;
	margin-bottom:5px;
}

.captchafield {
	width:112px;
	padding:3px;
	margin:0px auto;
	color:#545454;
	border:1px solid white;
	background: #dadada;
	margin-bottom:5px;
}

.formfield:hover, .captchafield:hover {
	border: 1px solid #545454;
	background: #dadada;
	color: #545454;
}

.formfield:focus, .captchafield:focus {
	border: 2px solid #545454;
	background: #dadada;
	color: #545454;
}

.formbutton{
	padding: 5px;
	margin: 0px auto;
	font-weight:bold;
	color: #fafafa; /* #545454; */
	background: #545454; /* #fafafa; */
	border:1px solid white;
}

.formbutton:hover{
	font-weight:bold;
	color: #545454;
	background: #fafafa;
	border:1px solid #545454;
}
#info-comments {
	text-align:left;
	padding:20px 0 0 0;
}
#image_comments {
	padding: 5px 0 5px 0;
	text-align:left;
	line-height: 1.3em;
}

#image_comments ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

#image_comments li {
	padding:15px 15px 15px 40px;
	background: url(../images/comment.png) no-repeat;
	background-position: 10px 15px;
	border-top:1px dotted #e0e0e0;
}
#image_comments li:hover {
	/* margin:0px 0px 5px 0px; */
	padding:15px 15px 15px 40px;
	background: url(../images/comment-hover.png) no-repeat;
	background-position: 10px 15px;
	background-color: #cacaca; /* #fafafa; */
	border-top:1px dotted #e0e0e0;
}
	
#image_comments h5 {
	margin:15px 0 10px 0;
}


/* ********************************************************************************************************* */
/* ***   BROWSE   ****************************************************************************************** */
/* ********************************************************************************************************* */

#browse_leftside {}
#browse_leftside a:hover {
	color: #e7e7e7;
}
#browse_rightside {}


#browse_thumbs {
	width:750px;
	text-align:left;
}

#browse_thumbs .thumbnails {
	width: 130px;
	height: 130px;
	margin:0 0;
	padding:0px 20px 25px 0px;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	outline: none;
	background-image: url(../images/thumb_shadow.png);
	background-repeat: no-repeat;
	/* background-position: 0px 130px; */
	background-position: top left;
}


#browse_thumbs .thumbnails:hover {
	width: 130px;
	height:130px;
	margin:0 0;
	padding:0 20px 25px 0;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}

#categories {}

#categories ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

#categories li {
	padding:0 0 4px 4px;
  color:#e7e7e7;
}
#categories li a {
  color:#862905;
  padding-left:22px;
  text-shadow: 0px 1px 1px rgba(247,247,247, .6);
  background-image:url(../images/tag-cat.png);
  background-repeat: no-repeat;
}

#categories li:hover a {
  color: #e7e7e7;
  /* text-shadow: 0px 1px 1px rgba(42,42,42, .6); */
  text-shadow: 0px -1px 1px rgba(42,42,42, .6);
}

#months {}

#months ul {
	padding:0px;
	margin:0px;
	list-style:none;
}

#months li {
	padding:0 0 4px 4px;
  color:#e7e7e7;
}
#months li a {
  color:#862905;
  padding-left:22px;
  text-shadow: 0px 1px 1px rgba(247,247,247, .6);
  background-image:url(../images/bullet-grey.png);
  background-repeat: no-repeat;
}

#months li:hover a {
	color: #e7e7e7;
  text-shadow: 0px -1px 1px rgba(42,42,42, .6);
}

/* ********************************************************************************************************* */
/* ***   GALLERY   ***************************************************************************************** */
/* ********************************************************************************************************* */

.albumWrapper { 
	width:178px;
	height:238px;
	text-align:left; 
	float:left; 
	padding-top:22px;
	padding-left:22px;
	background-image:url(../images/bgk_album.png);
  background-repeat: no-repeat;
  background-position:top left;
}

.albumWrapper a:link, .albumWrapper a:visited {	
	display:block; 
}
.albumWrapper a:hover, {	
	color:#cccccc; 
}

.albumWrapper img { 
	padding:0px; 
	width:130px;
	height:130px;
}

.albumWrapper a:hover img { 
	padding:0px;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75; 

}
.albumTitle { 
	width:130px;
	font-size:12px;
	padding-top:17px;
}


/* ********************************************************************************************************* */
/* ***   ABOUT   ******************************************************************************************* */
/* ********************************************************************************************************* */

#about_thumbs {
	/*background:url(../images/light/grid.gif) top left;*/
}

#about_thumbs .thumbnails {
	background-color:transparent;
	border:1px solid #747474;
	margin:0 8px 9px 0px;
	height:80px;
	width:80px;
	padding:5px;
}

#about_thumbs .thumbnails:hover {
	border:1px solid #e0e0e0;
}

/* ********************************************************************************************************* */
/* ***   FAVS   ******************************************************************************************** */
/* ********************************************************************************************************* */



#favs {
	/*background:url(../images/light/grid.gif) top left;*/
}
#favs .thumbnails {
	width: 130px;
	height: 130px;
	margin:0 0;
	padding:0 20px 25px 0;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	outline: none;
	background-image: url(../images/thumb_shadow.png);
	background-repeat: no-repeat;
	/* background-position: 0px 130px; */
	background-position: top left;
}

#favs .thumbnails:hover {
	width: 130px;
	height:130px;
	margin:0 0;
	padding:0 20px 25px 0;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}