@charset "utf-8";


/* Global formatting across entire page ----------------------------- */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	background-color: #FFFFFF;
	margin-top: 0px;
}

#container {
	width: 780px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: #FFF;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	margin-top: 10px;
}

a {
text-decoration: none;	
}

a:link {
	color: #c00; 	/* johnkane.com Red */
}

a:visited { 
	color: #c90;	/* johnkane.com Gold */
}

a:hover  { 
	color: #f60 ; 	/* johnkane.com Orange */
}

a:active { 
	color: #03c;	/* johnkane.com Blue */ 
}


/* Header formatting ----------------------------------------------- */

#header #headerBanner #headerNavBar #headerNavBar1 #headerNavBar2 {
	margin: 0;
	padding: 0;
}

#header {
	float: left;
	width: 100%;
}

#headerBanner {
	background-color: #000099; /* Blue background */
	padding-left: 8px;
	padding-bottom:  5px;
	font-size: 3.0em;
	font-weight: bold;
	color: #FFFFFF;
}

#headerBanner #headerBannerSubpoints{

	clear:none;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.3em;
	color: #DDD;	
	font-weight: normal;
	padding-left: 5px;
}
#headerBanner a:link,
#headerBanner a:visited, 
#headerBanner a:active 
{
	color: #FFF;
	text-decoration: none;
}

#headerBanner a:hover
{
	color: #fcefc5;
	text-decoration: none;
}


#headerNavBar {
	float: left;
	width: 100%;
	clear: both;
	background-color: #EEE; /* Matches light gray of generic spry menu background */
}

#headerNavBar1 {
	float: left;
}

/* Menu items that have mouse over or focus have a blue background and white text */
/* This overrides the style in the generic spry css sheet located in the SpryAssets folder */
#headerNavBar1 ul.MenuBarHorizontal a:hover, 
#headerNavBar1 ul.MenuBarHorizontal a:focus
{
	background-color: #c90; /* Mustard background */
	color: #FFF;
}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
/* This overrides the style in the generic spry css sheet located in the SpryAssets folder */
#headerNavBar1 ul.MenuBarHorizontal a.MenuBarItemHover, 
#headerNavBar1 ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, 
#headerNavBar1 ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #c90; /* Mustard background */
	color: #FFF;
}

#headerNavBar2 {
	float: right;
}

/* Menu items that have mouse over or focus have a blue background and white text */
/* This overrides the style in the generic spry css sheet located in the SpryAssets folder */
#headerNavBar2 ul.MenuBarHorizontal a:hover,
#headerNavBar2 ul.MenuBarHorizontal a:focus
{
	background-color: #f60; /* Orange background */
	color: #FFF;
}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
/* This overrides the style in the generic spry css sheet located in the SpryAssets folder */
#headerNavBar2 ul.MenuBarHorizontal a.MenuBarItemHover,
#headerNavBar2 ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
#headerNavBar2 ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #f60; /* Orange background */
	color: #FFF;
}


/* Main Content formatting ------------------------------------------*/

#mainContent {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
	float: left;
}

/* Intro formatting ------------------------------------------*/

#intro, #intro, h1, .introPageCount, .sectionID {
	margin: 0;
	padding: 0;
}

#intro {
	width: 100%;
	clear: both;
	float: left;
}

.introText {
	padding-left: 5px;
	padding-right: 5px;
}

.sectionID {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 7em;
	color: #CCC;	
}

#intro h1, .johnKaneMain #intro h2 {
	padding-left: 5px;
	padding-right: 5px;

	font-weight: bold;
}

#intro h1 {
clear:both
}

#intro h1.photoRollHeadline  {
	margin-top: -45px;
	font-size: 3.0em;

}

#intro h1.photoDetailHeadline  {
	padding-top: 20px;
	font-size: 2.0em;
}


#intro h2.photoDetailHeadline  {
	padding-top: 20px;
	font-size: 1.5em;
	margin-top: -10px;
	font-style: italic;
	color: #666666;	
	
}

.introPageCount {
	margin-top: -20px;
	text-align: right;
	padding-right: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.1em;
	font-weight: bold;
	color: #CCC;
	padding-bottom: 20px;

}

.introPageNumber {
	margin-top: -5px;
	text-align: right;
	padding-right: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.1em;
	font-weight: bold;
	color: #CCC;
}


#introNavBar {
	padding-left: 5px;
	color: #CCC;

}


/* Photo Fine Art Print Badge formatting ------------------------------------------*/



