@charset "utf-8";
body {
	font-size: 15px; /*JN changed font size from 13*/
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	background: #FFFFF0;  /*JN url(unjimages/imagescommon/backgroundpaper.jpg) repeat; Orig background: url(images/bg-gradient.jpg) top left repeat-x;*/
	color: #333;
	margin: 0 0 0 0;
}

/* clearfix 
=================================*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/* end clearfix */



/* General styles 
=================================*/

a:link {color: #1341CA; text-decoration: none;}
a:visited {color: #1341CA; text-decoration: none;}
a:hover {color: #c00; text-decoration: none;}
a:active {color:#c00; text-decoration: none;}

/*a {	color: #1341CA; text-decoration: none;}  3775e7 0b57e4 004fe1 Original 0088e1
a:hover {color: #c00; }
a:active {color:#c00;}  selected link */

/*a.linkwhite:link {color: #fff; text-decoration: none;}
a.linkwhite:visited {color: #fff; text-decoration: none;}
a.linkwhite:hover {color: #fff; text-decoration: underline;} */


p { margin: 0 0 1em 0; /*JN reduced bottom spacing Original margin: 0 0 1.5em 0;*/ font-family: Arial, Helvetica, sans-serif; }

h1, h3, h4 {
	padding: 0 0 0 0; /*JN removed Original padding: .5em 0 0 0;*/
	margin: 0 0 1.5 em 0;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em; /*JN made font smaller from 2em*/
	padding: 0;
	margin: 0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em; /*JN made font smaller from 1.5em*/
	color: #000;/*JN added margin*/
}

h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; margin: .5em 0 .5em 0;/*JN added margin*/ }

h4 { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 1.2em; line-height: 2em; margin: 0px 0px .2em 0px; }

h5 {
	text-transform: capitalize;
}

h6 { font-size: 1.28em; margin-bottom: 0.5em; text-transform: capitalize; }

textarea, input {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
}


table {
	border-collapse: separate;
	border-spacing: 4px;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

/* Layout 
=================================*/

.top-bar {
	background: url(unjimages/UclueletWildPacificUclueletCanada/topbarblucurve.png);
	height: 36px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-stretch: extra-condensed;
	color:#ccc;
	vertical-align: text-top;
	padding-left: 145px;
}

/*JN Original above .top-bar {background: url(images/black-10.png);	height: 10px;}*/

/*JN footer top-bar is with footer code below*/

.wrap {
	width: 980px;
	padding: 0 0 0 0px; /*JN changed left 30px to 0px, yes centered, Original padding: 0 0 0 30px;*/
	margin: 0 auto 0 auto;  /*JN this should center container but not seeming to*/
}

#container {
	width: 980px; /*JN changed left 30px to 0px, yes centered, Original padding: 0 0 0 30px;*/
	margin: 0 auto 0px auto;  /*JN this should center container but not seeming to*/
}

#main {
	float: left;
	margin: 0 30px 3em 0;
	width: 800px; /*JN Need 70 for padding on page. sidebar is 170. Original width: 590px;*/
}

.posts-page #main {
	padding: 10px 0 0 0;
}

.full-width #main {
	width: 980px;
}

#sidebar {
	float: right;
	width: 170px; /*JN made smaller Original width: 230px;*/
	/*background: url(images/black-10.png);*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: .6em 10px 0 10px; /*JN reduced padding Original padding: 1.5em 25px 0 25px; */
	margin: 2.6em 0 3em 0; /*JN reduced padding Original margin: 2.6em 0 3em 0; */
	border: solid #b4c6e7 1px; /*JN added blue is 6793e3*/
	/*background-color: #EAEAEA; JN added*/
}


/* Header
=================================*/

#header {
	padding: 0em 0 0 0; /*JN edit see Orignal code below. Pulled top up*/
	width: 980px;
	margin: 0 0 0em 0; /*Jn header on individual pages, no change on home page if changed.*/
	position: relative;
}

