/*  
Theme Name: Grizzly
Theme URI: http://grizzlylodge.ca
Description: A Lodgy Theme
Version: 1.0
Author: Steve Hatcher
Author URI: http://www.axemedia.com/
*/

* {margin:0;padding;0}

html, body {height: 100%;font-size: 11pt;font-family: Verdana, Arial, Helvetica, san-serif;
	color: #2d2d2d;width: 100%;line-height:1.3em;background: #EAF1FB;}

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding:25px 0 172px 0;}
#footer {position: relative;
	margin-top: -172px; /* negative value of footer height */
	height: 172px;
	clear:both;padding:0;} 

a:link {color:#014FD6;text-decoration: underline;}
a:visited {color: #8D3401;text-decoration: underline;}
a:hover {color:#C80101;text-decoration: underline;}
a:visited:hover {color: #C80101;text-decoration: underline;}
a:active {color:#C80101;text-decoration: underline;}

a img { border:none; text-decoration: none;}

/* CLEARFIX */
.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 */

#header #logo {width:920px;margin:0 auto;padding:10px 10px 0 10px;height:97px;}
#header {background-color:#fff;}
#header #logo img.brand {float: left;padding: 0 0 0 10pt;}

#logo ul#adr {width: 250px;float: right;color: #555555;font-size: 9pt;
list-style-type: none;text-align: right;font-weight: bold;line-height: 1.1em;}

.org, .tel {font-weight: bold;}

#logo ul#adr li.tel {font-size: 18pt;
margin: 20px 0 4px 0;color:#0047C1;}

/* ---------- Navigation Menu -------- */
	#navigation {
		position: relative;
		height: 40px;
		background:url('images/nav.gif') repeat-x;
		background-color:#000;
		text-align: left;
		font-size:10pt; 
		z-index: 20;
		margin:0 0 0 0;
		padding:0;
	}

	#navigation img {float:left;margin:0;padding:0;}

	#menu {width:920px;margin: 0 auto;z-index: 30;}

	#nav, #nav ul {
		padding: 0;
		margin: 0;
		list-style: none;z-index: 40;
	}

	#nav a {
		display: block;color:#fff;text-decoration: none;
	}

	#nav a:hover {color:#fff;text-decoration: underline;}

	#nav li { float: left;}

	#nav li.home a{
		height:40px;
		background:url('images/home.gif') no-repeat;
		width:70px;margin-right:0px;
		padding: 40px 0 0 30px;overflow: hidden;
		height: 0px !important; height /**/:41px; /* for IE5/Win only */
		}
	#nav li.home a:hover{background-position: 0 -40px;}
	#nav li#current_page_item a{background-position: 0 -40px;}

	#nav li.terrain a.parent{
		height:40px;
		background:url('images/terrain.gif') no-repeat;
		width:77px;margin-right:0px;
		padding: 40px 0 0 30px;overflow: hidden;
		height: 0px !important; height /**/:41px; /* for IE5/Win only */
		}
	#nav li.terrain a.parent:hover{background-position: 0 -40px;}

	#nav li.lodge a.parent{
		height:40px;
		background:url('images/lodge.gif') no-repeat;
		width:116px;margin-right:0px;
		padding: 40px 0 0 30px;overflow: hidden;
		height: 0px !important; height /**/:41px; /* for IE5/Win only */
		}
	#nav li.lodge a.parent:hover{background-position: 0 -40px;}

	#nav li.photo a.parent{
		height:40px;
		background:url('images/photos.gif') no-repeat;
		width:79px;margin-right:0px;
		padding: 40px 0 0 30px;overflow: hidden;
		height: 0px !important; height /**/:41px; /* for IE5/Win only */
		}
	#nav li.photo a.parent:hover{background-position: 0 -40px;}

	#nav li.vacation a.parent{
		height:40px;
		background:url('images/packages.gif') no-repeat;
		width:106px;margin-right:0px;
		padding: 40px 0 0 30px;overflow: hidden;
		height: 0px !important; height /**/:41px; /* for IE5/Win only */
		}
	#nav li.vacation a.parent:hover{background-position: 0 -40px;}

	#nav li.blog a{
		height:40px;
		background:url('images/blog.gif') no-repeat;
		width:54px;margin-right:0px;
		padding: 40px 0 0 30px;overflow: hidden;
		height: 0px !important; height /**/:41px; /* for IE5/Win only */
		}
	#nav li.blog a:hover{background-position: 0 -40px;}

	#nav li.contact a{
		height:40px;
		background:url('images/contact.gif') no-repeat;
		width:87px;margin-right:0;
		padding: 40px 0 0 0;overflow: hidden;
	height: 0px !important; height /**/:41px; /* for IE5/Win only */
		}
	#nav li.contact a:hover{background-position: 0 -40px;}

	#nav li ul {
		position: absolute;
		width: 15em;
		left: -999em;
	}

	#nav li:hover ul {
		left: auto;
	}

