@charset "utf-8";
/*css*/

html {
height: 100%;
}

body {
margin: 0;
padding: 40px;
font-family: Verdana, Arial, sans-serif;
font-size: 12px; /*87.5%*/
line-height: 1.6;
color: #000;
background-color: #fff;
}

p {
font-size: 11px;
}


/*start banner*/
#banner img {
padding-left: 40px; 						/*062012 added*/
}

#banner a {
font-size: 8px;
color: #000;
margin: 0px;
}
/*end banner*/


/*start content*/
#content {
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
margin: 0 auto;
background-color: #FFF; 					/* ffffd7 is soft yellow*/
width: 985px; 								/*was auto. was 855px changed 05102017*/
padding: 10px; 								/*was 10 30 10 10 on cal css*/
height: auto; 								/*was 930px on main css and auto on cal css. Was 985px test chng to auto 05112017 which 
												fixed footer issue but created new prob on hm pg with footer */
min-height: 100%;
}

#contenthm {								/*had to add for hm pg to solve footer issue 05112017*?
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
margin: 0 auto;
background-color: #FFF; 					/* ffffd7 is soft yellow*/
width: 985px; 								/*was auto. was 855px changed to 985px 05102017 to adjust for sidebar issue*/
padding: 10px; 								/*was 10 30 10 10 on cal css*/
height: auto; 								/*was 930px on main css and auto on cal css. 
												Was 985px test chng to auto 05112017 which 
												fixed footer issue but created new prob on hm pg with footer, 
												created contenthm for hm pg and set back to 930px. 
													Was 985px changed to auto to adj footer for more than one img post 05142017 */
min-height: 100%;
}

#content p a:link {
text-decoration: none;
font-size: 11px;
}

#content p a:hover {
color: #F0F; /*BLUE-PURPLE*/
text-decoration: none;
}
/*end content*/



#fadebox a {
font-size: 11px;
color: #ee1199;
}


/*start headers*/
h1 {
font-family: "Papyrus", Verdana, Arial, sans-serif;
font-size: 12px;
color: #000000;
border-bottom: thin solid #c0c0ec;
padding: 5px;
}

/*test add 06132017 to override mobile*/
#h1override {
border-bottom: thin solid #c0c0ec;
float: left;
width: 100%;
}
/*end test add 06132017 to override mobile*/

h2 {
font-size: 11px;
margin-bottom: 0;
color: #000000;
}

h3 {
font-size: 11px;  							/*05122017 changed from 7px to 11px*/
color: #A0A0A4;
margin: 0;
padding: 0;
/*text-decoration: none;						omitted 05132017*/	
}

h4 {
font-family: "Papyrus", Verdana, Arial, sans-serif;
font-size: 13px;
color: #006666;
margin: 0;										
padding: 0;							
/*text-decoration: none;						omitted 05132017*/	
}

h4 a {
font-family: "Papyrus", Verdana, Arial, sans-serif;
font-size: 12px;
color: #0033cc;
margin: 0;
padding: 0;
text-decoration: none;										
}

h5 {
font-family: "Papyrus", Verdana, Arial, sans-serif;
font-size: 13px;
color: #006666;
margin: 0;										
padding: 10px 0px 0px 0px;
/*text-decoration: none;						omitted 05132017*/	
}
/*end headers*/



#surround {
min-height: 100%;
background-color: #fff;
width: 995px;								/*was 900px changed 05102017 was 940 changed 05122014 to exceed content width TEST*/
margin: 0 auto;
padding-bottom: 25px;
}

.center img {
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 8px;
color: inherit;
padding: 0;
vertical-align: top; 						/*to float img*/
display: block;								/*to float img*/
margin: 20px auto 10px auto;				/*to float img, notice r and l are 0*/	
}




/*start right sidebar*/
#sidebar1 {
font: 12px Verdana, Arial, sans-serif;
color: #000000;
											/*background-color: #FFF; test omit 05102017*/
float: left; 								/*was right and changed to left 08102012*/
margin: 0px; 								/*was margin-top changed 05102017*/
padding: 165px 15px 15px 15px;				/*padding-top: 165px; added to adjust img with maincol image   
												165px can lower to allow for more ads 05102017 was 138px*/
width: 120px;								/*was 120 changed 05102017 to adjust with note journal width*/
height: 530px;								/*was 345 changed 05102017 to 530 to make same as maincol height in inspector*/
											/*border-left: 1px solid #A0A0A4; omit*/
}

