/*
Site: Crested Butte Mountain Bike Association - Crested Butte, CO
Author: Christian Ross (http://twitter.com/christianross)
Author URI: http://www.thinairweb.com  
Mar 31, 2011 
*/


/* ---- 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; }
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; }
/* */ 
.image { display: block; font-size: 0; text-indent: -9999px; outline: none; }
td { vertical-align:top; }


/*  CBMBA - CSS  */
/* text */

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('../fonts/League_Gothic-webfont.eot');
    src: url('../fonts/League_Gothic-webfont.eot?iefix') format('eot'),
         url('../fonts/League_Gothic-webfont.woff') format('woff'),
         url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../fonts/League_Gothic-webfont.svg#webfont1Lb5Pdit') format('svg');
    font-weight: normal;
    font-style: normal;
}

p 				{ padding:0; margin:0 0 20px 0; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; }
.completesite 	{ font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; }

h1, h2, h3, h4, h5, h1.completesite, h2.completesite { color:#FFF; font-weight:bold; }
h1, h1.completesite { margin: 0 0 10px 0; font-size: 26px; line-height:32px; }
h2, h2.completesite { margin: 0 0 10px 0; font-size: 22px; line-height:28px; }
h3 { margin: 0; font-size: 18px; line-height:24px; }
h4 { margin: 0; font-size: 14px; line-height:20px; }
h5 { margin: 0; font-size: 12px; line-height:18px; }

#sidebar .completesite { color:#B2BDC5; }

/*  Layout  */

body {
	margin: 0;
	background:#002041;
	font: 16px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFF; text-align:left;
}

#container	{ width:960px; margin:35px auto; }
#header		{ position:relative; }
  #logo		{ text-align:center; z-index:88; position:relative; }
  #slideshow{ position:relative; z-index:1; margin:-80px auto 0; width:940px; height:340px; }
  #mountain	{ background:url(../images/mountain-logo.png) 0 0 no-repeat; height:262px; margin-top:-247px; position:relative; z-index:99; }
  #nav		{ background:url(../images/content-top.png) 0 0 no-repeat; height:44px; padding:20px; }
#content	{ background:url(../images/content-repeat.png) 0 0 repeat-y; padding:0px 0px 20px; }
  #main		{  }
  #sidebar	{ margin-top:20px; }
    #sidebar p { color:#B2BDC5; line-height:18px; font-size:13px; }
#content-bottom { background:url(../images/content-bottom.png) 0 0 no-repeat; height:15px; }
#footer 	{ width:940px; margin:0 auto; text-align:center; padding:30px 0; font-size:12px; line-height:16px; color:#FFF; }
  #sponsors	{ border-bottom:3px double #5676A4; padding:30px 0; }
  #footer-content { padding-top:30px; }
  #footer p	{ font-size:12px; line-height:16px; color:#FFF; }
  
/* wide pages */
#navWide { background-color:#B1BDC7; height: 44px; padding: 20px; }
#wideContent { background: #B1BDC7; padding: 0 0 20px; clear: both; padding: 20px 0; }
#content-bottom-wide { background:url(../images/content-bottom-wide.png) 0 0 no-repeat; height: 15px; }

  
/*  links  */

a { white-space:normal; }

a:link, a:visited, a:active, a:hover { color: #001F3F; font-weight: bold; text-decoration: none; } 
a:hover   { color: #334D71; text-decoration:underline; }

a.mainNav:link,	a.mainNav:active, a.mainNav:visited, a.mainNav:hover {
	color:#334E71;
	padding:0 12px 0 0;
	text-transform:uppercase;
	font: 26px/32px 'LeagueGothicRegular', Arial, sans-serif;letter-spacing: 0;
	}
	
a.mainNav:hover   { color:#001F3F; text-decoration:none; }

#sidebar a:link, #sidebar a:visited, #sidebar a:active, #sidebar a:hover {
	font-size:13px; line-height:18px;
}
#sidebar a:hover {
	color:#FFF;
}


a.footerNav:link, a.footerNav:active, a.footerNav:visited, a.footerNav:hover {
	text-decoration:none;
	font-size:12px;
	padding:0 0 0 12px;
	color:#0060C6;
}
a.footerNav:hover {
	color:#FFF;
}


/* Lists */

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

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


/* form elements */

input[type="text"], textarea {
	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	border-radius:3px !important;
	border:1px solid #DDD !important;
	padding:5px !important;
}

input[type="text"]:focus, textarea:focus { background-color:#EEE !important; padding:5px !important; border-color:#BBB !important; }

input [type="image"] { border:none; }


/* random */

.center	{ text-align:center; }
.space	{ padding:0 4px; }
.pipe	{ padding:0 10px; color:#666; }