@charset "UTF-8";
/**
Theme Name: Sea Dwelling Creatures
Author URI: na
Version: 1.0
Author: hpa (mod by - theroz)
Description: Built upon the ClassicMag Theme, sliding image, top 5 post on front page
*/

@import url('css/reset.css');
@import url('css/lavalamp.css');
@import url('css/default.css');
@import url('css/comments.css');
@import url('css/glide.css');
@import url('css/slide.css');
@import url('css/widgets.css');
@import url('css/tabs.css');

html { overflow-y: scroll; }

body {
	background:#FFFFFF url('./images/bg_body.jpg') repeat-y center 0;
	color:#3576AE;
	font:normal 12px Arial, Verdana, Tahoma;
}

a {
	color:#00589E;
	text-decoration:none;
}

a:hover { color:#8A969F; }

#wrapper {
	background:#FFFFFF url('./images/bg_main.jpg') no-repeat 0 0;
	width:1000px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

#header {
	background: url('./images/bg_mast.jpg') no-repeat 55px 25px;
	position:relative;
	height: 211px;
}

#subcribe-form {
	background:#787AB3 url('./images/top-search.gif') no-repeat 0 0;
	float:left;
	width:227px;
	height:24px;
	margin-right:5px;
}

#subcribe-form div {
	position:relative;
}

.input-text {
	background:transparent;
	left:6px;
	top:3px;
	width:215px;
	position:relative;
	font:normal 11px 'Trebuchet MS', Tahoma, Verdana;
	color:#EDEDED;
	text-transform:uppercase;
	border:medium none;
}

#masthead {
	position:relative;
	height:173px;
}

#blog-title {
	position:absolute;
	width:175px;
	height:100px;
	top:25px;
	left:55px;
}

#blog-title a { color:#676999; }

#blog-title a:hover { color:#9D9FD5; }

#tagline-wrapper {
	position:absolute;
	width:320px;
	top:48px;
	left:580px;
	font:italic 11px "Times New Roman", Times, serif;
	color:#8A969F;
}

#search-wrapper {
	position:absolute;
	width:320px;
	height:50px;
	top:180px;
	right:10px;
}

#main-menu-box {
	position:absolute;
	top:78px;
	left:225px;
	min-width: 700px;
}

#menunav-left {
	width:210px;
	float:left;
}

#menunav-center {
	width:570px;
	float:left;
}

#menunav-right {
	background:url('./images/menunav-right-bg.jpg') no-repeat 0 0;
	width:205px;
	float:right;
}

#menunav-center li {
	display:inline;
}

#menunav-center li a {
	background:transparent url('./images/menunav-separator.gif') no-repeat 100% 1px;
	display:block;
	float:left;
	font:normal 12px Tahoma, Verdana;
	color:#FFF;
	text-transform:lowercase;
	height:38px;
	line-height:38px;
	padding:0 17px 0 15px;
}

#menunav-center li a:hover, #menunav-center li.current-cat a {
	background:transparent url('./images/menunav-hover-bg.gif') no-repeat 100% 1px;
}

/* container */
#container {
	background: transparent;
}

/* content */
#content {
	float:left;
	margin-left:25px;
	width:755px;
}
/* IE6 Only */
* html #content  {
	margin-left:12px;
	width:745px;
}

#content_inner {
	float:left;
	width: 500px;
	margin-top:15px;
	background: transparent;
}

#top-container { margin-bottom:15px; }

#featured-posts-wrapper {
	border: 1px solid #E2F4FD;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	margin-bottom:17px;
}

#featured-posts-wrapper-top {
	background:transparent;
	height:6px;
}

#featured-posts-wrapper-in {
	background:transparent;
	width:498px;
}

#featured-posts-wrapper-bottom {
	background:transparent;
	height:6px;
}

#featured-posts .title {
	background:transparent;
	font:normal 16px 'Trebuchet MS', Tahoma, Verdana;
	color:#FFF;
	height:28px;
	line-height:28px;
	padding:0 6px;
	overflow:hidden;
}

.icon {
	background-image:url('./images/all-icons.gif');
	background-repeat:no-repeat;
	padding-left:20px;
	margin-right:10px;
	display:block;
	float:left;
}

#featured-posts .featured-post {
	background:#FFF;
}

