html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}


:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}


ol, ul {
	list-style: none;
}
a img {
	border: none;
}


.imgnoborder {border:none;}

.imgwithborder {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 40px;
	margin-left: 130px;
	float:left;

	border-style: solid;
	border-width:2px;
	-moz-box-shadow:    0px 5px 15px 1px #8f8f8f;
	-webkit-box-shadow: 0px 5px 15px 1px #8f8f8f;
	box-shadow: 0px 5px 15px 1px #8f8f8f; 
}

.imgx{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.625em; 

	border:none;
	border-radius:25px;
	-moz-border-radius:25px; /* Firefox 3.6 and earlier */

/*	-moz-box-shadow:    -4px 15px 16px -1px #8f8f8f;
	-webkit-box-shadow: -4px 15px 16px -1px #8f8f8f;
	box-shadow: -4px 15px 16px -1px #8f8f8f; 
*/
	-moz-box-shadow:    0px 5px 15px 1px #8f8f8f;
	-webkit-box-shadow: 0px 5px 15px 1px #8f8f8f;
	box-shadow: 0px 5px 15px 1px #8f8f8f; 


}

.imgy{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.625em; 

	border-radius:10px;
	-moz-border-radius:10px; /* Firefox 3.6 and earlier */

/*	-moz-box-shadow:    -4px 15px 16px -1px #8f8f8f;
	-webkit-box-shadow: -4px 15px 16px -1px #8f8f8f;
	box-shadow: -4px 15px 16px -1px #8f8f8f; 
*/
	-moz-box-shadow:    0px 5px 15px 1px #8f8f8f;
	-webkit-box-shadow: 0px 5px 15px 1px #8f8f8f;
	box-shadow: 0px 5px 15px 1px #8f8f8f; 
}

/* =Structure----------------------------------------------- */

body {
	padding: 0 2em;	
}

#page {
	margin: 2em auto;
	max-width: 1000px;
}
#content {
	margin: 0 34% 0 7.6%;
	width: 58.4%;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Global----------------------------------------------- */

body, input, textarea {
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}

