/*
Theme Name: Seascape
Theme URI: http://wordpress.org/
Description: Seascape Designed Theme
Author: Paul Wagner
Author URI: http://pyrographicmedia.com/

*/





/* ----------------------------------------------------------------------*/
/* ---------->>> COLORS <<<-----------*/
/* ----------------------------------------------------------------------*/
.black { background-color:#000; }
.white { background-color:#FFF; }
.gray { background-color:#CCC; }

.navy { background-color:#1B567D; }
.blue { background-color:#95CFF1; }
.dark_blue { background-color:#7EAECB; }
.light_blue { background-color:#CAE7F8; }
.pale_blue { background-color:#EAF5FC; }
.orange { background-color:#F7A11A; }
.dark_orange { background-color:#E4701E; }
.light_orange { background-color:#FBD08C; }
.lime { background-color:#97C950; }
.light_lime { background-color:#CBE4A7; }
.pale_lime { background-color:#EAF4DC; }
.green { background-color:#599E19; }
.dark_green { background-color:#376122; }

/* ----------------------------------------------------------------------*/
/* ---------->>> TEXT COLORS <<<-----------*/
/* ----------------------------------------------------------------------*/
.txt_black { color:#000; }
.txt_white { color:#FFF; }
.gray { color:#CCC; }

.txt_navy { color:#1B567D; }
.txt_blue { color:#95CFF1; }
.txt_dark_blue { color:#7EAECB; }
.txt_light_blue { color:#CAE7F8; }
.txt_pale_blue { color:#EAF5FC; }
.txt_orange { color:#F7A11A; }
.txt_dark_orange { color:#E4701E; }
.txt_light_orange { color:#FBD08C; }
.txt_lime { color:#97C950; }
.txt_light_lime { color:#CBE4A7; }
.txt_pale_lime { color:#EAF4DC; }
.txt_green { color:#599E19; }
.txt_dark_green { color:#376122; }

/* ----------------------------------------------------------------------*/
/* ---------->>> COMMON CLASSES <<<-----------*/
/* ----------------------------------------------------------------------*/

.width100 { width: 100%; }
.width75 { width: 75%; }
.width50 { width: 50%; }
.float_left { float: left; }
.float_right { float: right; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { clear: both; display: block; }
.pad { padding: 10px; }
.pad_left { padding-left: 10px; }
.pad_right { padding-right: 10px; }
.pad_top { padding-top: 10px; }
.pad_btm { padding-bottom: 10px; }
.margin_left { margin-left: 10px; }
.margin_right { margin-right: 10px; }
.margin_top { margin-top: 10px; }
.margin_btm { margin-bottom: 10px; }
.border { border:solid 1px #000 }
.border_left { border-left:solid 1px #000 }
.border_right { border-right:solid 1px #000 }
.border_top { border-top:solid 1px #000 }
.border_btm { border-bottom:solid 1px #000 }
table.twocol td { width: 50%; }
table.threecol td { width: 33.333%; }
table.fourcol td { width: 25%; }
div.twocol { width: 50%; }
div.threecol { width: 33.333%; }
div.fourcol { width: 25%; }
table.pad_cel td { padding: 3px; }
.center { margin:0px auto }
.hide { display:none; position: absolute; top: -5000em; left: -5000em;}
.hr_blocker {
	display:block;
	height:1em;
	background-color:#FFF;
	margin-top:-2em;
}


/* ----------------------------------------------------------------------*/
/* ---------->>> BASIC HTML TAGS <<<-----------*/
/* ----------------------------------------------------------------------*/

body {
	background-color: #133C58;
	color: #666;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: 1em;
	text-align: center;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Lucida Grande, Trebuchet MS, Arial, Geneva, Helvetica, sans-serif;
}

h1 {
	color: #1B567D;
	font-size: 2.4em;
	line-height: 1.2em;
	margin-bottom:.5em;
}

h1.featured {
	color: #FFF;
	background-color: #97C950;
	font-size: 2em;
	line-height: 1.2em;
	margin-bottom:.5em;
	padding:10px;
}

h1.featured a, h1.featured a:hover {
	color: #FFF!important;
}
h2 {
	color: #1B567D;
	font-size: 1.8em;
	line-height: 1.2em;
	margin-bottom:.5em;
}
#right_blog h2 {
	color: #666;
	margin-bottom:0px;
}
h1 small, h2 small, h3 small{
	display:block;
	color: #7EAECB;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.4em;
	background: url(images/calendar_16x16.png) no-repeat left center;
	padding-left: 20px;
}
h1 small, h2 small{
	padding: 5px 20px;
}
h3 {
	color: #1B567D;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6em;
}
h4 {
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
}
h5 {
	color: #333;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.6em;
	text-transform: uppercase;
}
h6 {
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
	text-transform: uppercase;
}

p {
	margin: 0 0 20px 0;
	line-height: 1.4em;
}
hr {
	background: #CCC;
	color: #CCC;
	height: 1px;
	border: 0px;
	margin: 0 0 20px 0;
}
td {
	vertical-align: top;
}
th {
	font-weight: bold;
	color: #FFF;
	background: #333;
	vertical-align:middle;
	border-left: 1px solid #FFF;
}
th:first-child {
	border-left: none;
}

/* ----------------------------------------------------------------------*/
/* ---------->>> LINKS <<<-----------*/
/* ----------------------------------------------------------------------*/

/* Sets the style for unvisited links. */
a,  a:link {
	color: #599E19;
	font-weight: bold;
	text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
	color: #599E19;
	font-weight: bold;
	text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
	color: #599E19;
	text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
	color: #666;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
	color: #666;
}

a.pdf, a.doc, a.folder { padding-left:15px; }
a.pdf { background: url(images/bullet_pdf.gif) no-repeat; }
a.doc { background: url(images/bullet_page.gif) no-repeat; }
a.folder { background: url(images/bullet_folder.gif) no-repeat; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {
	color: #1B567D;
	font-weight: normal;
	text-decoration: none;
}
#right_blog h2 a:link, #right_blog h2 a:visited {
	color: #666;
	font-weight: normal;
	text-decoration: none;
}
h1 small a:link, h1 small a:visited, h2 small a:link, h2 small a:visited, h3 small a:link, h3 small a:visited {
	color: #599E19;
	font-weight: normal;
	text-decoration: none;
}
h1 small a:hover, h2 small a:hover, h3 small a:hover {
	text-decoration: underline;
}
h1 a:hover, h2 a:hover, #right_blog h2 a:hover, #right_blog h2 small a:hover {
	color: #599E19;
	text-decoration: underline;
}


/* ----------------------------------------------------------------------*/
/* ---------->>> FORMS <<<-----------*/
/* ----------------------------------------------------------------------*/

/* (en) reset monospaced elements to font size 16px in Gecko browsers */
pre, tt, code { font-family:"Courier New", Courier, monospace; }

input, select, label {
	vertical-align: middle;
}


/* ----------------------------------------------------------------------*/
/* ---------->>> LISTS <<<-----------*/
/* ----------------------------------------------------------------------*/

ul, ol, dl { margin: .5em 0 1em 1em; }
#contentWrapper #col3 li {
	background: url(images/bullet.gif) no-repeat left .2em;
	line-height: 1.5em;
	margin: 0px 10px 3px;
	/*border-top: 1px solid #999999;*/
	padding: 0px 0px 3px 15px;
}

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote, cite { margin: 0 0 1em 1.5em; }
#col_left blockquote {
	background-color:#97C950;
	padding:10px;
	color:#FFF;
	margin: 0px 0px 1em;
	font-size:1.2em;
}
#col_left blockquote p {
	padding:0px;
	margin: 0px;
}

#contentWrapper .pdflist li, #contentWrapper li.pdflist {
	background: url(images/bullet_pdf.gif) no-repeat left top;
}
#contentWrapper .doclist li, #contentWrapper li.doclist {
	background: url(images/bullet_page.gif) no-repeat left top;
}
#contentWrapper .folderlist li, #contentWrapper li.folderlist {
	background: url(images/bullet_folder.gif) no-repeat left top;
}

#contentWrapper #col3 ol.commentlist { margin:0px; }
#contentWrapper #col3 ol.commentlist li {
	background: none;
	margin: 10px 0px 0px;
	border-top: 1px solid #CCC;
	padding: 10px 0px 3px 0px;
}

#contentWrapper #col3 li:first-child, #contentWrapper #col3 ol.commentlist li:first-child {
	border-top: none;
}

/* ----------------------------------------------------------------------*/
/* ---------->>> PAGE STRUCTURE <<<-----------*/
/* ----------------------------------------------------------------------*/


#seasonWrapper {
	background: #FFF url(images/bg_wrapper_blue.jpg) repeat-x center top;
}
#outerWrapper {
	background: #FFF url(images/bg_map_blue.jpg) no-repeat center top;
	margin: 0px auto;
	text-align: left;
	width: 974px;
}
#outerPad {
	padding:30px 34px 10px;
}
#outerWrapper #header {
	background: url(images/bg_header.gif) repeat-x left top;
	height: 349px;
	position:relative;
	margin-bottom:12px;
}
	#header #topnav { position:absolute; top: 10px; right: 10px; text-align:right; }
	#header_top { height:81px; }
	#header_img { height:268px; }
	
#outerWrapper #contentWrapper {
	font-size:1.2em;
	background: url(images/bg_contentwrapper.gif) repeat-y left top;
}

/* Col1 left column */
#outerWrapper #contentWrapper #col1 {
	background: url(images/bg_col1.gif) repeat-x left top;
	float: left;
	width: 188px;
}
/* Col2 right column */
#outerWrapper #contentWrapper #col2 {
	background: url(images/bg_col2.gif) repeat-x left top;
	float: right;
	width: 228px;
}
/* Col3 contains the main page content */
#outerWrapper #contentWrapper #col3 {
	background: url(images/bg_col3.gif) repeat-x left top;
}
#footer_container {
	background: #133C58 url(images/bg_footer.jpg) repeat-x left top;
}
#footer {
	margin:0px auto;
	color:#FFF;
	width: 950px;
	font-size:1.2em;
}
#footerPad {
	padding:40px 0px 200px;
}
#outerWrapper div#contentWrapper.bg1col {
	background: url(images/bg_1col.gif) repeat-y left top;
}

#header, #nav, #contentWrapper, #footer { clear:both; }

/* ----------------------------------------------------------------------*/
/* ---------->>> COLUMN CONTROLS <<<-----------*/
/* ----------------------------------------------------------------------*/

#col1 {z-index: 3}
#col2 {z-index: 5}
#col3 {z-index: 1}
#col1_content {z-index: 4; padding: 0px 20px 10px 0px;}
#col2_content {z-index: 6; padding:10px;}
#col3_content {z-index: 2;  padding:0px 0px 10px 20px;}
#col1_content, #col2_content, #col3_content { position:relative }

.showall { background: url(images/bg_threecol.gif) repeat-y left top; }
.hidecol2 { background: url(images/bg_leftcol.gif) repeat-y left top; }
.hidecol1 { background: url(images/bg_rightcol.gif) repeat-y left top; }
.hideboth { background: url(images/bg_nocolumn.gif) repeat-y left top;	}

/* Set the class of #contentWrapper for a 1, 2 or 3 column layout */
/* 3 col layout */
.showall #col3 {margin-left: 188px; margin-right: 228px}
/* 1 col layout */
.hideboth #col3 {margin-left: 0; margin-right: 0}
/* 2 col layout Right Sidebar */
.hidecol1 #col3 {margin-left: 0; margin-right: 228px}
/* 2 col layout Left Sidebar */
.hidecol2 #col3 {margin-left: 185px; margin-right: 0}

/* The following hides the unnecessary columns */
.hideboth #col1, .hideboth #col2 {display:none; position: absolute; top: -5000em; left: -5000em;}
.hidecol1 #col1 {display:none; position: absolute; top: -5000em; left: -5000em;}
.hidecol2 #col2 {display:none; position: absolute; top: -5000em; left: -5000em;}

/* ----------------------------------------------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* ----------------------------------------------------------------------*/

#top_tabs img {
	margin-right:20px;
}
#tagline {
	float:left;
	margin:214px -10px 0px 445px;
	position:absolute;
	width:472px;
}

/* ----------------------------------------------------------------------*/
/* ---------->>> NAVIGATION <<<-----------*/
/* ----------------------------------------------------------------------*/

#contentWrapper #nav ul, #nav li {
	margin:0px;
	padding:0px;
	list-style:none;
}
#contentWrapper #nav ul {
	border-bottom: solid 10px #1B567D;
	padding-bottom:.5em;
	margin-bottom: 20px;
}
#contentWrapper #nav li {
	border-top: solid 1px #CCC;
	line-height:1.8em;
}
#contentWrapper #nav li:first-child {
	border-top: none;
}
#contentWrapper #nav li a:link, #contentWrapper #nav li a:visited {
	color:#1B567D;
	font-weight:normal;
}
#contentWrapper #nav li a:hover{
	color:#599E19;
}
#nav li ul, #footer_nav li ul {
	display:none;
}
#footer_nav li {
	padding:0px 5px;
	line-height:1.4em;
	display:inline;
	border-left: solid 1px #95CFF1;
}
#footer_nav li:first-child {
	padding:0px 5px;
	border-left: none;
}


/* ----------------------------------------------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* ----------------------------------------------------------------------*/





/* ----------------------------------------------------------------------*/
/* ---------->>> COLUMN 1 LEFT COL <<<-----------*/
/* ----------------------------------------------------------------------*/

#col1_content img.sidelogo {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom: solid 1px #CCC;
}

/* ----------------------------------------------------------------------*/
/* ---------->>> COLUMN 2 RIGHT COL <<<-----------*/
/* ----------------------------------------------------------------------*/



/* ----------------------------------------------------------------------*/
/* ---------->>> COLUMN 3 MIDDLE COL <<<-----------*/
/* ----------------------------------------------------------------------*/

#col_double {
	width:698px;
	padding-bottom:10px;
	background: #FFF;
}
#col_double_content {
	/*height:12.5em;*/
	/*border-bottom: solid 1px #CCC;*/
	border-bottom: none;
	padding-bottom:10px;
	overflow:auto;
}
#col_double form {
	margin-bottom:1em;
}
#col_double input {
	margin:0px 10px;
	vertical-align:middle;
	width:165px;
}
#col_double input#searchsubmit {
	background: url(images/btn_search.png) no-repeat left center;
	border:0px;
	height: 22px;
	width:62px;
	text-indent:-1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	margin:0px;
	font-size: 0; /* so IE doesn't show text */
	color:#FFF;
}
#col_double form img {
	margin:0px;
	vertical-align:middle;
}
#contentWrapper #col_double ul {
	margin:0px;
}
#contentWrapper #col_double li {
	background: url(images/bullet_green.png) no-repeat left 0.2em;
	line-height: 1.2em;
	margin: 0px 10px 3px;
	border-top: none;
	padding: 0px 0px 3px 15px;
}
#col_left {
	width:418px;
}
#col_right {
	width:260px;
	float:right;
}
#col_left img {
	border: solid 1px #CCC;
	padding:15px;
	float:left;
	margin:0em 1em 1em 0px;
}
#col_left .entry p table {
	display:block;
}
#col_left .entry p table td{
	vertical-align:top;
	line-height:1.4em;	
}
#double_left {
	width:417px;
}
#double_left img {
	margin-bottom:14px;
}
#double_left img.pic {
	margin-right:16px;
}
#double_right {
	width:260px;
	float:right;
}
#contentWrapper #col_double a:link, #contentWrapper #col_double a:visited {
	color:#1B567D;
}
#contentWrapper #col_double #double_right a:link, #contentWrapper #col_double #double_right a:visited{
	font-weight:normal;
}
.green_bullet {
	background: url(images/bullet_green_large.png) no-repeat left center;
	line-height:1.8em;
	padding-left:1.8em;
	position:relative;
	display:block;
	position:relative;
}
.quote, .pullout {
	background: #97C950 url(images/quotebox_bg.jpg) no-repeat left bottom;
	width: 260px;
	margin-bottom: 1em;
	color:#FFF;
}
.quote div, .pullout div {
	padding:0px 10px 10px;
}
.quote p, .pullout p {
	margin:0 0 .5em;
}
.quote img.pic, .pullout img.pic {
	float:left;
	border:solid 1px #FFF;
	margin-right:1em;
	margin-bottom:1em;
}
.pullout {
	background: #CAE7F8 url(images/quotebox_bg_blue.jpg) no-repeat left bottom;
	color: #1B567D;
}
.nf_img { border: solid 3px #1B567D; }
.nb_img { border: solid 3px #95CFF1; }
.cr_img { border: solid 3px #F7A11A; }

a.pic3 {
	width: 124px;
}

a span.tip {
	display:none;
}
a:hover span.tip {
	background-color: #97C950;
	color:#FFF;
	display:block;
	float:left;
	font-size:12px;
	line-height: 1.4em;
	/*margin:-46px 0px 0px 3px;*/
	padding: .5em 0px;
	position:absolute;
	width:118px;
	text-align:center;
	top:71px;
}
a:hover span.cr_tip {
	left: 0px;
	left: 23px;	
}
a:hover span.nb_tip {
	left: 140px;
	left: 163px;
}
a:hover span.nf_tip {
	left: 280px;
	left: 303px;
}
a.spanlinks:hover{
	text-decoration:none;
}

/* ----------------------------------------------------------------------*/
/* ---------->>> Wordpress Tags <<<-----------*/
/* ----------------------------------------------------------------------*/

.post_nav, .posts_nav {
	display:block;
	height:1.75em;
	/*margin-bottom:1em;*/
	padding: 2em 0 1em;
}
.post_nav a, .posts_nav a {
	padding:.75em;
	background-color:#97C950;
	color:#FFF;
}
.post_nav div a{
	color:#FFF;
}
.edit_post {
	background: url(images/edit_16x16.png) no-repeat left top;
	padding:0px 0px 1em 20px;
}
.email_post {
	background: url(images/email_famfamfam.gif) no-repeat left -2px;
	padding:0px 0px 0px 20px;
}
.post_tags p, .post_nav {
	border-top:solid 1px #CCC;
}
.post_tags p {
	padding: 1em 0;
}
.post_tags p{
	background: url(images/tag-hot_24x24.png) no-repeat left center;
	padding-left: 30px;
}
#comment {
	width:410px;
	background-color:#EAF4DC;
}
#contentWrapper #col3 ol.commentlist img {
	padding:0px;
}
#contentWrapper #col3 ol.commentlist cite {
	padding:0px;
	margin:0px;
}
p.postmetadata small {
	font-size:0.9em;
	line-height:1em;
}
h3#comments  {
	margin-top:-.5em;
}
.Forms {
	width:400px;
}
input.TextField, #webform  p.TextField span input, #webform  p.TextField span textarea {
	width:400px;
}
input.VerifyTextField, #webform div.VerifyTextField span input {
	width:100px;
}
input.btn_mailit, #webform p.send input {
	background: url(images/btn_mailit.gif) no-repeat left center;
	border:0px;
	height: 22px;
	width:62px;
	text-indent:-1000em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	margin:0px;
	font-size:0px;
	color:#FFF;
}
#webform p.send{
	padding-top:30px;
}
#webform p.send input {
	background: url(images/btn_send.gif) no-repeat left center;
}
#comment, .Forms, input.TextField, input.VerifyTextField, #webform p.TextField span input, #webform div.VerifyTextField span input, #webform  p.TextField span textarea {
	background-color:#EAF4DC;
}


