/*
Theme Name: Sea Fish Directory
Theme URI: http://www.seafishdirectory.com
Description: Sea Fish Directory
Version: 1.0
Author: Ron Edgecomb II
Author URI: http://morecambe.net/
*/

/*-------------------------------------------

	-- -- -- -- -- -- --
	Seafish Directory
	last edit: 15 April 09
	-- -- -- -- -- -- --
	
-------------------------------------------*/


/*-------------------------------------------

    General Setup

-------------------------------------------*/

html, body {
	height: 100%;
}

* {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-indent: 0;
	}	
body {
	color: #000;
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(i/bg_header.png) repeat-x 0 0 ;
	}
	
body * {
	font-size: 95%;
	line-height: 1.5;
	}

:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p,dl,dt,dd,ul,ol,li,strong,em, a, address {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,select,textarea,cite {margin: 0; padding: 0;}
a img,:link img,:visited img, fieldset {border: none;}
address {font-style: normal;}
acronym { cursor: help; border-bottom: 1px dotted; font-weight: inherit; }
strong { font-weight: bold; font-style: inherit; }
em { font-weight: inherit; font-style: italic; }
legend, hr, .hidden { display: none;	}
label { display: block; cursor: pointer; }
small { font-size: .75em; }

h1, h2, h3, 
h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
}
	
.hr, .br {
	width: 100%;
	height: 1px;
	line-height: 1px;
	clear: both;
	border: none;
} .br br { display: none; }
	

a, a:link, a:visited, a:hover { color: #000; }

input, select, textarea {
	font: 13px "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
	margin: 1px;
	padding: 2px 3px;
}

.hide,
.js-hide { display: none; }
 
/*-------------------------------------------

    fishtastic.

-------------------------------------------*/

/* --->>> Container <<<--- */
#container {
	width: 970px;
	position: relative;	
	margin: 0 auto;
	text-align:center;
	background: url(i/bg_container.png) no-repeat center 217px;
} #container-wrapper { padding: 0 15px; }

/* --->>> Header <<<--- */
#header {
	height: 230px;
	position:relative;
}

/* logo */
#header h1 {
	height: 61px;
	width: 357px;
	position: absolute;
	top: 70px; left: 13px;
}
	#header h1 a {
		height: 61px;
		width: 357px;
		display: block;
		text-indent: -9999px;
		outline: none;
		background: url(i/bg_logo.png) no-repeat 0 0;
	} #header h1 a:hover { background-position: 0 -61px; }

/* nav list hide label */
#header ul li span { display: none; }

/* top navigation */
ul#nav-top  {
	width: 100%;
	position: absolute;
	top: 3px; left: 0;
}	

	ul#nav-top li { display: inline; }
	
	ul#nav-top a {
		font: 14px Arial, Verdana, Helvetica, sans-serif;
		letter-spacing: .01em;
		padding: 0 10px;
		margin: 0 0 0 -1px; 
		border-right: 1px solid #c5d8e2;
		outline: none;
	} ul#nav-top li.last a { border: none; }		
		
	ul#nav-top a:link, ul#nav-top a:visited  {
		color: #fff;
		text-decoration: none;
	}
		
/*	ul#nav-top li.active a,*/
	ul#nav-top a:hover { text-decoration: underline; }	
	ul#nav-top li.active a { color: #fff; text-decoration: underline; }
	
	
/* main navigation */
ul#nav-main  {
	position: absolute;
	top: 170px; left: 15px;
	text-align: center;
	text-transform: uppercase;
}	

	ul#nav-main li {
		height: 41px;		
		min-width: 50px;
		float: left;
		display: inline;
		border-left: 1px solid #e0b66a;
	} * html ul#nav-main li { width: 50px; }
	
	ul#nav-main li.last { border-right: 1px solid #e0b66a; }
	
	ul#nav-main a {
		color: #8c641c;
		height: 32px;
		display: block;
		font: 11px/.75 Arial, Verdana, Helvetica, sans-serif;
/*		letter-spacing: .01em;*/
		text-transform: uppercase;
		text-decoration: none;
		padding: 10px 15px 0;
		outline: none;
	}
		
	* html ul#nav-main a:hover { color: #000; }	

	ul#nav-main li.active { background: url(i/bg_nav-top-active.png) repeat-x 0 0; }
	ul#nav-main li.active a { color: #8c641c; }
	ul#nav-main li.active a span { color: #000; }
		
	ul#nav-main a:link, ul#nav-main a:visited  {
		}
	ul#nav-main a span { color: #464646; display: block; font: 14px/1  Arial, Verdana, Helvetica, sans-serif; white-space: nowrap; }
	ul#nav-main a:hover span { color: #000; }