/* control body color side margins	*/
body {
	background: #fefefe;
	background-color: #fefefe;

	background-image: -moz-linear-gradient(top, #44484f, #fefefe);

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #44484f), color-stop(1, #fefefe));
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#44484f), to(#fefefe));
	background-image: -webkit-linear-gradient(top, #44484f, #fefefe);

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#44484f', EndColorStr='#fefefe')";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44484f', endColorstr='#fefefe', GradientType='0');
	background-image: -ms-linear-gradient(top, #44484f, #fefefe);

	background-image: -o-linear-gradient(top, #44484f, #fefefe);
	background-image: linear-gradient(top, #44484f, #fefefe);
/*	background-repeat: repeat-x;	*/

	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size:cover;
}


#page {
	background: #fefefe;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: gray;
	color: gray;
	border-width: 0;
	height: 2px;
	margin-bottom: 1.625em;
	width: 400px;
}

/* Text elements */
p {
	margin-bottom: 1.625em;
	margin-left:8em;
	margin-right:8em;
}
ul, ol {
	margin: 0 0 1.625em 2.5em;
}
ul {
	list-style: square;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
strong {
	font-weight: bold;
}


/* Links */
a {	text-decoration: underline;
	color: rgb(102, 51, 204);
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
	color: rgb(102, 102, 102);
}


/* =styles for paulanursedesigns.com----------------------------------------------- */

.post {
	text-align: left;
	background: #fafafa; 
}

.post a:link, a:visited {
	font-weight:normal;
	
color:#4400FF;		
 /* purplish */
	text-align:left;
	
padding:0px;
	
text-decoration:underline;

}

.post a:hover, a:active 
{
	
text-decoration:underline;

}


.clear {
	clear:both;
}

h2 {
	font-family: 'Pinyon Script', cursive !important;
	font-size: 2em;
	letter-spacing: 0.05em;
	color: #0077ff;
	margin-top: .25em;
	margin-bottom: .3em;
	margin-left:4em;
	font-weight:600;

}

.blogname {
	font-family: 'Pinyon Script', cursive !important;
	font-size:5em;
	letter-spacing:0.05em;
	color:#0077ff;  
	margin-top:10px;
	margin-bottom:15px;
	text-align:center;
}


/* Buying Accordion styles for paulanursedesigns.com----------------------------------------------- */

.accordion-container{
	position: relative;
	background: #ffffff;
	width: 450px;
	margin:0;
	margin-left: 120px;
	margin-top: 6px;
	margin-bottom: 2px;
	color: black;
	/*Some shadow and glow effect rgba safari only? */
/*	box-shadow: 
		0 5px 15px 1px rgba(0, 0, 0, 0.6), 
		0 0 200px 1px rgba(255, 255, 255, 0.5);
*/
	-moz-box-shadow:    0px 5px 15px 1px #8f8f8f;
	-webkit-box-shadow: 0px 5px 15px 1px #8f8f8f;
	box-shadow: 0px 5px 15px 1px #8f8f8f; 
	}

.accordion-toggle {
	font-family: 'Pinyon Script', cursive !important;
	letter-spacing: 0.1em;
	font-weight: bold;
	font-size: 2em;
	color: #0077ff;

	background-color:#e0e0e0;    /* fffacd  e0e0e0 */
	line-height: 44px;
	padding: 5px 50px 5px;
	position: relative;
	margin:3px;
	text-align:center;

	border-left:4px solid #e0e0e0;

	cursor:pointer;
	}


.accordion-toggle:hover {
	border-left:4px solid lightgreen;
}

.accordion-content{}


.buyfrom {
	font-weight: bold;
}


/* More styles for paulanursedesigns.com----------------------------------------------- */


.fontemb{
	font-size: 13pt;
	font-weight: bold;
	color:#ee33cc;
}

.fontsmall {
	font-size: 8pt;
}

.smaller {
	font-style: italic;
	font-size: smaller;
}

#page {
	width: 987px;
	border:1px solid silver;
	padding: 0px;
	padding-bottom: 7px;
}

#header {
	width: 986px;
	height: 180px;
/*	background:  url(00files/LOGO2.gif) bottom center no-repeat;	*/
}


#main {
	width: 987px;
	background: #fafafa;
	clear: both;
	padding: 1.0em 0 0;
}

#footer {
	width: 986px;
	border:1px solid silver;
	border-radius:80px;
	-moz-border-radius:80px; /* Firefox 3.6 and earlier */
	text-align: center;
	font-size: 8pt;
	font-style: italic;
/*	background: #fafafa; */	
}


.pages {
	text-align: left;
	color: #f00;
	font-family: 'Segoe UI', Segoe, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 98px;
}

	/* Navigation menu horizontal */
div#nav_menu1 ul {
	list-style-type:none;
	margin-top:16px;
	margin-left:80px;
	padding:0;
	overflow:hidden;
}

div#nav_menu ul {
	list-style-type:none;
	margin-top:16px;
	margin-left:80px;
	padding:0;
	overflow:hidden;
}  

div#nav_menu li {
	display:inline;
	float:left;
}

div#nav_menu a:link {
	display:block;
	width:110px;
	font-weight:bold;
	
color:#000000;

	background-color:#d3d3d3;

	text-align:center;
	
padding:4px;
	
text-decoration:none;

}

div#nav_menu a:visited {
	display:block;
	width:110px;
	font-weight:bold;
	
color:#000000;

	background-color:#d3d3d3;

	text-align:center;
	
padding:4px;
	
text-decoration:none;

}

div#nav_menu a:hover, a:active 
{
	background-color:#0077ff;

}


	/* images with captions, left or right side only */