#sidebar1 a img {
margin: 10px; 								/*was 10px 0px 10px 0px changed 05102017 this changes diameter space btw ads*/
float: left;
											/*background: #fff; test omit*/
border: thin solid #000;					/*frame of img ad*/
border-width: 1px;
padding: 0;	
vertical-align: top;
width: 100px;								/*size of ad box*/
height: 75px;								/*size of ad box*/
}
/*end right sidebar*/


/*start ad widgets*/
#widget1 img {
margin: 0;
padding: 0;
float: right;
border: 0px;
}

#widget2 img { /*Ads, Etsy, KINY*/
margin: 10px 20px 10px 0px;
float: left;
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 8px;
color: inherit;
padding: 0;
vertical-align: top;
width: 100px;
height: 75px;
}

#widget3  { /*clock*/
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000;
float: left;
width: 130px;
margin: 0;
padding: 0;
}
/*end widgets*/



/*start tack*/
#tack {
float: left;
margin-left: 15px; /*added*/
margin-right: 0; /*added*/
}

#tack img {
margin-left: 15px;
margin-right: 0;
float: left;
}
/*end tack*/



/*begin navbar*/
#navcontain {
width: 90%; 								/*062012 changed from 100*/
height: 60px; 								/*changed from 40 to 60 08102012*/
padding-left: 10px; 						/*add 062012. was 20px, chngd 06142017*/
}
													
div#navbar {
background-color: #FFF; 					/*was FF9F00*/
margin: 0;
padding: 0;
											/*background-image: url(navbutton2.jpg);*/
text-align: left;
display: block; 							/*added 062012*/
overflow: hidden; 							/*added 062012*/
}

div#navbar ul {
margin: 0;
padding: .7em;
float: left;
list-style: none;
background: #444;
background: rgba(0,0,0,.2);
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;    
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
}

div#navbar li {
float:left;
}

