/*  
Theme Name: alpinesports-santafe.com layout
Theme URI: http://www.alpinesports-santafe.com/
Description: Wordpress layout for www.alpinesports-santafe.com/
Version: 1.0
Author: Santa Fe Web Design
Author URI: http://www.santafewebdesign.com/

*/

body {
  font-family : helvetica, verdana, san-serif;
  margin: 0px;
  padding: 0px;
  background-color : white;
  background-image: url(/images/bg.jpg);
  background-repeat: repeat-x;
  background-position : 45px top;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0px 0px 6px 0px;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#layout {
  width: 1000px;
  margin: 60px auto;
  padding: 0px;
}

#logo {
  float : left;
  width : 291px;
  position : relative;
  margin-bottom : -87px;
  padding-left : 42px;
  z-index: 100;
}

#top_nav {
  font-weight : bold;
}

#top_nav a {
  color : black;
  text-decoration : none;
}

#header_right {
  float : left;
  width : 652px;
  font-size : 11px;
  text-align : right;
  padding-top : 15px;
  padding-right : 15px;
}

#shipping_language {
  color : #ff6600;
  font-size : 12px;
}

#quicksearchform
{
	background-color : #dedbd7;
	border : 1px solid #bab9b7;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;	
	-webkit-border-radius:7px;
	border-radius:7px;
	width : 186px;
	font-size : 9px;
	padding : 5px 8px 7px 0px;
	margin : 13px 0px;
}

#header_textbox
{
	width : 111px;
	font-size : 10px;
	height : 13px;
	border : 1px solid #d3d1cf;
	padding-left : 4px;
}

.searcharrow
{
	position : relative;
	top : 3px;
	margin-right : 3px;
}

#bottom_layout
{
	clear : both;
	background-image : url(/images/fade_bg.png);
	background-repeat : repeat-x;
	background-color : #c0e994;
	padding : 0px 15px;
}

#white_frame {
  background-color : white;
  margin-bottom : 15px;
  padding-bottom : 15px;
}

#white_frame.index {
  padding-bottom: 0px;
}

#main_nav
{
	background-image : url(/images/nav_bg.png);
	background-repeat : no-repeat;
	background-position : right -1px;
	color : #241705;
	font-size : 11px;
	clear : both;
	padding : 11px 8px 10px 0px;
	text-align : right;
	margin-bottom : 50px;
}

#main_nav a
{
	color : #241705;
	text-decoration : none;
}


#content
{
	float : left;
	width : 715px;
	color : #696e74;
	font-size : 12px;
  line-height: 18px;
}

#content h2
{
	color : #538cc6;
	font-size : 20px;
	font-weight : normal;
	background-image : url(/images/dot.png);
	background-repeat : repeat-x;
	background-position : bottom left;
	padding-bottom : 9px;
	margin-bottom : 9px;
}

#content h2 a
{
	color : #538cc6;
	text-decoration : none;
}

#content h2 a:hover
{
	color : #176179;
}

#content a
{
	color : #378cce;
}

#community_nav
{
	position : relative;
	top : -35px;
	text-align : right;
}

.community_post
{
	padding : 10px 0px;
	margin-bottom : 10px;
	border-bottom : 1px solid #c4c4c4;
}

ul.gallery
{
	list-style-type : none;
	margin : 0px;
	padding : 0px;
}

ul.gallery li
{
	float : left;
	margin-right : 10px;
	margin-bottom : 10px;
	border : 1px solid #c4c4c4;
	padding : 5px 5px 0px 5px;
}

.postmetadata	
{
	padding-top : 5px;
}

.dots
{
	background-image : url(/images/dot.png);
	background-repeat : repeat-x;
	background-position : bottom left;
}	

#footer_middle
{
	float : left;
	width : 309px;
}

#feed
{
	background-color : #f4f5f5;
	float : right;
	padding : 10px;
	width : 300px;
	font-size : 12px;
	height : 112px;
}

#feed h2
{
	color : #3a70a3;
	border-bottom : 1px solid #3a70a3;
	font-size : 18px;
}

#feed ul
{
	list-style-type : none;
	margin : 0px;
	padding : 0px;
}

#feed ul li
{
	margin : 0px;
	padding : 0px 0px 10px 0px;
}

#feed ul li a
{
	color : #5a5c5e;
	text-decoration : none;
}

.featured_wrapper {
  position : relative;
  width: 694px;
  height: 391px;
}

.featuredprop {
  position: absolute;
  top: -50px;
  left: 24px;
}

.featured_desc
{
	display : none;
}

/* newsletter */

#newsletter {
  position: relative;
  top: -23px;
  width: 350px;
  font-size: 12px;
  height: 25px;
  margin: -27px 0px 0px auto;
  background-image : url(/images/nav_bg.png);
  background-repeat : no-repeat;
  background-position : right -1px;
  border: 0px solid #ccc;
  line-height: 21px;
  padding: 1px 8px 1px 1px;
  z-index: 100;
}

#newsletter h5 {
  margin: 2px 10px 0px 0px;
  float: right;
  font-size: 13px;
}

#newsletter form {
  float: right;
}

#newsletter .newsletterTextInput {
  border: 1px solid #bbb;
  padding: 2px;
  margin: 2px 5px 0px 0px;
}

#newsletter .success {
  position: absolute;
  top: 25px;
  left: 0px;
  border: 0px;
  background: transparent;
  padding: 2px;
  margin: 0px 0px 5px 0px;
  text-align: center;
  width: 359px;
}

#newsletter .error{
  position: absolute;
  top: 25px;
  left: 0px;
  border: 0px;
  background: transparent;
  padding: 2px;
  margin: 0px 0px 5px 0px;
  text-align: center;
  width: 359px;
}

#newsletter #newsletterLoading {
  background: #E0DDD9;
  border: 0px solid #E0DDD9;
  text-align: center;
  position: absolute;
  top: 2px;
  right: 5px;
}

#newsletter #newsletterLoading img {
  display: inline;
}


.floatme {
  float: left;
}

#sidebar {
  font-family: century gothic, verdana, san-serif;
  float: left;
  width: 250px;
  margin: 0px 0px 0px 2px;
  letter-spacing: 1px;
  padding: 0px 0px 0px 0px;
  min-height: 391px;
}

/* #sidebar.index {
  min-height: 386px !important;
  height: 386px !important;
} */

#sidebar ul {
  list-style: none;
  padding: 0px 0px 0px 7px;
  margin: 0px;
}

/*target just the first ul*/
#sidebar>ul {
  padding: 0px;
}

#sidebar li {
  margin: 2px 0px 8px 0px;
}

#sidebar ul li ul li {
  margin: 2px 0px 2px 6px;
}

/* topmost parent link props */ 
#sidebar ul li a {
  font-size: 15px !important;
  text-decoration: none;
  text-transform: capitalize;
  display: block;
  padding: 0px 10px;
  color: #3392c4;
  font-weight: bold;

  margin-top: 5px;
}
#sidebar ul li a:hover {
  color: #176179; !important;
}

/* first child link props */
#sidebar ul li ul li a {
  color: #345693;
  font-size: 13px !important;
}

/* child child link props */
#sidebar ul li ul li ul li a {
  color: navy;
}

#footer
{
	text-align : center;
	font-size : 11px;
	padding-top : 10px;
	color : #646464;
}

#footer a
{
	color : #646464;
}



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
	}




/* Begin Form Elements */
#searchform {
  margin: 10px auto;
  padding: 5px 3px; 
  text-align: center;
}

#sidebar #searchform #s {
  width: 115px;
  padding: 2px;
}

#sidebar #searchsubmit {
  padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
  text-align:center;
}

select {
  width: 130px;
}

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

#commentform textarea {
  width: 98%;
  padding: 2px;
}

#commentform #submit {
  margin: 0;
  float: right;
}
/* End Form Elements */

.linklove {
  visibility: hidden;
}


.clr {
  clear: both;
}



#rightbar #featuredproduct {
  padding: 0px 0px 0px 0px;
text-align: center;
}

#rightbar #featuredproduct h2 {
  font-size: 14px;
  color: #345693;
  border-bottom: 1px solid #595252;
  padding-bottom: 2px;
  padding-top: 15px;
  text-align: left;
  text-transform: lowercase;
  
}

#rightbar #featuredproduct img {
  border: 2px solid #557f73;
  margin-top: 12px;
}

#rightbar #featuredproduct .post {
  margin: 0px !important;
}

#rightbar #featuredproduct a {
  text-decoration: none;
  color: #5d4a83;
  font-weight: bold;
}


#recentposts h1 {
  font-size: 14px;
  color: #345693;
  border-bottom: 1px solid #595252;
  padding-top: 5px;
  padding-bottom: 2px;
  text-align: left;
  text-transform: lowercase;
  letter-spacing: 1px !important;
}


#recentposts h2 {
  font-size: 12px;
  text-transform: lowercase;
}