/* search bar */
#searchbar {
	height: 43px;
	width: 807px;
	position:absolute;
	top: 211px;	left:-4px;
	background-image:url(i/bg_searchbar.png);
}

#searchbar form {
	position: absolute;
	top: 8px; left: 265px;
	}

	#searchbar p label { display:none; }

	#searchbar form p {
		min-width: 150px;
		float: left;
		display: inline;
		padding: 0 10px 0 0;
	} * html #searchbar form p { width: 150px; }


	#searchbar p.search-field input,
	#searchbar p.search-select select {
		color: #1989c6;
		border: 1px solid #dfdfdf;
	}

	#searchbar p.search-field input { padding: 1px 3px 2px; }
	#searchbar p.search-select select { padding: 1px 3px; }
		* hmtl #searchbar p.search-select select { padding: 2px 3px; }

	#searchbar p.search-button input { 
		width: 0;
		padding: 0 10px;
		overflow: visible;
	} #searchbar p.search-button[class] input { width: auto; }

/* header ad */
#header-ad {
	position: absolute;
	height:120px; width:468px;
	left:468px; top:40px;
}
	#header-ad img { border: 1px solid #ccc; }


/* join button */
#searchbar p.join,
#searchbar p.refer {
	width: 110px;
	height: 22px;
	position: absolute;
	top: 10px; left: 55px;
}
	#searchbar p.join a,
	#searchbar p.refer a {
		width: 110px;
		height: 22px;
		display:block;
		text-indent:-9999px;		
		background: url(i/bg_btn-join.png) no-repeat 0 0;
		outline:none;
	}
		#searchbar p.refer a { background-image: url(i/bg_btn-refer.png); }

/* session */
#header p.session {
	position: absolute;
	top: 150px; left: 15px;
	font-size: .85em;
}

/* --->>> Content <<<--- */
#content {
	width: 795px;
	min-height: 500px;
	float: left;
	margin: 30px 0;
	}

/* --->>> Main <<<--- */
#main p.breadcrumb {
	font-size: 10px;
	margin: 0 0 5px;
}
	#main p.breadcrumb a { font-size: 10px; font-weight: bold; }
	#main p.breadcrumb a:link, #main p.breadcrumb a:visited { color: #1989c6; border-bottom: 1px dashed #1989c6; }
		#main p.breadcrumb a:hover { color: #fff; background: #1989c6; }
/*
.updated,
.error {
	border-width: 1px;
	border-style: solid;
	padding: 0 0.6em;
	margin: 5px 15px 2px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.updated {
	background-color: #ffffe0;
	border-color: #e6db55;
}	

.error {
	background: #ffebe8;
	border: 1px solid #cc0000;
}
*/	

/* autocomplete */
.ac_results {
	display: none;
	position: absolute;
	z-index: 10000;
	padding: 0;	margin: 0;
	border: 1px solid #808080;
	background: #fff;	
	list-style: none;	
}
.ac_results li {
	color: #101010;
	padding: 2px 5px;
	white-space: nowrap;
	text-align: left;
}

.ac_over {
	cursor: pointer;
	background-color: #f0f0b8;	
}

.ac_match {
	text-decoration: underline;
}
.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}
.ac_loading { background : url(i/indicator.gif) no-repeat right center; }
.ac_over { background-color: Highlight; color: HighlightText; }

/* form field formatting */
textarea.large-text { width: 99%; }
input.regular-text { width: 325px; }
input.small-text { width: 175px; }
input.tiny-text { width: 100px; }
input.micro-text { width: 50px; }

textarea {
	width: 300px;
	margin-bottom: 6px;
}

select.regular-text { width: 333px; }
select.small-text { width: 182px; }
select.tiny-text { width: 107px; }
select.micro-text { width: 57px; }


/* --->>> Sidebar <<<--- */
#sidebar {
	width: 135px;
	min-height: 500px;
	float: right;
	text-align:center;
}

/* sidebar p */
#sidebar p {
	text-align:center;
	padding-bottom: 5px;
}

	p.sidebar-ad img {
		border: 1px solid #ccc;
	}
	