/* JN edited header Original
#header {padding: 2em 0 0 0; width: 980px; margin: 0 0 3em 0; position: relative; }*/

.front-page #header,
.page-template-template-home-1-php #header,
.page-template-template-home-2-php #header,
.page-template-template-home-3-php #header {
	margin: 0;
}

h1#branding,
#branding {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	font-size: 3.462em; /*JN no difference made, put back Orig, - reduced after putting in image for top branding instead of text, put back if using text Original font-size: 3.462em;*/
	padding: 0;
	margin: 0;
}

h1#branding a,
#branding a {
	text-decoration: none;
	color: #aeabab;
	letter-spacing: -1px;
}

#search {
	float: right;
	border: 1px solid #d6d6d6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;
	margin: 4em 0 0 0; /*JN add top margin to balance with logo, margin: .3em 0 0 0;*/
	padding: 0px 0px 0px 9px; /*JN reduced padding of search box Orig padding: 7px 7px 6px 9px;*/
	width: 240px; /*JN reduced size of search box Original width: 268px;*/
}

#search input {
	background: none;
	border: none;
	width: 217px; /*JN made smaller Original width: 245px; */
	font-size: .8em; /*JN added font size in search box*/
}

#search input.submit {
	background: url(images/icon-search-black.png) top left no-repeat;
	width: 16px;
	height: 16px;
}

#middle #search,
.widget #search {
	float: none;
}
#header {
	padding: 0em 0 0 0; /*JN edit see Orignal code below. Pulled top up*/
	width: 980px;
	margin: 0 0 0em 0; /*Jn header on individual pages, no change on home page if changed.*/
	position: relative;
}

/* JN edited header Original
#header {padding: 2em 0 0 0; width: 980px; margin: 0 0 3em 0; position: relative; }*/

.front-page #header,
.page-template-template-home-1-php #header,
.page-template-template-home-2-php #header,
.page-template-template-home-3-php #header {
	margin: 0;
}

h1#branding,
#branding {
	display: block;
	float: left;
	font-size: 3.462em; /*JN no difference made, put back Orig, - reduced after putting in image for top branding instead of text, put back if using text Original font-size: 3.462em;*/
	padding: 0;
	margin: 0;
}

h1#branding a,
#branding a {
	text-decoration: none;
	color: #aeabab;
	letter-spacing: -1px;
}

#search {
	float: right;
	border: 1px solid #d6d6d6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;
	margin: 4em 0 0 0; /*JN add top margin to balance with logo, margin: .3em 0 0 0;*/
	padding: 0px 0px 0px 9px; /*JN reduced padding of search box Orig padding: 7px 7px 6px 9px;*/
	width: 240px; /*JN reduced size of search box Original width: 268px;*/
}

#search input {
	background: none;
	border: none;
	width: 217px; /*JN made smaller Original width: 245px; */
	font-size: .8em; /*JN added font size in search box*/
}

#search input.submit {
	background: url(images/icon-search-black.png) top left no-repeat;
	width: 16px;
	height: 16px;
}

#middle #search,
.widget #search {
	float: none;
}


/* Main Navigation
..................................*/


.ucluelet #mainContent { margin-top: 14px; float: left; width: 820px; } 


.ucluelet #mainContent h2 {
	padding: 1em 0 1em 0;
} 

.ucluelet #mainContentfullpg {
	margin: 20px auto 0px auto; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0  0 0 0px;
	text-align: left;
	width: 820px;
	font-family: Arial, Helvetica, sans-serif;
} 


.ucluelet #mainContentfullest {
	margin: 20px auto 0px auto; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0  0 0 0px;
	text-align: left;
	width: 980px;
	font-family: Arial, Helvetica, sans-serif;
} 

.ucluelet #sidebar1 {
	float: right;
	/* the background color will be displayed for the length of the content in the column, but no further */
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 56px 0px 30px 0;
	overflow: hidden;
	width: 110px;
	font-size: 0.8em;
}