div#navbar li a {
float:left;
padding: .8em 1.5em;
text-decoration: none;
color: #555;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
font: bold 1.1em/1 Verdana, Arial, sans-serif;
letter-spacing: 1px;
border-width: 1px;
border-style: solid;
border-color: #fff #ccc #999 #eee;
background: #c1c1c1;
background: -moz-linear-gradient(#f5f5f5, #c1c1c1);
background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));
background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);
background: -o-linear-gradient(#f5f5f5, #c1c1c1);
background: -ms-linear-gradient(#f5f5f5, #c1c1c1);
background: linear-gradient(#f5f5f5, #c1c1c1);            
}
         
div#navbar li a:hover, div#navbar a:focus {
outline: 0;
color: #fff;
text-shadow: 0 1px 0 rgba(0,0,0,.2);
background: #fac754;
background: -moz-linear-gradient(#fac754, #f8ac00);
background: -webkit-gradient(linear, left top, left bottom, from(#fac754), to(#f8ac00));
background: -webkit-linear-gradient(#fac754, #f8ac00);
background: -o-linear-gradient(#fac754, #f8ac00);
background: -ms-linear-gradient(#fac754, #f8ac00);
background: linear-gradient(#fac754, #f8ac00);
}
        
div#navbar li a:active {
-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}
         
div#navbar li:first-child a {
border-left: 0;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;            
}
        
div#navbar li:last-child a {
border-right: 0;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;            
}
/*end navbar*/


/*start back navbar*/
.back a, a:link {
margin-top: 0;
margin-bottom: 0;
font-size: 8px;
font-family: Verdana, Arial, sans-serif;
padding: 0;
text-decoration: none;
											/*cursor: hand;          removed becuz declaration dropped 04242017*/
}

.back a:hover {
margin-top: 0;
margin-bottom: 0;
font-family: Verdana, Arial, sans-serif;
padding: 0px 0px 0px 20px;
text-decoration: none;
											/*cursor: hand;          removed becuz declaration dropped 04242017*/
color: #F0F; 								/*hot pink*/
display: inline;
}

.back li {
font-family: Verdana, Arial, sans-serif;	
display: inline; 
}
/*end back navbar*/



/*start note in archives*/
.note {
/*float: left; 									omit float containment. TEST omit 05112017 DIDNT FIX. note if float l then words dont wrap. */
/*width: 780px;
min-width: 705px; */
width: 680px; 										/*TEST lower for H1 issue 05132017 was 780px*/
min-width: 605px;									/*TEST lower for H1 issue 05132017 was 705px*/
max-width: 80em;
/*min-height: 600px;									test add 05142017. omit bcuz without pic note too lrg 05142017*/
padding: 3.2em 1.6em 1.6em 1.6em;
/*margin: 10px 0px 10px 0px; changed top from 40 to 10 on 05102017. omited 05112017 see below.*/
border-width: 0 0 0 50px; 
border-style: solid;								/*test add border style to solve edge issue in chrome 05122017*/
-moz-border-image: url(images/edge.png) 0 0 0 50 round; 
-webkit-border-image: url(images/edge.png) 0 0 0 50 round; 
border-image: url(images/edge.png) 0 0 0 50 round;
background: url(images/paperlines.gif) #FBFBF9; /* IE, old FF */
background: url(images/pin.png) 47% 5px no-repeat,
url(images/stains1.png) 95% -20px no-repeat,
url(images/stains2.png) 30% 8% no-repeat,
url(images/stains3.png) 2% 50% no-repeat,
url(images/paperclip3.png) 100% 100% no-repeat,
url(images/stains4.png) 98% 98% no-repeat,
url(images/paperlines.gif) #FBFBF9;
-moz-background-size: auto, auto, auto, auto, auto, auto 1.6em;
-webkit-background-size: auto, auto, auto, auto, auto, auto 1.6em;
background-size: auto, auto, auto, auto, auto, auto 1.6em; /* Chrome, Opera 10.5 */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* Chrome, Opera 10.5 */
-moz-box-shadow: 6px 5px 3px hsla(0,0%,0%,.2);
-webkit-box-shadow: 6px 5px 3px hsla(0,0%,0%,.2);
box-shadow: 6px 5px 3px hsla(0,0%,0%,.2);
										/*min-height: 350px;*/
										/*vertical-align: top; 				to float img TEST 05112017 zero effect*/
										/*display: block;					to float img TEST 05112017 zero effect*/
margin: 20px auto 10px auto;			/*to float img, notice r and l are 0 TEST 05112017 fixed cnt issue but, didnt fix footer issue on journal pgs*/	
}

.note p {
font-size: 11px;
margin: 0px 20px 10px 20px;
color: #000000;
}

.note a[href^="http:"] {
background: url(images/ext_link.png) no-repeat right top;
padding-right: 15px;
font-size: 11px;
}

.note a {
font-size: 8px;
text-decoration: none;
}

.note p a {
font-weight: bold;
color: #000;
font-size: 11px;
}

.note p a:link {
text-decoration: none;
color: #000; 								/*00f on cal css*/
/*added*/
font-weight: normal;
font-size: 11px;
text-decoration: none;
}

.note p a:hover, a visited {
text-decoration: none;
color: #F0F;
cursor: default; 							/*omit ?*/
}
/*end note in archives*/



/*calendar*/
.calendarheader {
font-family: Verdana, Arial, sans-serif;
font-size: 18px;
background-color: #FFFFD2; 					/*soft yellow*/
}

tr td.calendarheader {
text-align: center;
vertical-align: top;
}

.calendarheader1 {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
background-color: #FFFFD2;
border: 1px solid #C3C3C3;
}

td.calendarheader1 {
text-align: center;
vertical-align: top;
}

.calendaryearheader {
font-family: Verdana, Arial, sans-serif;
font-size: 25px;
/*width: 33%;									TEST CHANGE 06132017 AND ADD COMMANDS BELOW*/
}

/*TEST ADD BELOW 06132017. End test below made no change once 33% above was omitted.
td.calendarheaderlink {
width: 15%;
}

td.calendaryearheader {
width: 15%;
}
END TEST ADD ABOVE 06132017*/

.calendarbody {
border: 1px solid #c0c0c0;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

td.calendarbody {
text-align: right;
vertical-align: top;
width: 22px;
height: 22px;
}

.calendar {
border-collapse: collapse;
border: 2px solid #FF7F00; 						/*orange*/
margin-left: auto;
margin-right: auto;
width: 90%;						/*06062017 note: ADJUST LOWER TO DECREASE SIZE OF CAL. WAS 95% CHGED 06092017*/
margin-bottom: 5px;
}

.calendaryear {
border-collapse: collapse;
text-align: center;
margin: 0;
}

table.calendaryear {
border: 0;	
border-spacing: 0;				/*added 06132017*/
padding: 0;
width: 85%;						/*06062017 note: ADJUST LOWER TO DECREASE SIZE OF CAL. WAS 90% CHGED 06092017*/
margin-left: 8%;				/*WAS 6% ADJUSTS CAL AS A WHOLE FROM L TO R*/
margin-right: 0%;
}

/*ADDED 06092017 added tbody to html too*/
tbody {
	display: table-row-group;
	vertical-align: middle;
}
/*END ADD 06092017*/

/*start calendar links*/
.calendarheaderlink a {
font-family : Verdana;
font-size : 10px; 							/*click on this*/
color: #00F; 								/*blue*/
text-align: center;
text-decoration: none;
background-color : #fff;
border: 0;
											/*float: left;*/
} 

td.calendarbody a {
text-decoration: none;
font-weight: bold;
display: block;
}

td.calendarbody a:link {
font-size: 12px;
color: #00F;
font-weight: bold;
text-decoration: line-through;
}

td.calendarbody a:visited {	
font-size: 12px;
color: #00F;
text-decoration: line-through;
}

td.calendarbody a:active {
font-size: 12px;
color: #D41FFF;
text-decoration: underline;
}

td.calendarbody a:hover {
font-size: 12px;
color: #D41FFF;
text-decoration: underline;
}
/*end calendar links*/
/*end calendar*/



/*start gallery*/
.mygallery {
width: 740px; 								/*was 720*/
height: 590px; 								/*was 640*/
margin-bottom: 30px;
}

.gallery {
cursor: default; 							/*omit?*/
list-style: none;
margin-top: 10px;
}

.gallery a {
cursor: default; 							/*omit?*/
}

.gallery a .preview {
display: none;
}

.gallery a:hover .preview {
display: block;
position: absolute;
top: -200px;
right: -215px;
z-index: 1;
}

.gallery img {
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 8px;
color: inherit;
padding: 0; 								/*was 1px */
vertical-align: top;
width: 100px;
height: 75px;
/*float: left; 								added*/
}

.gallery li {
background: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 5px;
position: relative;
}

.gallery .preview { 						/*larger image when cursor is hovered over thumbs*/
border-color: #000;
border-width: thin;
width: 300px;
height: 250px;
}
/*end gallery*/

/*start minigallery*/
#myminigallery {
/* margin: 0; */
/* padding-bottom: 120px; */
width: 740px; /* added */
height: 130px; /* added */
margin: 0; /* added */
padding: 0; /* added */
}

.minigallery {
cursor: default;
list-style: none;
margin-top: 10px;
}

.minigallery a {
cursor: default; /*omit?*/
}

.minigallery a .preview {
display: none;
}

.minigallery a:hover .preview {
display: block;
position: absolute;
top: -200px;
right: -215px;
z-index: 1;
}

.minigallery img {
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 8px;
color: inherit;
padding: 1px;
vertical-align: top;
width: 100px;
height: 75px;
}

.minigallery li {
background: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 5px;
position: relative;
}

.minigallery .preview { 					/*larger image when cursor is hovered over thumbs*/
border-color: #000;
border-width: thin;
width: 300px;
height: 250px;
}
/*end minigallery*/


/*start footer*/
#footer {
font-size: 11px;
font-weight: normal;
text-align: center;
width: 100%;
color: #000000; /*black*/
margin-top: 10px;
padding: 0;
clear: both;
}

#footer p {
font-size: 9px;
margin: 0;
padding: 0;
}

#footer a:link {
font-size: 11px;
color: #808080; /*grey*/
text-decoration: underline;
}

#footer a:hover {
font-size: 11px;
color: #FF3FFF; /*hot pink*/
text-decoration: none;
										/*cursor: hand;          removed becuz declaration dropped 04242017*/
}

#footer a:visited {
font-size: 11px;
color: #ff7722; /*orange*/
text-decoration: none;
										/*cursor: hand;          removed becuz declaration dropped 04242017*/
}
/*end footer*/