/* ---------->>> Zero Out P tags for wordpress features <<<-----------*/
.post_tags p, .post_nav p, .edit_post p {
	margin:0px;
}

/* ----------------------------------------------------------------------*/
/* ---------->>> JQUERY STRIPING <<<-----------*/
/* ----------------------------------------------------------------------*/

table.striped tr.row_gray, table.striped tr.row_gray td {
	background: #EAEBEC;
}

/* ----------------------------------------------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* ----------------------------------------------------------------------*/

/* Sets the style for unvisited links. */
#footer a,  #footer a:link { color: #FFF; font-weight:normal; }
/* Sets the style for visited links. */
#footer a:visited { color: #FFF; }
/* Sets the style for links on mouseover. */
#footer a:hover { color: #FFF; }
/* Sets the style for a link that has focus. */
#footer a:focus { color: #FFF; }
/* Sets the style for a link that is being activated/clicked. */
#footer a:active { color: #FFF; }

/* ----------------------------------------------------------------------*/
/* ---------->>> GALLERY OVERIDES <<<-----------*/
/* ----------------------------------------------------------------------*/

.ngg-galleryoverview  {clear:none!important;}

.ngg-navigation {height:20px;}

.piclenselink {margin-bottom:10px;}

/* ----------------------------------------------------------------------*/
/* ---------->>> IE BACKGROUND FIX <<<-----------*/
/* ----------------------------------------------------------------------*/

/* divs that do not have a width set whose backgrounds do not display in IE 6*/
/* make sure these divs do not have margin or padding applied*/
#nav_container, #contentWrapper, #seasonWrapper, #footer_container {
	width:100%;
}