/*  Listing table width required or otherwise will run past maincontent*/
/*  Also need because tables have to be 99% width or else will be differently sized due to different text.*/
.ucluelet #listingwidth {
	width: 820px;
	text-align: left;
}


.main-nav { clear: both; position: relative; line-height: 1.5em; z-index: 999; border-bottom: 1px solid #a2a0a1; margin: 0 0 .8em 0; text-transform: capitalize; }

.main-nav ul { float: left; list-style: none; padding: 0; /*JN Alging the main-nav left*/ width: 980px; }

.main-nav li {
	float: left;
	position: relative;
	/*font-weight: bold;*/
}


/*.main-nav a { display: block; font-size: 1.1em; padding: 0 1.8em .5em 0;   margin: 0 0 0 0; }*/
.main-nav a { display: block; font-size: 1.1em; padding: 0 .6em .5em .6em;  /*JN Original padding: 0 3em .5em 0;*/ margin: 0 0 0 0; }


#header #rss {
	position: absolute;
	bottom: 24px;
	right: 1px;
	width: 13px;
	height: 13px;
	z-index: 1000;
}

#header #rss a {
	display: block;
	width: 13px;
	height: 13px;
	padding: 0;
	margin: 0;
	background: url(images/icon-rss.png) top left no-repeat;
}

#header #rss a:hover {
	background-position: 0 -13px;
}


/* Feature Slider
=================================*/

#feature {
	margin: 0 0 3em 0;
	width: 980px;
}

#feature .post {
	position: relative;
	width: 980px;
	height: 400px;
	border:solid #999 2px;
}

#feature .post img {
	position: absolute;
	z-index: 1;
}

#feature .post h2 {
	position: absolute;
	z-index: 2;
	bottom: 0;
	background: url(images/black-90.png);
	margin: 0;
	padding: 0;
	font-size: 1.5em;  /*JN text size overlaying image, made smaller font-size: 2.5em*/
	-moz-border-radius-topRight: 7px;
	-webkit-border-top-right-radius: 7px;
}

#feature .post h2 a {
	display: block;
	padding: .5em 1em;
	color: #fff;
}

#pager {
	border-bottom: 1px solid #a2a0a1;
	padding: 5px 0;
}

#pager a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 30px;
	height: 6px;
	background: url(images/black-10.png);
	float: left;
	margin: 0 6px 0 0;
}

#pager a.activeSlide {
	background: #000;
}

/* Feature .medium (with excerpts)
.................................*/

#feature.medium .post h2 {
	position: relative;
	font-size: 2em;
	background: none;
	margin: 0 0 .5em 0;
}

#feature.medium .post h2 a {
	padding: 0;
}

#feature.medium .post .text {
	float: left;
	width: 390px;
	height: 240px;
	background: #252525;
	color: #cccccc;
	padding: 30px;
}

#feature.medium .post .text p {
	font-size: 1.154em;
	line-height: 1.5em;
}

#feature.medium .post .text .go a {
	color: #27A2F2;
	border: 1px solid #27A2F2;
}

#feature.medium .post .text .go a:hover {
	color: #fff;
	border: 1px solid #fff;
}

#feature.medium .post img {
	float: left;
}


/* Templates layout
=================================*/

#feature.medium .post h2 {
	position: relative;
	font-size: 2em;
	background: none;
	margin: 0 0 .5em 0;
}

#feature.medium .post h2 a {
	padding: 0;
}

#feature.medium .post .text {
	float: left;
	width: 390px;
	height: 240px;
	background: #252525;
	color: #cccccc;
	padding: 30px;
}

#feature.medium .post .text p {
	font-size: 1.154em;
	line-height: 1.5em;
}

#feature.medium .post .text .go a {
	color: #27A2F2;
	border: 1px solid #27A2F2;
}

#feature.medium .post .text .go a:hover {
	color: #fff;
	border: 1px solid #fff;
}

#feature.medium .post img {
	float: left;
}


/* Templates layout
=================================*/