/*start main col*/
.maincol {
margin: 0;
padding: 0;
float: left; 
width: 820px;							/*was 700 changed 05102017*/
height: 100%; 							/*was 510 changed 05102017. height CHANGED was 710px TEST 05132017. was 100% 02032018 testing gap change; 999px works but...*/
/*min-height: 750px;			test add 05142017. omit bcuz without pic note too lrg 05142017*/
}

.maincol img {
										/*float: left;			omit 05102017*/
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 8px;
color: inherit;
padding: 0;
vertical-align: top;
display: block;
margin: 10px auto 10px auto;
}
/*end main col*/


/*start note bx for hm pg*/
.notebx {
float: left; 										/*float containment kept left to enlarge space to right for ads 05132017*/
width: 680px; 										/*TEST lower for ipad issue 05112017 was 780px*/
min-width: 605px;									/*TEST lower for ipad issue 05112017 was 705px*/
max-width: 80em;
min-height: 450px; /*ADDED 02022018 to keep minimum height when posting panorama-images*/
padding: 3.2em 1.6em 1.6em 1.6em;
margin: 10px 0px 100px 0px; 							/*changed top from 40 to 10 on 05102017*/
border-width: 0 0 0 50px; 
border-style: solid;								/*test add border style to solve edge issue in chrome 05122017*/
-moz-border-image: url(images/edge.png) 0 0 0 50 round; 
-webkit-border-image: url(images/edge.png) 0 0 0 50 round; 
border-image: url(images/edge.png) 0 0 0 50 round;
background: url(images/paperlines.gif) #FBFBF9; /* IE, old FF */
background: url(images/pin.png) 47% 5px no-repeat,
url(images/stains1.png) 95% -20px no-repeat,
url(images/stains2.png) 30% 8% no-repeat,
url(images/stains3.png) 2% 50% no-repeat,
url(images/paperclip3.png) 100% 100% no-repeat,
url(images/stains4.png) 98% 98% no-repeat,
url(images/paperlines.gif) #FBFBF9;
-moz-background-size: auto, auto, auto, auto, auto, auto 1.6em;
-webkit-background-size: auto, auto, auto, auto, auto, auto 1.6em;
background-size: auto, auto, auto, auto, auto, auto 1.6em; /* Chrome, Opera 10.5 */
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box; /* Chrome, Opera 10.5 */
-moz-box-shadow: 6px 5px 3px hsla(0,0%,0%,.2);
-webkit-box-shadow: 6px 5px 3px hsla(0,0%,0%,.2);
box-shadow: 6px 5px 3px hsla(0,0%,0%,.2);
/*min-height: 350px;*/
}

