/* CSS Document */

/*  
Theme Name: PCC Harbormasters 
Description: clean
Version: 1.0
Author: Williams Group Marketing + Design
Author URI: http://www.wmsgroup.com/

This theme was originally designed and built by Ben Vaengraad and was highly customized for PCC Harbormasters
*/ 

/*@font-face {
	font-family: 'QuicksandBook';
	src: url('Quicksand_Book-webfont.eot');
	src: local('☺'), url('Quicksand_Book-webfont.woff') format('woff'), url('Quicksand_Book-webfont.ttf') format('truetype'), url('Quicksand_Book-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;

} */

img, div { behavior: url(iepngfix.htc) }

body {
	font:13px/16px Arial, Helvetica, sans-serif;
	padding:0px;
	margin: 0px;
	color:#333333;
	background:#f2f2f2;
}
a {color:#333333; text-decoration: none;}
a:hover {
	color:#33ccff;
	text-decoration:none;
}
img {border:none;}
img.alignright {float:right; margin:0 0 1em 1em}
.clear{clear:both;}

/* list list-style-image: url(images/ul.png); */
ul, ol{ list-style:none; margin:0px; padding-left:0px;}
ul li, ol li { list-style:none; margin:0px; padding:0px;}

/* typo */
p {margin:0 0 5px 0; padding:0;}
h1, h4, h6 {
	letter-spacing:1px;
	font-family: "Century Gothic";
	font-weight: normal;
	text-transform: uppercase;
}
h1 {
	font-size:24px;
	line-height:normal;
	font-weight: bold;
	color: #DAB94D;
	padding-bottom: 4px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
h2 {
	color:#000;
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding-bottom: 4px;
	font-family: "Century Gothic";
	padding-top: 4px;
	padding-right: 0px;
	padding-left: 0px;
	line-height: normal;
}
h3 {
	font-size:20px;
	margin:0px 0px 6px;
	padding:0px 0px 4px;
	font-family: "Century Gothic";
	color: #003366;
	font-weight: normal;
	text-transform: capitalize;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	line-height: normal;
}
h4 {font-size:130%;}
h5 {
	font-size:1.5em;
	padding:0;
	margin:0;
	line-height: normal;
}
h6 {font-size:100%;}

/* basic form */
lable{margin:10px 0 0 0; padding:0px; cursor:pointer;}
input[type=file] {width:220px; margin:10px 0 0 0; padding:0px;} 
input[type=text] {width:220px; padding:5px 3px 3px 7px; font: 110% Arial, Helvetica, sans-serif; background:url(images/form-field-bg.gif) no-repeat; border-top:1px solid #e6e6e6; border-right:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; border-left:1px solid #e6e6e6;}
input[type=password] {width:220px; padding:5px 3px 3px 7px; font: 110% Arial, Helvetica, sans-serif; background:url(images/form-field-bg.gif) no-repeat; border-top:1px solid #e6e6e6; border-right:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; border-left:1px solid #e6e6e6;}
select {width:300px; margin:4px 0 10px 0;padding:0px;}
select option{background:#FAFAFA;}
select optgroup{background:#F0F0F0;}
textarea {font:110% Arial, Helvetica, sans-serif; width:500px; height: 140px; padding: 5px 3px 3px 7px;  background:url(images/form-field-bg.gif) no-repeat; border: solid 1px #F0F0F0;overflow:hidden;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus{border:1px solid  #0074C1;}

/* image effect */
.default, .MooTrans {display:block; position:relative; width:100%; height:100%; background:transparent; }
.MooTrans {background:url(images/button_on.png) repeat;}

/* prev/next */
.pagnav {display:block; margin-top:10px;}

.search_container {display:block; width:620px; height:50px; background:#F0F0F0; padding:20px 20px 0px 20px;}

/* top */
.top {
	display:block;
	width:980px;
	height:40px;
	margin:0 auto;
}
.top_navigation {
	display:block;
	width:660px;
	height:95px;
	margin:0 auto;
	background:#003366 url(images/nav_bg.png) no-repeat;
	padding-left: 320px;
}
.top_search a{
	float:left;
	display:block;
	width:25px;
	height:25px;
	background:url(images/topsearch.png) no-repeat 0px 0px;
	margin-top: 35px;
	margin-right: 20px;
}
.top_search a:hover{background:url(images/topsearch.png) no-repeat 0px -25px;}

/* logo */
#logo {
	width: 176px;
	height: 176px;
	position: absolute;
	left: 26px;
	top: 80px;
}
#logo2 {
	width: 176px;
	height: 176px;
	position: absolute;
	margin-top: 20px;
	margin-left: 20px;
}

/* mission */
#missionbar {
	display:block;
	width: 660px;
	height: 73px;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	background-color: #006699;
	margin-top: 298px;
	z-index: 200;
	float: left;
	padding: 16px 12px 12px;
	line-height: 14px;
	color: #99ffff;
	font-size: 13px;
}
#missionbar h3 {
	font-family: "Century Gothic";
	color: #ccffff;
	padding-bottom: 8px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 1px;
}

/* newsbar */
#newsbar {
	display:block;
	width:325px;
	height:360px;
	margin:0 auto;
	float: right;
	z-index: 100;
	padding: 15px 10px;
	line-height: 14px;
	border-bottom-width: 8px;
	border-bottom-style: solid;
	border-bottom-color: #DAB94D;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	background-color: #DAB94D;
}
#newsbar h2 {
	font-size: 13px;
	color: #333;
	text-transform: uppercase;
	line-height: normal;
	font-weight: bold;
}
#newsbar h3 {
	font-family: "Century Gothic";
	color: #333;
	padding-bottom: 8px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#newsbar p {
	line-height: 13px;
	font-size: 12px;
	color: #333;
	font-weight: normal;
}
#newsbar a, a:active {
	color: #003366;
	text-decoration: underline;
}
#newsbar a:hover {
	text-decoration: underline;
	color: #003E7B;
}	