.front-page #middle.posts-page {
	padding: 3em 0 0 0; /*JN no difference when reduce space between slider and portfolio on home page. Original padding: 3em 0 0 0;*/
}

.post,
#middle .page {
	margin: 0 0 1em 0; /*JN changed bottom margin to tighten up middle content area. Original margin: 0 0 3em 0;*/
}

.title {
	border-bottom: 1px solid #A2A0A1;
	margin: 0 0 .4em 0;
	position: relative;
}

.title h1,
.title h2 {
	padding: 0 0 .3em 0;
	margin: 0;
	color: #000;
	width: 740px; /*JN made wider Original width: 500px;*/
}

.title .comments {
	position: absolute;
	bottom: .8em;
	right: 0;
	font-size: 0.846em;
	font-weight: bold;
	text-transform: capitalize;
	line-height: 1em;
	padding: .6em 0 0 0;
}

h1#page-title {
	border-bottom: 1px solid #A2A0A1;
	margin: 0 0 1em 0;
	padding: 0 0 .3em 0;
}

.single .title .comments {
	padding: 1.3em 0 0 0;
}

.title .comments a {
	color: #959595;
}

.title .comments a:hover {
	color: #000;
	text-decoration: none;
}

.meta {
	font-size: 0.923em;
	color: #959595;
	margin: 0 0 1em 0;
}

.meta a {
	color: #959595;
	text-decoration: none;
}

.meta a:hover {
	color: #000;
}

.go a {
	display: block;
	float: right;
	clear: both;
	text-transform: capitalize;
	/* JN removed font-weight: bold;*/
	/* JN removed font-size: 0.846em;*/
	/* JN removed border: 1px solid #A2A0A1; */
	padding: 3px 12px 1px 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.go a:hover {
	/*JN removed border: 1px solid #000; */
}

#more-posts {
	clear: both;
	width: 980px;
}

#more-posts .toggle {
	padding: 0 0 1em 0; /*JN space under toggle text */
}

#more-posts .toggle.open {
	border-bottom: 1px solid #A2A0A1;
}

#more-posts .toggle a {
	display: block;
	float: left;
	font-size: .846em;
	font-weight: bold;
	text-transform: capitalize;
	color: #464646;
	cursor: pointer;
	background: url(images/icon-more-black-70.png) top left no-repeat;
	background-position: 0 6px; 
	padding: 0 0 0 14px;
	line-height: 1.5em; /*JN test to hide bottom part of image on closed Original line-height: 1.7em;*/
}

#more-posts .toggle.open a {
	background-position: 0 -8px;
}

#more-posts .thumbs {
	padding: 1.3em 0;
}

#more-posts li {
	float: left;
	padding: 0 14px 0 0;
	margin: 0 15px 0 0;
	border-right: 1px solid #e1e1e1;
	height: 125px;
}

#more-posts li.last {
	padding: 0;
	margin: 0;
	border: none;
}

.page-template-template-home-1-php #sidebar {
	margin-top: 2em;
}

#portfolio {
	margin: 0 0 2em 0;
}

#portfolio .post {
	width: 280px;
	height: 260px; /*JN area for portfolio posts*/
	float: left; /*JN Keeps them displayed on one line than flowing to next*/
	margin: 0 20px 2em 20px; /*JN spacing between posts tried to center Original margin: 0 30px 2em 0;*/
}

#portfolio .post .title {
	padding: 0 0 .3em 0;
	margin: 0 0 1em 0;
	position: relative;
	height: 2em;  /*JN reduce space between slider and portfolio on home page. Original height: 4em; */
}

#portfolio .post h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 0 .4em 0;
	margin: 0;
	font-size: 1.3em;
	width: 280px;
}

#portfolio .post img {
	margin: 0 0 .5em 0;
}

.home-content {
	margin: 0 0 4em 0;
}