.notebx p {
font-size: 11px;
margin: 0px 20px 10px 20px;
color: #000000;
}

.notebx a[href^="http:"] {
background: url(images/ext_link.png) no-repeat right top;
padding-right: 15px;
font-size: 11px;
}

.notebx a {
font-size: 11px;
text-decoration: none;
}

.notebx p a {
font-weight: bold;
color: #000;
font-size: 11px;
}

.notebx p a:link {
text-decoration: none;
color: #000; /*00f on cal stylesheet*/
/*added*/
font-weight: normal;
font-size: 11px;
}

.notebx p a:hover, a visited {
text-decoration: none;
color: #F0F;
cursor: default; /*omit ?*/
}
/*end note for hm pg*/




							/*add footer box at bottom for ads 02022018*/
							.footerbox {
								width: 985px;
								height: 115px;
								/*background: #343434;*/
								background: #fff;
								padding-left: 10px;
								padding-top: 20px;
							}

							.footerbox ul {
								margin-top: 15px;
								list-style-type: square;
								color: #757575;
								font-weight: bold;
								font-size: 11px;
								line-height: 150%;
							}

							.footerbox a:link, .footerbox a:hover {
								color: #757575; 
								text-decoration: underline;
							}

							.footerbox a:hover, .footerbox a:visited {
								color: #b4b4b4; 
								text-decoration: underline;
							}

							.box1{
								float: left;
								width: 100px;
							}

							.box2{	
								float: left;
								width: 100px;
								height: 75px;
							}

							.box3  {
								float: left;
								width: 100px;
								height: 75px;
							}

							.box1, .box2, .box3 a img { /*Ads, Etsy, KINY*/
								margin: 10px 10px 10px 10px;
								background: #fff;
								border-color: #ccc;
								border-style: solid;
								border-width: 2px;
								color: inherit;
								padding: 0;
								vertical-align: top;
								width: 100px;
								height: 75px;
							}

							.footerbox img { /*Ads, Etsy, KINY*/
								width: 100px;
								height: 75px;
							}
							/*end footer box at bottom for ads 02022018*/


/*test css below*/