div.img_captionRight {
	float: right;
	height:auto;
	width:auto;
	width: 30%;
	min-width: 200px;
	border: thin solid silver;
	margin: 0.5em;
	padding: 0.5em;
	clear: right; 
	text-align:center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
}

div.img_captionLeft {
	float: left;
	height:auto;
	width:auto;
	width: 30%;
	min-width: 200px;
	border: thin solid silver;
	margin: 0.5em;
	padding: 0.5em;
	clear: left; 
	text-align:center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
}


div.map_captionRight {
	background: url(big_island_files/thebigisland.png);
	float: right;
	height:auto;
	width:auto;
	width: 30%;
	min-width: 450px;
	border: thin solid silver;
	margin: 0.5em;
	padding: 0.5em;
	clear: right; 
	text-align:center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
}



.decorationRed {
	color: #ff0000;
	font-style:italic;
/*	background-color:#ffdddd;	*/
}

.firstline {
	color: #0077ff;
	font-weight:bold;
}


/* Contact page form and address styles----------------------------------------------- */
.contactBorder{
	display: block;
	margin: 0 auto;
	margin-left:140px;
	margin-top:10px;
	width:490px;
/*	border: 1px solid gray;		*/
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	background: #fffffff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 2px 3px 4px -2px rgba(0,0,0,0.55);
	-moz-box-shadow: 2px 3px 4px -2px rgba(0,0,0,0.55);
	box-shadow: 2px 3px 4px -2px rgba(0,0,0,0.55);
}

form#idfrmcontact {    /* style this form if other form on same page */
	padding-bottom:20px;

/*	background-color:#e0ffff; 
	color:#000000;
	border-color:#999999;
	border-width:1px;
	border-style:solid;  
	padding:10px;		*/	
}

form .note { 
	font-size: 1.2em;
	line-height: 1.33em;
	font-weight: normal;
	margin-left: 2px;

}


