/*  
Theme Name: A Moment In Science
Version: 1.0
Author: Ryan Faubion for Medium Large
Author URI: http://medlrg.com/

	A Moment In Science

	This theme was designed and built by Ryan Faubion for Medium Large

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php



/* ----- CSS ----- */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Helvetica, Sans-Serif;
	background: #fff;
	color: #606060;
	height: 100%;
}

img, input { behavior: url("iepngfix.htc") }
/* ----- SITE MODEL ----- */

#container {
	width: 872px;
	height: 100%;
	margin: 30px auto 40px;
	padding: 0px;
	line-height: 17px;
	text-align: center;
	background: #fff;
	color: #606060;
}
#masthead {
	width: 872px;
	height: 130px;
	margin: 0px 0px 20px 0px;
}
#banner {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 318px;
	width: 872px;
	line-height: 0px;
	position: relative;
	z-index: 0;
}
a:link.reservation_sprite, a:visited.reservation_sprite{  
	background: url(../images/reservation_sprite.png) no-repeat top left;  
	background-position:0px 0px;
	margin: -90px 0px 50px 15px;
	height: 67px;
	width: 204px; 
	display:block;  
	position: relative;
	z-index: 300;
	}  
a:hover.reservation_sprite{  
	background-position: 0px -67px; 
	position: relative;
	z-index: 300; 
	} 
#content_container {
	font-size: 1.3em;
	text-align: left;
}

#footer {
	width: 872px;
	margin: 20px 0 0px 0;
	padding-top: 10px;
	border-top: 6px solid #be9125;
	line-height: 17px;
}
h2.module_head {
	height: 28px;
	line-height: 28px;
	font-size: .85em;
	padding: 0 0 0 10px;
	color: #fff;
	background: #321515 url(../images/module_bkgd.png) repeat-x;
}

	
/* ----- MAIN NAVIGATION ----- */


div#navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0px auto;
	width: 872px;
	height: 29px;
	background: #321515 url(../images/nav_bkgd.png) repeat-x;
	color: #c7b7a8;
	font-weight: normal;
	text-align: left;
}
div#navigation ul {
	padding:0px;
	margin: 0px 6px 0px 8px;
	color: #FFF;
	line-height: 29px;
	white-space: nowrap;
}
div#navigation li {
	padding:0em 1.1em 0em .8em;
	display: inline;
	color: #fff;
	text-decoration: none;
	border-right: 0px #3f3f3f solid;
	float: left;
}
div#navigation li a{
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
div#navigation li a:hover{
	color: #cf9a19;
	text-decoration: none;
	padding: 0px:
}
div#navigation li.active a{
	color: #cf9a19;
}

div#navigation li.last {
	float: right;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}


/* ----- PARAGRAPHS ----- */

p{
	color: #666;
	font-size: 1.0em;
	}
	
.intro_paragraph {
	margin-bottom: 20px;
}

/* ----- LISTS ----- */
#amentities li{
	list-style: none;
	margin: 0px;
	padding: 5px 0px 5px -10px;
	border-bottom: 1px solid #ccc;
}
li{
	list-style: none;
}
#middle li{
	list-style: none;
	font-size: 1em;
	padding: 5px 0px 4px 0px;
	margin: 0px;
	width: 698px;
	text-decoration: none;
	border-bottom: 1px solid #ddd;	
}
li p{
}
ol{
}
#middle ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	width: 695px;
	}
ol li{
}
ul{
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

.right {
	float: right;
}
.left {
	float: left;
}
.neighborhood_entry img.left_neighborhood {
	float: left;
	border: 1px solid #ccc;
	padding: 3px;
	margin: 12px 10px 5px 0px;
	margin-left: 0px;
}
div.neighborhood_entry {
	margin-bottom: 40px;
	padding-bottom: 15px;
	min-height: 200px;
}	

/* ----- LINKS ----- */

a{
	color: #cf9a19;
}
a:hover{
}
a:visited, a:active, a:focus{
}
a:link img,
a:visited img,
a:hover img,
a:active img {
	border:none;
	}


/* ----- HEADINGS ----- */

h1 {
	font-size: 3.6em;
	font-weight:normal;
	padding: 0px 0px 0px 0px;
	margin: 0;
	color: #333333;
}
h2 {
	font-size: 1.5em;
	font-weight:normal;
	padding: 0px 0px 0px 0px;
	margin: 0;
}
h3 {
	color: #321515;
	font-size: 1.20em;
	padding: 0;
	margin: 12px 0px 0px 0;
	padding: 0px;
	font-weight: bold;
}
h3.rates {
	color: #321515;
	font-size: 1.20em;
	padding: 0;
	margin: 12px 0px 10px 0;
	padding: 0px;
	font-weight: bold;
}
h3.availability a{
	color: #cf9a19;
	font-size: 1em;
	padding: 0;
	margin: 12px 0px 10px 0;
	padding: 0px;
	font-weight: normal;
	text-decoration: none;
}
h3.availability a b{
	color: #321515;
	font-size: 1em;
	padding: 0;
	margin: 12px 0px 10px 0;
	padding: 0px;
	font-weight: bold;
	text-decoration: none;
}
h3.availability a:hover{
	color: #321515;
	font-size: 1em;
	padding: 0;
	margin: 12px 0px 10px 0;
	padding: 0px;
	font-weight: normal;
	text-decoration: none;
}


h4.module{
	color: #444;
	font-size: 1.0em;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #ccc;
	}
h3.neighborhood {
	font-size: 1em;
	background: #fff;
	color: #321515;
	padding: 3px 0px 3px 0px;
	border-bottom: 1px solid #ccc;
	}
	
h5{
	}

/* ----- IMAGES ----- */

img{
	}
img a{
	}
img a:hover{
	}

/* ----- CONTENT EXTRAS ----- */

.read-more{
	font-size: .8em;
	font-weight: bold;
	}
.date{
	font-size: .9em;
	font-family: ;
	color: #999;
	margin-top: -3px;
	}


/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

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

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}




