/*
Theme Name: ~Scranton Seahorse Inn
Theme URI: http://www.scrantonseahorseinn.com
Description: Scranton Seahorse Inn
Version: 1.0
Author: InsideOut Solutions/Corey A. Edwards
Author URI: http://insideout.com/
*/
@import url('http://js.insideout.com/fonts/HenryMorganHand/stylesheet.css');
@import url('http://js.insideout.com/fonts/Aquiline/stylesheet.css');

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

colors

dark blue:#375473
bright blue:#81AABE
tan:#AB9B7A
orange:#CD9C55
darker orange:#c48420
link color: 221003

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

.post-edit-link {display:none;} /* Remove style when launched */

/* basic classes */
* { margin:0; padding:0; outline:0; }

.left { float:left; }
.right { float:right; }
img.left, img.right { margin: 0 5px; }
.hidden { display:none; }
.clear { clear:both; }

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

/* basic element */

ul, ol { list-style-position:inside; margin: 5px 5px 5px 15px; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
blockquote { margin: 10px 30px; font-style:italic;}

a { color: #000; }
a:visited {}
a[href $='.pdf'] { padding-right: 18px; background: transparent url(images/icon_pdf.png) no-repeat right; }

h1 a, h1 span {color:#4c3428;}
h2, h3, h4, h5{ padding: .4em 0 .4em 0; }
h2{ font-size: 1.8em; }
h3{ font-size: 1.3em; }
h4{ font-size: 1.1em; }

hr { margin: 20px }

p{ margin: 0 0 .8em 0; }

.editLink {clear:none; position:fixed; top:45%; left:0px;width:35px;height:45px;padding:0;font-size:12px; line-height:12px;font-family:courier new;text-align:center;font-variant:small-caps; -moz-box-shadow: 1px 0px 8px #999;}
.editLink a { display:block;width:27px;height:37px; padding: 4px; color:#000;background:#fff; text-decoration:none;}
.editLink a:hover { display:block; color:#000;background:#e0e0e0; }

em {font-style:italic;}

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

/* Layout */
body {
	font-family:arial,sans-serif;
	margin: 0;
	font-size:62.5%; 
}

#page {margin:0 auto;text-align:center;	position:absolute; height:auto; width:100%; background:url('images/headerBackground.gif') top center repeat-x;}


.layout {
	width: 961px;
	text-align: left;
	margin: 0 auto;
}

	h1.text {
		width:211px;
		height:205px;
		position:relative;
		font-family: times new roman, times, serif; font-weight:normal;
		text-indent:-999em;
		position:relative;
		left:25px;
		top:28px;
	}
	h1 a {
	width:211px;
		height:205px;
	display:block;
	height:100%;
	text-decoration:none;
	background: url('images/scrantonSeahorseLogo.jpg') no-repeat;
	}

#header {
	height:479px;
	padding:0 23px;
}

#headerSide {
	width:257px;
	height:490px;
	background: url('images/burlap.jpg') no-repeat;
	position:relative;
	top:1px;
	right:20px;
}

#phone{
	font-size:1.45em;
	position:relative;
	text-transform:none;
	width:150px;
	top:35px;
	color:#fff;
	left:50px;
}

#headerSide img{
	position:relative;
	top:57px;
	left:34px;
	margin-bottom:-50px;
}

#contact {
	position:relative;
	z-index:50;
	float:left;
	font-size:1.55em;
	left:45px;
	top:142px;
	width:180px;
	text-transform:uppercase;
}

#contact a{
	text-decoration:none;
	color:#fff;
}

#contact a:hover{
	text-decoration:underline;
}


#slides {
	width: 688px;
	height:400px;
	z-index:1;
	float:right;
	position:relative;
	bottom:411px;
	left:15px;
	margin-bottom:-411px;
	overflow:hidden;
}

#slides img {
	background:#fff;
	
}

/*#shell {
	float:right;
	position:relative;
	bottom:75px;
	left:12px;
	z-index:2;
	margin-bottom:-75px;
}*/
	