/* --->>> Column 1 <<<--- */
/* refine boxes */
#col-1 .box-refine	{
	position: relative;
	background:#fce5c0;
	border:1px solid #c3dcde;
	padding:5px;
	margin: 0 0 10px 0;
	font: 1.20em Arial, Helvetica, sans-serif;
	}
	
#message-info,
#search-form { position: relative; padding: 0 0 15px; }

#message-cue a,
p.credits-available a {
	color: #1989C6;
} 
	#message-cue a:hover,
	p.credits-available a:hover{ text-decoration: underline; }	

#message-cue ol,
#message-cue p { font-size: 11px; padding: 0 10px 5px; }
 
#message-cue ol li {
	font-size: 11px;
	padding: 2px 5px 0 10px;
	list-style-position: inside;
	list-style-type: decimal;
	}

/*.message-business { display: none; }*/

.credits-available { font-size: 11px; padding: 0 10px 0; }


/* refine box heading */
.box-refine h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	padding: 0 0 5px;
	} 
	
/* refine box footer link */
.box-refine .more { font: 10px Arial, Helvetica, sans-serif; }
	.box-refine .more a { text-decoration:underline }
	
	#dialog .box-refine .more { display: none; }

/* refine box p */
.box-refine p {
	font-size: 12px;
	padding: 0 0 2px 10px;
}

	#col-1 .box-refine label.checked span { display: none; }


/* show hide link */
.box-refine p.toggle {
	width: 16px;
	height: 16px;
	position:absolute; 
	top: 0; right: 0;
	margin: 0;
	padding: 0;
	} * html .box-refine p.toggle { right: 15px; }

	.box-refine p.toggle a {
		width: 16px; height: 16px;
		display: block;
		text-indent: -9999px;
		background: url(i/sprite_icon16.png) no-repeat 0 -200px;
		outline: none;
		} * html .box-refine p.toggle a { background-image: url(i/ie6/sprite_icon16.gif); }
	.collapsed p.toggle a { background-position: 0 -300px; }
	#dialog .box-refine p.toggle { display: none; }

.box-refine p.clear {
	position:absolute; 
	top: 2px; right: 0;
	margin: 0; padding: 0;
	text-align: right;
	} * html .box-refine p.clear { right: 15px; }
	.box-refine p.clear a {
		color: #1989C6;
		font-size: 10px;
		padding: 0 5px;
		} .box-refine p.clear a:hover { text-decoration: underline; }
	.collapsed p.clear,
	#dialog .box-refine p.clear { display: none; }

/* clear all */
p.clear-all {
	position: absolute;
	top: 0; right: 0;
	margin: 0; padding: 0;
}
	
.collapsed .refine-content { display: none; }

/*--->>> Footer <<<---*/
#footer {
	text-align: center;
	background: #0467a0 url(i/bg_footer.png) repeat-x 0 0;
}
	#footer-wrapper {
		width: 970px;
		height: 150px;
		position:relative;
		margin: 0 auto;
	} * html #footer-wrapper { height: 110px; }

/* footer navigation */
ul#nav-footer  {
	width: 460px;
	position: absolute;
	top: 3px; left: 0;
	list-style:none;
}	
	ul#nav-footer li { display: inline; }
	
	/* hide label */
	ul#nav-footer li span { display: none; }
	
	li.search ul,
	li.main ul {
		width: 450px;
		position: absolute;
		top: 0; left: 0;
	}
	
	li.main ul {
		width: 460px;
		top: 50px;
	}

	li.main ul li { line-height: normal; }

	ul#nav-footer a {
		font: 10px/1 Arial, Verdana, Helvetica, sans-serif;
		padding: 0 5px;
		margin: 0 0 0 -1px; 
		border-right: 1px solid #c5d8e2;
		} ul#nav-footer li.last a { border: none; }	
		
	ul#nav-footer a:link, ul#nav-footer a:visited  {
		color: #fff;
		text-decoration: none;
		}	
		
/*	ul#nav-footer li.active a,*/
	ul#nav-footer a:hover { text-decoration: underline; }	
	ul#nav-footer li.active a { color: #fff; text-decoration: underline; }


/* copyright */
#footer p.copy {
	width: 100%;
	position: absolute;
	bottom: 5px; left: 0;
	color: #fff;
	font-size: .75em;
	text-align: center;
}	
#footer p.copy a {
	color: #fff;
	text-decoration:underline;
}

/* footer ad space */
#footer-ad {
	position:absolute;
	left:480px;
	top:10px;
	width:468px;
	height:60px;
}
	#footer-ad img { border: 1px solid #ccc; }
	