#featured-posts .meta {
	background:transparent;
	font:normal 10px 'Trebuchet MS', Tahoma, Verdana;
	color:#8A969F;
	text-transform:uppercase;
	padding:7px 7px 5px;
	margin-bottom:5px;
}

#featured-posts .meta a { color:#8A969F; }

#featured-posts .meta a:hover  { color:#00589E; }

.meta p, .entry { clear:left; }

#featured-posts .date-post { background-position:0 0px; }

#featured-posts .comment-post { background-position:0 -23px; }

#featured-posts .categories-post { background-position:2px -45px }

#featured-posts .entry {
	padding:0 7px;
}

.pagetitle {
	font:normal 25px 'Trebuchet MS', Tahoma, Verdana;
	color:#00589E;
}

.post {
	clear:left;
	margin-bottom:10px;
	border: 1px solid #E2F4FD;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.post .title {
	font:normal 16px 'Trebuchet MS', Tahoma, Verdana;
	color:#FFF;
	margin-bottom:5px;
}
/* IE6 Only */
* html .post .title {
	padding-left:90px;
}

.post .meta {
	background:transparent;
	border-bottom:1px solid #E2F4FD;
	height:50px;
	padding:6px 6px 6px 90px;
	font:normal 10px 'Trebuchet MS', Tahoma, Verdana;
	color:#8A969F;
	text-transform:uppercase;
	overflow:hidden;
	position:relative;
	margin:0 5px 5px 5px;
}
.post .meta h3.title {  text-transform:none; }

/* IE6 Only */
* html .post .meta {
	height:54px;
	padding:4px 6px;
}

.post .meta-left, .post .meta-moses, .post .meta-right {
	position:absolute;
	display:block;
	width:94px;
	height:70px;
	top:0;
}

.post .meta-left {
	background:transparent url('./images/meta-left-bg.gif') no-repeat 0 0;
	left:0;
}

.post .meta-right {
	background:transparent url('./images/meta-right-bg.gif') no-repeat 100% 0;
	right:0;
}

.post .date-post { background-position:0 -66px; }
/* IE6 Only */
* html .date-post {
	margin-left:45px;
}

.post .comment-post { background-position:0 -89px; }

.post .categories-post { background-position:2px -110px }
/* IE6 Only */
* html .categories-post {
	margin-left:45px;
}

.post a.more-link {
	background:transparent url('./images/read-more-bg.jpg') no-repeat 0 0;
	display:block;
	width:104px;
	height:24px;
	cursor:pointer;
}

.akpc_pop { clear:left; }

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a {
	background:#F8F8F8 url('./images/post-nav-bg.gif') no-repeat 0 0 !important;
	display:block;
	float:left;
	height:22px;
	padding:0 0 0 6px !important;
	margin:0 5px 0 0 !important;
	border:none !important;
	color:#717171 !important;
}

.wp-pagenavi span.inner {
	background:#F8F8F8 url('./images/post-nav-bg.gif') no-repeat 100% 0 !important;
	display:block;
	float:left;
	font-size:10px;
	height:22px;
	line-height:22px;
	padding-left:0 !important;
	padding-right:6px;
	text-transform:uppercase;
}

.wp-pagenavi a { color:#8A969F !important; }

.wp-pagenavi a:hover { color:#717171 !important; }

#post-nav {
	margin-bottom:60px;
}

/* sidebar */
.sidebar { }
		
#left_bar {
	float:left;
	width:225px;
	padding-right:15px;
	margin-top:55px;
}
		
#right_bar {
	float:right;
	width:190px;
	padding-right:15px;
	margin-top:15px;
}

#primary .widget, #secondary {
	border:none;
	padding-bottom:6px;
	margin-bottom:10px;
}

#primary .widget {
	border: 1px solid #E2F4FD;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.widget-top { height:6px; }

.widget-title {
	background:none;
	border-bottom:1px solid #E2F4FD;
	font:normal 16px Tahoma, Verdana;
	color:#00589E;
	padding-bottom:5px;
	padding-left:5px;
	margin-bottom:3px;
}

#primary .widget-content {
	background:transparent;
	width:178px;
	padding:0 7px 0 5px;
}
/* Fix twitter long link display on page. */
/* IE6 Only */
* html #primary .widget-content {
	overflow:hidden;
}
/* IE7 Only */
*:first-child+html #primary .widget-content {
	overflow:hidden;
}