#recentposts ul {
  padding-left: 2px;
  list-style: none;
  margin: 0px;
}

#recentposts ul li {
  margin: 0px 0px 4px 0px;
}

#recentposts ul li a {
  text-decoration: none;
  color: #595252;
  font-size: 9px;
  font-weight: bold;
}

#recentposts ul li a:hover {
  color: navy;
}


/* renter form styles */
.rentalform {
  width: 715px !important;
  background: #fff !important;
  font-size: 12px;
  margin-left: 2px;
}

#renters {
  margin-top: 15px;
}

.renter {
  border: 1px solid #ccc;
  padding: 0px 5px;
  width: 275px;
  margin: 10px;
  float: left;
  background: #eee;
}

.renter h5 {
  margin: 0px;
  padding: 0px;
}

.lbl-left {
  float: left;
  width: 75px;
  margin-right : 10px;
}

.lbl-above {
  display: block;
}

#renter_clear {
  clear: both;
}

/* end renter form styles */


.weather_info p {
  border: 1px solid #ccc;
  margin: 0px 15px 5px 15px;
  background: #f5f5f5;
  padding: 2px;
}

#recently_viewed 
{
	border : 1px solid #CFD7D7;
	background-color : #F4F5F5;
	padding : 1px 5px 5px 5px;
	margin : 15px;
}

#recently_viewed h2 {
  font-size: 14px;
  color: #538cc6;
	background-image : url(/images/dot.png);
	background-repeat : repeat-x;
	background-position : bottom left;
	padding-bottom : 4px;
}

#recently_viewed a {
  color: #538CC6;
  font-size: 10px;
  text-decoration: none;
}

#recently_viewed a:hover
{
	color : #176179;
}


	p.linklove {
	display:none;
}

	
	/* cforms */
/* Contact form */

form.cform {
  margin: 25px 20px 10px 0px;
  background: #eee;
  border: 1px solid #555;
  padding: 0px 10px 10px 10px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;	
	-webkit-border-radius:3px;
	border-radius:3px;
}

form.cform fieldset {
	border: 0px solid #e5e5e5;
	padding:5px;
	clear:both;

}
form.cform legend {
  font-size: 1px;
  display: none;
}
form.cform ol.cf-ol {
	margin:0;
	padding:0;
}
form.cform ol.cf-ol li {
	clear:both;
	display:block;
	padding:.5em 0;
	list-style:none;
}
form.cform label {
	float:left;
	display:block;
	width:150px;
}
form.cform ol.cf-ol li input,
form.cform ol.cf-ol li textarea,
form.cform ol.cf-ol li select {
	float:left;
}
form.cform .cf-box-title {
	font-weight:bold;
}
form.cform li.cf-box-group label {
	width:150px;
	float:left;
}
form.cform li.cf-box-group input.cf-box-b {
	margin:0 0.3em 0 0;
}
form.cform li.cf-box-group br {
	clear:both;
	margin:0 0 0.4em 0;
}
form.cform span.reqtxt,
form.cform span.emailreqtxt {
  float:left;
  margin:5px 0 0 .5em;
  font-size:11px;
  color: red;
}
form.cform p.cf-sb {
	clear:both;
	margin:0.5em 0 0 0;
	padding:0.5em 0 0 8px;
}
form.cform .cf_hidden {
	display:none;
}

form.cform .required {
	color:#ff0000;
}

form.cform label {
	font-size:12px;
	color:#666;
}
.inputbox,
input.single,
select.cformselect,
textarea.area {
	padding:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;	
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#fff;
	border:1px solid #d5d5d5;
	color:#666;
}
select.cformselect {
	font:11px/15px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}
input.inputbox,
input.single {
	height:14px;	
	font:11px/15px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}
textarea.inputbox,
textarea.area {
	width:98%;
	font:12px/15px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
}


textarea.area {
  width: 70%;
  height: 75px;
}

.cf_hidden {
  display: none !important;
}

form.cform .button,
form.cform .sendbutton {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size:10px;
	cursor:pointer;
	height:25px;
	padding:0 4px;
	-moz-border-radius:7px;
	-khtml-border-radius:7px;	
	-webkit-border-radius:7px;
	border-radius:7px;
	border-width:1px !important;
	border-style:solid !important;
	text-decoration:none;
	color:#fff;
	background:#8CA8CF;
	border-color:#8CA8CF;
	width:auto;
}
form.cform .button:hover,
form.cform .sendbutton:hover {
	background-color:#DFEDFF;
	color:#333;
}

#members-page {
  padding: 7px 15px;
}