/*
Theme Name: ~Shellmont
Theme URI: http://www.shellmont.com
Description: A custom theme from InsideOut Solutions. Developed to match our client's website.
Version: 1.0
Author: InsideOut Solutions/Kailey Lampert
Author URI: http://insideout.com/
*/
/*--Colors--

Main Colors-
body tan: 		E1D3A2
bg tan: 		B7995F


Accent Colors-
shadow tan: 	816D47
gold: 			C98621
carmel:			a56c17


Text/link Colors-
text brown: 	451E0B
link brown: 	6E3D20
link peach:		E1AD63


*/

body {
	background: url('images/tan.gif') top left repeat-x #b7995f;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	margin: 0;
}
body.logged-in {
	background-position: left 25px;
}

/* General Definitions */

a, a:link, a:active, a:visited{ color: #613d20; }

a:hover{ text-decoration: none; }

h1, h2, h3, h4, h5{
	margin: 0 0 .2em 0;
}

h1{	font-size: .9em; float: left;}

h2{ font-size: .9em; float: right;}

h2.subhead { font-size: 1.8em; }

.rooms h2{ 
	color:#a56c17; 
	font-family: Times New Roman, Times; 
	font-size: 2em !important; 
	font-weight: normal; 
	float:none; 
	text-align:left; 
	margin: 20px 0 0 20px;
}

h3{ 
	font-size: 1.5em; 
	color: #a56c17; 
	font-style: italic; 
	font-family: Times New Roman, Times; 
	margin-bottom:-15px;
	margin-top:10px;
}
body.ie h3{ 
	margin-bottom: 1px;
}

h3 a:link{color: #a56c17; text-decoration:none;}
h3 a:visited{color: #a56c17; text-decoration:none;}
h3 a:hover{color: #a56c17; text-decoration:underline;}
h3 a:active{color: #a56c17; text-decoration:none;}

#travel h3 {
	margin-bottom:0px;
}
#special h3 {
	margin-bottom:0px;
}

h4{ font-size: 1.4em;}

.rooms h4{ 
	font-size: 1.3em;
	font-family: Times New Roman, Times; 
	color:#6E3D20;
	margin:10px 0 -15px 0;
}

h5 {font-size: 1.4em; }

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

ul{
	margin: 0 0 1em 2em;
	list-style: disc;
}

blockquote{
	margin: 0 0 0 50px;
}

/* Layout and Coloring */

#page {
	display: block;
	text-align: center;
}

#layout {
	width: 978px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#header {
	height: 85px;
	color: #451e0b;
	padding: 2px 0 0 0;
}

#header a{ color: #451e0b; text-decoration: none; }

/* Menu */
.nav ul {
	list-style: none;
	margin: 21px 0 0 35px;
	padding: 0;
}

body.safari .nav ul,
body.chrome .nav ul,
body.ie .nav ul {
	margin-left: 28px;
}

.nav ul li { float: left; }

.nav ul li a {
	display: block;
	padding: 1px 15px 0 0;
	margin: 0 15px 0 0 ;
	font-size: 1.1em;
	text-transform: uppercase;
	font-family: Times New Roman, Times;
	color: #fff !important;
	text-decoration: none;
	background: url('images/navspacer.gif') right 5px no-repeat;
}

body.safari .nav ul li a {
	padding-right: 11px;
	/*font-size: 1.0em;*/
}
body.ie .sideBar .nav ul li a {
	margin-right: 15px;
}
body.gecko .nav ul li a,
body.chrome .nav ul li a,
body.ie .nav ul li a {
	margin-right: 11px !important;
	padding-right: 11px;	
}

.nav ul li.last a{
	background: none;
}

.nav ul li.page-item-747 a{
	background: none;
}

.nav ul li a:hover { color: #ffe5b2 !important; }

#topNav ul {
	margin-top: 35px;
}
/* SUBNAV CSS */

.navsub li ul {
	top:-999em;
	position:absolute;
	font-size: .8em;
	margin: 0;
}

* html .navsub li ul {
	width: 800px;
}

.navsub li ul li a{
	padding: 2px 12px 0 5px;
	margin: 4px 3px 0 0;
	text-transform: none;
	color: #451e0b !important;
	background: url('images/navspacer2.gif') right 5px no-repeat;
}

.nav ul li ul li.page-item-769 a, 
.nav ul li ul li.page-item-773 a{
	background: none;
}

.navsub li ul li a:hover{
	color: #451e0b !important;
	text-decoration: underline !important;
}

body.safari .navsub li ul,
body.chrome .navsub li ul,
body.ie .navsub li ul {
	margin-left: -5px;
}

body.logged-in .navsub li:hover ul, 
body.logged-in .navsub li.current ul, 
body.logged-in ul.navsub li.sfHover ul {
	top:47px;
}

.navsub li:hover ul, 
body .navsub li.current ul, 
ul.navsub li.sfHover ul {
	top:22px;
}

.navsub li:hover li ul,
.navsub li.sfHover li ul {
	top:-999em;
}
.navsub li li:hover ul, 
ul.navsub li li.sfHover ul {
	top:22px;
}

.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}
/* end menu */

