/*
Theme Name: Photos2
Theme URI: http://johnbdigital.com/
Description: The default Photo theme based on the layout of JohnBdigital.com
Author: John B.
Author URI: http://johnbdigital.com/
Tags: black, custom header, fixed width, two columns, left menu 

*/

 
	/* Mobile first */
body{
	 background: url(https://johnbdigital.com/home-page-background1.png) no-repeat center center fixed; 
	 background-color: #000000;
	
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover !important;
		  background-repeat: no-repeat;
         /*  height: 100vh;
  width: 100vw; */
  z-index: -1000;
	
 /*   background-image: url(http://johnbdigital.com/home-page-background.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat; */
}

/* Then tablets, laptops and desktops (768px and up)
@media screen and (min-width:768px) {
body{
    background-image: url(http://johnbdigital.com/home-page-background1.png); 
	background-attachment: scroll;
	background-color: #000000;
    
    } 
}*/
  


#page {
	
    margin-top:0px;
	margin:0px auto;
	text-align:left;
	/* width:1020px; */
	font-family:"Times New Roman", "Verdana", Arial, Helvetica;
	/* font-size:16px; */
	
}


/*BEGIN HEADER*************************************/


#header {
	margin:0px auto;

}

#headerimg  {

}

#header a {
	
}
#header a:hover {
	
}
#description {
	
	
}
/*END HEADER***************************/



/***************Begin SIDEBAR************************/
#sidebar {
	float:left;
	margin-top:0px;
	width:100px;
        height: 100%;
	padding-left:8px;
	font-weight:bolder;
	font-family:"Times New Roman", "Verdana", Arial, Helvetica;
	font-size:16px;
	margin: 0 0 0 0;
	/* background-color: rgba(0, 0, 0, 0.22); */
	

	
}

#sidebar h2 {
	 
	font-weight:bolder;
	font-family:"Times New Roman", "Verdana", Arial, Helvetica;
	font-size:16px;
	
	
}

#searchform input {
        padding: 3px;
	background-color: #000000;
        color: #FFFFFF;
        text-align:left;
	width:75px;
	font-family:"Times New Roman", "Verdana", Arial, Helvetica;
	font-size:16px;
}
#sidebar #searchsubmit {
        background-color: #000000;
        color: #ff8000;
        border: 2px inset #ff8000;
        text-align:center;
	font-weight:bolder;
	font-family:"Times New Roman", "Verdana", Arial, Helvetica;
	font-size:16px;
	}

#sidebar #searchsubmit:hover {
        background-color: #000000;
        color: #009900;
        border: 2px inset #009900;
} 

#sidebar ul,#sidebar   ul   li {
        margin-top:0px;
	padding:0;
	margin:0;
	list-style:none;
        font-size:16px;
	font-weight:bolder;
        text-align: center;
}

#sidebar a {
	text-decoration:none;
	 /* color:#ffcc66; 
	
	 color: #cc0033; */

}
#sidebar a:hover {
	/* color: #009900; */
	
}


/*******SIDEBAR END***************/


a.blogtech span   /* for popup photo tech info */
{

display:none;
}


a.blogtech:hover
{
        background-color: transparent;
}


a.blogtech:hover span
{
display: block;
position:absolute;
top: 210px;
left: 38%; 
width: 385px;

z-index: 1;
margin: 0;
color: #ffffff;
background: #000000; 
/* font-size: 16px;
font-weight:600;
font-family: "Times New Roman", "Verdana", Arial, Helvetica; */ 
text-align: center; 
opacity:0.8;
  filter:alpha(opacity=70); 
}

/** added for control over links in info page **/
a.plink span 
{
	color:#ffffff;
	text-decoration:none;
}
a.plink:hover span
{
	color:#009900;
	text-decoration:none;
	
}