h1.archive-title {
	-moz-border-radius:5px 5px 5px 5px;
	background:url("images/black-10.png") repeat scroll 0 0 transparent;
	margin: 0 0 2em 0;
	padding: .6em 15px .5em 15px;
	font-size: 1.3em;
}


/* Widgets
=================================*/

.widget {
	margin: 0 0 1.4em 0; /*JN reduced bottom margin Original margin: 0 0 3em 0; */
}


.widget h4 {
	font-size: 1.0em; /*JN made smaller Original font-size: 1.3em; */
	border-bottom: 1px solid #A2A0A1;
	padding: .2em 0 .3em 0;
	margin: 0 0 .5em 0;
	color: #000;
}

.widget li {
	font-size: .9em; /*JN added */
	border-bottom: 1px solid #e1e1e1;  /*JN WIDGETS - side bar and footer*/
	padding: 0 0 .2em 0; /*JN reduced bottom padding Original padding: 0 0 .4em 0; */
	margin: 0 0 .3em 0;  /*JN reduced bottom padding Original margin: 0 0 .4em 0; */
}

#sidebar .widget li {
	border-bottom: 1px solid #bfbfbf;
}

.widget_calendar table {
	width: 100%;
}
.widget_calendar table caption {
	font-weight: bold;
}

.widgets.three-col {
	clear: both;
}

.widgets.three-col .widget {
	width: 280px; 
	float: left;
	margin: 0 46px 2em 0; /*JN spaced Original margin: 0 30px 4em 0;;*/
}

.widgets.two-col .widget {
	width: 435px;
	float: left;
	margin: 0 30px 4em 0;
}

.widget.widget_tag_cloud a {
	line-height: 1.5em;
	padding: 0 10px 0 0;
}

/*JN Previous Page Return*/
#previouspg {
	color: #666;
	font-size: 0.8em; /*JN added font size*/
	text-align:right;
	width: 980px;
	margin: 0 auto;
}



/* uclueletbusinessinfobot
=================================*/
#uclueletbusinessinfobot h2 { font-size: 1.5em; margin: .6em 0 1em 0; }

#uclueletbusinessinfobot h4 { font-size: 1.2em; margin: 0px 0px 1em 0px; }

/* Footer
=================================*/


#footer { color: #fff; font-size: 0.8em; /*JN added font size*/ background-image: url(unjimages2010/imagesuclueletdesign/footermountainswildpacific.jpg); background-position:top; background-repeat:repeat-x; width: 100%; background-color: #1341CA; }

#footer h2 {
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 0.4em;
}

#footer .wrap {
	width: 980px;
	padding: 60px 0 .2em 0;
}

#footer .wrap h4 {
	color: #fff;
	font-size: 1.1em;
	padding:3em 0 1em 0;
}

#footer a {color: #fff;}
#footer a:hover {color: #ff0;} /*JN hover 009*/

/*JN footer block menus*/

#footer .blockmenu{
	float:left;
	margin: 2px 6px 30px 6px;
	padding: 6px 0px 6px 4px;
	border-right: dashed #ccc 1px;
	width: 180px;
}

#footer .blockmenuend{
	float:left;
	margin: 2px 2px 2px 2px;
	padding: 6px 0px 6px 6px;
	width: 180px;
}

#footer .prev {
	font-weight:normal;
 	/*border-top: solid #aaa 1px;*/
	border-bottom: solid #aaa 1px;
	margin: 0px 0 30px 0;
}

#footer .bot-bar {
	height: 36px;
	background-image: url(unjimages/imagesUclueletCommon/botbarblugrncurve.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

#footer .uclueletcopyright {
	width: 980px;
	padding: 44px 0 .2em 0;
	margin: 0 auto 0 auto;
}

#footer .uclueletcopyright h4 {
	color: #fff;
	font-size: 1.1em;
	padding:3em 0 1em 0;
}

#footer .uclueletcopyright prev {
	font-weight:normal;
 	/*border-top: solid #aaa 1px;*/
	border-bottom: solid #aaa 1px;
	margin: 0px 0 30px 0;
}





