/*
Theme Name: Silver Spur
Theme URI: http://wordpress.org/
Description: A custom theme for Silver Spur Lodge and Outfitters, Inc.
Version: 1.0
Author: Claire Williams
Author URI: http://claireity.net/
Tags: mountains, idaho, outdoors, nature, blue, transparent

	Silver Spur 1.0
	 http://claireity.net

	This theme was designed and built by Claire Williams
	for Silver Spur Lodge.  It features nature inspired colors
	and	a background image rotator based on time of day.
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
body {
	font-family: Georgia, Times New Roman, serif;
	background: repeat fixed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height: 100%;
background-position:top center;
}
img{max-width:100%;}
.clr{clear:both;}
a{outline:none;}
#container {
	max-width:980px;width: 100%;  /* this will create a container 80% of the browser width */
	background: transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 30px;
	margin-bottom: 15px;
	text-align: left;
	height: 100%;
	position: relative;
}

#contentwrap {
	width: 100%;
	background: transparent;
	position: relative;
	/*height: 90%;*/
	top: 0px;
	left: 0px;
	padding-bottom: 0px;
	}

#headerwrap {
	position: relative;
	width: 100%;
	z-index: 200;
	}

#bodywrap {clear:both;
	padding: 0 0 30px 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: transparent;
	position: relative;
	top: 0px;
	width: 100%;
	height: auto;
	overflow: visible;
	z-index: 1;
 }

#bodyleft {
	position: relative;
	top: 11px;
	left: 0px;
	float: left;
	background: transparent;
	width: 64%;
	padding-top: 20px;
	padding-bottom: 40px;
	}

.contenttop {
	width: 100%;
	position: relative;
}
.contentmid { border: 1px solid #ccc;
    border-radius: 15px 15px 0 0;
	width: 100%;
	background: transparent url(/wp-content/uploads/2016/01/header-mid.png) repeat;
	margin-bottom: 25px;
	margin: auto;
}
.contentbottom {}

#headerleft {}
#headermid {border: 1px solid #ccc;float:left;
    border-radius: 15px 15px 0 0;
	background: transparent url(/wp-content/uploads/2016/01/header-mid.png) repeat;
	margin: auto;
	width: 100%;
}
#headerright {}

#searchbox {
    position: relative;
	width: 212px;
	height: 24px;
	top: 8px;
	left: 15px;
	background: transparent url(img/search.png) no-repeat;
}

#searchfield {
	font-family: Georgia, Times New Roman, serif;
	font-size: 8pt;
	color: darkBlue;
	background: transparent;
	border: none;
	margin-left: 5px;
}
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline;
	}
#contenttext {
	position: relative;
	float:left;
	background: transparent;
	height: auto;width:96%;
	padding: 10px 2%;
	}

#logo {background: url("/wp-content/uploads/2016/01/logo.png") no-repeat scroll right 15px transparent;}
#headernav{position: relative; margin-top: 80px;text-align:right;}
#headernav .mobile-menu{display:none;border: 1px solid #fff;cursor:pointer; border-radius: 4px; color: #fff; margin: 0 4px 5px 0; padding: 3px 6px;}
#headernav .mobile-menu:hover{color:#699860;background:#fff;}
#sidebarwrap {
	position: relative;
	top: 0px;
	right: 5px;
	float: right;
	background: transparent;
	width: 32%;
	padding-top: 20px;
	
}

.pcontent {
	font-family:Georgia, Times New Roman, serif;
	color: #666666;
	font-weight: normal;
	font-size: 12pt;
	margin-right: 3px;
	}

#footerwrap {
	position: relative;
	background: transparent url(/wp-content/uploads/2016/01/header-mid.png) repeat;
	width: 100%; border: 1px solid #ccc;
    border-radius: 0 0 15px 15px;
}

.footermenu {
	color: #8dcff4;
	text-decoration: none;
	font-size: 9pt;
	text-align: center;
}

.brown {
	color: brown;
}

#copyright {
	text-align: center;
}

#treenav {
	float:right;
height:388px;
position:absolute;
right:0;
top:-13px;
width:606px;
z-index:0;
}

	/* Sidebars */

#sidebar {
	float: right;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	display: inline-block;
	}
#sidebar .widget {
background:url(/wp-content/uploads/2016/01/header-mid.png) repeat transparent;
float:left;
margin:10px 0 10px;
width:100%;
 border: 1px solid #ccc;
    border-radius: 15px 15px 0 0;
}
	
#sidebar h2 {
	background: #042646;
	color: #e6e6e6;
	font-size: 16pt;
	font-weight: normal;
	text-align: center;
	font-family: Georgia, Times New Roman, serif;
	margin: 0px ;
	padding: 0px;
	height:38px;
	line-height: 24pt;
	position: relative;
	top: 0;border-radius:15px 15px 0 0;
	}
	