#content {
	
	margin-left:105px;
	padding-right:2px;
	padding-left:2px;
	font-family:"Times New Roman", "Verdana", Arial, Helvetica;
	/* font-size:16px; */
	margin-top:0px;
	

}
 #content .post {
	padding-top:0px;
	/*margin-left:5px;*/
	font-family:"Times New Roman", "Verdana", Arial, Helvetica;
	/* font-size:16px; */
	
	float:left;
	/* width:860px; */
	 width:95%;
	text-align: justify;
       
 }
 


 #content h2 a{
	font-weight:bold;
	font-family:"Times New Roman", "Verdana", Arial, Helvetica;
       /*  color: #ffcc66; */
        
	}
 

 #content h2  a:hover {
 /* color:#009900; */
	
 }
  #content h3 a{
	font-weight:bold;
	font-family:"Times New Roman", "Verdana", Arial, Helvetica;
      /*  color: #ffcc66; */
        
	}
 

 #content h3  a:hover {
 /* color:#009900; */
	
 }

.thumbnail-class {
 /* 
width="30%" height="30%"
  width: 30%;
  height: 30%; */


  display: block;
  margin-left: auto;
  margin-right: auto;

}
.entry .entry-content > *, 
.entry .entry-summary > * {
    max-width: none;
}

/* #content .entry {
 color:#ffffff;
	
 }
   #content .entry a:hover {
  color:#009900; 
	
 }*/

.narrowcolumn {

	}

.widecolumn {

	}

p {
     
margin:0;
     padding:0;
	color:#fff;
}

/* p.link {
	color:#ffe9ca;
	
} */

.more-link, p.more-link, .moretext {
padding:5px;
	
	
	/* color:#ffffff; */
}

 

p.postmetadata {
	
	}
p.postmetadata a,p.postmeta a{
	text-decoration:none;
	
}
p.postmetadata a:hover,p.postmeta a:hover {
	border-bottom:none;
}
p.postmeta span {
	/*float:left;
	
	padding:4px;
	margin:5px;*/
}

div.clear {
	clear:both;
}
a.post-edit-link {
	/*padding-left:16px;*/
	
}
a[title~=Comment] {
	/*padding-left:16px;*/
	
}
a {
	/* color:#ff8000;
	color:#ffe9ca; 
	color:#ffcc66;
	color:#009900; */
	color:#ff6600;
	text-decoration:none;
}
a:hover {
	
	color: #006600;
        /*background-color:none;*/
}


a:link img 
{ /* border: 4px ridge #f2f2f2;
-moz-box-shadow:    4px 4px 10px 0px #888888;
  -webkit-box-shadow: 4px 4px 10px 0px #888888;
  box-shadow:         4px 4px 10px 0px #888888; */
 
}

a:visited img 
{ border: 4px ridge #f2f2f2;
   }
a:hover img 
{ border: 4px outset #009900; }



/* a img {
	 border:none; 
} */
a.rss {
	/*padding-left:20px;
	padding-top:0px;
	padding-bottom:10px;*/
	
}

/* Controls Titles in posts */
h2, h3 {
        margin-top: 1px;
        margin-bottom: 7px;
        font-weight:bolder;
	font-family:"Times New Roman", "Verdana", Arial, Helvetica;
        text-align: center;
        color:#ffffff; 
        font-size: 34px;
} 

.date_time {
        margin-top:0px;
        text-align: right;
}

h2.pagetitle {
	
	text-align: center;
        font-size: 34px;
        font-weight: bolder;
}

div.comment_part {
        
	margin-left:0px;
	
        text-align:left;
        font-family:"Times New Roman", "Verdana", Arial, Helvetica;
	/* font-size:16px; */
	color: #ffffff;
        
 }

div.comment_part #submit {
        background-color: #000000;
        color: #ff8000;
        border: 2px inset #ff8000;
        text-align:center;
	font-weight:bolder;
	font-family:"Times New Roman", "Verdana", Arial, Helvetica;
	/* font-size:16px; */
	}

div.comment_part #submit:hover {
        background-color: #000000;
        color: #009900;
        border: 2px inset #009900;
} 



/* controls comment replies */

h3#comments {
	padding:10px;
	font-size:21px;
}

ol.commentlist ul { 
     /*  list-style-type: none; */
         margin: 1px;
        
}

