/*
Theme Name: Dirty Face Lodge Template
Theme URI: http://www.dirtyfacelodge.com/
Description: Custom Site Design for Dirty Face Lodge
Version: 0.7
Author: Eric Amundson
Author URI: http://www.ivycat.com/
Last Edit Date: October 20, 2008
*/



/* General Styles
----------------------------------------------------- */
*{margin:0; padding:0;text-decoration:none;}

body{
	color: #342110;
	font: 62.5%/18px Verdana, Arial, Helvetica, sans-serif;
	background: #000000 url(images/body-bg.jpg) no-repeat scroll center top;
}
#nav_access{
	text-indent: -9999px;
	position: absolute;
}

#wrapper{width:960px; margin:0 auto;}

/* Branding Styles
----------------------------------------------------- */
#branding{
	height:256px;
	position:relative;
	background: url(images/header-bg.jpg) no-repeat;
}
#toplogo a{
position:absolute;
top:0;
left:0;
display:block;
	margin:0;
	height: 115px;
	width: 337px;
	background: url(images/toplogo.jpg) no-repeat;
	text-indent:-9999px;
}



#description{
	position:absolute;
	top:100px;
	left:3px;
	width:331px;
	text-indent:-9999px;
}
#booking a{
	position:absolute;
	left:29px;
	top: 130px;
	text-indent:-9999px;
	height:33px;
	width:284px;
	background: url(images/booknow.gif) no-repeat;
}

/* Navigation Styles
----------------------------------------------------- */
#menu {
	width:100%;
	position:absolute;
	margin-top:5px;
	margin-bottom:10px;
	left: 14px;
	top: 225px;
}
#menu li {
	display:inline;
}
#menu li a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#2d1007;
	font-size: 14px;
	padding:0px 15px;
	/*display:block;*/
	height:1%;
	font-weight: bold;
	text-decoration:none;
	border-right: 1px solid #2d1007;

}