/* table
----------------------------------------------- */
table {
	width:100%;
	border:0px solid #bbb;
	margin-bottom:10px;
}
col.colC {
	width:8em;
}
th, td {
	padding:0px;
	text-align:left;
}
.td_left-1 {
	width: 60%;
	padding-right: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fdfdfd;
	}
/*
.td_left-2 {
	width: 10%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
	background: #fdfdfd;
	margin-right: 5px;
	font-weight: bold;
	}
*/
.td_left-3 {
	width: 40%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
	background: #fdfdfd;
	font-weight: bold;
	}
thead th {
	border-bottom:0px solid #888;
	background:#f1f1f1;
	padding:0px;
}
thead th.table-head {
	font-size:1em;
	font-weight:normal;
	color:#fff;
	background: #321515;
	border:0px solid #555;
	padding: 3px 0px 3px 10px;
}
tbody th,
tbody td {
	border-top:0px solid #bbb;
	border-bottom:0px solid #bbb;
	background:#fff;
}
tbody tr.odd th,
tbody tr.odd td {
	background:#fff;
}
tfoot th,
tfoot td {
	border-top:2px solid #666;
	background:#eee;
}
tfoot tr.total th,
tfoot tr.total td {
	border-top:6px double #666;
}
tfoot tr.total th {
	text-transform:uppercase;
}
th.currency,
td.currency {
	text-align:right;
}
#contact {
	background: #f5f5f5;	
}
fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}
#contact-area {
	width: 600px;
	padding: 35px 0 45px 0px;
	margin: 25px 0 40px 80px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 0px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	background: #321515;
	color: #fff;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.1em;
}


/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/maroon.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}
/* tab pane styling */
div.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	height:100%;
}
ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 

div#photos                {overflow:auto;}
  div.photo                 {float:left; display:inline; margin:20px 0px 10px;}
  div.photo a img           {border:1px solid #ccc; padding:3px;width: 196px;
	height: 150px;}



#ph-module-1 {
	float: left;
	width: 204px;
	margin-right: 12px;
	background: #fff;
}
#ph-module-2 {
	float: left;
	width: 204px;
	margin-right: 12px;
	background: #fff;
}
#ph-module-3 {
	float: left;
	width: 204px;
	background: #fff;
}
#module-1 {
	float: left;
	text-align: justify;
	width: 279px;
	margin-right: 15px;
	background: #fff;
}
#module-2 {
	float: left;
	text-align: justify;
	width: 280px;
	margin-right: 15px;
	background: #fff;
}
#module-3 {
	float: left;
	text-align: justify;
	width: 280px;
	background: #fff;
}


.calendarBG {
 	background-color: #000; 
}
#calendar table{
	/* border: .1em solid #ccc; */
	border-right: .1em solid #ccc;
	}

.calendarBlank { 
 	background-color: #f0e9c5;
 	text-align: left;
 	border-bottom: .1em solid #ccc;
 	border-left: .1em solid #ccc;
 	 padding-left: 10px;
 	padding-top: 5px;
 	vertical-align: top;
}

.calendarHeader { 
 	font-weight: bold; 
	color: #321515; 
 	text-align: center;
 	background-color: #000; 
}
.calendar_day { 
 	font-weight: bold; 
	color: #321515; 
 	float: left;
 	background-color: transparent; 
 	vertical-align: top;
 	width: 110px;
 	text-align: left;
 	margin: 0px 0px 0px 0px;
}
.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:        1em;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color: #321515; 
 background-color:  transparent;
}

.calendarMonthLinks a {
 color: #321515; 
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color: #321515; 
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #321515; 
 text-align:  center;
 	vertical-align: top;
}

.calendarToday { 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         10px;
 font-weight:		bold;
 text-decoration:   none;
 text-align:  center;
 	vertical-align: top;
 color:             #000;
 background-color: 	#f1f1f1;
 padding-left: 10px;
 	padding-top: 5px;
 border-bottom: .1em solid #ccc;
 border-left: .1em solid #ccc;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         10px;
 font-weight:		normal;
 text-decoration:   none;
 text-align:  left;
	vertical-align: top;
 height: 80px;
 	padding-left: 10px;
 	padding-top: 5px;
 width: 80px;
 color:             #666;
 background-color:  #fff;
 border-bottom: .1em solid #ccc;
 /* border-right: .1em solid #ccc; */
 border-left: .1em solid #ccc;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendar_head {
	text-align: center;
	margin: 10px 0px;
	}
.calendar_date {
	color: #321515;
	margin: 0px 10px 0px;
	font-size: 1.2em;
	font-weight: bold;
	}