@import url('reset.css');

/* 
	Main CSS doc for Beavertail Lodge | Copyright 2009
	Created By Eli Dupuis. (http://www.elidupuis.com)
*/

/*
	Font-sizes. Browser default is 16px. Set body to 75%, which is equal to 12px and, therefore, 1em is 12px.
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/


/*
**	=global
************************/
body					{ background:#3b1e11 url('../img/bg-tile.gif'); color:#241209; font:75%/1 arial,helvetica,sans-serif; }
a						{ color:#c66302; text-decoration:none; }
a:hover					{ color:#EF7600; }
a img, img				{ border:0; }
p,ul,ol					{ margin-bottom:1em; }
p,li					{ line-height:1.4; }
h1,h2,h3,h4,h5,h6		{ font:normal 1em/1 georgia,'times new roman',serif; margin:1.25em 0 0.5em; }
strong, b				{ font-weight:bold; }
em, i					{ font-style:italic; }
hr						{ border:0; border-top:1px solid #dbd6bf; border-bottom:1px solid #f0eede; height:0; clear:both; }

/*#content h2				{ font-size:2.25em; }
#content h3				{ font-size:2em; }
#content h4				{ font-size:1.75em; }
#content h5				{ font-size:1.25em; }
#content h6				{ font-size:1em; margin-bottom:1em; }
#content img			{ margin-bottom:1em; }
#content ul,#content ol	{ list-style-position:inside; }
#content li				{ list-style-type:disc; }
#content ol li			{ list-style-type:decimal; }*/


/* grid */
.wrap					{ margin:0 auto; padding:0; width:960px; position:relative; }
.wrap:after				{ clear:both; content:'.'; display:block; visibility:hidden; height:0; }
.wrap					{ display:inline-block; }  /* for IE/Mac */
.wrap					{ display:block; }

/*
**	=branding
************************/
#branding				{ z-index:9; }
#logo					{ background:url('../img/logo-beavertail.png') no-repeat 0 0; display:block; width:267px; height:160px; text-indent:-999em; position:absolute; top:0; left:30px; z-index:99; }

#nav					{ display:inline; float:right; margin:30px 0 0; overflow:hidden; }
#nav li					{ display:inline; float:left; margin:0 0 0 12px; }
#nav a					{ color:#f7f6e9; display:block; font:1.25em/1 georgia,'times new roman',serif; padding:0 0 20px 0; }
#nav a:hover			{ color:#fff; }
#nav a.active			{ border-bottom:10px solid #d4ceb4; padding-bottom:10px; text-transform:uppercase; }


/*
**	=feature
************************/
#feature				{ position:relative; z-index:1; }
#feature .wrap			{ background:#d4ceb4; padding:20px 25px 25px; width:910px; }
#feature img			{ border:5px solid #f7f6e9; max-width:900px; }
#feature p 				{ background:#f7f6e9; color:#512c1c; font:italic 1.4167em/1 georgia,'times new roman',serif; margin:0; padding:10px; position:absolute; bottom:30px; right:50px; }


/*
**	=content
************************/
#content .wrap			{ background:#f7f6e9 url('../img/bg-content-top.png') no-repeat 0 0; padding-top:40px; }

#main-content,
#sub-content			{ display:inline; float:left; }


/* =main-content */
#main-content			{ float:right; margin-right:35px; width:600px; }
#main-content.fullwidth	{ width:900px; }
.home #main-content		{ border-right:2px solid #e2deca; float:left; margin:0 0 0 35px; width:585px; }

#main-content h1		{ color:#512c1c; font-size:2.5em; margin-top:0; }
#content h2				{ color:#c66302; font-size:1.5em; font-style:italic; }
#content h3				{ color:#207da4; font-size:1.1667em; font-family:arial,helvetica,sans-serif; font-weight:bold; }
#content h4				{ color:#512c1c; font-size:1.25em; }
#content h5				{ color:#512c1c; font-size:1.1667em; }
#content h6				{ color:#512c1c; font-size:1.0833em; }
#main-content p 		{ margin:0 25px 1.25em 0; }
#main-content p,
#main-content li		{ font-size:1.0833em; }
#main-content p.hilite 	{ color:#796913; font:1.667em/1.2 georgia,'times new roman',serif; margin-bottom:0.75em; }
#main-content .hilite em{ font-style:normal; }

#main-content ul,
#main-content ol		{ list-style-position:outside; margin-left:30px; }
#main-content li		{ list-style-type:disc; }
#main-content ol li		{ list-style-type:decimal; }



/* =sub-content */
#sub-content			{ margin-left:35px; width:255px; }
.home #sub-content		{ float:right; margin:0 35px 0 0; width:270px; }
#sub-content img		{ border:3px solid #d4ceb4; margin:0 0 20px; max-width:242px; }
.home #sub-content img	{ max-width:none; }

#sub-content h2:first-child	{ margin-top:0; }

#sub-content .jump img	{ margin-bottom:10px; margin-top:0; }
.jump h3				{ font-size:; margin:0 6px; }
.jump p 				{ font-size:0.9167em; margin-left:6px; }


#gfx-list 				{ overflow:hidden; }
#gfx-list li			{ border-bottom:1px solid #dbd6bf; font-size:0.9167em; padding:15px 0 0; overflow:hidden; }
#gfx-list li:first-child	{ padding-top:8px; }
#gfx-list h3			{ color:#3e2114;  margin:0 0 3px; }
#gfx-list img			{ float:left; margin:0 12px 10px 0; }
#gfx-list p 			{ line-height:1.2; margin-bottom:10px; }
 
#explore-fernie			{ background:url('../img/explore-fernie.jpg') no-repeat 0 0; border:3px solid #d4ceb4; color:#3d2014; display:block; text-decoration:underline; padding:80px 0 0 95px; width:167px; height:20px; } /* width:262px; height:100px; */
#explore-fernie:hover	{ color:#c66302; }


#sub-content p.caption	{ margin:-18px 4px 20px; color:#4F3E36; font-size:0.9167em; line-height:1.2; }


/*
**	=site-info
************************/
#site-info .wrap		{ background:#f7f6e9; padding-top:25px; }
#site-info .wrap div	{ background:#e8e7d4; border:1px solid #d4ceb4; margin:0 25px 25px; padding:15px 0 10px; }
#site-info p 			{ font-size:0.9167em; text-align:center; margin-bottom:0.5em; }
#site-info a			{ color:#c66302; }
#site-info p.nav a		{ color:#241209; }


/*
**	=topbar
************************/
#topbar					{ background:#b19602; border-bottom:2px solid #2c1b0b; height:8px; width:100%; position:absolute; top:0; left:0; }
#topbar span			{ background:#dddcae; display:block; height:1px; width:100%; position:relative; top:7px;  }