#content {
	
	font-size: .85em;
	color: #261812;
	clear: both;
	line-height: 1.3em;
	background: url('images/contenttop.gif') top left no-repeat #e1d3a2;
}

#content p{
	margin: 20px 0 0 20px;
}

.contentBottom{
	background: url('images/contentbottom.gif') top left no-repeat;
	height: 25px;
}


#home .contentBottom{
	margin: -14px 0 0 0;
}
/*
#index .contentBottom{
	margin: -14px 0 0 0;
}*/

#content #left{
	float: left;
	width: 400px;
	margin: 4px 0 0 4px;
}

#content #left h4{
	color: #fff;
	font-family: Times New Roman, Times;
	position: absolute;
	font-size: 2.6em;
	margin: -32px 0 0 7px;
	font-weight: normal;
}
#content #left h4 span{
	font-size: 1.3em;
}
h4.rooms {
	color: #fff;
	font-family: Times New Roman, Times;
	position: absolute;
	font-size: 3em;
	margin: -42px 0 0 7px;
	font-weight: normal;
}

#content #left .cont{
	margin: 35px 0 0 35px;
	width: 330px;
}

#content.rooms #left .cont{
	margin: 35px 0 0 0;
	width: 365px;
	text-align:center;
}

#content #left .area .cont{
	margin: 35px 0 0 20px;
	width: 330px;
}

#content .container{
	padding:10px 20px;
}

.sideBar #content .container{
	width: 534px;
	margin: 0 0 0 404px;
}

#home #content .container {
	width: 500px;
	margin: 0 0 0 438px;
}
#content .blog .container {
	width: 530px;
	margin: 0 !important;
	float: right;
}
/*
#index #content .container {
	padding-left: 30px;
}*/
#content.rooms .container {
	width: 500px !important;
	margin: 0 0 0 438px !important;
	padding:0 20px 10px !important;
}
body.ie #content.rooms .container {
	margin: 0 0 0 448px !important;
	padding:0 10px 10px !important;
}

#content .logo{
	text-align: center;
	font-size: .97em;
	width: 534px;
	margin: 0 0 0 409px;
	padding: 10px 0 0 0;
	background-color: #E1D3A2;
}

#content .logo .flashtext{
	margin: 0 0 0 30px;
}

#content .logo .logo_head {
	margin: 0 0 0 70px;
}

#content .logo img{
	padding:0 0 10px 0;
}

/*
#home #content .logo{
	margin: 0 0 0 440px;
}
*/
#room-eastlake #content .logo{
	margin: 0 0 0 440px;
}

#content #flash{
	margin: 4px 0 0 4px;
	width: 435px;
	float: left;
	clear: left;
	background-color: #E1D3A2;
}

#content #left #flash{
	margin: 4px 0 0 4px;
	width: 434px;
	float: left;
	clear: left;
	background-color: #E1D3A2;
}