#container {
	clear: both;
	font-size: 1.8em;
	line-height: 1.1em;
	background:#fff url('images/containerBottom.jpg') bottom center repeat-x;
	padding:16px 0 42px 0;
}

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

/* body content */

#content {
	float:left;
  	font-size:.7em;
  	color:#334455;
  	line-height:1.7em;
  	padding:0 10px 0;
}

.narrowcolumn	{ width: 608px; }
.widecolumn		{ width: 940px; }


body.error404 #content h2 {
	font-family: arial, sans-serif;
	font-size:1.5em;
	line-height:1.2em;
}

#page #content h2 {
	font-size:4em;
	font-family: 'HenryMorganHandRegular';
	font-weight:regular;
	margin-bottom:5px;
	color:#81aabe;
	text-indent:15px;
}

#page #content .type-post h2 {
	font-family: arial, sans-serif;
	font-size:1.5em;
	line-height:1.2em;
	text-indent:0px;
}

#content h2 a {color:#81AABE;}

#content p {padding-bottom:10px;}

#content ol, ul {
	list-style-position:outside;
	margin:5px 5px 15px 30px;
}

#content a{color:#221003;}

#content p.date_auth { font-size:90%;margin:3px 0; font-style:italic; }

.attachment-post-thumbnail { float:right; margin-bottom:10px;}

.postmetadata { clear:both; padding: 3px 5px; font-size:80%; }
.navigation { overflow:hidden; margin:0 0 10px 0; }


/* page specific */

.directionsmap {float:right; border:1px solid #81AABE; margin-left:20px; margin-top:-40px;}

#content .ngg-album-compact p {display:none;}
#content h4 {text-align:center;width:105px;padding:0;}
#content h4 a { text-decoration:none; font-size:.9em; line-height:1.1em; color:#c48420; font-weight:normal;}
#content h4 a:hover { text-decoration:underline; }


#content .rm-links { float:left; width:175px; margin-right:15px; height:333px; text-align:center;}

#content .rm-links span { 
	display:block; 
	width:85%; 
	padding:7px 5px 5px 7px; 
	border:1px solid #CFCFCF;
}
#content .rm-links a { 
	display:block; 
	width:85%; 
	text-decoration:none; 
	padding:5px 5px 2px 7px; 
	margin:12px 0;
	border:1px solid #CFCFCF;
}
#content .rm-links a:hover { 
	text-decoration:none; 
	color:#0E1937; 
	background:#fff;
	-moz-box-shadow: 1px 0px 8px #777777; 	
	-webkit-box-shadow: 1px 0px 8px #777777; 	
	-box-shadow: 1px 0px 8px #777777; 	
}

/* --------------------------------------------------------------- */
/* roomsList */
#content .roomsList { list-style:none; margin:15px 0; font-size:13px; width:100%; }

#content .roomsList li {float:left;margin: 3px;padding:0;text-align:center;
	width:228px;height:228px; }

#content .roomsList a { display:block;text-decoration:none;
	width:200px; height:200px;
	margin:7px; padding:5px;
	border: 1px solid #81AABE;
	background: #ffffff; color:#375473; }

#content .roomsList a:hover { border: 1px solid #C99C55;
	background: #ffffff; color:#C99C55; }
#content .roomsList img {margin: 0 0 8px 0; border:0; }
#content .roomsList span { font-size:18px; display:block; }
#content .roomsList span span { font-size:13px; display:block; }

/* --------------------------------------------------------------- */
/* Previous/Next links */

#content .pnpn {padding:10px 0 15px 0;}
#content .pnpn a{
	display:block;
	float:left;
	width:175px;
	margin:10px 25px 10px 0;
	padding:3px 0;
	border:0px solid #81AABE;
	-moz-box-shadow:0 0 8px #999;	
	-webkit-box-shadow:0 0 8px #999;	
	-box-shadow:0 0 8px #999;	
	background:#fff;
	color:#375473;
	text-align:center;
	font-size:1.2em;
	text-decoration:none;

}
#content .pnpn a:hover{
	text-decoration:none;
	color:#81AABE;
	background:#fff;
	border:0px solid #81AABE;
	-moz-box-shadow:0 0 4px #999;	
	-webkit-box-shadow:0 0 4px #999;
	-box-shadow:0 0 4px #999;	

}
/* --------------------------------------------------------------- */
/* rates/availability link */