ol.commentlist li {
	
	padding: 15px;
       font-family:"Times New Roman", "Verdana", Arial, Helvetica;
	font-size:16px;
	color: #ffffff;
        text-align:justify;
}
ol.commentlist li.alt {
	
	padding: 10px;
}

ol.commentlist img.avatar {
	
	 width:32px;
	height:32px; 
}

cite.comment_author {
	
	font-family:"Times New Roman", "Verdana", Arial, Helvetica;
	text-transform:capitalize;
	font-style: normal;
}
em.awaiting_moderation {
	
	display:block;
	
	/*padding:3px;
	font-size:16px;*/
	margin:0px;
}
small.commentmetadata,small.commentmetadata a {
	
	/*padding:3px;*/	
}

#commentform  {
       
        margin-left: 50px;
}

#commentform textarea {
	
	padding: 10px;
        background: #000000;
        border: 5px inset #ffffff;
        color: white;
        margin-left: 0px;
	margin-right: auto;
	font-family:"Times New Roman", "Verdana", Arial, Helvetica;
	/* font-size:16px; */
	overflow:auto;
	width:750px;
	height:100px;	
}


hr {
	display:none;
}





.page-id-6369-2 footer {
  display: none !important;
}
.post-id-6369-2 footer {
  display: none !important;
}

#footer {
	clear:both;
	/* background: url("images/back.gif"); */
	padding:0px;
	text-align:center;
	/*height:30px;
	font-size:16px;*/
	
	/*margin-top:5px;*/
	
}

#footer p {
	/*padding:20px;*/
	
}
.note,.warning,.caution,.highlight {
	
	/*padding:5px;
	font-size:16px;*/
	
}

a.download {
	
	padding:5px;
	
}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
        }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}



/* End Images */

code {
	font: 2.5em Arial, 'Courier New', Courier,"Times New Roman", "Verdana", Arial, Helvetica, Fixed;
	}

acronym, abbr, span.caps
{
	/* font-size: 18px; */
	letter-spacing: .07em;
	}
/* Begin Calendar */


#wp-calendar #prev a, #wp-calendar #next a {
	/* font-size: 13px; */
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em "Times New Roman", Verdana, Helvetica, Arial,'Arial Narrow';
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
	
#wp-calendar {
	empty-cells: show;
	margin: 0px auto 0;
	width: 100px;
	}

#wp-calendar #next a {
	/*padding-right: 10px;*/
	text-align: right;
	}

#wp-calendar #prev a {
	/*padding-left: 10px;*/
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	font-weight:normal;
	
	}

#wp-calendar td {
	/*padding: 3px 0;*/
	text-align: left;
	}


/* End Calendar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}


.wp-caption {

	text-align: center;
	
	padding-top: 4px;
	margin: 10px;
	
}

.wp-caption img {
	margin: 0;
	padding: 0;
	 border: 0 none; 
}

.wp-caption p.wp-caption-text {
	/* font-size: 13px; */
	/* line-height: 17px; */
	padding: 0 4px 5px;
	margin: 0;
}


/*Single posts Navigation*/

div.single_navigation {
	font-family:"Times New Roman", "Verdana", Arial, Helvetica;
	/* font-size:16px; */
	
}
div.single_navigation table {
	
	/*margin-top:20px;
	padding:5px;*/
	
}

div.single_navigation table a {
	
}
div.single_navigation table a:hover {
	
}
td.single_alignleft,td.single_alignright {
	width:100px;
}
td.single_alignright {
	/*text-align:right;*/
	
}
td.single_alignleft a {
	/*padding:24px;*/
	
}
td.single_alignright a {
	/*padding:24px;*/
	
}

/*single posts navigation end*/


div.navigation>div.alignleft a {
	/*padding:24px;*/
	
}
div.navigation>div.alignright a {
	/*padding:24px;*/
	
}


/*gallery begin*/
.gallery {
	line-height:10px !important;
}
.gallery {
	margin: auto;
	}
.gallery-item {
	float: left;
	/*margin-top: 10px;*/
	text-align: center;
	
	}
.gallery img {
	
	}
	

.gallery-caption {
	margin-left: 0;
	}
.gallery-icon {
}
/*gallery end*/