/* placeholder styles: http://stackoverflow.com/a/2610741/477958 */
::-webkit-input-placeholder, textarea { color: #aaafbd; font-style: italic; } /* WebKit */
:-moz-placeholder, textarea { color: #aaafbd; font-style: italic; }           /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #aaafbd; font-style: italic; }          /* Mozilla Firefox 19+ */ 
:-ms-input-placeholder { color: #aaafbd; font-style: italic; }      /* Internet Explorer 10+ */



form#idfieldset { 
/*	display: block;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 0.35em;
	padding-bottom: 0.625em;
	padding-left: 0.75em;
	padding-right: 0.75em;
	border: 2px groove (internal value);

	border-color:#999999;
	margin:0;
	max-width:425px;
	width:420px;		*/
}

form fieldset legend {
	display: block;
	padding-left: 2px;
	padding-right: 2px;
	border: none;
	font-weight:bold;
}




/* textarea { overflow:auto; } add if wanting scroll instead of drag to enlarge  */

input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover {
	background-color:#ffffef;
/*	border:2px solid #990000;	*/
}

.g-recaptcha{
	margin-left: 4em;
	padding-top: 0.35em;
}


form#idfrmcontact .buttons { /* style this form buttons in case another form on same page */ 
	color: rgba(255,255,255,1);
	text-decoration: none;
	text-transform: uppercase;
	margin-left: 2em;
	margin-top: 0.35em;
	height: 50px;
	width: 300px;
	padding: 0;
	cursor: pointer;
	font-family: Arial, sans-serif;
	font-size: 2.0em;
	color: #0a528f;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.65); 
	border-width: 1px;
	border-style: solid;
	border-color: #317bd6 #3784e3 #2d74d5 #3774e3;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

	background-color: #0066ff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#add6ff), to(#0066ff));
	background-image: -webkit-linear-gradient(top, #add6ff, #0066ff);
	background-image: -moz-linear-gradient(top, #add6ff, #0066ff);
	background-image: -ms-linear-gradient(top, #add6ff, #0066ff);
	background-image: -o-linear-gradient(top, #add6ff, #0066ff);
	background-image: linear-gradient(top, #add6ff, #0066ff);

	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4), 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	-ms-transition: all .1s linear;
	-o-transition: all .1s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

form#idfrmcontact .buttons:hover, .buttons:focus {
	-webkit-box-shadow: 0 0 15px rgba(70, 100, 200, 0.9);
	-moz-box-shadow: 0 0 15px rgba(70, 100, 200, 0.9);
	box-shadow: 0 0 15px rgba(70, 100, 200, 0.9);
}

form#idfrmcontact .buttons:active {
	-webkit-box-shadow: 0 0 15px rgba(70, 100, 200, 0.9), 0 1px 3px rgba(0,0,0,0.4) inset;
	-moz-box-shadow: 0 0 15px rgba(70, 100, 200, 0.9), 0 1px 3px rgba(0,0,0,0.4) inset;
	box-shadow: 0 0 15px rgba(70, 100, 200, 0.9), 0 1px 3px rgba(0,0,0,0.4) inset;
}

address {
	margin-left:8em;
	margin-right:8em;
	border-top: 2px groove;
	border-bottom: 2px groove;
	border-color:#999999;
}

address::first-line {
	margin-left:1em;
	font-weight:bold;
}

address:first-line { /* for browsers not supporting :: notation */
	margin-left:1em;
	font-weight:bold;
}


	/* Contact 2 columns  */
	/* 480+1+505=986 1px available  */
.columnWrapper {		/* For 2 columns only  */
	width:987px;
	padding-top:18px;
	margin:0 auto; /* optional? */
}

.columnLeft {		/* For 2 columns only  */
	float:left;
	width:490px;
	/* border-right: 1px solid gray; */
}


.columnRight {		/* For 2 columns only  */
	float:right;
	width:495px;
}

.centerimg {
 margin-left:70px;
 }

#hidelightbox{
	display:none
}

.underline{
	text-decoration: underline
}

/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {
	/* Simplify the basic layout */
	#main #content {
		margin: 0 7.6%;
		width: auto;
	}
	#nav-below {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1.625em;
	}
	#main #secondary {
		float: none;
		margin: 0 7.6%;
		width: auto;
	}

}
@media (max-width: 650px) {
	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body, input, textarea {
		font-size: 13px;
	}
	#site-title a {
		font-size: 24px;
	}
	#site-description {
		font-size: 12px;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Reposition the site title and description slightly */
	#site-title {
		padding: 5.30625em 0 0;
	}
	#site-title,
	#site-description {
		margin-right: 0;
	}
	/* Make sure the logo and search form don't collide */
	#branding #searchform {
		top: 1.625em !important;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
		position: static;
	}
}
@media (max-width: 450px) {
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}

}
@media only screen and (min-device-width:320px) and (max-device-width:480px) {
	body {
		padding: 0;
	}
	#page {
		margin-top: 0;
	}

}


/* =Print ----------------------------------------------- */

@media print {

	body {
		background: none !important;
		font-size: 10pt;
		padding: 0;
	}
	#page {
		margin-top: 0;
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#main {
		border-top: none;
		box-shadow: none;
	}
	#post {
		margin: 0;
		width: auto;
	}
	#nav_menu{
		display:none;
	}

	/* print shows href on pages except for some */
	a:link:after, a:visited:after {
		color: #0000ff;
		content:" [" attr(href) "] ";
	}
	#hidelightbox a{
		display:none;
	}
	
		/* expand accordions */
		/* FAQ */
	.accordion-content{
		display:block !important;
	}

	.accordion-toggle{
		line-height: 2;
		font-weight:bold; 
	}


		/* page break at <div class="page-break"></div>	 */
	.page-break {
		height:0;
		page-break-before:always;
		margin:0; border-top:none;
	}