#content p.rate {font-weight:bold;}

#content p.rate a{color:#334455; text-decoration:none;}
#content p.rate a:hover{text-decoration:underline;}


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

/* attachments */
/* --------------------------------------------------------------- */

/* blog pages */
/* --------------------------------------------------------------- */

/*.navigation div {
-moz-box-shadow:0 0 8px #aaa;
background:none repeat scroll 0 0 #FFFFFF;
display:block;
margin:5px;
padding:2px 8px;
}*/

#content .navigation a {
color:#041F35;
text-decoration:none;
font-weight:bold;
}
#content .navigation a:hover {
text-decoration:underline;
}

/* comments */
#respond { clear:both; }
ol.commentlist, ol.commentlist ul {
	list-style:none;
	margin: 0;
	padding:0;
}
li.comment {
	padding: 5px 20px;
	margin:0 0 20px 0;
}
li.bypostauthor {
	padding: 5px 20px;
	margin:0 0 20px 0;
}
li.odd { }

li.depth-2, li.depth-3, li.depth-4 { margin-top:10px; padding: 5px 10px; }

img.avatar {float:left;margin:3px 3px 0 0; }
/* --------------------------------------------------------------- */

/* sidebar */
#sidebar {
	width:300px;
	float:right;
	padding:0 0 50px;
	font-size:.65em;
	color:#334455;
 }

#sidebar img {
	margin:45px 0 -45px 10px;
	border:5px solid white;
	-moz-box-shadow: 1px 0px 8px #999;
	-webkit-box-shadow: 1px 0px 8px #999;
	-box-shadow: 1px 0px 8px #999;
}
#sidebar img.noShad {
	border:0px;
	-moz-box-shadow: 0px 0px 0px;
	-webkit-box-shadow: 0px 0px 0px;
	-box-shadow: 0px 0px 0px;
}

#sidebar ul {
	list-style:none;
	margin:20px 10px;
	padding:0;
}
#sidebar ul li {
	color:#375473;
	margin:10px 0 0 0;
	padding:0;
}
#sidebar a {
	color:#375473;
}
#sidebar ul li li{
	margin: 0;
	padding:0;
}

#sidebar ul ul {
	padding: 0 0 0 10px;
}

#post-side-info{ }
 
 
/* --------------------------------------------------------------- */

/*assorted special pages/widgets */
/* sitemap */
.searchbox { background:#ffffef; border: 3px solid #99AA7B; padding:10px; margin-right:50px;}
.sitemap { margin-left:50px; }

/* widgets */

/* search */
input#s {width:120px; }

/* calendar */
table#wp-calendar {width:100%;text-align:center;}

/* packages */
.category-packages {
border:1px solid #E3B55A;
margin:20px 0;
padding:10px;
}

h2.packageslink{
text-align:center;
font-size:1.5em;
margin:0 10px;
width:285px;
padding:10px 0;
-moz-box-shadow: 1px 0px 8px #999;
-webkit-box-shadow: 1px 0px 8px #999;
box-shadow: 1px 0px 8px #999;
}

h2.packageslink a{
text-decoration:none;
}
h2.packageslink a:hover{text-decoration:underline;}

/* recipes */
.category-recipes {
border:1px solid #81AABE;
margin:20px 0;
padding:10px;
}

/* events */
.category-events {
border:1px solid #375473;
margin:20px 0;
padding:10px;
}

/* rates table */
table#rates {border-collapse:collapse; border:1px solid #000;}
table#rates tr td { border-bottom:1px solid #000; padding:0 15px; vertical-align:middle;}
table#rates tr td.price {text-align:right;}
table#rates tr.top td {line-height:1.5em; background:#375473; color:#fff; padding:5px 15px;}

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

/* footer */
#footer {
	background:url('images/footerBackground.jpg') top center repeat-x;
	height:240px;
	padding:90px 37px 40px 25px;
	color:#392f2a;
}
#footCont {
	float:left;
	font-size:1.6em;
	width:608px;
	padding-left:14px;
}
	#footCont h3 {
	font-variant:small-caps;
	font-size:1.2em;
	color:#041f35;
	margin-bottom:11px;
	font-family:Times, “Times New Roman”, Georgia, serif;
}
	
	ul.advanced-recent-posts {
		list-style:none;
		margin: 10px 0 0;
	}
	ul.advanced-recent-posts li {
		clear:both;
		height:50px;
		width:470px;
		font-size:.75em;
  		line-height:1.6em;
		margin: 10px 0;
		color:#334455;
	}
	ul.advanced-recent-posts a {
		text-decoration:none;
		color:#041f35;
		font-size:1.0em;
	}
	ul.advanced-recent-posts img {
		float:left;
		margin:5px 10px 0 0;
		border: 1px solid #cbc1af;
	}