#footer .widgets {
	margin: 0 0 0em 0; /*JN edit bottom margin, space before copyright Orig margin: 0 0 2em 0; */
}

/*#footer .widget ul {
	border-bottom: 2px solid #ccc; JN added
} */



/*JN Footer Widgets Links*/
#footer .widget a {	color: #4ab7fe;  text-decoration: none;}/*JN added Original 27a2f2 */

#footer .widget a:hover {	color: #ccc; }/*JN added*/

#footer .widget a:visited {	color: #ccc; }/*JN added*/


#footer .widget li {
	border-bottom: 1px solid #ccc; /*JN footer list item  Original border-bottom: 1px solid #3c3c3c;*/
}

#footer .widget.last {
	margin: 0;
}

#footer .widget h4 {
	border-bottom: 2px solid #fff; /*JN edit - Original border-bottom: 1px solid #676767;*/
	color: #fff;
	font-size: 1.2em;
}

#footer #end {
	border-top: 1px solid #ccc;
	padding: 1em 0;  /*JN just above copyright*/
	color: #595959;
	width: 980px;
}

#footer #end a {
	color: #595959;
	text-decoration: underline;
}

#footer #end a:hover {
	color: #fff;
}

#footer #end p#copyright {
	margin: 0 0 14px 0; /*JN added botoom margin for wave bottom image Original margin: 0; */
	color:#FFFFFF;
	font-weight: bold;
}

#footer #end p#credit {
	margin: 0;
	font-size: .846em;
}  /*JN added font size*/

#footer .credits {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.82em;
	font-stretch: extra-condensed;
	color:#ccc;
}

/* Entry Content
=================================*/

.post #post-image {
	margin: 0 0 2em 0;
}

.post ul {
	list-style: disc;
	margin: 0 0 1.5em 2.5em;
}

.post ul ul {
	margin-bottom: 0;
}

.post ol {
	list-style: decimal;
	margin: 0 0 1.5em 2.5em;
}

.post ol ol {
	margin-bottom: 0;
}

blockquote {
	-moz-border-radius:5px 5px 5px 5px;
	background:url("images/black-10.png") repeat scroll 0 0 transparent;
	margin: 0 0 1em 0;
	padding: 1.5em 25px 1px 25px;
}

.alignleft {
	float: left;
	margin: 5px 15px 10px 0;
}

.alignright {
	float: right;
	margin: 5px 0 10px 15px;
}

.aligncenter,
.center {
	text-align: center;
	margin: 0 auto;
	display: block;
}

p.wp-caption-text {
	margin: 0;
}

.entry-navigation {
	margin: 0 0 2em 0;
	font-weight: bold;
}

.entry-navigation .previous-entry {
	float: left;
}

.entry-navigation .next-entry {
	float: right;
}

.tags a {
	display: block;
	padding: 3px 8px 2px 0px;
	float: left;
	margin: 0 8px 0 0;
	/*JN commented out background: url(images/black-10.png); */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-transform: capitalize;
	/*JN commented out font-weight: bold; */
	font-size: .846em;
}


/* Comments JN commented out I think


h3#comments,
#respond h3 {
	border-bottom: 1px solid #A2A0A1;
	padding: 0 0 .5em 0;
}

.commentlist li {
	margin: 0 0 1.5em 0;
}

.commentlist li.comment.depth-1 {
	-moz-border-radius:5px 5px 5px 5px;
	background:url("images/black-10.png") repeat scroll 0 0 transparent;
	margin: 0 0 2em 0;
	padding: 1.5em 0 .5em 0;
}

.commentlist ul.children {
	padding: 1.5em 0 0 0;
}

.comment-avatar {
	float: right;
	margin: 0 0 0 20px;
}

.comment-avatar img {
	border: 1px solid #A2A0A1;
}

.comment-content {
	width: 540px;
	margin: 0 25px 1em 25px;
}

.comment-author {
	border-bottom: 1px solid #A2A0A1;
	margin: 0 0 1em 0;
}

.comment-author .comment-meta {
	float: left;
}

.comment-author .reply {
	float: right;
	font-weight: bold;
	font-size: .856em;
	text-transform: capitalize;
}

.comment-author .comment-date a {
	font-weight: normal;
	font-size: .856em;
	color: #959595;
}

.comment-author .author-name {
	font-size: 1.3em;
	font-weight: bold;
}
=================================*/