/* Photo Roll formatting ------------------------------------------*/

#photoRoll, #blogContainer {
	margin: 0;
	clear: both;
	float: left;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 100%;
}


.photoRollExposure {
	clear: both;
	padding-top: 2px;
	padding-bottom: 6px;
	float: left;
	width: 770px;	/* Width of 780 - 2x5px border = 770 to fix IE bug - won't accept auto width */
	padding-left: 5px;
	padding-right: 5px;
	}
	
.photoRollExposure img {
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.photoRollExposure h2 {
	margin-left: 320px;
	padding-left: 20px;
	margin-top: 0px;
	font-size: 1.0em;
}

.photoRollExposure p {
	margin-left: 320px;
	padding-left: 20px;
	margin-top: 0px;
}

.photoRollSectionLinkPageCount{
	color: #CCC;
}

#photoRoll .FineArtPrintAvailable a{

	font-size: 0.8em;

	color:#999;

	background-color: #EEE;

	border-top-color: #CCC;
	border-bottom-color: #CCC;

	padding-top: 2px;
	padding-bottom: 2px;

	padding-left: 5px;
	padding-right: 5px;


	border-top-width: thin;
	border-bottom-width: thin;

	border-top-style: solid;
	border-bottom-style: solid;


}

#photoRoll .FineArtPrintAvailable a:hover{
	color:#777;
	border-top-color: #BBB;
	border-bottom-color: #BBB;

}

.photoRollExposureLink {
	font-size: 0.8em;
	color:#CCC;
}



/* Photo Detail formatting */

#photoDetail {
	margin: 0;
	clear: both;
	float: left;

	border-top-width: thin;
	border-bottom-width: thin;
	
	border-top-style: solid;
	border-bottom-style: solid;
	
	border-top-color: #CCC;
	border-bottom-color: #CCC;

	padding-top: 20px;
	padding-bottom: 20px;

	width: 770px;
	text-align: center;
	background-color: #EEEEEE;

	padding-right: 5px;
	padding-left: 5px;

}

#photoDetail p {
	padding-left: 30px;
	padding-right: 30px;
}

#photoDetail #photoFineArtPrintBanner {

	color:#888;
	font-size: 1.0em;

	padding-bottom: 10px;

	margin-left: 25%;
	margin-right: 25%;
	margin-bottom: 20px;

	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;

}

#photoDetail h2 {
	font-size: 1.8em;
	font-weight: bold;
	color:#666666;

}

#photoDetail .photoCartSelection{

	padding-top: 10px;

	margin-left: 25%;
	margin-right: 25%;
	margin-top: 20px;

	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;


}


/* Footer formatting ------------------------------------------*/

#footer {
	clear: both;
	float: left;
	width: 100%;
	text-align: right;
}

#footerNavBar {
	padding-top: 8px;
	float: right;
	clear: both;
	padding-bottom: 8px;
	padding-right: 5px;
	margin: 0;
	color: #CCC;
}

#footerNavBarBottom {
	float: right;
	clear: both;

}

#johnKaneCart{
	float:right ;
	clear: both;
	width:435px ;
	margin-right: -5px ;
	margin-top: 2px;
	
}


#footerBottom {
	margin: 0;
	padding-top: 8px;
	width: 430px;
	clear: both;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
	float: right;
	padding-right: 5px;
	padding-bottom: 10px;
}

/* Blog / WordPress formatting ------------------------------------------*/

#blogContainer {

	margin: 0px;
	padding: 0px;
	
}

#jkBlogSidebar1 {
	float: left ;
	width: 300px;

	margin: 0px;
	
	margin-top: 20px;
	margin-bottom: 20px;

	padding-top: 0px;
	padding-bottom: 0px;
	
	padding-left: 10px;
	padding-right: 10px;

	background-color:#EEEEEE;	

	border-top-width:20px;
	border-top-style:solid;
	border-top-color: #f60 ; 	/* johnkane.com Gray */

	border-bottom-width:20px;
	border-bottom-style:solid;
	border-bottom-color: #f60 ; 	/* johnkane.com Gray */
	
}

#jkBlogContent {
	float: right;
	width: 425px;
	margin: 0px;
	
	margin-top: 20px;
	margin-bottom: 20px;

	padding-top: 0px;
	padding-bottom: 0px;
	
	padding-left: 10px;
	padding-right: 10px;
	

	
}

#jkBlogContent.jkBlogIndexPage {
	margin-top: 0px;

}

