/*  
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;
		}
	#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;
		}
	#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;
		}
	#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;
		}
	#nav li.photo a.parent:hover{background-position: 0 -40px}

	#nav li.vacation a.parent{
		height:40px;
		background:url('images/services.gif') no-repeat;
		width:94px;margin-right:0px;
		padding: 40px 0 0 30px;overflow: hidden;
		height: 0px !important;
		}
	#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;
		}
	#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;
		}
	#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}
#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 35px 0}
#sidebar ul.recent {margin:5px 0 25px 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}
#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;clear:both}
#sled p.postdate {margin:5px 0 5px 0 ;padding:0;font-size:9pt;color:#434343}

#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}