.widget-content a { color:#00589E; }
.widget-content a:hover { color:#8A969F; }

.widget-title a { color:#00589E; }

.widget-content li {
	background:#D7F1FF url('./images/widget-li-bg.gif') no-repeat 0 0;
	font-size:11px;
	padding:8px 5px 7px 30px ;
	/* height:29px; */
	/* line-height:29px; */
	/* overflow:hidden; */
	border-bottom:1px solid #E2F4FD;
}
/* IE6 Only */
* html NO .widget-content li {
	background:#D7F1FF;
	border-top:1px solid #9D4400;
	border-bottom:1px solid #E2F4FD;
	padding-left:5px;
}
/* IE7 Only */
*:first-child+html NO .widget-content li {
	background:#D7F1FF;
	border-top:1px solid #9D4400;
	border-bottom:1px solid #E2F4FD;
	padding-left:5px;
}

.widget-content li.hover {
	background:#E7F7FF url(./images/widget-hover-bg.gif) no-repeat 0 0;
	border-bottom:1px solid #D6F0FD;
	cursor:pointer;
}
/* IE6 Only */
* html .widget-content li.hover {
	border:none;
	border-bottom:1px solid #D6F0FD;
}
/* IE7 Only */
*:first-child+html NO .widget-content li.hover {
	background:#E7F7FF;
	border-top:1px solid #9D4400;
	border-bottom:1px solid #D6F0FD;
	cursor:pointer;
}

.widget-content li li, .widget-content li li.hover {
	background-color:transparent;
	border:none;
	padding-bottom:0;
}


#secondary { margin-bottom:60px; }

#secondary-in {
	background:transparent;
	width:210px;
	padding:0;
}

#secondary-in .widget {
	padding-bottom:10px;
}

#secondary-in .widget-title {
	background:none;
	border-bottom:1px solid #E2F4FD;
	padding-left:5px;
}

.widget-bottom { height:6px; }

#newsletterform { padding-top: 20px; }

#newsletterform input.text {
	width: 100px;
	border:1px solid #82888D;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #DCF1FF;
	padding:2px;
}

/* button styles */
.submit, div.submit a, a.submit {
	background:#00599D url('./images/menunav-bg.gif') repeat-x 0 2px;
	font-size: 11px !important;
	line-height: 16px;
	color:#FFFFFF;
	padding: 2px 10px;
	cursor:pointer;
	border:1px solid #64A7DB;
	-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.submit {
	padding: 4px 11px;
	color:#FFFFFF;
}
/* IE6 Only */
* html a.submit  {
	padding: 5px 8px;
}

div.submit a {
	padding: 4px 10px;
}

.submit.hover, div.submit.hover a, a.submit.hover {
	background:#00599D url('./images/menunav-bg.gif') repeat-x 0 -16px;
	color:#FFFFFF;
	border:1px solid #000;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
}

div.submit a { color: #FFFFFF; }
div.submit.hover a:hover { color: #FFFFFF; }

div.submit {
	background:transparent;
	font-size: 11px !important;
	line-height: 16px;
	color:#FFFFFF;
	padding: 4px 10px;
	cursor:pointer;
	border:none;
	box-sizing: content-box;
}

div.submit.hover {
	background:transparent;
	border:none;
}

/* ---- Home Page ---- */
#HomeImage {
	position:relative;
	width: 500px;
	height: 400px;
	overflow:hidden;
}
#HomeImage .imageSlideshowHolder {
position:relative; /* Don't remove this line */
float:left;
height:400px; /* Image height */
width:500px; /* Image width */
}
#HomeImage .imageSlideshowHolder img, #HomeImage .imageCorners img { /* Don't change these values */
	position:absolute;
	left:0px;
	top:0px;
	height:400px; /* Image height */
	width:500px; /* Image width */
}