#respond input {
	border: 1px solid #d6d6d6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;
	padding: 7px 7px 6px 9px;
	width: 268px;
}

#respond input#submit {
	background:url("images/black-10.png") repeat scroll 0 0 transparent;
	border-bottom: 1px solid #A2A0A1;
	width: 135px;
	text-transform: capitalize;
	font-weight: bold;
	cursor: pointer;
	font-size: .856em;
}

#respond textarea {
	width: 576px;
	border: 1px solid #d6d6d6;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fff;
	padding: 7px 7px 6px 9px;
}


#respond label {
	padding: 0 0 0 5px;
}

/*JN Font Styles*/

.red {color:#c00;}
.white {color: #fff;}

.headingBold {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.sendbtn {
	font-size: .88em;
}

/* ---------------------JN Photo Pages CSS-------------------- */
/* Sets width to 550
   Sets photos to display inline 2x2 contrained by width
   Bottom Flash image float left with Contact Info beside */

#photopgcontainer{
	width:980px;
	padding-bottom: 1em;
	margin: 0 auto 0 auto;
} /*JN When using a hard coded page need to set up padding-bottom: 3em;*/

#photopgcontainer hr {
	margin: 8px 0 8px 0;
}

#photopgcontainer h2 {
	font-size: 1.5em; /*JN made font smaller from 2em*/
	padding: 0;
	margin: 8px 0 8px 0;
}


#photopgcontainer h4 {
	font-size: 1.2em; /*JN made font smaller from 2em*/
	padding: 0;
	margin: 10px 0 12px 0;
}

#photopgtext{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


#photopgphotos {
	width: 580px;
	margin-left: auto;
	margin-right: auto;
	text-align: center; /* To center container */
}



/* GoTofino Photo Pages Images */
div.photopgimg
{
height: auto;
width: auto;
float: left;
text-align: center;
}

div.photopgimg img
{
	background-color: #FFF;
	display: inline;
	margin: 6px 6px 6px 6px;
	padding: 8px 8px 8px 8px;
	border: solid #ccc 1px;
}

div.photopgimgwide
{
	background-color: #FFF;
	margin: 6px 6px 6px 6px;
	padding: 8px 8px 8px 8px;
	border: solid #ccc 1px;
}


/*  end of Photo Page CSS*/

/*Tables*/
#tablebrdr { border: solid #999 2px; /*JN 36c*/ background-color: #e7f9f7; /*JN e7f9f7*/ border-spacing: 10px; font-size: 1em; }

#tablebrdr input {
	font-size: 1em;
	padding: 4px 10px 4px 10px;
	font-weight: bolder;
}

#tdtop{
	vertical-align:top;
}
.rounded-corners {
     -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
	font-size: .9em;
}

#tablepoll {
	border: solid #999 1px; /*JN 36c*/
	background-color: #eee; /*JN e7f9f7*/
	border-spacing: 6px;
	font-size: 0.8em;
	padding: 0px;
}

/*JN GoTofino Full Page*/
#fullpage {
margin: 0 auto 0 auto; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0  0 0 0px;
text-align: center;
width: 980px;
} 

/*JN images*/

.img-float { padding: 6px; }