#home #content #left #flash {background: #E1D3A2 url(images/bg-index.jpg) 1px top no-repeat; height:554px;}
#room-veranda #content #left #flash {background: url(images/bg-veranda.jpg) no-repeat; height:554px;}
#room-downing #content #left #flash {background: url(images/bg-downing.jpg) no-repeat; height:554px;}
#room-eastlake #content #left #flash {background: url(images/bg-eastlake.jpg) no-repeat; height:554px;}
#room-carriage #content #left #flash {background: url(images/bg-carriage.jpg) no-repeat; height:554px;}
#room-tiffany #content #left #flash {background: url(images/bg-tiffanyroom.jpg) no-repeat; height:554px;}
#room-tiffanysuite #content #left #flash {background: url(images/bg-tiffanysuite.jpg) no-repeat; height:554px;}

#bottomNav{ clear: both; }
#bottomNav ul li ul { display:none; }
#copyright{
	clear: both;
	color: #fff;
	font-size: .7em;
	padding: 15px 0;
	text-align: center;
}

#copyright a{ color: #fff; } 

#pullquote {left:500px; top:305px; position: absolute;
z-index: 10; font-size: 2em;}

/* General Class Definitions */

.clear{ clear: both; }
.clearleft{ display:inline; text-align:left;}
.image { border: 5px solid #fff; }

.right { float: right; }

.left { float: left; }

.image.right{ margin: 0 0 10px 10px; }

.image.left{ margin: 0 10px 10px 0; }

/* Auto/Conditional PDF Icon */

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

/* For GC and Photo Code */

#geotrust img{ float: right; }

#photoGalDisplayTable td{ padding: 7px; }

/* Photo Gallery */

.gallery ul { list-style: none !important; margin: 20px 0 0 20px !important; padding: 0;}

.gallery ul li { float: left; margin: 0 15px 15px 0; }

.gallery ul a {
	padding: 5px 5px 5px 5px;
	background: #fff;
	display: block;
	text-decoration: none;
	border: 1px solid #e0c367;
}

.gallery ul a:hover {
	background: #ccc;
}

.gallery ul a:hover { color: #fff; }

/* Guest Rooms Links */

#guestRooms {
	text-align: center;
}

#guestRooms ul { list-style: none; margin: 30px 0 0 20px; padding: 0; }

#guestRooms ul li { 
	float: left; 
	margin: 0 15px 15px 0;
	text-align: center;
}

#guestRooms ul li a{
	padding: 5px;
	background: #fff;
	display: block;
	text-decoration: none;
	border: 1px solid #e0c367;
}

#guestRooms ul a img {
	display: block;
	text-decoration: none;
	margin: 0 0 5px 0;
}

#guestRooms ul a:hover{
	color: #000;
	background: #ddd;
}

#guestRooms ul li a span{ color: #FF0000; margin: 0 0 0 5px;}

/* More */

.quote{
	width: 449px;
	background: url('images/quote.gif') top left no-repeat;
	height: 74px;
	padding: 12px 20px 0 20px;
	color: #451e0b;
	font-size: .9em;
	font-style: italic;
	margin: 0 auto;
}

.quote strong{
	font-weight: normal;
	font-size: 1.2em;
}

#quote{
	font-style:italic;
	font-size:15px;
	color:#6E3D20;
	text-align:center;
	margin:0 0 25px 0;
}

.selectLogo{
	margin: 15px auto 0 auto;
	text-align: center;
}

.newsBox {
	line-height:1.2em;
	text-align:center;
	font-size: 1.5em; 
	font-style: italic; 
	font-family: Times New Roman, Times;

}

.newsBox {
	margin-left:20px;
	width:200px;
	padding:5px;
	background:#b7995f;
	border: 2px solid #C98621;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
}

.newsBox span {
	color:#451E0B;
}

.newsBox a {
	text-decoration:none;
	color:#e1d3a2;
}

.newsBox a:hover {
	color:#451E0B;
}

.newsBox a:hover span {
	color:#e1d3a2;
}

#roomnav {
	color:#a56c17;
	width:400px;
	text-align:center;
	font-size:15px;
	margin:15px 5px 5px;
	padding:10px;
	line-height:16pt;
}