#sidebar p {
	margin: 0px;
	padding: 0px 0px 0px 45px;
	}
	
#sidebar a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
#sidebar ul li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

#sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li li {
	background: transparent url(img/ulist.png) no-repeat top left;
	padding: 0px 0px 5px 30px;
	margin: 5px;
	}
	
#sidebar ul li ul li {
	background: transparent url(img/ulist.png) no-repeat top left;
	padding: 0px 0px 5px 30px;
	margin: 5px;
	color: #e6e6e6;
	}
/*header nav*/
ul#navigation-1
	{ margin:0; padding:1px 0; list-style:none;  height:28px; font:normal 9pt Georgia, Times New Roman, serif; }
ul#navigation-1 li
	{ margin:0; padding:0; display:block; float:left; position:relative; width:auto; background: none repeat scroll 0 0 #042646;}
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
	{ padding:7px 12px; display:block; text-align:center; text-decoration:none; background:transparent; color:#ffffff;  border-right: 1px solid #FFFFFF;}
ul#navigation-1 li a.last{border:0px solid #fff;}
ul#navigation-1 li:hover a,
ul#navigation-1 li a:hover,
ul#navigation-1 li a:active
	{  text-decoration:none; color:#699860; }
	
ul#navigation-1 li ul.navigation-2
	{ margin:0; padding:9px 1px 0; list-style:none; display:none; background:none; width:auto; position:absolute; top:21px; left:-1px; border-top:none; }
ul#navigation-1 li:hover ul.navigation-2
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li
	{ clear:left; width:auto; }

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
	{ clear:left; background: transparent; color: #FFFFFF; width:180px; border-right:none; border-bottom:1px solid #ffffff; position:relative; z-index:20004; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:active,
ul#navigation-1 li ul.navigation-2 li a:hover
	{  color: #699860;}

ul#navigation-1 li ul.navigation-2 li ul.navigation-3
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:179px; top:-1px; padding:1px 1px 0 1px; border:none; background: transparent; z-index:20002; }
ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3
	{ display:block; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited
	{ background:transparent; color: #FFFFFF; }
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active
	{ background:transparent; color: #699860; z-index: 20001;}
ul#navigation-1 li ul.navigation-2 li a span
	{ position:absolute; top:0; left:166px; font-size:12pt; color:#ffffff; }
ul#navigation-1 li ul.navigation-2 li:hover a span,
ul#navigation-1 li ul.navigation-2 li a:hover span
	{ position:absolute; top:0; left:166px; font-size:12pt; color:#699860; }
/*end header nav */
	
.widgetarea {
	background: transparent;
	float: left;width:100%;
	margin: 0px 0px 10px 0px;
	}

/* Main menu */
ul.page {list-style:none; margin:0 0 20px; width:140px;}
ul.page li {display:inline; line-height:1.4em; width:140px;}
ul.page li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
ul.page li a:hover, ul.page li.current_page_item a {background-color:#eaeaea; border-left:4px solid #286ea0; color:#505050;}
ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
ul.page ul ul {width:113px;}
ul.page ul ul a {width:100px;}

#browsephotos {clear: both; display: block; padding: 2px 4px;}

#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}
#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#505050; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:4px solid #286ea0; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#555;}
blockquote {background-color:#e9edfc; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#8dcff4; font-style: italic;}
label {background-color:inherit; color:#8dcff4; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:4px solid #57b0d6;}
#s,#submit {background-color:#ffffff; border:1px solid #57b0d6; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px; font: inherit;}
#author,#email,#url,#comment {border:1px solid #57b0d6; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* WP image align classes */
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}

/* Various classes */
.left {border:1px solid #57b0d6; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #57b0d6; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #57b0d6; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0 0 25px;}
.breadcrumb {
	float: left;
	width: 100%;
	font-size: 11px;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	}
.postinfo {background: transparent; border-left:4px solid #e6e6e6; color:#57B0D6; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 30px; padding:8px 5px 8px 8px; display:none !important;}
.comment {background: transparent; border-left:4px solid #57b0d6; color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}
.dateleft {width: 50%; float:left}
.dateright {width:50%; float: right}
.date p {color: #8dcff4; font-size: 10pt;}
.date {color: #8dcff4; font-size: 10pt;}
.tags a:link {color: #8dcff4; background: transparent url(img/ulist.png) no-repeat; padding: 0 0 0 30px;}
.tags a:visited {color: #8dcff4; background: transparent url(img/ulist.png) no-repeat; padding: 0 0 0 30px;}
.posttext {margin: 20px 0px;}
.date a:link {color: #8dcff4;}
.date a:visited {color: #8dcff4;}
a {border:none; color: inherit; text-decoration: none;}
p a:link {border:none; color: #8DCFF4; text-decoration: none;}
p a:visited {border:none; color: #8DCFF4; text-decoration: none;}
h1 a:link {border:none; color: #e6e6e6; text-decoration: none;}
h1 a:visited {border:none; color: #e6e6e6; text-decoration: none;}
h2 a:link {border:none; color: #699860; text-decoration: none;}
h2 a:visited {border:none; color: #699860; text-decoration: none;}
li a:link {border:none; color: #8dcff4; text-decoration: none;}
li a:visited {border:none; color: #8dcff4; text-decoration: none;}
.postinfo a:link {color:#57B0D6;}
.postinfo a:visited {border:none; color:#57B0D6; text-decoration: none;}
.footermenu a:link {color: #8dcff4; display: inline-block;    padding: 3px;}
.footermenu a:visited {color: #8dcff4}
#footerlinks {position: relative; top: 5px; margin: 5px;}
a:hover {border: none; color: inherit; text-decoration: underline;}
h1 a:hover {border: none; color: #e6e6e6; text-decoration: underline;}
li a:hover {border: none; color: #8dcff4; text-decoration: underline;}
h2 a:hover {border:none; color: #699860; text-decoration: underline;}
p a:hover {border: none; color: #8DCFF4; text-decoration: underline;}
.postinfo a:hover {border: none; color:#57B0D6; text-decoration: underline;}
.footermenu a:hover {color: #fff; text-decoration: underline; }
.date a:hover {color: #8dcff4; text-decoration: underline;}
.tags a:hover {color: #8dcff4; background: transparent url(img/ulist.png) no-repeat; padding: 0 0 0 30px; text-decoration: underline;}
a:visited {color: inherit;}
a:active {color:inherit;}
img {border:none}
a:img {border:none}
p {color: #e6e6e6;}
h1 {
color: #e6e6e6;
font-weight:normal;
margin:0;
}
h2 {
color:#699860;
font-weight:normal;
margin:0;
}
h3 {
color: #8dcff4;
font-weight:normal;
margin:0;
}
div.hr {
background: transparent url(img/hr.png) no-repeat top center;
height: 72px;
}
div.hr hr {display: none}

b {color: #e6e6e6}

ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
	
ul li {
	list-style-type: none;
	background: transparent url(img/ulist.png) no-repeat top left;
	padding: 0px 0px 5px 30px;
	margin: 5px;
	color: #e6e6e6;
	}

ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
ul li li {
	background: transparent url(img/ulist.png) no-repeat top left;
	padding: 0px 0px 5px 30px;
	margin: 5px;
	color: #e6e6e6;
	}
	
ul li ul li {
	background: transparent url(img/ulist.png) no-repeat top left;
	padding: 0px 0px 5px 30px;
	margin: 5px;
	color:#e6e6e6;
	}

/************************************************
*	Comments									*
************************************************/
	
#commentblock {	width: 560px;float: left;padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;display:none !important;}
#commentblock p {padding: 0px 20px 10px 0px;margin: 0px 0px 0px 0px;}
.commentleft {width: 560px;float: left;	padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
#commentblock ol {margin: 0px 5px 0px 20px;padding: 0px 0px 10px 0px;}
#commentblock ol li {list-style: square;margin: 0px;padding: 0px;}
.commentdate {font-size: 12px;padding-left: 0px;}
#commentlist li p {margin-bottom: 8px;line-height: 20px;padding: 0px;}
.commentname {color: #333333;margin: 0px;padding: 5px 5px 5px 0px;}
.commentinfo{clear: both;}
.archive {float: left;width: 275px;margin: 0px;	padding: 0px 0px 20px 0px;}
td {color: #E6E6E6;}

/********************
****** media tag *****
********************/
@media all and (max-width: 768px) {
 #container{width:98%;padding:0 1%;}
}
@media all and (max-width: 767px) {
#container{width:98%;padding:0 1%;}
#contenttext {width:94%;padding: 10px 3%;}
}
@media all and (max-width: 639px) {
#headernav > ul {display:none;}
#headernav .mobile-menu{display:inline-block;}
ul#navigation-1 li{width:100%;}
ul#navigation-1 li ul.navigation-2{position:relative;display:block;left:0px;top:0px;padding-top:2px;margin-left:20px;}
ul#navigation-1 li a:link, ul#navigation-1 li a:visited{text-align:left;border-right:0px solid;border-bottom:1px solid #fff;}
ul#navigation-1 li:hover a, ul#navigation-1 li a:hover, ul#navigation-1 li a:active{text-align:left;}
ul#navigation-1 li ul.navigation-2 li ul.navigation-3{position:relative;display:block;left:25px;top:0px;}
ul#navigation-1 li ul.navigation-2 li a span{display:none;}


 #bodyleft{width:100%;}
#sidebarwrap{width:100%;right:0;clear:both;}
}