/*
Author: Christian Ross (@christianross)
Author URI: http://www.thinairweb.com
Site: Visit Crested Butte
*/


/* ---- Reset CSS ---- */
html, body, img { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }

html { overflow-x: auto; overflow-y: auto; }

body { line-height: 1; text-align: left; }
p { margin:0; padding:0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }
strong { font-weight: bold; }
.clear:after { content: "."; display: block; height: 0;	font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
.clear { display: block; }


/*  VCB - CSS  */
p { padding:0; margin:0 0 20px 0; font-family:'proxima-nova', 'Proxima Nova', sans-serif; font-size:100%; color:#373737; line-height:1.6em; }
.completesite { font-family:'proxima-nova', 'Proxima Nova', sans-serif; font-size:100%; color:#373737; line-height:1.6em; }

h1, h2, h3, h4, h1.completesite, h2.completesite { color:#000; font-weight:600; font-family:'proxima-nova', 'Proxima Nova', sans-serif; }
h1, h1.completesite { margin: 0 0 .1em 0; font-size: 1.8em; line-height:1.4em; color: #36260D; }
h2, h2.completesite { margin: 0 0 .1em 0; font-size: 1.4em; line-height:1.9em; color: #855B1F; }
h3 { margin: 0; font-size: 20px; line-height:26px; }
h4 { margin: 0; font-size: 18px; line-height:24px; }

#admin p { font-size: 14px; }

/*  Layout  */
body { margin: 0px; font-family:'proxima-nova', 'Proxima Nova', sans-serif; font-size:100%; color:#373737 !important; line-height:1.6em; background-color: #FFF !important;}

#wrap		{ width: 100%; margin: 0px auto; position: relative; min-width: 1080px; }

.container	{ width: 940px; margin: 0 auto; }

#header		{ position: fixed; background: url(../images/crestedbutte/index/top-angled-bluebar.png) 50% 0 no-repeat; height: 260px; width: 100%; z-index: 99; top: -75px; }
  #logo		{ float: left; width: 519px; margin-top: 120px; }
  #social	{ float: right; width: 120px; margin-top: 117px; }
  #search	{ float: right; width: 200px; margin-top: 100px; }

#slideshow	{ margin: 0 auto; min-height: 660px; position: relative; z-index: 2; width: 100%; max-height: 700px; overflow: hidden; }
  #banner img { position: absolute; top: 0; left: 0; min-height: 440px; min-width: 100%; }

#middleBlue	{ background: url(../images/crestedbutte/index/middle-angle-bluebar.png) 50% 0 no-repeat; position: relative; top: -150px; z-index: 5; height: 328px; color: #FFF; }
  #teaser	{ font-weight: 600; width: 460px; float:left; }
    #teaser p { color: #FFF; }
  #weather	{ float: left; width: 190px; margin-left: 30px; padding-top: 8px; }
    #weather-temp { font-size: 86px; font-weight: 700; text-align: right; padding-bottom: 25px; }
    #weather-desc { font-size: 20px; text-align: right; font-weight: 700; }
  #skitease { float: right; width: 300px; margin-top: -30px; }
    #skitease td { vertical-align: top; line-height: 1.2em; }
    span.conditions { line-height: 1.1em; font-size: 14px; display: block; font-weight: 600; margin-top: 2px; }

.content	{ position:relative;top:-140px; }
article		{ float: left; width: 570px; }
aside		{ float: right; width: 120px; }
  #skismall	{ position: absolute; left: 650px; }
    #skismall table { line-height: 1.3em; font-size:.93em; }
  #share	{ float: right; width: 120px; position: absolute; }
  

#adBar		{ margin-top: 30px; }
  #adBar ul { list-style: none; margin: 0 0 10px; padding: 0; }
  #adBar li { display: inline-block; margin: 0; padding: 0 15px 0 0; }
  #adBar li:last-child { padding-right: 0; }

#icons		{ margin-top: 60px; }
  #icons ul	{ list-style: none; padding: 0; margin: 0; }
    .iconsLeft { float: left; width:385px; margin-left: 10px; }
    .iconsRight{ float: right; width: 385px; }
  #icons li	{ margin: 0; padding: 0 0 30px; min-height: 80px; max-height: 90px; }
    #icons li img	{ float: left; text-align: left; width: 69px; margin-right: 10px; vertical-align: top; }
    #icons li h3 	{ font-weight: 700; font-size: 24px; }
    #icons li p		{ font-size: 16px; }
  
#admin		{ margin-top: 50px; }
  #login	{ float: left; width: 204px; margin-right: 40px; background-color: #2270AD; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px 18px 30px; color: #FFF; height: 175px; }
    #login p { font-size: 14px; font-weight: 700; color: #FFF; padding: 0; margin: 0; }
  #signup	{ float: left; width: 190px; background-color: #CCCCCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 25px; height: 175px; }
  #about	{ float: right; width: 330px; background-color: #EEEEEE; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 25px; height: 175px; }


#footer		{ border-bottom: 23px solid #2270AD; position: relative; margin-top: -50px; }
  #mountain	{ background: url(../images/crestedbutte/index/ski-bike-hike-crested-butte.png) 0 0 no-repeat; width: 400px; height: 50px; position: relative; margin-bottom: -23px; font-size: 14px; padding: 60px 0 0 282px; }
    #mountain a { text-transform: none; display: inline-block; padding: 0 6px; }


/*  links  */
a { white-space:normal; }

a:link, a:visited, a:active, a:hover { color: #0C275A; font-weight: 600; text-decoration:none; } 
a:hover   { color: #2270AD; text-decoration:underline; }

#icons h3 a { font-weight: 700; font-size: 24px; text-decoration: none; color: #373737; }
 
#login a { color: #EEE; font-weight: 700; padding-left: 8px; display: inline-block; margin-top: 3px; }
  #login a:hover { color: #FFF; } 


a.facebook 				{ display: block; height: 20px; width: 10px; background: url(../images/crestedbutte/index/vcb-socialmedia-sprite.png) -25px 0 no-repeat; text-indent: -9213px; }
a.facebook:hover 	{ background-position: -25px -20px; }

a.twitter 				{ display: block; height: 20px; width: 20px; background: url(../images/crestedbutte/index/vcb-socialmedia-sprite.png) 0 0 no-repeat; text-indent: -9213px; }
a.twitter:hover 	{ background-position: 0 -20px; }

a.pinterest 			{ display: block; height: 20px; width: 16px; background: url(../images/crestedbutte/index/vcb-socialmedia-sprite.png) -40px 0 no-repeat; text-indent: -9213px; }
a.pinterest:hover { background-position: -40px -20px; }

a.instagram 			{ display: block; height: 20px; width: 19px; background: url(../images/crestedbutte/index/vcb-socialmedia-sprite.png) -61px 0 no-repeat; text-indent: -9213px; }
a.instagram:hover { background-position: -61px -20px; }
 

/* Lists */
ul { padding:0; margin:0; }
li { padding:0; margin:0 0 0 20px; border:0; }

#footer ul { list-style:none; }
#footer li { display:inline-block; padding:0 6px; margin:0; }

#social ul { padding:0; margin:0; list-style: none; }
#social li { padding:0; margin:0 0 0 6px; display: inline-block; }


/* form elements */
input, textarea {
	background: #fafafa; 
	border: none !important; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
	padding: 7px 5px; 
	width: 95%; 
	box-shadow: 0px 1px 2px #CCC inset;
	margin: 10px auto;
	display: block;
	text-align: center;
	font-size: 15px;
}
input:focus, textarea:focus { background-color: #FFF !important; }

form input[type='submit'] {
	background: none repeat scroll 0 0 #0C285B !important;
	color: #FFF !important;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	box-shadow: none !important;
	font-size: 14px !important;		
	padding:10px 5px;
	text-align:center; 
	width:100%;
	font-family: 'proxima-nova', sans-serif;
	margin-top: 15px;
}
	
form input[type='submit']:hover { opacity: .9 !important; }

#search input { text-align: left; background: #FFF url(../images/crestedbutte/index/search-icon.png) 6px 6px no-repeat; padding-left: 30px; }


/* Extras */
#about a, #signup a { font-size: 600px; font-size: 14px; color: #FFF; text-decoration: none; text-transform: uppercase; padding: 4px 14px; text-align: center; }
#signup a { font-size: 13px; }

a.btnRounded { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; }
  a.btnRounded:hover { opacity: .9; }
a.btnPill	{ -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; display: inline-block; }
  a.btnPill:hover { opacity: .9; }

.orange		{ background-color: #F58532; }
.darkblue	{ background-color: #0C285B; }
.lightblue	{ background-color: #2270AD; }

a.btnFullReport { padding: 5px 0 9px; color: #FFF; text-align: center; height: 20px; width: 200px; margin: 10px 5px; text-transform: uppercase; font-size: 14px; font-weight: 600; }
a.btnFullReport:hover { color: #FFF; text-decoration: none; }
  a.btnFullReport span { display: inline-block; vertical-align: top; padding-left: 20px; }


.readmore	{ padding: 2px !important; text-transform: none !important; color: #2070AC !important; }

.personal	{
	-webkit-border-top-right-radius: 0px !important;
	-webkit-border-bottom-right-radius: 0px !important;
	-moz-border-radius-topright: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}
.business	{
	line-height: 1.5em;
}


#pricing, 
#pricing div, 
#pricing p,
#pricing li {
	font-size: 16px;
	line-height: 1.2em;
}
	#pricing-header { background: #0F225C; height: 240px; position: relative; margin-bottom: -75px; top: -75px; }
	#pricing-header > img { width: 608px; height: 96px; margin: 0px auto 0; display: block; position: relative; top: 62px; }
	#pricing-header h1 { color: #fff; position: absolute; top: 200px; left: 50%; font-size: 36px }
	#pricing .content { padding: 70px 35px 35px; top: auto; }
	.content .note { margin: 40px auto; width: 60%; }
	
	#pricing a:link, #pricing a:active, #pricing a:visited {
		text-decoration: none;
		color: #000;
		font-weight: bold;
	}
	#pricing a:hover {
		color: #546886;
		text-decoration: underline;
	}
	
	#accolades { border-bottom: 1px solid #ccc; }
	#accolades .left, #accolades .right { width: 50%; float: left; }
	#accolades ul { list-style: none; margin: 0; padding: 10px; }
	#accolades li { border-left: 4px solid #ccc; padding: 5px 10px; margin-bottom: 30px; line-height: 22px; }
	.seeCurrentRates { text-align: center; width: 100%; display: inline-block; color: #666; }
	.seeCurrentRates:after, .seeCurrentRates:before {
	    color: #ccc;
	    content: "\2228";
	    display: inline-block;
	    font-size: 13px;
	    margin: 0 9px 7px;
	    position: relative;
	    -webkit-transform:scale(2.0, 0.6);
		-moz-transform:scale(2.0, 0.6);
		-ms-transform:scale(2.0, 0.6);
		-o-transform:scale(2.0, 0.6);
		transform: scale(2.0, 0.6);
	}
	
	#sections {  }
	#sections ul { list-style: none; padding: 0; }
	#sections li { float: left; width: 30%; background-color: #F4F4F4; color: #666; border-radius: 3px; margin: 20px 0; }
	#sections li:nth-child(3n+1) { clear: both; }
	#sections li:nth-child(3n+2) { margin-left: 5%; margin-right: 5%; }
	#sections .title { text-align: center; width: 100%; display: inline-block; font-size: 22px; }
	#sections .text { padding: 15px; }
	#sections .seperator { background-color: #fff; height: 1px; width: 100%; margin: 10px 0;}
	.limited { display: block; font-style: italic; font-size: 13px }
	
	#sections .icon { background: url(../images/vcb/icon-sprite.png) no-repeat; width: 70px; height: 70px; margin: 15px auto; }
	#sections .vcb .icon { background-position: 0 0; }
	#sections .blog .icon { background-position: -97px 0; }
	#sections .pages .icon { background-position: -188.5px 0; }
	#sections .bus-listing .icon { background-position: 0 -76px; }
	#sections .rental-listing .icon { background-position: -97px -76px; }
	#sections .real-estate-listing .icon { background-position: -188.5px -76px; }
	#sections .promoted .icon { background-position: 0 -161px; }
	#sections .rest-listing .icon { background-position: -97px -161px; }
	#sections .contact	{ background-color: #2270AD; color: #fff; }
	#sections .contact p	{ color: #fff; }
	#sections .contact a { background-color: #fff; width: 90%; display: block; text-align: center;padding: 15px 0; border-radius: 30px; text-transform: uppercase;color: #2270AD;text-decoration: none;font-weight: bold;margin: 40px auto 0;max-width: 250px; }
	#sections .price	{ font-weight: bold; }
	#sections .price span { font-weight: normal; }


@media screen and (max-width: 768px) {  }
@media screen and (max-width: 520px) {  }
@media screen and (min-width: 960px) {  }