/* 

GLOBAL STYLESHEET
=============================================

Created by Chelsea Otakan for Inn of the Mountain Gods.

URI: http://www.livelylabs.com


COLORS
---------------------------------------------
	Dark Tan					#5b5643
	Medium Tan				#91886d
	Light Tan					#a3997b
	Extra Light Tan		#d5d1c7
	Light Blue 				#bbbfe2
	Orange						#fa9134
---------------------------------------------

*/

@import url("reset.css");
@import url('smoothDivScroll.css');
@import url("../js/prettyPhoto/css/prettyPhoto.css");
@import url("datepicker.css");


/* GLOBALS 
=========================================== */


/* Clear Fix */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
/* For IE6 */ * html .clr { height: 1% }
/* For IE7 */ *:first-child+html .clr { min-height: 1px }

body { background: #91886d; margin: 0; padding: 0 }

/* WRAPPER ----------------------------------------------- */

#wrapper { background: #5b5643; margin: 0 auto 20px auto; width: 960px; }


/* TYPOGRAPHY
------------------------------------------------------------------------------------------ */

/* Defaults */ 
body, td, p, input { color: #d5d1c7; font:normal normal normal .8em/140% "Arial","Helvetica",sans-serif; }

h1 { font-weight: bold; color:#fa9134; font-size: 1.5em; text-transform: uppercase; margin-top: 30px }
h2 { font-weight: bold; color:#fa9134; font-size: 1.3em; text-transform: uppercase; margin-top: 30px }
h3 { font-weight: bold; color:#fa9134; font-size: 1em; text-transform: uppercase; margin-top: 30px }
h4 { font-weight: bold; color:#fa9134; font-size: .95em; margin-top: 30px }
h5 { color:#fa9134; font-size: .95em; margin-top: 30px }

p { margin: 1.2em 0 }

a:link, a:visited, a:active { color: #bbbfe2; text-decoration: none }
a:hover { color: #fa9134 }

strong { font-weight: bold }

#page-content ul { margin: 5px 50px;list-style-type: disc;  }
#page-content ul li, #page-content ol li { font-size: .85em; line-height: 140%; margin: 8px 0; text-transform: uppercase }
#page-content ol { list-style-type: decimal; margin: 5px 50px }


/* ELEMENTS
------------------------------------------------------------------------------------------ */

input { 
	font-size: 1em;
	background: #706b55 url('http://imgdevserver.com/wp-content/themes/IMG_Stripped/images/bg_input.gif') repeat-x;
	border: 1px #857d5f solid;
	padding: 1px }
input:focus { border: 1px #a3997b solid }

input.orange { 
	font-size: .95em;
	color: #5b5643;
	background: #fa9134 url('http://imgdevserver.com/wp-content/themes/IMG_Stripped/images/input_bg_orange.gif') repeat-x }
input.submit.orange {
	border: 0; 
	background: url('http://imgdevserver.com/wp-content/themes/IMG_Stripped/images/submit_orange.gif') no-repeat }
img {  }
img.left { }
img.right { }
img.center { }

.hideme a { display: none;}

.ddsg-wrapper h2 { display: none; }

.ddsg-wrapper div p { display: none; }

.ddsg-wrapper { padding-top: 15px; }


/* HEADER
------------------------------------------------------------------------------------------ */

#header { padding: 0 20px 5px 20px}

/* LOGO */ 

#header a.logo { 	
	background: url('http://imgdevserver.com/wp-content/themes/IMG_Stripped/images/logo.gif') no-repeat;
	display: block;
	float: left;
	height: 145px;
	margin: 0 5px;
	width: 323px;
	text-indent: -9999px; }
	
/* RESERVATIONS */
#reservations {
	color: #a3997b; 
	font-size: .85em; 
	float: right; 
	margin: 33px 0 0 0;	
	width: 310px; }
	
#reservations h2 { 
	background: url('http://imgdevserver.com/wp-content/themes/IMG_Stripped/images/title_reservations.gif') -2px 0 no-repeat;
	display: block;
	height: 30px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
	width: 309px;
}

#reservations ul { list-style-type: none;}
#reservations ul li { display: inline; float: left; margin: 0 6px 0 0}

#reservations fieldset { display: inline; float: left; margin: 0 6px 0 0}
#reservations input { display: block; width: 40px }

#reservations #arrival { width: 95px }
#reservations a.submit { display: block; margin: 25px 0 0 0;  background: url('http://imgdevserver.com/wp-content/themes/IMG_Stripped/images/submit_blue.gif') no-repeat; border: 0; width: 40px; height: 13px; text-indent: -9999px}
#reservations a.submit:hover { background-position: 0 -13px}

div#XbeViewPanel p, div#XbeViewPanel td, div#XbeViewPanel { color: #000; font-size: 12px }
div#XbeViewPanel a { color: #fa9134}

/* MAIN NAVIGATION ---------------------------------------- */
#menu-main-nav { border: 1px #5b5643 solid; display: block; float: left; margin: 5px 5px 0 0; width: 900px; overflow: hidden }
#menu-main-nav li { border-left: 1px #91886d solid; float: left; padding: 0 10px; line-height: 75%; margin: 0 0 0 -1px; }
#menu-main-nav li a { color: #bbbfe2; font: normal normal normal .9em/90% "Arial",sans-serif; letter-spacing: 1px; text-transform: uppercase}
#menu-main-nav li a:hover { color: #ffffff }
#menu-main-nav li.active a { color: #fa9134}
#menu-main-nav .sub-menu { display: none }

/* CONTENT
------------------------------------------------------------------------------------------ */
#content { clear: both }



/* FOOTER
------------------------------------------------------------------------------------------ */
#footer { padding-bottom: 10px }
#footer .footer-nav {border-top: 2px #a3997b dotted; border-bottom: 2px #a3997b dotted; margin: 20px auto; font-size: 14px}
#footer ul { text-align: center; list-style: none; padding: 8px 0}
#footer ul li { text-align: center; display: inline; margin: 0 -3px 0 -2px; padding: 0 8px; position: relative;border-right: 1px #a3997b solid;border-left: 1px #a3997b solid;; background: transparent}

.footer2 a { color: #a3997b }


#footer a.facebook {
	width: auto;
	margin: auto;
	display: block;
	text-align: center
}

#footer p.meta {
	background: url('http://imgdevserver.com/wp-content/themes/IMG_Stripped/images/shadow_footer.gif') repeat-x;
	color: #a3997b;
	display: block;
	padding: 20px;
	font-size: 11px;
	text-align: center }

.winner img {
width: 185px;
height: 122px;
}

.thumbs {
float: left;
}

.description-thumb {
width: 165px;
margin: 5px 0px 5px 0px;
padding: 0px 10px 0px 10px;
font-size: 10px;
line-height: 12px;
}

.ngg-clear {
clear: both;
width: 100%;
height: 1px;
}