/*   
Theme Name: Three Bear Lodge
Description: Three Bear Lodge Custom Theme
Author: 45 Degrees North
Author URI: http://www.45degreesnorth.com
*/

*
{
	margin		: 0;
	padding		: 0;
}
html, body
{
	margin		: 0;
	padding		: 0;
	background	: #030100 url(images/bg.jpg) top center repeat-y;
	text-align	: center;
	font		: 13px/1.3 Arial, Helvetica, sans-serif;
	min-width	: 980px;
	color		: #4e2a05;
}

a, img { border: 0; }

a { color: #844606; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

a.button
{
	display				: block;
	background-position	: bottom left;
	background-repeat	: no-repeat;
	text-indent			: -9999px;
}
a:hover.button { background-position: top left; }


a.more
{
	display			: inline-block;
	font			: bold 14px;
	color			: #844606;
	height			: 25px;
	line-height		: 25px;
	padding-right	: 32px;
	background		: url(images/arrow.png) center right no-repeat;
	text-transform	: uppercase;
}


h1 
{ 
	clear			: both;
	font			: bold 24px 'Arial Narrow', Arial, sans-serif;
	text-transform	: uppercase;
	margin			: 0 0 20px 0; 
}
h1 a { color: #4e2a05; }
h2 
{ 
	font			: bold 18px 'Arial Narrow', Arial, sans-serif;
	margin-bottom	: 10px; 
}
h2 a { color: #4e2a05; }

h3
{
	font			: bold 18px 'Arial Narrow', Arial, sans-serif;
	padding-top		: 18px;
	margin-bottom 	: 10px 0;
	color			: #bb7a08;
}
h3 a { color: #bb7a08; }
h4 { margin: 10px 0; color: #bb7a08; }

p { margin: 10px 0; }

small, .tip 
{ 
	font-size	: 12px; 
	color		: #787878;
	font-weight	: normal;
}

.divider
{
	clear		: both;
	margin		: 12px 0;
	width		: 100%;
	height		: 4px;
	font-size	: 1px;
	line-height	: 1px;
	background	: url(images/divider_bg.gif) center left repeat-x;
}

.clear
{
	clear	: both;
	width	: 100%;
}

/* ----------------------------------------------------- form */

input[type=text], textarea, select, option 
{ 
	/*padding	: 3px; */
	font	: 12px Arial, Helvetica, sans-serif;
}

fieldset { }
legend { }

form ul 
{ 
	list-style	: none; 
	padding		: 20px 0;
}

form ul label
{
	display		: block; 
	font-weight	: bold;
	float		: left;
	width		: 165px;
}

form ul li
{
	display	: block;
	clear	: both;
	padding	: 4px 0;
}

/* ----------------------------------------------------- container */

#container 
{ 
	width		: 100%;
	min-height	: 770px;
	float		: left;
	background	: url(images/container_bg.jpg) top center no-repeat;
}

#base 
{
	clear		: both;
	float		: left;
	width		: 823px;
	margin-left	: 82px;
	background	: url(images/base_bg.jpg) bottom right no-repeat;
}

#page
{
	width		: 980px;
	margin		: 0 auto;
	text-align	: left;
}

/* ----------------------------------------------------- page-head */

#page-head
{
	width		: 100%;
	height		: 243px;
	position	: relative;
}
h1#logo { margin: 0; padding: 0; }
h1#logo a
{
	display		: block;
	margin		: 0;
	padding		: 0;
	position	: absolute;
	width		: 272px;
	height		: 48px;
	top			: 123px;
	left		: 355px;
	text-indent	: -9999px;
	outline		: none;
}

#nav 
{ 
	position	: absolute; 
	height		: 50px;
	bottom		: 7px; 
	left		: 67px; 
}
#nav a { outline: none; }
#nav .nav-divider
{
	float		: left;
	width		: 4px;
	height		: 50px;
	font-size	: 0;
	background	: url(images/nav_divider.gif) center center no-repeat;
}

#nav a.parent, #nav a:hover.parent { height: 50px; background-color: none; text-indent: -9999px; outline: none; }

a#nav-home 			{ width: 127px; background-image: url(images/nav-home.gif); }
a#nav-yellowstone 	{ width: 157px; background-image: url(images/nav-yellowstone.gif); }
a#nav-events 		{ width: 121px; background-image: url(images/nav-events.gif); }
a#nav-community 	{ width: 145px; background-image: url(images/nav-community.gif); }
a#nav-reservations 	{ width: 152px; background-image: url(images/nav-reservations.gif); }
a#nav-contact	 	{ width: 131px; background-image: url(images/nav-contact.gif); }


/* ----------------------------------------------------- search */

a#nav-brochure
{
	display		: block;
	position	: absolute;
	left		: 82px;
	bottom		: 80px;
	width		: 162px;
	height		: 19px;
	background	: url(images/nav-brochure.gif) center center no-repeat;
	text-indent	: -9999px;
	outline		: none;
}

#search
{
	position	: absolute;
	right		: 73px;
	bottom		: 80px;
}
#search label 
{
	background	: url(images/search_label.gif) center left no-repeat;
	text-indent	: -9999px;
	width		: 60px;
	height		: 19px;
	display		: block;	
	float		: left;
}
input#search-terms
{
	width		: 100px;
	background	: #f1e7da;
	border		: #d6bfa4 1px solid;
	padding		: 1px 3px;
	display		: block;
	float		: left;
}


/* ----------------------------------------------------- slider */

#media 
{
	float			: left;
	width			: 100%;
	height			: 320px;
	position		: relative;
	overflow		: hidden;
}
.home #media { border-bottom: #2c1104 8px solid; }
#page-intro 
{
	width		: 350px;
	float		: left;
	text-align	: center; 
	font-size	: 12px;
}
#page-intro div { padding: 15px 20px; }

img.page-photo 
{
	float		: right;
	max-width	: 470px;
}

img.page-photo-full 
{
	float		: right;
	max-width	: 823px;
	margin-left	: -1px;
}

img.page-heading-general
{
	padding-top		: 20px;
	padding-bottom	: 10px;
}

/* ----------------------------------------------------- gallery */

#rotator img
{
	width		: 465px;
	height		: 320px;
	margin-left	: 8px;
}

/* ----------------------------------------------------- gallery */

#gallery
{
	width		: 822px;
	margin		: 25px auto -10px auto;
	position	: relative;
}
.scrollable 
{
	position	: relative;
	overflow	: hidden;
	width		: 730px;
	height		: 100px;
	margin		: 0 0 0 50px;
}

.scrollable .items 
{
	width		: 20000em;
	position	: absolute;
	clear		: both;
}
.items div 
{
	float	: left;
	width	: 730px;
}
.scrollable img 
{
	float		: left;
	margin		: 0 13px;
	background	: #421012;
	padding		: 3px;
	width		: 88px;
	height		: 88px;
}

.scrollable .active 
{
	position	: relative;
	background	: #bd955e;
}

a#gallery-left, a#gallery-right
{
	display		: block;
	position	: absolute;
	width		: 25px;
	height		: 47px;
	cursor		: pointer
}
a#gallery-left { background: url(images/gallery-left.gif) center center no-repeat; top: 23px; left: 12px; }
a#gallery-right { background: url(images/gallery-right.gif) center center no-repeat; top: 23px; right: 12px; }

a.disabled { visibility:hidden !important; } 

.ngg-gallery-thumbnail img { border-color: #bd955e !important; }
.ngg-gallery-thumbnail img:hover { background-color: #bd955e !important; }

/* ----------------------------------------------------- events */
#main .dbem_events_list
{
	padding-left: 10px !important;
}

#main .dbem_events_list img
{
	border-style: solid;
	border-width: thick;
	border-color: #4e2a05;
}

/* ----------------------------------------------------- category plugin */
.lcp_catlist
{
	list-style		: none;
	font			: bold 18px 'Arial Narrow', Arial, sans-serif;
	margin-bottom	: 10px;
}

.lcp_catlist p
{
	font			: 13px 'Arial Narrow', Arial, sans-serif;
}

/* ----------------------------------------------------- main */

#main 
{ 
	float		: left;
	width		: 100%;
	background	: url(images/main_bg.png) top left repeat-x;
}
#main.main-general, #main.main-single { background: none; }


#third-level-nav { text-align: center;padding-top: 10px; }
#third-level-nav li
{
	padding			: 0 10px;
	border-right	: #3a1b02 1px solid;
	display			: inline;
	list-style-type	: none;
	color			: #b06e2b;
	text-transform	: uppercase;
}
#third-level-nav li:last-child { border: 0; }

#main .content { padding: 40px 30px 50px 30px; min-height: 250px; }
#main .content.menu { /*background: url(images/menu.png) 380px 400px no-repeat;*/ }

#main .content img { max-width: 760px; }

#main .content ul { padding-left: 60px; }

#main .content blockquote
{
	color: #bb7a08;
	font-style: italic;
}

img.alignright 	{ float: right; margin: 15px 0 15px 15px; }
img.alignleft	{ float: left; margin: 0 15px 15px 0; }


/* HOME */
#main div#home-content.content { padding: 0; }

#home-content table { margin-left: 30px; text-align: center; }
#home-content table td { vertical-align: top; }

#search-results, #blog-posts { margin-top: 20px; }
#search-results h2 { margin-bottom: 0px; }


#blog-posts h2 { margin-bottom: 5px; }
#blog-posts table td { vertical-align: top; }

#blog-posts small, .post small { text-transform: uppercase; }

img.attachment-post-thumbnail { padding: 2px; background: #3a1b02; border: #3a1b02 2px solid;  }
a:hover img.attachment-post-thumbnail { background: transparent; }

/* ----------------------------------------------------- posts */

.posts-list { list-style: none; }

.post { margin-bottom: 20px; }

img.thumb 
{ 
	float	: left;
	margin	: 15px 15px 15px 0;
}

a > img.thumb { }
a:hover > img.thumb { }

/* ----------------------------------------------------- comments */

#comments { clear: both; }

.comments-list { list-style: none; }
.comments-list li { margin-bottom: 20px; }

.commentslist ol { list-style-type: none !important; }
.commentslist li
{
	list-style-type: none !important;
	margin-bottom: 20px;
}


/* ----------------------------------------------------- comment-form */

#comment-form li small { padding-left: 5px; }

#comment-form-comment 
{
	width	: 265px;
	height	: 80px;
}


/* ----------------------------------------------------- sidebar */
#sidebar
{
	float			: right;
	width			: 300px;
	margin-right	: 25px;
}
#sidebar .content { padding: 20px; }
#sidebar ul, #sidebar ol { list-style: none; }

/* ----------------------------------------------------- footer */

#footer 
{ 
	clear		: both; 
	width		: 100%;
	height		: 370px;
	background	: url(images/footer_bg.jpg) bottom center no-repeat;
}

#callouts 
{ 
	position	: relative; 
	clear		: both;
	width		: 822px;
	height		: 144px;
	margin		: 0 auto; 
}
#callouts a.button { position: absolute; height: 81px; bottom: 0; outline: none; }

a#shop 		{ width: 72px; left: 8px; 	background-image: url(images/callout-shop.jpg); }
a#exhibits 	{ width: 66px; left: 117px; background-image: url(images/callout-exhibits.jpg); }
a#legacy 	{ width: 64px; left: 224px; background-image: url(images/callout-legacy.jpg); }
a#twitter 	{ width: 63px; left: 538px; background-image: url(images/callout-twitter.jpg); }
a#facebook 	{ width: 75px; left: 642px; background-image: url(images/callout-facebook.jpg); }
a#galleries { width: 75px; left: 743px; background-image: url(images/callout-galleries.jpg); }