#footSide {
	padding-top:10px;
	width:300px;
	float:right;
	text-align:right;
  	line-height:1.25em;
  	font-size:1.4em;
  	color:#041f35;
  	font-family:Times, “Times New Roman”, Georgia, serif;
}
#footSide span{
	font-variant:small-caps;
	font-size:1.35em;
}
#footSide a{
	color:#25557e;
	text-decoration:underline;
}
#footSide p{
	color:#fff;
	padding-top:25px;
	font-size:.85em;
	line-height:1.3;
}

#footSide p a{
	
	color:#fff;
}

.meta { float:right;width:230px;text-align:center;}

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

/* main menu */

#topNav {
	position:relative;
	height:48px;
	z-index:500;
	width:630px;
	float:right;
	left:40px;
	top:25px;
}
.nav, .nav * { margin:0;padding:0; }
.nav { list-style:none; }

ul#menu {
	height:40px;
	padding: 5px 0 0;
	margin:0;
	bottom: 0px;
}

	ul#menu li {
		margin: 0;
		position: relative;
		top:12px;
		z-index:50;
		float:left;
		font-size:1.6em;
		line-height: 1.2em;
		padding:0 18px;
			}
	ul#menu li a{
		text-decoration:none;
		color:#375472;
			}
	ul#menu li.last { border:none; }
	ul#menu li.last a { }
	ul#menu li.hovering a {
		text-decoration:underline;}
	ul#menu li.hovering li a,
	ul#menu a:hover { text-decoration:underline; }
	ul#menu li.hovering li a { text-decoration:none; }
	ul#menu a:active {position:static; }
	ul#menu li.current_page_item a,
	ul#menu li.current_page_item ul {  }
	
	ul#menu li.arrow { /* parent items */}
	ul#menu li ul {
		background:#fff;		
		list-style: none;
		margin:0;
		position: absolute;
		float:left;
		top:37px;
		left:6px;
		display: none;
		width: 160px;
		border-bottom:2px solid #375472;
		border-left:2px solid #375472;
		border-right:2px solid #375472;
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
	}
	ul#menu li li{
		clear: both;
	display:block;
	margin:0 0 2px;
	padding:7px 7px 2px;
	width: 170px;
	font-size:1.0em;
	line-height: 1.0em;
	text-align:left;
	position:relative;
	left:0px;
	top:-17px;
	}
		ul#menu li li.last { margin-bottom: 0px;}
		ul#menu li li.last a {  }
	
	ul#menu li li a {
		display:block;
		float:none;
		padding:0 5px;
		margin:0 auto;
	}
	ul#menu li li a:hover {
		text-decoration:underline;
	}


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

/* image handling */
/* Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/* Captions */
.aligncenter,
div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #777; text-align: center; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img {  margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }