/* ------------------------------------------------------------------
author:		Thomas Michaud
title:		master.css
info:		Default CSS Framework for Rabbit Run Inn
------------------------------------------------------------------*/


/* =Layout
------------------------------------------*/
body {  background: url(../images/10.gif) repeat-y center center;  min-width: 790px;  }

#container { background: url(../images/10.gif) repeat-y center center; min-width: 790px; position: relative; }

	#inner_container { width: 790px; min-width: 790px; margin: 0 auto; position: relative;  height: 100%; }
	
#header {
	width: 310px; height: 200px; float:  left;
	background-image:  url(../images/4.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}

#content {
	margin-left: 340px;
	}
	#intro { margin-bottom:  4em;}

#sidebar {
	float: left;
clear: both;
}
#footer { 
    width: 790px;
    margin: 0 auto;
    color: #BBC89A;
    clear: both;
    text-align: right;
} 




/* =Classes
------------------------------------------*/
.alignLeft { float: left;}
.alignRight { float: right;}
.clear { clear: both;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#intro, .main, .secondary { padding-left: 10px;}

div.excerpt { margin-left: 120px; }

.column {width: 210px; float: left;}
.column.first {width: 210px; margin-right: 5px;}

ul.weather { width: 120px; float: right; text-align:left;}



/* =Typography
------------------------------------------*/
body { font: 87%/1.5em  "Myriad Pro", Arial, Helvetica, sans-serif; }
#content { color:  #282828; }

h1, h2, h3, h4 { color: #1d2326; font-weight: normal;}
h2, h3, h4 { font-family: Georgia, "Times New Roman", serif; margin-bottom: 4px;}
h1 {font-size: 2em;}

#header h1 {
	text-indent: -9999px;
	}
	#header h1 a {
	display:  block;
	width:  128px;
	height: 44px;
	position: absolute;
	left:  150px;
	top:  28px;
	background-image:url(../images/5.gif);
	background-repeat: no-repeat;
	background-position: -22px -22px;
	}

	#header h1 a:hover {
	background-position: -22px -110px;
	}
	#header h1 a:focus {
	background-position: -22px -198px;;
	}


h2{ font-size: 1.5em; 
	margin-bottom: 0.643em;
	margin-top:1.929em;
	margin-bottom: 0.643em;
	font-weight:normal;
	}
	#intro h2 {font-size: 200%; margin: 0 0 0.25em 0;}
	
h3 {font-size: 1.33em;
	margin-bottom: 1.33em;
	margin-top:1.33em;
	font-weight:normal;
	}
	.main h2, .secondary h3{
		border-top:4px double #6B804D; 
		border-bottom:1px solid #6B804D;
		padding: 4px 0;
		}
        .directory h3 {margin-bottom: 0; font: 1.25em "Myriad Pro", Arial, Helvetica, sans-serif; }

h4 {font-size: 1.17em;}

#rates h5 {border-top: 2px solid #333; border-bottom: 1px dotted #333; background-color: #E9F7D4;}

p{ 
	font-size: 1em;
	margin: 0 0 1.25em 0;
	line-height: 1.5em;
	}
        .directory p.published {font-size: 85%; margin-bottom: 0; width:110px; float: left;}

blockquote.credit {width: 200px; font-size: 10px; line-height: 1.2em; padding: 4px 10px; display: block; margin-right: 6px;}

blockquote p {width: 195px;}
blockquote.prices {width: 420px; border-left: 4px solid #607641;}	
blockquote.prices p {width: 400px; padding: 10px 10px 0 10px;}
	pre  { font: 87%/1.5em  "Myriad Pro", Arial, Helvetica, sans-serif; }


dl {
	padding-bottom: 10px;
}
#intro h2 {
	padding-top:  20px;
}
#intro p {
	font-size: 16px; line-height: 1.5em;

}

.welcome h3 {
	font-size: 1.5em; 
	margin-bottom: 0.643em;
	margin-top:.75em;
	margin-bottom: 0.643em;
	font-variant: small-caps;
}
.welcome p {
	font-size: 1em;
	line-height: 1.6em;
}

#content .emphasis {font-size: 1em; border: 1px solid #526B2E; }

p.emphasis {background: #90AB67 url(../images/icons/icon-env-trans.png) no-repeat left center; padding: 4px 4px 4px 42px; }
p.promo {background: #E9F7D4; padding: 4px; border: 1px solid #A2CC66; text-align: center; font: 14px/1.5em Georgia, "Times New Roman", serif;}
p.promo strong {font-size: 24px; font-variant: small-caps;}

sup {font-size: 70%; position: relative; top: -4px; left: -4px}


.btn-slide {
	background: url(http://www.rabbitruninn.com/images/98.gif) no-repeat right -45px;

	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}
#sidebar p.slide a,
#sidebar p.slide a:link,
#sidebar p.slide a:visited,
#sidebar p.slide a:hover,
#sidebar p.slide a:active { color: #fff}

.slide {
background: url(http://www.rabbitruninn.com/images/99.gif) no-repeat center top;
color: #fff;
margin: 0;
padding: 0;
border-bottom: solid 4px #89a167;
 width: 300px;

}
.reviews  {color: #333; width: 300px;}
.reviews ul{ 
background: #fff; 
border: 3px solid #6f8451; 
padding: 10px; 
margin-bottom: 10px; 

box-shadow:inset 0 0 4px #333333;
-moz-box-shadow:inset 0 0 4px #333333;
-webkit-box-shadow:inset 0 0 4px #333333;

-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}

.reviews li {
border-bottom: 1px dotted #bac8a6;
}
.reviews li a,.reviews li a:link, .reviews li a:visited {
color: #6f8451;
}
.reviews li a:hover{
color: #89a167;
}
.reviews li a:active {
color: #6f8451;
}
#panel {
display: none;
}


/* =Links
------------------------------------------*/
/* content link settings */
a, a:link { color: #d4e4ff;}
a:visited { color: #d4e4ff;}
a:hover { color: #eff4fd; text-decoration: none;}
a:active { color:#d4e4ff;}
a:focus { color:#EBF0FA ;}

a img{text-decoration: none;}

a.read-more, a.onlinePayment { font-size: 120%;}

a.read-more {display: block; width: 400px; padding: 10px 10px 10px 30px; background: #6C814E url(../images/icons/icon-more-trans.png) no-repeat 5px center;}

a.onlinePayment { padding-left:30px; background: url(../images/icons/icon-ccard-trans.png) no-repeat 5px center }

span.newWindow {padding: 10px 30px 10px 0; margin: 5px 0; background: #6C814E url(../images/icons/icon-new_window-trans.png) no-repeat 95% center }

/* sidebar link settings */
#sidebar .navbar a, #sidebar .navbar a:link {
	line-height: 2em;
	padding-right:  20px;
	text-decoration: none;
	font-size: 160%;
}
#sidebar .navbar a, #sidebar .navbar a:link { color: #5A6B2E; }
	#sidebar a:visited { color: #5A6B2E;}
	#sidebar a:hover { color: #454F2B;}
	.navbar a:hover  {
            background: url(../images/11.gif) no-repeat right center;
	 }
	#sidebar a:active { color: #5A6B2E;}
	#sidebar a:focus {color: #5B6B2E; }
	#sidebar .navbar li a.current  {
	 color:  #454F2B;
	 background: url(../images/11.gif) no-repeat right center;
		}

#opening {text-indent: -9999px; margin-bottom: 10px;}
#opening a {display: block; height: 126px; width: 300px; background: url(../images/icons/opening-trans.png) no-repeat left top;}



/* =Lists
------------------------------------------*/
#sidebar ul.navbar {
	text-align: right;
	width: 310px;
	background: url(../images/6.gif) no-repeat right top
	
}

	#sidebar ul.navbar li{
	background: url(../images/6.gif) no-repeat right bottom;
}

.main ul li {line-height: 1.5em; margin: .125em 0 ;}

.main ul li {border-bottom: 1px dotted #373E22;}

#rates ul {margin-bottom: 1.5em}

#rooms h3 + ul {border-top: 1px dotted #373E22;}

#reservations ul {margin-bottom: 20px;}
/* =Tables
------------------------------------------*/
#rates th, #rates td {min-width: 75px;}

/* =Images
------------------------------------------*/
img.alignLeft { margin-right: 6px;}
blockquote img {border: 1px solid #333;}
.thumbnails img {margin-right: 4px;}

img.border {border: 3px solid #eaeaea;}



/* =Javascript Tabs

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

#tabbed {float: left;}

ul.tabs li {border: none; margin: 0; padding:0;}

/* Caution! Ensure accessibility in print and other media types... */

@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */

    .ui-tabs-hide {

        display: none;

    }

}



/* Hide useless elements in print layouts... */

@media print {

    .ui-tabs-nav {

        display: none;

    }

}



/* Skin */

.ui-tabs-nav, .ui-tabs-panel {

   

}

.ui-tabs-nav {

    list-style: none;

    margin: 0;

    padding: 0 0 0 4px;

}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */

    display: block;

    clear: both;

    content: " ";

}

.ui-tabs-nav li {

    float: left;

    margin: 0 0 0 1px;

    min-width: 102px; /* be nice to Opera */

}

.ui-tabs-nav a, .ui-tabs-nav a span {

    display: block;

    padding: 0 10px;

   

background: url(../images/15.gif) no-repeat;

}

.ui-tabs-nav a {

    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */

    padding-left: 0;

    

    font-weight: bold;

    line-height: 1.2;

    text-align: center;

    text-decoration: none;

    white-space: nowrap; /* required in IE 6 */    

    outline: 0; /* prevent dotted border in Firefox */

}

.ui-tabs-nav .ui-tabs-selected a {

    position: relative;

    top: 1px;

    z-index: 2;

    margin-top: 0;

   color: #282828;

}



.ui-tabs-nav a span {

    width: 64px; /* IE 6 treats width as min-width */

    min-width: 64px;

    height: 18px; /* IE 6 treats height as min-height */

    min-height: 18px;

    padding-top: 6px;

    padding-right: 0;

}

*>.ui-tabs-nav a span { /* hide from IE 6 */

    width: auto;

    height: auto;


}

.ui-tabs-nav .ui-tabs-selected a span {

    padding-bottom: 1px;

}

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {

    background-position: 100% -150px;

}

.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {

    background-position: 100% -100px;

color: #282828;

}

.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {

    background-position: 0 -50px;

}

.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {

    background-position: 0 0;

}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */

    cursor: text;

}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,

.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */

    cursor: pointer;

}



.ui-tabs-disabled {

    opacity: .4;

    filter: alpha(opacity=40);

}



.ui-tabs-panel {

    border-top: 1px solid #4f6233;

    padding: 1em 8px;

    background: #d1e6b3; /* declare background color for container to avoid distorted fonts in IE while fading */

}



.ui-tabs-loading em {

    padding: 0 0 0 20px;

    background: url(loading.gif) no-repeat 0 50%;

}


#rates table {margin-bottom: 1.5em; text-align: left;}

#rates th, #rates td { padding: 2px 8px 2px 8px; border-right: 1px solid #B9D590;}

#rates tr {padding: 2px 0; }



iframe {width: 420px;}


/* =Gallery

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

#gallery h4 {border-bottom: 1px dotted #333;}


#gallery a, #gallery a:link {text-decoration: none;}



div#gallery .thumbnail, div#rooms .thumbnail {padding: 10px 2px 10px 0;}

.secondary ul#gallery li { display: inline; margin: 0 1px 0 0; padding:0;}

.secondary ul#gallery li img {width: 35px; height: 35px;}

#gallery a.thumbnail  img { border: solid 2px #cede91; text-decoration:none;}

#rooms a.thumbnail  img { border: solid 2px #819A5D; text-decoration: none;}



#gallery a:hover.thumbnail  img, #rooms a:hover.thumbnail  img { border-color: #fff; }




/* =NEWSLETTER SIGNUP FORM
------------------------------------------*/
#signup .zemContactForm fieldset {
	background: #90AB67;
	border: 1px solid #A2CC66;
	padding: 0 1em 1em;
}

#signup .zemContactForm legend {
	color: #526B2E; 
	font-weight: normal;
	padding: 1px 4px;
	}

#signup .zemContactForm #zemSubscriberName, 
#signup .zemContactForm #zemSubscriberEmail {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	padding: 5px;
	width: 97%;

}

#signup .zemRequired {font-weight: bold;}

#signup input.zemRequired {font-weight: normal;}

#signup textarea.zemRequired {font-weight: normal;}


#TA_selfservprop822 { 
margin-top: 30px;
margin-left: 45px;
}

#sidebar .special {
	width: 300px;
	margin: 10px 0 10px 0
}

#sidebar .special dt {font-size: 130%; color: #fff; border-bottom: 1px dotted white; font-weight: bold;}
#sidebar .special dd.contact { border-bottom: 1px dotted white }
#sidebar .special .note {
	padding-top: 4px;
	font-size: 80%;
	line-height: 1em
}

.special #fallSpecial, .special #summerSpecial, .special #springSpecial {
	border-width: 5px;
	border-style: solid;
	color: #E5E9D3;
	text-align: center;
	padding: 10px;
}

.special #summerSpecial {
	border-color: #ccdae5;
	background: #1d384c url(txp_img/special-gradient.jpg) repeat-x left top;
}

.special #springSpecial {
	border-color: #e8eee4;
	background: #a4b697 url(txp_img/special-spring.jpg) repeat-x left top;
}
.special #springSpecial dt, .special #springSpecial dd { color: #5e6459;}

.special #fallSpecial {
	border-color: #ffecd8;
	background: #a36209 url(../images/85.jpg) repeat-x left top;
}