#roomnav a:link {color:#a56c17; text-decoration:none;}
#roomnav a:visited {color:#a56c17; text-decoration:none;}
#roomnav a:hover {color:#6E3D20; text-decoration:none;}
#roomnav a:active {color:#a56c17; text-decoration:none;}

#roomnav a{
	padding:5px;
}

.amenities {
	text-align:right; 
	width:450px;
}

.footnote {
	color:#a56c17;
	font-style:italic;
	font-size:11pt;
}

#left .cont img {
	width:365px;
	padding:5px 0;
}
ul.left {
	text-align:left;
	list-style-position:inside;
	width:280px;
	margin: 0 0 0 40px;
}
ul.right {
	text-align:left;
	list-style-position:inside;
	}

li.listtitle {
	list-style-type:none;
	list-style-position:outside;
	font-weight:bold;
}
	
/*
.listleft {
	padding:0 150px;
}

.listright {
	margin-left:-25px;
}
*/
.rate {
	float:left;
}

ul.sitemap{
	font-size:14px; 
	line-height:20px;
	
}


.feedburnerFeedBlock { padding: 5px; }
.feedburnerFeedBlock .feedTitle { letter-spacing: 1px; 	font-weight: bold; }
.feedburnerFeedBlock ul li { list-style-type: none; font-size: 13px; text-decoration: none; margin-top: 10px; }
.feedburnerFeedBlock .date {font-size: 10px; margin: 0 0 5px 10px; display: inline;}
.fbsubscribelink { font-size: 12px;}
#creditfooter {	display:none; }

#content.blog .container{
	width: 530px;
	margin:0;
	float:right;
} /*look at again for blog css*/
#content.blog p { margin-left:0; } /*look at again for blog css*/
.container h2 {
	font-size:22px;
	float:none;
	padding: 10px 0;
	
}
.container ul, .container ol {
	list-style-position:inside;
	margin: 5px 5px 5px 15px;
}
.container ul { list-style-type:disc; }
.container ol { list-style-type:decimal; }
.container blockquote { margin: 10px 30px; font-style:italic;}

#left h2 {
	margin:0 0 10px 0;
	padding:0;
	float:none;
	font-size: 1.5em;
	text-align:center;
	border-bottom: 1px solid #fff;
	color:#613D20;
}
#left h2 a {
	text-decoration:none;
	font-style:italic;
}
#left h2.homelink {
	margin: 0 20px 10px;
	padding: 15px 0 0;
}
#left h2.homelink a {

}
#left ul {
	list-style:none;
	margin:0;
	padding:0;
	font-size: .9em;
}
#left ul.left, #left ul.right {
	float:left;
	width:190px;
	
}
#left ul.right {
	margin-left:5px;
}
#left ul.full {
}
#left ul.full h3 {
	float:none;
	padding: 10px;
	margin: 0;
}
#left ul.full li {
	margin:0;
}

#left ul li {
	margin:10px 0 0 0;
	padding:0;
}
#left ul li li{
	margin: 0;
	padding:0;
}

#left ul ul {
	padding: 0 0 0 10px;
}
#left ul ul.twitter {
	list-style-type:circle;
	list-style-position:inside;
}
#left ul ul.twitter li {
	padding: 4px 0 0 0;
}
.tb_tweet-info, .tb_tweet-info a {
	color: #333 !important;
}
.excerptimg {
	margin: 5px;
}
.postmetadata {
	clear:both;
	border-top: 1px dashed #000;
	border-bottom: 1px solid #000;
	padding: 3px;
	margin: 10px 0;
	font-size:80%;
}
.navigation {
	overflow:hidden;
	margin:0 0 10px 0;
	padding: 0 20px;
}
#respond { clear:both; }
#main ol.commentlist {
	list-style:none;
	margin: 0;
	padding:0;
}
.commentlist li {
	border: 1px solid #000;
	padding:20px;
	margin:0 0 20px 0;
}


/* --------------------------------------------------------------------------------------- */
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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
	}
img.size-large[style] {
	width:530px;
	}
.alignnone { display:block; }

.facebook {
	margin:20px 0 0 10px;
}
/* End Images */



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	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;
}
/* End captions */
img#wpstats{ position: absolute; left: -500px; height: 0px;}