/* --->>> Table Formatting <<<--- */
.form-table {
	border-collapse: collapse;
	margin-top: 0.5em;
	width: 100%;
	margin-bottom: 10px;
	clear: both;
	border: 1px solid #f5f5f5;
}

.form-table td,
.form-table th{
	margin-bottom: 9px;
	padding: 10px;
	line-height: 20px;
	font-size: 11px;
	border-bottoM: 1px solid #f5f5f5;
	vertical-align: middle;
}

.form-table th,
.form-table label {
	font-size: 12px;
	font-weight: bold;
	text-shadow: rgba(255,255,255,1) 0 1px 0;
}

.form-table th {
	vertical-align: top;
	text-align: left;
	padding: 10px;
	width: 200px;
}

.form-table th.th-full {
	width: auto;
}

.form-table input,
.form-table textarea {
	border: 1px solid #dfdfdf;
}

.form-table div.color-option {
	display: block;
	clear: both;
	margin-top: 12px;
}

.form-table input[type=text] { width: 300px; }
textarea.large-text { width: 99%; }
.form-table input.regular-text { width: 325px; }
.form-table input.small-text { width: 175px; }
.form-table input.tiny-text { width: 100px; }
.form-table input.micro-text { width: 50px; }

.form-table textarea {
	width: 300px;
	margin-bottom: 6px;
}

.form-table select { width: 308px; }
.form-table select.small-text { width: 182px; }
.form-table select.tiny-text { width: 107px; }
.form-table select.micro-text { width: 57px; }

.form-table textarea {
	width: 300px;
	margin-bottom: 6px;
}
table.form-table td .updated {
	font-size: 13px;
}


/* --->>> Notices <<<--- */
#main p.notice, #main p.error,
#main p.success, #main p.info,
#login_error {
	color: #000;
	margin: 5px 0;
	padding: 10px 10px 10px 30px;
	background: #ebecd2 url(i/bg_notice.gif) no-repeat 5px center;
	border: 1px solid #b88b6c;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	}
#login_error, #main p.error { background: #ebecd2 url(i/bg_error.gif) no-repeat 5px center; }
#main p.success { background: #ebecd2 url(i/bg_success.gif) no-repeat 5px center; }

#main p.info {
	color: #660000;
	padding: 20px;
	font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	border: 2px solid #b88b6c;
	}
	#main p.info a { font-weight: inherit; }

#main p.notice span, #main p.error span,
#main p.success span { font-weight: bold; }

/* --->>> Contact Form <<<--- */
#main .form p { font-size: 1.35em; }

#main .form form p.error,
#newsletter form p.error {
	color: inherit;
	margin: 5px 0;
	padding: inherit;
	background: none;
	border: none;
	}
	#newsletter form p.error { padding: 5px 10px; }

#main .form h3 { padding-top: 5px; }

#main .form fieldset {
	position: relative;
	margin: 0; padding: 0;
	background: 0;
	border: 0;
	} #main .form fieldset legend { display: none; }
	
/* standard input */
#main .form p.input label,
#main .form p.select label,
#main .form p.textarea label,
#main .form div.radio-label p,
#main .form div.checkbox-label p {
	width: 200px;
	float: left;
	color: #3b010c;	
	font: bold 13px/24px Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 0; padding: 0;
	} #main .form div.checkbox-label p { padding-top: 5px; }
	
#main .form p.label-full {
	font: bold 13px/24px Arial, Helvetica, sans-serif;
	text-align: center;
	}

#newsletter form p.error { display: block; }
	#newsletter form p.error input {
		padding: inherit;
		padding-left: 25px;
		margin: 0;
		background: #fff url(i/bg_error.gif) no-repeat 5px center; border: 1px solid #ca0056;
		}

	#main .form form p.error,
	#main .form form div.error {
		padding: 5px 0 5px 0;
		margin: 0 0 5px;
		background: #ebecd2 url(i/bg_error.gif) no-repeat 5px center;
		border: 1px solid #333;
		}

	#main .form p.checkbox label {
		font: bold 13px/24px Arial, Helvetica, sans-serif;
		text-align: left;
		margin: 0; padding: 0;
		}
	

#main .form div.radio,
#main .form div.checkbox-multi {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 10px;
	}	