/* ---------- 2nd Level nav -------- */
	#nav li.child a {line-height:1.1em;padding-left:8px;
		padding-bottom:8px;width:225px;z-index: 50;padding-top:2px;}
	#nav ul.sub {margin-top:0;border:1px solid #E21F27;
		width:225px;background-color:#333;}
	#nav ul.sub2 {margin:-15px 0 0 220px;border:1px solid #E21F27;
		width:225px;background-color:#333;}
	#nav li ul ul {
		margin: -1em 0 0 10em;
		background-color:#E21F27;
		}
	#nav, #nav ul {
		padding: 0;
		margin: 0;
		list-style: none; 
		line-height: 1;
		}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{
		left: -999em;
		}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		left: auto;
		}

/* ---------- contet area -------- */

#main {background: #EAF1FB url('images/bg.gif') repeat-x;}

#promo {width:875px; margin:0 auto;border:1px solid #4886DD;background-color:#fff;padding:15px;}
#myGallery {float:left;width:400px;}

#sledding {float:right;width:475px;}
#sledding h2 {color:#C80101;margin:5px 0 8px 0;}
#sledding h2.nd {margin:15px 0 5px 0;}

#sledding .book {margin:20px 0 5px 0;}
#sledding .book ul {padding: 0;margin: 0 auto ;list-style: none;}
#sledding .book a {display: block;}
#sledding .book li.button a { background:url('./images/bookings.gif') top left no-repeat;
margin:10px auto 5px auto; height:52px; width:314px; padding:52px 0 0 0;
overflow:hidden; height: 0px !important; height /**/:51px; /* for IE5/Win only */ }
#sledding .book li.button a:hover {background-position: 0 -52px;}

#sled {width:900px;margin:0 auto;padding:25px 15px 15px 15px;margin-bottom:20px;}
#sled.page {border:1px solid #4886DD;background-color:#fff;margin-bottom:20px;}

#content {width:650px;float:left;}

#content h1 {color:#115AD8;font-size:1.5em;padding:0 0 10px 0;clear:both;}
#content h2 {color:#C80101;font-size:1.2em;margin:18px 0 5px 0;}
#content h3 {color:#115AD8;font-size:1.1em;margin:15px 0 5px 0;}

#content ul {margin:5px 0 5px 0;}
#content li {margin:0 0 5px 0;}

#content #posts h3 {font-size:1.0em;}
#content #posts {font-size:0.9em;}
#content #posts .item {margin-bottom:10px;}

#content p {margin:8px 0 12px 0;}
#content #posts {padding:20px 0 10px 0;}
#content #posts p {margin:6px 0 8px 0;}
#content #entry {clear:both;}

/* ---------- Sidebar -------- */
#sidebar {width:200px;float:right;font-size:0.9em;}

#sidebar h2 {font-size:1.1em;margin:0 0 10px 0;}
#sidebar h2 a:link {color:#C80101;}
#sidebar h2 a:hover {color:#014FD6;}

#sidebar ul {list-style:none;margin:0;padding:0;}
#sidebar ul.inner {font-weight:bold;margin:20px 0 15px 0;}
#sidebar ul li {margin:0 0 4px 0;padding:0;}