/* inside banners */
#topbanner {
	width: 980px;
	height: 217px;
	background-image: url(images/top_banner.jpg);
	background-repeat: no-repeat;
	margin-top: 24px;
	padding-bottom: 2px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* slider */
.slider_container {display:block; width:980px; height:450px; margin:0 auto; background:url(images/bg_header.png) no-repeat;	background-image: url(images/top_banner.jpg);
	background-repeat: no-repeat;
}
.sliderwrapper {
	position:relative;
	width:980px;
	height:400px;
	overflow:hidden;
	margin-top: 24px;
}
.sliderwrapper .contentdiv {position:absolute; width:980px; height:100%; left:0; top:0; visibility:hidden;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity:1; opacity:1;}
.coda_image  {display:block; width:978px; height:398px; margin:1px;}
.coda_image a {
	display:block;
	width:778px;
	height:296px;
}
.coda_pagination {float:left; display:inline; width:710px; height:47px; margin-left:20px; clear:both;}
.coda_left_bottom {float:left; display:inline; width:230px; height:47px; line-height:47px; text-align:right; padding-right:20px;}
.coda_pagination a {float:left; display:block; width:50px; height:34px; padding:13px 0 0 0; text-align:center; background:url(images/bg_pag.png) no-repeat 0px -47px; color:#999999; font:bolder 12px/25px Verdana, Arial, Helvetica, sans-serif; }
.coda_pagination a:hover{color:#999999; background:url(images/bg_pag.png) no-repeat 0px -94px;}
.coda_pagination a.selected {color:#999999; background:url(images/bg_pag.png) no-repeat 0px 0px;}

/* quad */
.quad_container {
	display:block;
	width:980px;
	height:250px;
	margin:4px auto;
	background:url(images/bg_quad.png) no-repeat;
}
.quad_item {
	float:left;
	display:block;
	width:205px;
	height:200px;
	padding:30px 20px 20px;
}
/*.quad_item a, a:active, a:visited {
	letter-spacing: -2px;
}*/
.quad_itemspeciale {float:left; display:block; width:243px; height:248px; padding:1px; overflow:hidden;}
.quad_excerpt {
	display:block;
	width:205px;
	height:100px;
	margin-top:4px;
	font:12px/14px Geneva, Arial, Helvetica, sans-serif;
}
.quad_thumb a {display:block; width:205px; height:75px;}
.quad_cats {
	display:block;
	width:198px;
	height:42px;
	background:url(images/bg_cat.png) no-repeat 0px 0px;
	padding:10px 35px 10px 10px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
}
.quad_cats:hover  {
}
.quad_excerpt a {
	color: #33ccff;
	letter-spacing: normal;
	text-transform: uppercase;
}
.quad_excerpt a:hover {text-decoration: underline;}

/* single */
.single_container {
	display:block;
	width:978px;
	margin:0px auto;
	background:url(images/bg_single.png) repeat-y;
}
.single_container2 {
	display:block;
	width:978px;
	margin:0px auto;
	background:#FFF;
}
.single_left {
	float:left;
	display:inline;
	width:640px;
	padding:20px 20px 20px 40px;
}
.single_wide {
	float:left;
	display:inline;
	width:840px;
	padding:20px 20px 20px 40px;
}
.single_right {
	float:left;
	display:inline;
	width:238px;
	margin:0px;
	background-color: #DAB94D opacity: 0.8;
	padding: 20px;
	min-height: 400px;
	background-image: url(images/single_right.png);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #dab94d;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #EAB94D;
}
.single_right a {
	color: #000;
	text-decoration: underline;	
}
.single_right a:hover {
	color: #333;
}
.single_right p {
	font-size: 14px;
	line-height: 18px;
}
.single_solo_image {display:block; width:660px; height:440px; margin:30px 0 10px 0;}
.post_single_footer { height:30px; padding:0; margin:15px 0 8px 0; background:#FFFFFF; border-top:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4; line-height:30px;}
.post_time { height:30px; margin-left:20px; padding-left:20px; background:url(images/time.png) no-repeat center left;}
.post_single_tags { height:30px; margin-left:20px; padding-left:20px; background:url(images/tags.png) no-repeat center left;}
.post_cat { height:30px; margin-left:23px; padding-left:23px; background:url(images/category.png) no-repeat center left;}

/* start styled table */

.single_left table {
	width:90%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
	border-collapse:collapse;
	}
caption {
	color: #9ba9b4;
	font-size:.94em;
	letter-spacing:.1em;
	margin:1em 0 0 0;
	padding:0;
	caption-side:top;
	text-align:center;
	}	
tr.odd td	{
	background:#f7fbff
	}
tr.odd .column1	{
	background:#f4f9fe;
	}	
.column1	{
	background:#f9fcfe;
	}
td {
	padding:6px;
	text-align:left;
	border: 1px solid #999;
	}				
th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1em;
	}							
thead th {
	background:#f4f9fe;
	text-align:center;
	/*font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;*/
	color:#66a3d3
	}	
tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
tfoot th strong {
	/*font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;*/
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}
/* end styled table */


/* post content */
.single_left a {color:#003772;}
.single_left a:hover {color:#0099FF;}
/*.single_container .content table {margin:5px 0 10px; border:1px solid #CCC; border-width:2px; border-collapse:collapse; background:#FFF;}
.single_container th, .post td {border:1px solid #CCC; padding:3px 10px; text-align:left; vertical-align:top;}
.single_container tr.even td {background:#F7F7F7;}
.single_container th {background:#EDEFF0;}*/
.single_container ul { margin: 5px 0px 10px;padding-left: 20px;}
.single_container ul li {margin: 0px;list-style-image: url(images/ul.png);}
.single_container ol {margin:5px 0px 10px;padding-left: 20px;}
.single_container ol li {margin:0px; list-style-type:upper-roman; }
/* image single */
#singlegallery{
	width: 900px !important;
	height: 400px !important;
	overflow:hidden;
	margin:20px 0;
}

/* media single */
.mediasingle_item {display:block; width:660px; height:400px; margin:20px 0 20px 0;}

/* cat */
.cat_container {display:block; width:978px; margin:0px auto; background:url(images/bg_single.png) repeat-y; border:1px solid #D5D5D5;}
.cat_left {float:left; display:inline; width:660px; padding:20px;}
.cat_right {float:left; display:inline; width:260px; margin:20px 0 0 18px; }

/* image cat */
.image_container {display:block; width:660px;}
.image_frame {float:left; display:inline; width:120px; height:90px; margin:18px;  text-align:center;}
.image_thumb {display:block; width:120px; height:90px; padding:10px 22px 10px 22px; background:url(images/bg_vid_item.png) no-repeat;}
.image_inner_thumb {display:block; width:120px; height:90px;}
.image_box {display:block; width:120px; height:90px;  margin:1px;}
#image_post a {display:block; width:100%; height:100%; overflow:hidden;}
.image_permalink {display:block; width:120px; height:45px; background:transparent;}
.image_permalink a {background:url(images/bg_link_vid.png) no-repeat 0px 0px;}
.image_permalink a:hover {background:url(images/bg_link_vid.png) no-repeat 0px -90px;}
.image_gallery {display:block; width:120px; height:45px; background:transparent;}
.image_gallery a {background:url(images/bg_link_vid.png) no-repeat 0px -45px;}
.image_gallery a:hover {background:url(images/bg_link_vid.png) no-repeat 0px -135px;}

/* videodisplay */
.vid_container {display:block; width:658px; padding-top:20px; overflow:hidden;}
.vid_frame {float:left; display:inline; width:164px; height:130px;  text-align:center;}
.vid_thumb {display:block; width:120px; height:90px; padding:10px 22px 10px 22px; background:url(images/bg_vid_item.png) no-repeat;}
.vid_inner_thumb {display:block; width:120px; height:90px;}
.vid_headline {display:block; width:176px; height:auto; padding:0 15px 0 15px; text-align:center; font-weight:bolder;}
.vid_box {display:block; width:120px; height:90px;  margin:1px;}
#vid_post a {display:block; width:100%; height:100%; overflow:hidden;}
.vid_permalink {display:block; width:120px; height:45px; background:transparent;}
.vid_permalink a {background:url(images/bg_link_vid.png) no-repeat 0px 0px;}
.vid_permalink a:hover {background:url(images/bg_link_vid.png) no-repeat 0px -90px;}
.vid_gallery {display:block; width:120px; height:45px; background:transparent;}
.vid_gallery a {background:url(images/bg_link_vid.png) no-repeat 0px -45px;}
.vid_gallery a:hover {background:url(images/bg_link_vid.png) no-repeat 0px -135px;}

/* sidebar */
#sidebarwidget {display:block; width:220px; margin-bottom:20px; padding:10px;}
#sidebarwidget h5 {display:block; width:220px; height:30px; /*background:url(images/bg_widget.png) no-repeat;*/}
#sidebar {width:240px; color:#666666; line-height: 160%;}
#sidebar p {margin:0px 0px 15px;}
#sidebar h3 {font:bold 17px/100% Arial, Helvetica, sans-serif; color:#333333;}
#sidebar h3 a, #sidebar h3 a:visited {color: #666666;}
#sidebar h3 img {vertical-align: middle;}
#sidebar ul {margin: 0; padding:0 0 0 10px;}
#sidebar ul li {padding-left:18px; margin:7px 0 3px 0; list-style:none; background:url(images/sidebar_li.png) no-repeat;}
#sidebar ul li ul li {background: url(images/sidebar_li_li.png) no-repeat; padding-left:12px;}

/* archives widget */
#archives ul li {background: url(images/sidebar_archive.png) no-repeat;}

/* pages widget */
#pages ul li {background: url(images/sidebar_page.png) no-repeat;}

/* recent comments widget */
#recent-comments ul li {background: url(images/sidebar_comment.png) no-repeat; width:240px; white-space:nowrap; text-overflow:ellipsis; /*Opera*/ -o-text-overflow:ellipsis; /*breaks validation*/ overflow:hidden;}

/* recent posts widget */
#recent-posts ul li {background: url(images/sidebar_page.png) no-repeat; width:240px; white-space:nowrap; text-overflow:ellipsis; /*Opera*/ -o-text-overflow:ellipsis; /*breaks validation*/ overflow:hidden;}

/* links widget */
#linkcat-1 ul li {background: url(images/sidebar_link.png) no-repeat;}
#linkcat-2 ul li {background: url(images/sidebar_link.png) no-repeat;}
#linkcat-3 ul li {background: url(images/sidebar_link.png) no-repeat;}
#linkcat-4 ul li {background: url(images/sidebar_link.png) no-repeat;}
#linkcat-5 ul li {background: url(images/sidebar_link.png) no-repeat;}

/* meta */
#meta ul li{background: url(images/wordpress.png) no-repeat;}


/* comments */
.comments {width:660px; padding:1px; margin-bottom:10px; background:#FFFFFF; color:#333333;}
.comments_inner { background:#FFFFFF url(images/bg_post.png) repeat-x; color:#333333;}
.comments_headline {font-size:18px; padding-bottom:3px; margin-bottom:8px; border-bottom:1px solid #E4E4E4;}
.comments_count {float:right; display:block; width:40px; height:20px; background:url(images/comment.png) no-repeat center left; text-align:center; font-size:10px; font-weight:normal;}
.comments_rss {float:right; display:block; width:28px;}

/* comment list */
.comment ol {list-style:none; margin:5px 0 0 20px; padding-left:10px;  }  
.comment li {list-style:none; background:transparent; margin:0px 0 0 10px; padding-left:10px;} 
.comment_arrow {padding-top:20px; background: url(images/comment_arrow.png) no-repeat left bottom;}  
.comment_inner {padding:10px; border:1px solid #F0F0F0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#FAFAFA;}
.pingback comment-author {padding:0 170px 0 0;}  
.comment_frame{margin-bottom:5px;}
.comment_avatar{ float:left; width:46px; height:46px;}
.comment_author_top{float:left; width:310px; height:46px; margin-left:10px; font-size:9px;}
.comment_data_right{float:right; width:80px; height:26px; font:normal 10px Geneva, Arial, Helvetica, sans-serif; text-align:right;} 
.comment_date{padding:0px; margin:0px;}
.comment_author_say{padding:0px; margin:0px;color:#333333; font:17px Geneva, Arial, Helvetica, sans-serif;}
.comment_title{padding:0px; margin:0px;}
.comment_title a{color:#CCCC00;}
.comment_title a:hover{color:#0099FF;}
.comment_text{display:block; padding-top:10px; border-top:1px solid #F0F0F0;}
.comment li.pingback div.vcard {padding:0 170px 0 0; }  

/* comments navigation */
.comment small {margin-bottom: 5px;display: block;font-size: 87%;}
.comment small a, .commentlist small a:visited {color: #999999;}
.comments_navigation{margin-top:5px;}
.comments_navigation a {padding:0 5px;text-decoration:none;color:#CCCCCC;border:1px solid #CCCCCC;}
.comments_navigation a:hover {color:#333333;border:1px solid #333333;}
.comments_respond{margin-top:10px;}

/* commentform */
#commentform {margin-top: 10px;}
#commentform label {font-weight: bold;color:#666;font-size: 100%;padding-left: 5px;}
#commentform small {color: #999999;font-size: 90%;}
#commentform input {width:220px; padding:5px 3px 3px 7px; font: 110% Arial, Helvetica, sans-serif; background:url(images/form-field-bg.gif) no-repeat; border-top:1px solid #e6e6e6; border-right:1px solid #E2E2E2; border-bottom:1px solid #E2E2E2; border-left:1px solid #e6e6e6;}
#commentform textarea {font:110% Arial, Helvetica, sans-serif; width:566px; height: 140px; padding: 5px 3px 3px 7px;  background:url(images/form-field-bg.gif) no-repeat; border: solid 1px #F0F0F0;overflow:hidden;}
#commentform #submit {width:135px; height:25px; padding-bottom:6px; margin-left:445px; font:12px/100% Arial, Helvetica, sans-serif; color:#000000; background:transparent url(images/submit.png) no-repeat 0px 0px; border: none;}
#commentform #submit:hover {background:transparent url(images/submit.png) no-repeat 0px -25px; color:#333333;}
#commentform textarea:focus, #commentform input[type="text"]:focus {border:1px solid  #0074C1;}

/* author info */
.author {background:#FAFAFA; padding:10px 20px 20px 20px; margin:20px 0 20px 0;}
.author_avatar {float:left; width:72px; height:60px; margin:0 10px 5px 0;}
.author_data {float:left; width:535px; height:60px;}
.author_mail {float:right; width:16px; height:16px;}
.author_info {float:left; width:418px; height:26px;padding:0;margin-bottom:2px;}
.author_name {font-size:26px; padding:7px 0 0 0; margin-bottom:4px;}
.author_posts {padding:7px 0 0 0; margin:0;}
.author_description {text-align:justify; clear:both;}
.related_post {display:block; width:600px; padding:10px; background:#FAFAFA; margin-top:20px; }
.ilsb-parent {display:block; margin:10px 0 10px 0;}

/* news box*/
div.blog_container {
	display:block;
	width:640px;
	height:90px;
	padding:20px 0 20px 20px;
	color:#666666;
}
div.blog_container:hover {
}
.blog_top {float:left; display:block; width:116px; height:86px; border:2px solid #F0F0F0;}
.blog_content  {float:left; width:400px; margin-left:30px;}
.blog_title {display:block; padding-bottom:4px; font:bolder 13px/12px Arial, Helvetica, sans-serif;}
.blog_excerpt {display:block; line-height:17px;}

/* footer */
#footer{ font:10px Verdana, Arial, Helvetica, sans-serif; background:#FCFCFC url(images/footer_bg.png) no-repeat; display:block; width:980px; margin:15px auto 15px auto; padding:0px 0 10px 0; height:190px; text-align:center; }
#footerbar{width:955px; margin:0; }
#footerbar li{float:left; display:inline; width:150px; text-align:left; padding:0 0 10px 0;}
#foothead{ display:block; width:134px; height:30px; font:bold 11px/32px Verdana, Arial, Helvetica, sans-serif; color:#333; padding-left:25px; background: url(images/foothead.png) no-repeat;}
#signet{ display:inline; width:30px; height:30px; float:left;}
#footerbar li li{display:block; height:15px;width:132px; padding:4px 0 0 20px;   font:11px/20px Geneva, Arial, Helvetica, sans-serif;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.footer {height:40px; line-height:40px; margin:10px auto 0 auto;  color:#666666;}
.footer_inner {margin:0 auto; width:980px; border-top:1px solid #F0F0F0;}
.footer_left {float:left; width:550px; font-size:10px;}
.footer_right {float:left; width:425px; height:22px; text-align:right; font-size:10px;}