/* ---- Gallery Page ---- */
#GalleryBox {
	width: 400px;
	margin: 0 auto;
	font-size: 12px;
}
#GalleryBox p {
	font-size: 12px;
	font-style: italic;
	padding: 8px 0 4px 0;
}
#GalleryBox .title {
	font-size:14px;
	color:#00589E;
	padding-bottom: 10px;
}
#GalleryBox table td {
	vertical-align:middle;
}
.GalleryThumb {
	float: left;
	width: 60px;
	margin: 0 auto 0 auto;
}
.GalleryThumb a.submit {
	padding: 6px 15px;
	background: none;
	border:none;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity:0.7;
}
.GalleryThumb a.submit:hover, .GalleryThumb a.active {
	padding: 6px 15px;
	background: none;
	border:none;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.GalleryThumb a.submit img { border:3px solid #D0D0D0; }
.GalleryThumb a.submit:hover img, .GalleryThumb a.active img { border:3px solid #FAFAFA; }

/* ---- Videos Page ----*/
.VideoCatBox { padding-bottom:10px; }
.VideoCatBox h2 { padding:0px 0 4px 0 !important; }
.VideosWindow {
	width: 245px;
	height: 65px;
	vertical-align:top;
	margin: 0 0 5px 0;
	padding: 0;
	background:transparent url(images/blank.gif) no-repeat 0 0;
	position:relative;
}
.VideosWindow .VideoInfo td {
	vertical-align:middle;
}

/* ---- Multi-Page Navigation ---- */
.pagecontenttoggler { /*style for DIV used to contain toggler links. */
	position:relative;
	height:22px;
	margin: 15px 0 15px 310px;
	text-align:center;
	vertical-align:top;
}

.pagecontenttoggler a { /*style for every navigational link within toggler */
	background:transparent url('./images/featured-nav-bg.gif') no-repeat 0 0;
	display:block;
	height:22px;
	float:left;
	font-size:10px;
	line-height:22px;
	text-transform:uppercase;
	color:#256BB4; /* 717171 */
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
	padding-left:6px;
	margin-right:5px;
}

.pagecontenttoggler a.null, .pagecontenttoggler a:hover.null {
	color:#717171;
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
}

.pagecontenttoggler a.selected, .pagecontenttoggler a:hover { /*style for selected page's toggler link. ".selected" class auto generated! */
	color:#000; /* 256BB4 */
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}

.pagecontenttoggler a span {
	background:transparent url('./images/featured-nav-bg.gif') no-repeat 100% 0;
	display:block;
	height:22px;
	float:left;
	cursor:pointer;
	padding-right:6px;
}

.pagecontenttoggler a.selected span, .pagecontenttoggler a.null span {
	cursor: default;
}

/* ----Dry Goods page --- */
.DryGoodsBox {
	position: relative;
	width:500px;
	margin:4px 0px;
	padding-bottom: 10px;
	border-bottom:1px solid #7BADD5;
}
.DryGoodsBox td {
	vertical-align:top;
}

/* ---- Common Pages ---- */
h1.titles {
	color: #00589E;
	font-size: 19px;
	font-weight: normal;
}
h2.titles {
	color: #00589E;
	font-size: 14px;
	font-weight: normal;
}
h2.titles span {
	color: #64A7DB;
	font:italic 10px "Times New Roman", Times, serif;
}

#content_inner.nonblog h2 {
	color: #00589E;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 0 4px 0;
}
#content_inner.nonblog p {
	padding: 2px 0 20px 0;
}
#content_inner.nonblog p.first {
	margin-top:-5px;
}
#content_inner.nonblog img.border {
	border:1px solid #7EB8E5;
}

.bold { font-weight: bold; }
.italic { font-style: italic; }

	/* COLORS */
	.blue_lt { color: #64A7DB; }
	.gray_dk { color: #82888D; }

.times {font-family: "Times New Roman", Times, serif; }

.horiz_line	{ 
	margin: 10px 0;
	font-size: 2px;
	empty-cells: show;
	border-top: 1px solid #E2F4FD;
}

.small {
	font-size: 10px;
	font-style: italic;
}


/* footer */
#footer {
	position:relative;
	background:#FFFFFF url('./images/bg_footer.jpg') repeat-x 0 0;
	padding:0 12px;
	font-size:10px;
	height:50px;
	line-height:50px;
	color:#7BADD5;
	text-transform:none;
	text-align:center;
	overflow:hidden;
}

#footer-left, #footer-right {
	display:block;
	position:absolute;
	height:38px;
	width:10px;
	top:0;
}

#footer-left { }

#footer-right { }

#footer a { color:#7BADD5; }
#footer a:hover { color:#00589E; text-decoration:underline; }