#main .form p.input input,
#main .form p.select select,
#main .form p.textarea textarea,
#main .form div.radio-values,
#main .form div.checkbox-values {
	width: 250px;
	float: left;
	font: 14px/1.5 Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: .25em 0 .5em 10px;
	}

	#main .form div.radio-values,
	#main .form div.checkbox-values { width: 150px; float: left; }


#main .form div.radio-values p,
#main .form div.checkbox-values p {
	font: 14px/18px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: .25em 0 .5em 0;
	white-space: nowrap;
	}	
	
#main .form p.textarea textarea {
	width: 350px;
	height: 175px;
	}
#main .form p.input,
#main .form p.select,
#main .form p.textarea {
	width: 100%;
	float: left;
	clear: both;
	padding: 0 0 10px 0;
	margin: 0;
	}

#main .form fieldset p.checkbox { margin-left: 150px; }

#main .form fieldset p.checkbox label {
	display: inline;
	text-align: left;
	margin: 0; padding: 0;
	}

#main .form fieldset p.full label {
	width: 100%;
	text-align: left;
	margin: 0; padding: 0;
	}

#main .form fieldset p.full input,
#main .form fieldset p.full select {
	clear: both;
	margin-left: 160px;
	}

/* submit  */
#main .form p.submit {
	width: 100%;
	float: left;
	margin: 0 0 10px;
	}
#main .form p.submit input {
	margin-left: 210px;
	}

#main .form .radio-label span,
#main .form label span {
	display: block;
	position: relative;
	margin: -5px 0 0;
	padding: 0;
	color: #ff0000;
	text-transform: uppercase;
	font-size:9px;
	line-height: 10px;
	text-align: right;
	}	

#main .form .radio-label small,
#main .form label small {
	display: block;
	position: relative;
	padding: 0 0 5px;
	font-size:9px;
	line-height: 10px;
	text-align: right;
	}

.form #recaptcha_widget_div {
	height: 150px;
	padding: 0 0 0 210px;
}

/* buttons */
.button,
.button-primary,
.button-secondary,
.button-highlighted {
	font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;	
	text-decoration: none;
	font-size: 11px !important;
	line-height: 16px;
	padding: 2px 8px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid !important;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
}

a.button,
a.button-primary,
a.button-secondary {
	line-height: 1.2em;
	-webkit-border-radius: 10px;
	padding: 2px 10px;
}

#main .button,
#main .button-secondary,
#main .submit input,
#main input[type=button],
#main input[type=submit] {
	border-color: #bbb;
	color: #464646;
}
	#main .submit input { 
		width: 0;
		overflow: visible;
	} #main .submit[class] input { width: auto; }


.button:hover,
.button-secondary:hover,
.submit input:hover,
input[type=button]:hover,
input[type=submit]:hover {
	color: #000 !important;
	border-color: #666;
}
.button:hover,
.button-secondary:hover {
	background: inherit !important;
}

.button,
.submit input,
.button-secondary {
	background: #f2f2f2 url(i/white-grad.png) repeat-x scroll left top;
}

.button:active,
.submit input:active,
.button-secondary:active {
	background: #eee url(i/white-grad-active.png) repeat-x scroll left top;
}

.button-primary,
.submit .button-primary,
#login form .submit input {
	border-color: #298cba !important;
	font-weight: bold;
	color: #FFF !important;
	padding: 3px inherit;
	background: #21759B url(i/button-grad.png) repeat-x scroll left top;
} .button-primary span { font-weight: bold; }

.button-primary:active,
#login form .submit input:active {
	background: #21759b url(i/button-grad-active.png) repeat-x scroll left top !important;
}

.button[disabled],
.button:disabled,
.button-secondary[disabled],
.button-secondary:disabled,
a.button.disabled {
	color: #ccc !important;
	border-color: #ccc;
}

.button-primary[disabled],
.button-primary:disabled {
	color: #2fa0d5 !important;
}

.button-primary:hover,
#login form .submit input:hover {
	border-color: #13455b !important;
	color: #EAF2FA !important;
}

.submit input,
.button,
.button-primary,
.button-secondary,
.button-highlighted {
	text-shadow: rgba(255,255,255,1) 0 1px 0;
}

.button-primary,
.submit .button-primary {
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}

#dialog { padding: 10px; }

#dialog p.loading {	padding: 10px 10px 10px 20px; background: url(i/bg_loading.gif) no-repeat 0 center; }

div#loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
	background: transparent url(i/bg_loading-gray.gif) no-repeat center center;
}

div#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}