#jkBlogContent img.jkBlogImage {

	float: left;
	

	background-color:#EEEEEE;	

	margin-top: 4px;
	margin-bottom: 3px;
	
	margin-left: 0px;
	margin-right: 10px;
	
	padding-top: 10px;
	padding-bottom: 11px;
	
	padding-left: 15px;
	padding-right: 15px;

	border-top-width:thin;
	border-top-style:solid;
	border-top-color: #CCC ; 	/* johnkane.com Gray */

	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color: #CCC ; 	/* johnkane.com Gray */

	border-left-style:none;
	border-right-style:none;

	
}

#jkBlogSidebar1  h3.widget-title {
	color:#888888;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	
}

#jkBlogSidebar1 .widget_twitter h3.widget-title, #jkBlogSidebar1 .widget-title-link {
	font-size:16px;
	margin-left:20px;
	border-bottom-style: none;
	font-weight:bold;	
}

#jkBlogSidebar1 #recently-on-last-fm h3.widget-title, .jkBlogHidden {
	display:none;
	
}




#jkBlogSidebar1 .widget_tag_cloud div {
	padding-left:25px;
	padding-right:10px;
	list-style:none;
}

#jkBlogSidebar1 ul {

	list-style-type:none;
}

#jkBlogSidebar1 li {

	list-style-type:circle;
	color:#888888;
	
}



#jkBlogContent .published-time, #jkBlogContent .comment-date abbr {

	border-bottom-style:none;

	
}

#jkBlogContent .jkBlogMeta, #jkBlogContent h3 {
	color:#888888;

}

#jkBlogContent .avatar-link {
display:none;
}

#jkBlogContent ol.comment-list, #jkBlogContent ol {
list-style-type:none;


}

#jkBlogContent .comment-list li {

	margin: 0px;
	
	padding-top:5px;
	padding-bottom:5px;

	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;


}


.widget_twitter p {
	padding-left:25px;
	padding-right:10px;
	color:#888888;

}


/* Google Checkout Cart Widget formatting ------------------------------------------*/

.googlecart-override #googlecart-widget {
	position:absolute;
	left:0;
	width:435px;}

.googlecart-override #googlecart-widget-head {
	border-width: thin;
	border-color: #CCC;
	border-left: none;
	border-right: none;
	background-color:#EEEEEE;	
}

.googlecart-override #googlecart-widget-body {
	border-left: none;
	border-right: none;
	border-bottom-width: thin;
	border-bottom-color: #CCC;
}

.googlecart-override .googlecart-widget-item, 
.googlecart-override .open .googlecart-widget-item td {
	border-bottom-width: thin;
	border-bottom-color: #CCC;
}

.googlecart-override .googlecart-widget-quantity-box {
	border-width: thin;
	border-color: #CCC;
}

.googlecart-override .googlecart-widget-title {
	color:black;	
}

.googlecart-override .googlecart-widget-long-details {
	color: #666666;	
}

.googlecart-override .googlecart-widget-img {
	border-width: thin;
	border-color: #CCC;
	border-style:solid;
}


.googlecart-override .googlecart-widget-remove {
	color:#c90;
	text-decoration: none;	
}

.googlecart-override .googlecart-widget-restore {
	color:#c00;
	text-decoration: none;	
}

#photoDetail .product-image {
	display:none;
}

#photoDetail p .googlecart-add-button {
	display: block; 
	margin-left:auto; 
	margin-right:auto;
	tabindex="0";
}

/* Google Search formatting ------------------------------------------*/

#content .gsc-control { 
	padding-top: 8px;

	width : 770px; 
	padding-left: 5px;
	padding-right: 5px;

}

#content .gsc-search-box {
width: 330px;
}

#content *{
	text-decoration: none;	
}

#content a:link, 
#content a:link * {
	color: #c90;
}

#content a:visited, 
#content a:visited * { 
	color: #c00; 
}

#content a:hover, 
#content a:hover * { 
	color: #f60 ; 
}

#content a:active, 
#content a:active * { 
	color: #03c; 
}

#content .gs-visibleUrl-short {
	display:none;
}

#content .gs-visibleUrl-long {
	display:inline;
	color: #999999;	
}

#content .gsc-results .gsc-cursor-box .gsc-cursor-page {
	color : #c90;
}

#content .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	cursor:auto;
	color: #999999;	
	font-weight:normal;
}

#intro .jkOpenGraph { 
	padding-left: 6px;
}

#photoRoll .jkOpenGraph { 
	padding-left: 21px;
}