/*
Theme Name: Rocky Shore Lodge 
Author: Rendering Effects
Author URI: http://renderingeffects.com/
*/


/* ----------- Reset-----------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
a {outline:0;}

/*---------------------------- TEXT STYLES ----------------------------*/
h1, h2, h3, h4, h5, h6 	{color:#5c2a0a; font-weight:500; text-shadow:1px 1px #fff;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a	{color:#5c2a0a; text-decoration: none;}
h1 a:hover, h2 a:hover	{color:#ad6d25;}
h1 {font-size:26px; padding:0px 0px 5px;}
h2 {font-size:21px; padding:5px 0px;}
h3 {color:#ad6d25; font-size:19px; padding:5px 0px 10px;}
h4 {font-size:18px; padding:15px 0px 0px;}
h5 {color:#a3641b; font-size:16px;}
h6 {font-size:16px; text-transform:uppercase;}

p		{margin:5px 0px 15px;}
a		{color:#777c65; text-decoration:underline;}
a:hover	{color:#ced48c;}
ul		{list-style:disc; margin:0px 0px 30px 30px;}
ol		{margin-left:35px;}

strong	{font-weight:bold;}
em		{color:#ad6d25; font-style:italic;}

.alignleft	{float:left;}
.alignright	{float:right;}
.amp		{}

/*---------------------------- LAYOUT ----------------------------*/
body 			{background:url(images/site_bg.jpg) repeat -5px 0px; color:#4f4237; width:100%; font:normal 14px/24px Arial, Helvetica, sans-serif; text-align:left;}
#mainContainer	{background:#e2dacc url(images/header_bg.jpg) -5px -70px repeat-x; width:100%; min-width:1000px; height:auto; overflow:hidden; text-shadow:1px 1px #fff; }
.center			{height:auto; width:940px; position:relative; margin:auto;}

/*---------------------------- LOGO ----------------------------*/
#logoContainer	{float:left;  height:95px; width:940px;}
#logoContainer a{background:url(images/logo.png) no-repeat; display:block; height:75px; width:357px; position:relative; top:10px; left:0px;}

/*-------------------------MENU---------------------------------*/
#navigationContainer{background:url(images/nav_bg.png) top right no-repeat; height:50px; width:800px; float:right; padding:5px 15px 0px 0px; z-index:-100;}

#menu					{height:25px; width:800px; padding-top:25px;}
#menu ul				{display:block; height:25px; margin:auto; text-align:right;}
#menu ul li				{display:inline;}
#menu ul li a			{color:#5c2a0a; font-size:16px; font-weight:500; text-transform:uppercase; text-decoration:none; height:30px; padding:10px 8px; text-shadow:1px 1px #f3f1ec;}
#menu ul li a:hover		{color:#ad6d25;}
#menu ul li.selected a	{color:#5c2a0a;}
/*----DROP DOWN MENU----*/
#menu ul li ul{ background:url(images/navdrop_bg.jpg) repeat; border:1px solid #d5cdc0; border-top:0px;
 				float:left; height:auto; width:120px; position:absolute; left:0px; top:27px;  
     			margin:0px; padding:10px 0px 10px 15px; text-align:left; visibility:hidden; z-index:100;}
#menu ul li ul li		{display:block; height:30px; position:relative; margin:0px; padding:0px;}
#menu ul li ul li a 	{border-width:0px; float:left; width:130px; font-size:13px; line-height:12px; text-transform:uppercase; margin:0px; padding:0px;}
#menu ul li.selected ul li a		{font-weight:normal;}
#menu ul li.selected ul li a:hover	{color:#656565;}
#menu ul li ul li.selected  a	{color:#222;}
#menu ul li ul li ul			{border:1px solid #ccc; position:absolute; top:0px; left:145px;}

/*---------------------------HEADER----------------------------*/
#header		{float:left; height:400px; width:100%; position:relative; top:-5px;}
#headerImage{margin-bottom:20px;}
#call		{background:url(images/reserv_bg.png) no-repeat; color:#4d672b; font-size:17px; font-weight:500; text-shadow:none; 
			height:38px; width:325px; position:absolute; top:5px; right:10px; padding:4px 0px 0px 25px}


/*---------------------------- CONTENT ----------------------------*/
#contentContainer	{background-color:#efece7; border:1px solid #d5cdc0; border-width:1px 1px 0px; float:left; position:relative; width:910px; padding:15px 15px 0px; margin-top:-5px;}
#content			{float:left; height:auto; width:555px; margin-top:0px; padding-right:20px;}
#content h2+hr		{margin-bottom:20px;}
.contentLink a		{color:#777c65;}
.contentLink a:hover{color:#a4aa64;}

#topText	{background:url(images/rockyshorelodge.jpg) center no-repeat; clear:both; width:910px; height:330px; float:left; position:relative; margin-bottom:20px; text-shadow:1px 3px 1px #243f56;}
#topText p	{color:#fff; position:absolute; bottom:15px; font-size:17px; font-weight:bold; letter-spacing:1px; text-transform:uppercase; margin:0px 0px 15px 35px;}

.featuredTitleContainer{color:#5c2a0a; font-size:24px; font-weight:500; margin:30px 0px 0px;}
.smallSubtitle{color:#999999; font-size:14px; margin-top:0px;}
.imgpadder{float:left; padding:0px 20px 20px 0px;}

.map 				{border:5px solid #4f4237;}
.mapLink			{font-size:11px; text-align:right; margin-top:-20px;}
.mapLink a			{color:#777c65;}
.mapLink a:hover 	{color:#a4aa64;}

.button-box	{float:left; margin:15px 20px;}
.button {background:#753f1f; background:-webkit-gradient(linear, left top, left bottom, from(#9c613f), to(#753f1f)); background:-moz-linear-gradient(top, #9c613f, #753f1f);
   		border-top:1px solid #c78863; border-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px;
   		box-shadow:rgba(0,0,0,1) 0 1px 0; -webkit-box-shadow:rgba(0,0,0,1) 0 1px 0; -moz-box-shadow:rgba(0,0,0,1) 0 1px 0;
  		color:#edebe5; font-size:20px; text-shadow:rgba(0,0,0,.4) 0 1px 0; text-decoration:none; text-align:center; vertical-align:middle;
   		display:block; width:200px; padding:20px 10px;}
.button:hover 	{background:#ad6e25; border-top-color:#ad6e25; color:#3b3025; text-shadow:rgba(254,246,232,.4) 0 1px 0;}
.button:active 	{background:#5c290a; border-top-color:#5c290a;}

ul.frame		{list-style:none; margin:0px;}
ul.frame li		{float:left;}
.frame img		{background-color:#fff; border:1px solid #d6d6d6; height:auto; margin:5px 8px 5px 0px; padding:6px;}

ul.thumbs		{list-style:none; height:100px; width:auto; margin:0px;}
ul.thumbs img	{height:80px; width:80px;}
.thumb			{border:solid 3px #4f4237; display:block; float:left; height:80px; width:80px; margin-right:8px;}
.thumb:hover	{border:solid 3px #ad6d25;}

hr 			{background-color:#c6c6c6; border:#c6c6c6; height:1px;}
hr			{border-style:solid; border-width:1px; border-bottom-width:0px; border-color:#c6c6c6;}
div.hr1 	{background:url(images/hr1.jpg) repeat-x scroll center; height:1px; padding-top:20px;}
div.hr1 hr 	{display:none;}
div.hr2 	{background:url(images/hr2.jpg) repeat-x scroll center; height:1px;}
div.hr2 hr 	{display:none;}
div.hr3 	{background:url(images/hr3.jpg) repeat-x scroll center; height:1px; padding:0px 15px;}
div.hr3 hr 	{display:none;}
div.hr4 	{height:1px;background:url(images/hr4.jpg) repeat-x scroll center;}
div.hr4 hr 	{display:none;}
div.hr5 	{background:url(images/hr4.jpg) repeat-x scroll center; height:1px; margin:5px 0px 15px;}
div.hr5 hr 	{display:none;}
div.hr6 	{background:url(images/hr4.jpg) repeat-x scroll center; height:1px; margin-bottom:30px;}
div.hr6 hr 	{display:none;}

/*----------------SERVICES CONTENT---------------*/
.servicesBox		{margin-top:5px;}
.servicesBoxs h3	{font-size:20px; padding:5px 0px 10px;}
.servicesBoxs h3 a	{color:#ad6d25; text-decoration: none;}

.servicesImg	{background-color:#fff; border:1px solid #dadada; float:left; margin-right:20px; padding:5px;}
.borderImg		{background-color:#fff; border:1px solid #dadada; padding:3px;}
.smallPostImg	{border:1px solid #ccc; float:left; margin:4px 10px 0px 0px;}

/*-------------------BLOG CONTENT------------------*/
.postBoxs		{margin-top:-15px 0px 0px -3px;}
.postBoxs hr	{background-color:#bfbfbf; color:#bfbfbf; border-width:0px; border-color:#bfbfbf; margin-top:40px;}
.postBox		{margin-bottom:30px 0px 20px; padding-bottom:10px; overflow:hidden;}

.postBox h1		{padding:5px 0px;}
.postBox h1 a	{text-decoration:none;}

.postBoxContent img	{background-color:#fff; border:1px solid #d6d6d6; clear:both; width:auto; max-height:350px; margin:0px 20px 20px 0px; padding:4px; }
.postContent img	{background-color:#fff; border:1px solid #d6d6d6; clear:both; width:auto; max-height:350px; margin:0px 20px 20px 0px; padding:4px; }

.date	{background-image:url(images/date_bg.jpg); float:left; height:83px; width:66px; margin:0px 8px 0px 0px; position:relative; text-transform:uppercase;}
.date h1{color:#4e4338; font-size:25px; text-shadow:1px 1px 1px #dee3ca; padding:10px 0px 0px 10px;}
.date h3{color:#4e4338; font-size:20px; text-shadow:1px 1px 1px #dee3ca; position:relative; top:-3px; padding:2px 0px 0px 11px;}
.month	{color:#4e4338; display:block; font-size:11px; letter-spacing:1px; text-shadow:1px 1px 1px #dadfc5; position:absolute; top:11px; right:6px;
		-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); writing-mode:tb-rl; filter:flipV flipH;}

.info{display:block; min-height:80px; width:100%; margin-bottom:20px;}

.postInfo			{color:#777c65; font-size:12px; float:left; width:475px; margin:0px 0px 15px; text-transform:uppercase;}
.postInfo a			{text-decoration:none;}
.postInfo a:hover	{color:#a4aa64;}

.postContent	{display:block;}

.moreLink		{color:#777c65; text-decoration:none;}
.moreLink:hover	{color:#a4aa64; text-decoration:underline;}

.postBoxContent h1	{margin-bottom:20px;}
.pageBoxInside h2	{padding:0px;}

/*-------------------PHOTO PAGES----------------*/
#portfolio		{height:auto; width:910px; margin:0px; padding:0px 0px 0px 12px;}
#portfolio img	{background-color:#fff; border:1px solid #d6d6d6; float:left; height:auto; padding:6px;}

.portfolioItem		{height:204px; width:294px; float:left; position:relative; margin:0px 14px 30px -5px; overflow:hidden;}
.portfolioItemInfo	{background-image:url(images/trans.png); height:auto; width:270px; position:absolute; bottom:10px; left:7px; margin-bottom:2px; padding-left:10px; text-shadow:none; z-index:99;}
.portfolioItemInfo p{color:#FFF; font-size:14px; margin:0px 0px 5px;}

.zeroHeight{height:0px;}

p.infoTitle, p.infoTitle a{color:#FFF; line-height:30px; font-size:14px; font-weight:bold; text-decoration:none; margin-bottom:0px;}

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

#navButtons				{float:left;}
#blogNavButtons			{width:600px; margin-top:30px;}
#portfolioNavButtons	{float:left; width:895px;}
.alignleft a			{background:url(images/arrow_left.png) 0 0; display:block; float:left; height:20px; width:25px; text-indent:-9999px;}
.alignleft a:hover 		{background-position: 0px 20px;}
.alignright a			{background:url(images/arrow_right.png) 0 0; display:block; float:right; height:20px; width:25px; text-indent:-9999px;}
.alignright a:hover 	{background-position:0px 20px;}
#navButtons				{float:left; width:895px;}

#portfolioCategories{background-image:url(images/bundle_bg.jpg); height:42px; width:880px; position:relative; 
					 font-size:13px; line-height:37px; text-transform:uppercase; text-shadow:1px 1px #eedfae; margin:0px 0px 30px -10px; padding-left:20px;}
#portfolioCategories ul			{display:inline; margin-left:0px;}
#portfolioCategories ul li		{border-right:1px solid #7c6e62; display:inline; list-style:none; padding:0px 10px;}
#portfolioCategories ul li a	{color:#5c2a0a; font-weight:normal; text-decoration:none;}
#portfolioCategories ul li a:hover{color:#ad6d25; }
#portfolioCategories span		{color:#4f4237; font-size:13px; font-weight:normal; text-transform:uppercase; padding:0px 10px 0px 20px;}

.leftBundle	{background-image:url(images/bundle_left.jpg); height:42px; width:50px; position:absolute; top:0px; left:-10px;}
.rightBundle{background-image:url(images/bundle_right.jpg); height:42px; width:50px; position:absolute; top:0px; right:-18px;}

.video{background-image:url(images/video.png); height:190px; width:290px; position:absolute; top:4px; left:4px;}

/*-----------------------  SIDEBAR  ---------------------------*/
#sidebar	{background:url(images/side_bg.jpg) repeat-y; display:block; float:right; position:relative; height:100%; width:310px;}
.sideTop	{background:url(images/side_top.jpg) no-repeat; height:55px; width:310px;}
.sideBtm	{background:url(images/side_btm.jpg) no-repeat; height:55px; width:310px;}

.sidebarBox			{width:272px; margin:-25px 0px 0px 30px; padding-right:20px;}
.sidebarBox h2		{color:#5c2a0a; font-size:23px; font-weight:500;}
.sidebarBox div.hr3 {width:225px; padding:0px 10px; margin-bottom:30px;}

.sidebarMenu			{margin-bottom:10px; padding:5px 10px 0px 0px;}
.sidebarMenu h4			{padding:3px 30px 0px 0px;}
.sidebarMenu h4 a		{text-decoration:none;}
.sidebarMenu a			{color:#5c2a0a; text-decoration:none;}
.sidebarMenu a:hover	{color:#ad6d25; text-decoration:underline;}
.sidebarMenu hr			{background-color:#f2f2f2; border:#f2f2f2; border:0px; border-bottom-width:1px solid #f2f2f2; height:1px; margin-left:-30px;}

.sidebarPostInfo, .sidebarPostInfo a{color:#777c65; display:inline; font-size:14px; text-decoration:none; padding:10px 0px 0px;}

.bubble{background:url(images/bubble.jpg) no-repeat; height:15px; width:21px; display:inline-table; position:relative; top:5px; margin:0px 3px;}

.sidebarMenu ul			{list-style:none; text-decoration:none; margin:0px 0px 15px 0px;}
.sidebarMenu ul li ul	{padding:0px 0px 0px 15px;}
.sidebarMenu ul li ul li{border:0px; list-style-image:url(images/bullet.gif); margin-left:20px; padding-left:0px;}
.sidebarMenu ul li		{padding:6px 20px 6px 10px;}
.sidebarMenu ul li a		{color:#5c2a0a; display:block; height:20px; width:275px; font-size:17px; line-height:20px; list-style:none; text-decoration:none; padding-left:0px;}
.sidebarMenu ul li a:hover	{color:#ad6d25;}

#searchInput{background-color:#f3f3f3; border:1px solid #dedede; height:24px;}
#searchButton{background-color:#535353; border:1px solid #3c3c3c; color:#fff; height:25px; text-transform:uppercase; margin-left:10px; padding:0px 5px;}

.textwidget{padding-right:10px;	}

.sidebarImg				{background-color:#fff; border:1px solid #dadada; float:left; margin-right:10px; padding:3px;}
.sidebarPortfolio		{overflow:hidden; margin-bottom:30px;}
.sidebarPortfolio a		{float:left;}
.sidebarPortfolio a img	{float:left; margin:0px 8px 8px 0px;}

#weatherbg {background:url(images/weather_bg.png) no-repeat; height:420px; width:240px;}

#specials h3	{color:#a3641b; padding:10px 0px 0px;}
#specials p 	{margin:2px 0px;}

/*-----------------------  FOOTER  ---------------------------*/
#footer		{background:url(images/footer_bg.png) repeat-x -5px 0px; height:180px; width:100%; position:relative;}
#footerTop	{background:#efece7; border:1px solid #d5cdc0; border-width:0px 1px 1px 1px; border-top:none; float:left; position:relative; height:50px; width:940px; margin:0px auto;}

#footer p		{color:#fff; text-shadow:1px 2px 1px #4e260d;}
#footer a		{color:#fff;}
#footer a:hover	{color:#ced48c;}

#footerMenu		{float:left; position:absolute; top:50px; left:70px; height:20px; width:100%; clear:both;}
#footerMenu ul		{margin-top:15px;}
#footerMenu ul li	{float:left; list-style:none; padding-left:15px;}
#footerMenu ul li a			{color:#fff; font-size:13px; font-weight:500; text-transform:uppercase; text-decoration:none; text-shadow:1px 2px 1px #4e260d;}
#footerMenu ul li a:hover	{color:#ced48c;}

#legal		{font-size:11px; float:left; position:absolute; top:80px; left:115px; height:20px;}

.fb			{position:absolute; top:65px; right:40px; text-indent:-9999px;}
.fb a		{background:url(images/fb.png) 0 0; display:block; height:32px; width:125px;}
.fb a:hover	{background-position: 0px 32px;}

#mapleleafside	{background:url(images/mapleleaf_side.png) no-repeat; height:238px; width:108px; position:absolute; bottom:-145px; left:-108px;}
#mapleleafbtm	{background:url(images/mapleleaf_btm.png) no-repeat; height:95px; width:124px; position:absolute; bottom:-145px; left:0px;}

/*---------------------------------------------------*/
#pp_full_res img{}

/*---------------------------- CONTACT PAGE ----------------------------*/
.input			{background-color:#fff; border:1px solid #d5cdc0; height:20px; width:300px; padding:5px;}
.drop			{background-color:#fff; border:1px solid #d5cdc0; height:auto; width:300px; padding:5px;}
.textArea		{height:250px; width:550px; font-size:12px; padding:0px;}
input:focus, .textArea:focus, .drop:focus	{border:1px solid #ad6d25;}	

#sendButton		{background:#753f1f; background:-webkit-gradient(linear, left top, left bottom, from(#9c613f), to(#753f1f)); background:-moz-linear-gradient(top, #9c613f, #753f1f);
   				border:0px; border-top:1px solid #c78863; border-top-radius:13px; -webkit-border-radius:13px; -moz-border-radius:13px;
   				box-shadow:rgba(0,0,0,1) 0 1px 0; -webkit-box-shadow:rgba(0,0,0,1) 0 1px 0; -moz-box-shadow:rgba(0,0,0,1) 0 1px 0;
  				color:#edebe5; font-size:15px; text-transform:uppercase; text-shadow:rgba(0,0,0,.4) 0 1px 0; text-decoration:none; text-align:center; vertical-align:middle;
   				display:block; width:100px; padding:10px; margin-bottom:5px; cursor:pointer;}
#sendButton:hover {background:#ad6e25; border-color:#ad6e25; color:#3b3025; text-shadow:rgba(254,246,232,.4) 0 1px 0;}

.errorMessage	{color:#ad6d25; font-style:italic;}
#message		{color:#ad6d25; font-size:20px; font-style:italic;}

/*----------------------------TABLES---------------------*/
table		{border:1px solid #d8d8d8; border-collapse:collapse; margin:20px 0px;}
td			{border:1px solid #d8d8d8; padding:5px 10px;}
td#today	{background-color: #ededed;}
th			{background-color: #ededed; border:1px solid #d8d8d8; padding: 5px 10px;}
caption		{font-size:18px; margin-bottom:10px;	}
.errorMessage, #message{display:none;}

/*----------------------- Comments ---------------------------*/
p.commentTitle{font-size:18px; margin-bottom:0px;}

.commentContainer{background-color:#faf9f8; border:#b3a496 1px solid; width:555px; margin-top:20px; padding:0px;}

ul.commentlist{margin-left:0px;}

.comentBox			{min-height:150px; width:530px; padding:10px; position:relative;}
.comentBox p		{margin-top:-5px;}
.comentBox img		{background-color:#fff; border:1px solid #d6d6d6; margin:0px 15px 0px 0px; padding:4px;}

.commentAutor		{float:left; max-width:125px;}
.ComentAutorName	{font-size:14px; max-width:125px;}

.commentDate		{color:#a09184; font-size:12px; position:absolute; bottom:0px; right:10px;}
.commentNavigation	{height:50px; width:100%; float:left; position:relative; margin-top:20px;}
.commentInput		{height:20px; width:250px; margin-bottom:15px; padding-top:4px;}
.commentTextArea	{width:555px; margin-bottom:10px;}
.commentText		{padding:5px 20px 0px 0px;}

.comentBoxAdmin		{background-color:#fff;}
.adminRibbon		{background: url(images/admin.png) no-repeat; height:62px; width:61px; position:absolute; right:-8px; top:-2px;}