@charset "utf-8";
body { font-size: 16px; /*JN changed font size from 13*/ font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; background: #FFF;  /*JN url(unjimages/imagescommon/backgroundpaper.jpg) repeat; Orig background: url(images/bg-gradient.jpg) top left repeat-x;*/ color: #333;  margin: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 */

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

#page {
 width:100%; height:100%; padding:0; margin:0; background-image: url(unjimages2010/imagesbackground/background2.jpg); background-repeat:no-repeat; background-position:center center; background-attachment:fixed; -o-background-size: 100% 100%, auto; -moz-background-size: 100% 100%, auto; -webkit-background-size: 100% 100%, auto; background-size: 100% 100%, auto;}
 
#container { width: 980px;  margin: 0 auto 0px auto; }

/*#header { padding: 0em 0 0 0; width: 980px; margin: 0; position: relative;}*/
#header { width: 980px; margin: 0; position: relative; height: 640px; background-image: url(unjimages2010/imagesbackground/tofinocoldwaterclassiccanadatop2.jpg); }

#headervideo { width: 980px; margin: 0; position: relative; height: 720px; background-image: url(unjimages2010/imagesbackground/tofinocoldwaterclassiccanadatopvideo.jpg); }

#content { background-image: url(unjimages2010/imagesbackground/tofinocoldwaterclassiccanadamid2.png); padding: 0 56px 0 74px; margin: 0 0 0 0; }

#contentfull { background-image: url(unjimages2010/imagesbackground/tofinocoldwaterclassiccanadamid2.png); padding: 0 56px 0 74px; margin: 0 auto; background-position: center; background-repeat: repeat-y; text-align: center; }

#end { 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; background-image: url(unjimages2010/imagesbackground/tofinocoldwaterclassiccanadaend.jpg); height: 53px; }

.keywords { color:#FFF; clear: both; position: relative; z-index: 999; padding: 28px 20px 0px 300px; font-size:11px; }

.main-nav { clear: both; position: relative; z-index: 999; margin: 4px 0px 0px 10px; text-transform: capitalize; }

.main-nav ul { float: left; list-style: none; padding: 0; width:964px; background-color: #ab131f } /*background-color: #ab131f; */

.main-nav li { float: left; position: relative; display: block; padding: 3px 12px ;  margin: 0; }

.main-nav a:link {color: #FFF; text-decoration: none;}
.main-nav a:visited {color: #EAEAEA; text-decoration: none;}
.main-nav a:hover {color: #FFF; text-decoration: none;}
.main-nav a:active {color:#FFF; text-decoration: none;}

.pgtitle { clear: both; position: relative; z-index: 999; margin: 2px 0px 0px 40px; text-transform: capitalize; text-align: center; }
.pgtitle h1 { color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 2.5em; padding: 10px 0 0px 60px; margin: 0; }

p { font-family: Arial, Helvetica, sans-serif; padding: 0 0 1em 0; }


h1 { font-family: Arial, Helvetica, sans-serif; font-size: 3em; padding: 0; margin: 0; color: #FFF; }

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

h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 44px; color: #000; }

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 1em;
	line-height: 2em;
}

h5 {
	text-transform: capitalize;
}

.imgtopgotofinologo
{ position:absolute; z-index:9999; margin: 0px 0 0 10px; }
.imgtopcwcclogo
{ position:absolute; left:780px; top:20px; z-index:9999; }

.gotofinosurf #homevideobox { width: 286px; /* same size as video */ height: 162px; border: solid #b5b5b5 3px; display: block;}

.tofinosurfmovie { background-image: url(unjimages/imagessurfmoviebkgrnd/moviecwctrailersurf.jpg); width: 850px; height: 480px; padding: 4px 0px 0px 0px; overflow: hidden; margin: 0 auto 0 65px; }

/*ORIGINAL CSS*/





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





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(unjimagesuwp/uclueletwildpacific/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 0 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*/
}
































#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;
}


/* 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;
}




/* 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;
}


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


#footer { color: #fff; font-size: 0.8em; /*JN added font size*/ background-image: url(unjimages2010/imagesbackground/tofinocoldwaterclassiccanadabot2.jpg); background-position:top; background-color: #FFF; padding: 0px 40px 0px 40px; }

#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: 210px; }

#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(unjimagesuwp/imagescommon/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; */
}




/*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: 0.8em; }

#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-floating {
	padding: 6px 6px 6px 6px;
	border: solid #ccc 1px;
}

.img-floatingblk { /*padding: 6px 6px 6px 6px;*/ border: solid #000 30px; margin: 0px 0px 0px 70px; }


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

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

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

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


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

.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; padding: 8px; border: solid #ccc 1px; text-align: center; }

/* 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.1em;
	font-weight: bold;
}


/*JN top photo overlay*/
.photooverlay		{ padding: 10px; height: 30px;  margin-top: -50px; position: relative; z-index: 9999; 	color: white;  background-image: url(unjimagesuwp/imagescommon/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(unjimagesuwp/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;
	width: 224px;
	text-align: center;
	}


.small { color: #999999; font-size: 0.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;
}
.textsmall {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.tdunder{ border-bottom: solid #666 1px; 
}