.img-floatbdr { padding: 6px; border: solid #ccc 1px; }

.img-floatbdrdrk { padding: 6px; border: solid #6661px; background-color: #FFF; }

.img-floatsp { margin: 2px 10px 2px 10px; padding: 6px; }

.img-floatbdrsp { margin: 2px 10px 2px 10px; padding: 6px; border: solid #ccc 1px; }

.img-floatskinny { margin: 2px; padding: 2px; border: solid #ccc 1px; }

.img-floatleft { float:left; margin: 2px; padding: 6px ; }

.img-floatleftbdr { float:left; margin: 2px; padding: 6px ; border: solid #ccc 1px; }

.img-floatright { float:right; margin: 2px; padding: 6px ; }

.img-floatrightbdr { float:right; margin: 2px; padding: 6px ; border: solid #ccc 1px; }

.img-floatrightpolaroid { float:right; margin: 2px 10px 2px 10px; padding: 6px 6px 20px 6px; border: solid #ccc 1px; }

.img-floatLspaceR{ float:left; margin: 2px 40px 2px 2px; padding: 6px; border: solid #ccc 1px; }

.imghrsp15{ margin: 0px 30px; }

.clear-left {
  clear:left;
}

/*Slideshow Calendar*/
.ucluelet #slideshowcalendar {
margin:auto 0 auto 0;
text-align: center;
padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
height: 567px;
width: 850px; /* Change to match 1st photos of slideshow.*/
} 


.ucluelet #slideshow640 {
margin:auto 0 auto o;
text-align: center;
padding: 0px 0px 0px 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
height: 480px;
width: 640px; /* Change to match 1st photos of slideshow.*/
}

.ucluelet #imgtofino {
	padding: 4px 4px 4px 4px;
	border: solid #666 1px;
	overflow: hidden;
}

/*Listing Images CSS*/
.imglisting {
	margin: 0px 10px 2px 0px;
	border: solid #666 1px;
	float:left;
}

.imgpolaroid
{
	background-color: #FFF;
	display: inline;
	margin: 6px 6px 6px 6px;
	padding: 8px 8px 8px 8px;
	border: solid #ccc 1px;
}

/* Sidebar Grey links on sidebar */
#linkgreysaf a:link {
	color:#777;
	text-decoration: none;
	font-size: 1em;
}
#linkgreysaf a:visited {color:#777; text-decoration: none;}
#linkgreysaf a:hover {color:#777; text-decoration: underline;}


/*JN page.css from slider

*     { margin: 0; padding: 0; }*/
.headingBoldListing { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; }


/*JN top photo overlay*/
.photooverlay		{ padding: 10px; height: 30px; margin-top: -50px; position: relative; z-index: 9999; color: white; background-image: url(unjimages2010/imagesuclueletdesign/transpBlack.png); }
.photooverlay h2      { color:#fff; font: 28px Arial, Helvetica, sans-serif; margin: 0 0 10px 10px; }
/*.photooverlay		{ padding: 10px; height: 30px;  margin-top: -400px; margin-bottom: 320px; position: relative; z-index: 9999; color: white;  background-image: url(unjimages/imagescommon/transpBlack.png);}
.photooverlay h2      { color:#fff; font: 28px Arial, Helvetica, sans-serif; margin: 0 0 10px 10px; }*/

/*JN photoset overlay*/
.photosetoverlay		{
	margin-top: -66px;
	margin-bottom: 60px;
	position: relative;
	z-index: 9999;
}
.photosetoverlay h4      { color:#1341ca; font: Arial, Helvetica, sans-serif; margin: 0 0px 0px 594px;}

/*JN fullest pages of photos linking to slideshows*/
.slides{ float:left; margin: 16px 6px 16px 6px; padding: 4px 2px 2px 2px; border: dashed #999 1px; text-align: center; 	}


.small {
	color: #999999;
	font-size: .8em;
}

.italic { font-style: italic; }

.headingBoldGreen {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #009933;
}
.headingBoldWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	line-height: 2em;
	font-weight: bold;
	color: #FFFFFF;
}
.headingBigPhone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
}
.highlighttext { height: 30px; background-color: #EAEAEA;}

/*Text - white, blk bgrnd, movies*/
.blkbg { background: #000; color: #FFF; font-size: 1.4em; line-height: 1.4em; }