#sidebar #bookings {border: 1px solid #115AD8;text-align:center;padding:10px;}
#sidebar #bookings h3 {color:#C80101;}
#sidebar #bookings a {display: block;}
#sidebar #bookings li.button a { background:url('images/contact-button.gif') top left no-repeat; margin:10px 0 5px 3px; height:48px; width:169px; padding:48px 0 0 0; overflow:hidden; height: 0px !important; height /**/:49px; /* for IE5/Win only */ }
#sidebar #bookings li.button a:hover {background-position: 0 -48px;}

/* ---------- Footer -------- */
#footer {background: url('images/snowline.gif') repeat-x;}
#foot {width:900px;margin:0 auto;padding:0;background: url('images/footer.gif') no-repeat;height:172px;}
#foot .left {float:left;width:160px;font-size:0.9em;padding:60px 15px 0 0;}
#foot .left ul {list-style:none;margin:0 0 0 0;padding:0;}
#foot .left ul li {margin:0 0 1px 0;padding:0;}
#foot a:link {color:#C80101;}
#foot a:hover {color:#014FD6;}
#foot a:visited {color:#C80101;}
#foot a:visited:hover {color:#014FD6;}
#foot .credit {float:right;clear:left;font-size:0.75em;margin:9px 278px 0 0;}
#foot .credit p {margin:0;padding:0;color:#606060;}
#foot .credit p img {margin-bottom: -7px;}

/* ---------- Misc Styles -------- */
ol {
	list-style: circle;
	margin: 0 0 0 36px;line-height:125%;
}
ol.bigger {font-size:11pt;font-weight:bold;}
.pad {
	margin: 16px 10px;
}

/* ---------- Begin Images ------------ */
p img {padding: 0;max-width: 100%;}

/*	Using 'class="right"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="center',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.center {display: block;margin-left: auto;margin-right: auto;margin-top:5px;margin-bottom:5px;}

img.right {padding: 0;margin: 10px 0 15px 15px;clear:right;}

img.left {padding: 0;margin: 10px 15px 15px 0;clear:left;}
img.left2 {padding: 0;margin: 5px 15px 5px 0;display: block;}

.right {float: right;}

.left {float: left}

/* --------- WP styles ----------*/
#comment-stuff {width:488px;float:left;}
#comment-stuff h3 {font-style: italic;margin-top:25px;}

.older-newer {margin:10px 30px 10px 0;padding:0 0 20px 0;
font-size:0.9em;}
.older-newer a:link {color:#15771B; text-decoration: underline;}
.older-newer a:visited {color: #445425; text-decoration: underline;}
.older-newer a:hover {color: #3A1E07; text-decoration: underline;}
.older-newer a:active {color: #445425; text-decoration: underline;}

post-edit-link {margin:0;font-size:0.9em;}

.postmeta {font-size:8pt;margin:0;padding:0;}
#left p.postdate {margin:-15px 0 0 0 ;padding:0;font-size:8pt;}

#left .entry {margin-top:30px;margin-bottom:25px;}

.commentlist {
	font-weight: normal;

	margin:10px 0 10px 0;
	}

.commentlist cite{
	font-weight: normal;
	font-style: normal;
	font-size: 8pt;
	}

.commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 8pt;
	}

.commentlist p {
	font-weight: normal;
	text-transform: none;
	margin:5px 0 5px 0;
	}

.commentmetadata {
	font-weight: normal;
	}

code {
	font: 1em 'Courier New', Courier, Fixed;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: url('none');
	}

/* Begin Form Elements */
select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
width:400px;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: left;
	}

/* Begin Comments*/
#comment-area.alt {margin: 8px 0 8px 0;background-color:#eaf1fb;}
#comment-area {border-left: 3px solid #acc7f0;margin:5px 10px 0 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 3px;padding: 5px 10px 3px;list-style: none;}
.commentlist p {margin:5px 0 5px 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

/* Begin Various Tags & Classes */
blockquote {margin: 20px 30px 0 10px;padding: 5px 5px 2px 20px;border-left: 5px solid #C5BFA1;background-color:#FBF9EE;}
blockquote p {height: 1%;}
blockquote cite {margin: 0;display: block;}
.center {text-align: center;}
p.wp-caption-text {font-size:0.8em;color:#7D644D;padding-bottom:0.9em;margin-top:5px;}
hr {display: none;}