#menu li a:hover{
color: #DEFF00;
	
}
#menu li a.noborder {border:none;}	
#menu li.current_page_item a {color:#6F4822;
text-decoration:underline;}
/* Link Styles
----------------------------------------------------- */
#content_main a {font-weight:bold;}
a:link, a:visited {color:#448844;text-decoration:underline; }
a:hover, a:active {color:#336633; }
p.edit a {display:block; background:#BC5B31;color:#fff;padding:0.5em 1em;border:1px dotted #2d1007}
p.edit a:hover { background:#973915;border:1px solid #2d1007;}

/* Main Content Styles
----------------------------------------------------- */
#content_main{
	width:618px;
	float:left;
	min-height:510px;
	padding-bottom:30px;
	background: #F4E0A7 url(images/content-bg.jpg) repeat-y left top;
	}
	
#content_main *{margin-right:30px; margin-left:30px;}	

	
	






h1, h2, h3, h4, h5{
	margin: 1.5em 0 0.3em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #6F4822;
	font-weight:normal;
	letter-spacing:-2px;
}
h1 {font-size: 3em;margin: 1em 0 0.3em;}
h2 {font-size: 2em;	letter-spacing:-1px;}
#content_main h2 a {font-weight:normal;}
h3, h4,h5,h6 {font-weight:bold;letter-spacing:-1px;font-family:Verdana, Arial, Helvetica, sans-serif;}
h3{font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1.2em;}
p{margin-bottom:12px; font-size:1.2em;}
p.postmetadata {font-size:1em;color:#AA5303}
p.whoami {font-size:1em;color:#AA5303}
p.com_edit {font-size:1em;color:#AA5303; text-align:right;padding-bottom:.5em}
p.hm-subhead {font-size:1.4em;font-weight:bold;margin:1em 0;color:#6F4822;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
p.alignright {float:right;}
#content_main ol,#content_main ul {
	padding-left:30px!important;
	margin: 0 0 12px;
	font-size:1.2em;
}

#content_main ol ol,#content_main ul ul {font-size:1em;}
#content_main ul li {
	list-style-type:disc;
	margin:3px;
}
#content_main ol li {
	margin:3px;
	list-style: decimal;
}
#content_main ol ol,#content_main ul ul {font-size:1em;} 


div.nav_post {margin:1em;padding-top:1em;border-top:1px solid #835e4f;text-align:center;font-weight: bold;font-size:1.4em;}
div.nav_post a {padding:0 .5em;}
.subscript {font-size:.9em; font-style:italic;}
.post {border-bottom:1px dotted #835e4f;margin-bottom:3.5em;}

hr {color:#CD9767; background-color:#CD9767;border:none;margin:2em 0;}


/* Secondary Content Styles
----------------------------------------------------- */
#content_secondary{padding-bottom:50px;
	width:293px;
	float:left;
	position:relative;
	background:  url(images/sidebar-bg.gif) no-repeat left bottom;
}
#content_secondary *{margin-left:25px;margin-right:20px;}
#content_secondary ul{margin-top:15px;}
#content_secondary li{display:inline;}
#content_secondary li a{
letter-spacing:-1px;
	display:block;
	color:#6F4822;
	padding:5px 10px 5px 4px;
	font-size: 2em;
	text-decoration:none;
	margin-bottom:1px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;}
#content_secondary li a:hover{
	color: #D14F15;
}
#content_secondary li.current_page_item a{
	text-decoration:underline;
}
#content_main * *, #content_secondary * *{margin-left:0;margin-right:0;}





/* Footer Styles
----------------------------------------------------- */

#site_info{
	padding:40px 0;
	clear:both;
	background: url(images/footer-bg.jpg) no-repeat;	
position:relative;
width:618px
}


#site_info li {color:#fff;float:left;list-style-type:none;}
#site_info li#copyright {margin-right:5px;}
#site_info li.credits {float:right;}
#site_info li a{
	color:#6F4822;
	padding: 0 10px;
	border-left:1px solid #222;
}
#site_info li a:hover{color:#D14F15}
#site_info li.credits a {color:#777;text-decoration:none;font-size:10px;border:none;padding-right:0;}
#site_info li.credits a:hover {color:green;}



/* Home Styles
----------------------------------------------------- */
#content_main .hm-lodge,#content_main  .hm-info {float:left;width:200px;margin-left:50px}
.hm-lodge h3, .hm-info h3 {margin-top:0;border-bottom:1px dotted #6F4822;padding-left:20px; }
#content_main .hm-lodge ul, #content_main .hm-info ul {padding-left:20px !important;}
#content_main .hm-lodge ul li, #content_main .hm-info ul li {list-style-type:none;}
.hm-lodge h3 {background: transparent url(images/home_green_16.gif) no-repeat top left;}
.hm-info h3 {background: transparent url(images/help_green_16.gif) no-repeat top left;}
/* Amenities Styles
----------------------------------------------------- */
#amen-col1, #amen-col2 {width:48%;}
#content_main #amen-col1 ul, #content_main #amen-col2 ul {padding-left:12px !important;}
#content_main #amen-col1 ul li, #content_main #amen-col2 ul li {list-style-type:disc;}

#amen-col1 {float:left;}
#amen-col2 {float:right;}

/* Reservations & Privacy
----------------------------------------------------- */
#content_main .dispbox {border:solid #d14f15; border-width:3px 0;margin:2em 1em;padding-bottom:1em;}
#content_main .dispbox .no-bullet li {list-style-type:none;}


/* Handy Classes
----------------------------------------------------- */

.strong {
	font-weight: bold;
}

.clearer{
	clear: both;
}
p.edit {clear:both;}


/* Contact Page Styles
----------------------------------------------------- */
div.vcard {margin:1em 0;padding-left:130px;line-height:150%;}
div.vcard div,div.vcard p {font-size:1.4em; margin:4px 0;}
div.vcard div div,div.vcard div p {font-size:1em;}

#post-12 p.hc a {
background:transparent url(images/icon-hcard-download.png) no-repeat scroll left center;
font-size:1.2em;
padding-left:40px;
margin-left:130px;
}
div.tel span.type {display:block;width:3.5em; float:left;}
div.adr {padding-bottom:.2em;}

/* Local Partners
----------------------------------------------------- */
#post-146 ul li {list-style-type:none;margin:1em 0;font-size:0.9em;}



/* Rates Page Styles
----------------------------------------------------- */
#post-7 div.vcard {margin:1em 0;padding-left:100px;font-size:0.9em;line-height:1}
#post-7 div.vcard .org {font-weight:bold;}
#post-7 abbr {clear:both;float:left;margin-bottom:25px;}

/* Map Styles
----------------------------------------------------- */
div.map{border:1px solid #000;width:550px; height:395px;margin:2em auto;}
form.map input[name="saddr"]{background:#F9F9F9 none repeat scroll 0% 0%;
border:1px solid #888888;
padding:3px;
}
.gmap-directions {margin-top:2em;width:550px;background:#CD9767;text-align:center; padding:1em 0;border:1px solid #a7682f;}
#content_main .gmap-directions-sm {float:right; margin:0 0 2em 2em;width:215px;background:#CD9767;text-align:center; padding:1em 3px;border:1px solid #a7682f;}
#content_main .gmap-directions-sm p {font-size:1.2em;margin-bottom:6px;}
#content_main .gmap-directions-sm p em {display:block;}
#content_main .gmap-directions-sm #submit {padding:2px;float:right;margin:0.5em 14px 0 0}
#content_main .gmap-directions-sm #saddr {border:1px solid #a7682f;}

/* Floorplans
----------------------------------------------------- */
#post-149 img {border:5px solid #CD9767;}
#post-149 p.wp-caption-text {font-weight:bold;font-size:1.5em;margin:0.5em 0 2em}
#post-149 h2 {margin:1.5em auto;border-bottom:1px solid #6F4822}
/* Comments
----------------------------------------------------- */
h3#respond, h3#comments{
	border-top: 1px dotted #2d1007;
	padding:.8em 0;
}
#content_main ol.commentlist {padding-left:35px;}
.comments-template{
	margin: 1em 0 0;
	padding: 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

#content_main .comments-template ol li{
	margin: 10px 0 0;
	line-height: 1.7em;
	padding: 3px 0 10px;
	border-left: 5px solid #6F4822;
}
#content_main .comments-template ol li p{font-size:.9em;margin-top:1em;}
#content_main .comments-template ol li.alt{
	border-left: 5px solid #D14F15;
}

.commentmetadata{
	font-size: 1em;
position:relative;
}
.com_date {font-size:.8em;position:absolute;right:0;top:0;}
.commentmetadata,.commentlist p{
padding-left:10px;
}
.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-size: 1.4em;
border:1px solid #888888;
width:400px;
}
input[type="text"]{
	font-size: 1.2em;
border:1px solid #888888;
}
#commentform {margin-left:30px;}
a[title="Edit comment"]{padding-left:10px;font-size:.8em;}



input#submit {
background:white url(images/button-bg.gif) repeat-x scroll 0% 0%;
border-color:#CCCCCC rgb(136, 136, 136) rgb(136, 136, 136) rgb(204, 204, 204) !important;
border-style:solid !important;
border-width:1px !important;
font-size:0.8em;
margin:10px 0;
padding:5px;
width:100px;
}


input#submit:hover {
background:#eee url(images/button-bg.gif) repeat-x scroll 0% 0%;
border-color:#AAA #666  #666 #AAA  !important;
}

/* Image Styles
----------------------------------------------------- */
#content_main img.highlight{
	border:5px solid #CD9767;padding:0;
}
#content_main .dfl-gallery img {border-width:1px}
.ngg-gallery-thumbnail {margin:0 5px;}

#content_main img.aligncenter, #content_main div.aligncenter {
text-align:center;
margin:0 auto;
display:block;
}
#content_main img.alignright, #content_main div.alignright {
text-align:center;
margin:0 0 1.2em 1.2em;
float:right
}
#content_main img.alignleft, #content_main div.alignleft {
text-align:center;
margin:0 1.2em 1.2em 0;
float:left;
}
.aligncenter,
.alignright,
.alignleft {background:#fff;border:1px solid #CD9767;padding:4px;}

div.aligncenter,
div.alignright,
div.alignleft {background:transparent;border:none;padding:4px;}

















/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;width:120px;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 5px;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #CD9767;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #ddd;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
line-height:150%;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers, a.next, a.prev, 
				span.page-numbers, span.next, span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover, a.next:hover, a.prev:hover, 
				span.page-numbers:hover, span.next:hover, span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

/* ----------- Slideshow -------------*/
#content_main object.slideshow {
	margin: 1em auto; 
	text-align:center;	
	border:5px solid #CD9767;
	width:320px;display:block;
}

#content_main a.slideshowlink {
	background: transparent url(images/pictures_green_16.gif) no-repeat top left;
	padding-left:20px;
	font-size:1.2em;
	margin-bottom:25px;
	display:block;
	width:12em;
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

#content_main .ngg-left {
	float: left;
	margin: 0 12px 12px 0;
}

#content_main .ngg-right {
	float: right;
	margin:0 0 12px 12px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
}