* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -0px; /* the bottom margin is the negative value of the footer's height */
	width: 900px;
}
.content {
	top: 0;
	left: 0;
}
.footer, .push {
	height: 0px; /* .push must be the same height as .footer */
}	
.footer, .push {
	clear: both;
}
html {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #E0E0E0 url(http://dl.dropbox.com/u/3026851/BackCountryOutfitters/img/assets/BCO_bgA0A0A0.png) repeat fixed 0 0;
}
body {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	color: #505050;
	background: transparent repeat scroll 0 0;
	font: normal 62.5%/1.5 Helvetica, Arial, sans-serif;
	letter-spacing: -.05em;
	margin: auto;
	padding: 0;
	width: 900px;
}
img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
p {
	margin: .75em 0 .75em 0;
}
a {
	color: #5C8127; /*dark green*/
	text-decoration:none;
}
a:hover {
	color: #5C8127; /*dark green*/
	text-decoration: underline;
	}
a:focus, a:active {
	color: #5C8127; /*dark green*/
	text-decoration: underline;
}

blockquote {
	color: #505050;
	font: italic bold 1em/1.5 Helvetica, Arial, sans-serif;
	padding: 8px 18px 8px 18px;
	margin: 8px 0 8px 0;
	border-left: 2px solid #CFCFCF;
	width: 464px;	
}
blockquote.motto {
	color: #505050;
	font: italic bold 1.4em/1.5 Georgia, 'Times New Roman', Times, serif;
	padding: 36px 0 8px 0;
	border-left: none;
	width: 464px;	
}
h1 {
	color:#303030;
	font: normal 4.8em/1 helvetica, arial, sans-serif;
}
h2 {
	color:#505050;
	font: normal 2.8em/1 helvetica, arial, sans-serif;
	letter-spacing: -.05em;
}
h3 {
	color:#303030;
	font: normal 2.2em/1 helvetica, arial, sans-serif;
}
h4 {
	color: #505050;
	font: italic normal 4.8em/1.5 Georgia, 'Times New Roman', Times, serif;
}
h4.grey {
	color:#505050;
	font: italic normal 1.4em/1.5 Georgia, 'Times New Roman', Times, serif;
}
h5 {
	color:#000000;
	font: normal bold 1.8em/1 helvetica, arial, sans-serif;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
	font-weight:bold;
}
ul, ol, li {
	list-style-type: none; 
	list-style: none;
}

hr {
	background: #505050;
	color:  #505050;
	height: 1px;
}

#navigation {
	position: fixed;
	float: left;
	z-index: 110;	
	width: 900px;
	font: italic 1.4em/1.5 Georgia, 'Times New Roman', Times, serif;	
	color: #D0D0D0;
	background: #101010;
	opacity: .85;
	filter: alpha(85); 
}


#news {
	float: left;
	width: 500px;
	background: none;	
}
#news #title {
	float: left;	
	padding: 6px 9px 6px 18px; 
	font-weight: bold;
}
#news #ticker {
	float: left;
	width: 400px;
	overflow: hidden;
	padding: 6px 6px 6px 0; 	
}

#nav {
	float: right;
}
#nav li {
	float: left;
}
#nav a {
	float: left;
	color: #B1DA67; /*light green*/		
	padding: 6px 18px 6px 0px;	
}
#nav a:hover {
	color: #B1DA67; /*light green*/
}
#nav a:focus, #nav a:active, {
	color: #B1DA67; /*light green*/
}

#header {
	clear: both;
	float: left;
	width: 900px;
	padding: 54px 0 0 0;
		
}
#logo {
	float: left;
	width: 700px;
	letter-spacing: -.1em;
	padding: 0 0 0 0;
}
#logo a {
	color: #000000; 
	text-decoration: none; 
	border: none;
}
#logo a:hover {
	text-decoration: none;
}
#logo img {
	float: left; 
	padding: 0 15px 0 3px;
}
#logo li#bc {
	margin-top: 40px;
}
#logo li#sub {
 	margin-top: 0;
}


#social {
	float: right; 
	padding: 88px 0px 8px 0;
}
#social li {
	float: left; 
}
#social li#globeman {
	margin: -54px 0 0 0;
}
#social li#facebook a {
	display: block;
	background: transparent url("http://dl.dropbox.com/u/3026851/BackCountryOutfitters/img/assets/facebook-18x36.png") no-repeat scroll 0 0;
	height: 18px;
	width: 18px;
}
#social li#facebook a:hover {
	background-position: -18px 50%;
	height: 18px;
}
#social li#twitter a {
	display: block;
	background: transparent url("http://dl.dropbox.com/u/3026851/BackCountryOutfitters/img/assets/twitter-18x36.png") no-repeat scroll 0 0;
	height: 18px;
	width: 18px;
	margin-left: 4px;	
}
#social li#twitter a:hover {
	background-position: -18px 50%;
	height: 18px;
}




#featuredTop, #aboutBottom {
	clear: both;
	float: left;
	width: 900px;
	color: #505050;
	background: none;
	font: italic normal 1.4em/1.5 Georgia, 'Times New Roman', Times, serif;
	border-top: 2px solid #C0C0C0;
	margin: 0 0 18px 0;	
}

#featuredTop #infoLeft li, #aboutBottom #infoLeft li {
	float: left;
	padding: 6px 18px 0px 18px;
	border-right: 2px solid #C0C0C0;	
}
#featuredTop #infoLeft li.last, #aboutBottom #infoLeft li.last {
	float: left;
	padding: 6px 18px 0px 18px;
	border-right: none;	
}
#featuredTop #infoRight li, #aboutBottom #infoRight li {	
	float: right;
	padding: 6px 18px 0 18px;
	border-right: none;			
}

#blogTop {
	clear: both;
	float: left;
	width: 900px;
	margin: 0 0 0 0;
	padding: 54px 0 0 0;
	background: transparent url("http://dl.dropbox.com/u/3026851/BackCountryOutfitters/img/assets/BCO_map_3.png") repeat scroll 0 0;
	border-bottom: none;
}
#blogTop #title {
	float: left;
	padding: 8px 18px 8px 18px; 
}
#aboutTop {
	clear: both;
	float: left;
	width: 900px;
	margin: 0 0 0 0;
	padding: 54px 0 0 0;
	background: transparent url("http://dl.dropbox.com/u/3026851/BackCountryOutfitters/img/assets/BCO_map_2.1.png") repeat scroll 0 0;
	border-bottom: none;
}
#aboutTop #title {
	float: left;
	padding: 8px 18px 8px 18px; 
}


#featured {
	clear: both; 	
	width: 896px;
	color: #505050;
	font-size: 1.4em;	
	border-top: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-right: 3px solid #C0C0C0;	
	border-bottom: 3px solid #C0C0C0;
	background: #FFFFFF	;	
	margin: 0 0 0 0;	
}
#featured #slideshow  {
	width: 860px;
	margin: 18px;
	padding: 0;
	background: #FFFFFF	;
}
#featured #slideshow img {
	width: 860px;
}
#featured #description {
	width: 860px;
	margin: 0 auto;
	padding: 0 18px 18px 18px;
	background: #FFFFFF;			
}


#content {
	clear: both;
	float: left;
	width: 900px;
	background: none;
	margin: 0 0 0 0;
}
#floatLeft {
	float: left;
	width: 540px;
}
#floatRight {
	float: right;
	width: 346px;
	}
#blog {
	clear: both;
	float: left;
	width: 536px;
	font-size: 1.4em;
	background: none;
}

.text, .photo, .photoset, .quote, .link, .chat, .audio, .video {
	clear: both;
	float: left;
	width: 500px;
	padding: 18px 18px 36px 18px;
	background: #FFFFFF;
	border-top: 1px solid #CFCFCF;
	border-right: 3px solid #CFCFCF;
	border-bottom: 3px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	margin-bottom: 14px;
}
.caption {
	padding: 0 0 18px 0;
}
.chatPost {
	padding: 18px 0 18px 0;	
}
.audioPlayer {
	padding: 0 0 18px 0;
}
.tagArea {
	float: left;
	width: 500px;
	font-size: .8em;		
	color: #909090;
	border-top: 1px dotted #505050;
}
.tagArea li {
	float: left;
	padding: 8px 0 8px 0;
}
.tags {
	float: left;
	padding: 8px 0 8px 0;
}
.tags a {
	color: #505050;
}
.tags a:hover {
	color: #5C8127; /*dark green*/
	text-decoration: none;
}
.tagArea li.plink {
	float: right;
	padding: 8px 0 8px 0;
}

ol.notes {
	float: left;
	width: 500px;
	padding: 36px 18px 36px 18px;
	margin: 0 0 0 0;
	background: #ffffff;	
	list-style-type: none;
	border-top: 1px solid #CFCFCF;
	border-right: 3px solid #CFCFCF;
	border-bottom: 3px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	font-size: .8em;
	}
ol.notes li.note {
	width: 500px;
	padding: 8px 0;
	background: #ffffff;
	border-top: 1px dotted #505050;	
	font-size: 1.1em;	
	}
ol.notes li.note img.avatar {
	vertical-align: -4px;
	margin-right: 10px;
	width: 16px;
	height: 16px;
	padding: 0;
	}
ol.notes li.note span.action {
	font-weight: normal;
	}
ol.notes li.note .answer_content {
	font-weight: normal;
	}
ol.notes li.note blockquote {
	border-color: #a0a0a0;
	padding: 8px 18px;
	margin: 8px 0px 0px 27px;
	}
ol.notes li.note blockquote a {
	text-decoration: none; color: #D0D0D0;
	font-weight: normal;
	}


.promoTop {
	float: right;
	padding: 18px 18px 36px 18px;
	margin: 0 0 12px 0;
	background: #FFFFFF;
	width: 310px;
	font-size: 1.4em;
	border-top: 1px solid #CFCFCF;
	border-right: 3px solid #CFCFCF;	
	border-bottom: 3px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;	
} 
.promoTag {
	float: left;
	width: 310px;
	font-size: 1em;		
	padding: 8px 0 0 0;
	margin: 18px 0 0 0;
	color: #909090;
	border-top: none; /*1px dotted #505050;*/		
}

#search {
	clear: both;
	float: right;
	padding: 18px;
	margin: 0 0 12px 0;
	background: #FFFFFF;
	width: 310px;
	border-top: 1px solid #CFCFCF;
	border-right: 3px solid #CFCFCF;	
	border-bottom: 3px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;	
}
#query {
	float: left;
	font-family: helvetica, arial, sans-serif;	
	font-size: 1.2em;
	color: #505050;
	background: #CFCFCF;
	padding: 8px 18px 8px 18px;
	width: 200px;
	border: none;
}
#submit {
	float: right;
	font-family: Georgia, 'Times New Roman', Times, serif;	
	font-size: 1.4em;
	font-style: italic;
	color: #B1DA67; /*light green*/
	background: #202020;
	margin-left: 8px;
	border: none;
	padding: 6px 18px 6px 18px;
	text-transform: none;
	
}
#submit:hover {
	color: #5C8127; /*dark green*/
	background: #B1DA67; /*light green*/
	border: none;
	cursor: pointer;
}


.pages {
	clear: both;
	float: left;
	width: 900px;
	color: #505050;
	background: #C0C0C0;
	font: italic normal 1.4em/1.5 Georgia, 'Times New Roman', Times, serif;
	border-bottom: none;	
	margin: 18px 0 0 0
}
.pages .title {
	float: left;
	padding: 6px 0 6px 18px; 
}
.pages .prevnext {
	float: right;
	padding: 6px 0 6px 0;	
}
.pages .prevnext a {
	padding: 0 18px 0 0;		
}

#aboutHeader {
	clear: both;
	float: left;
	width: 900px;
	background: none;
	border-bottom: 8px solid #505050;
}
#aboutHeader #title {
	float: left;
	padding: 0 18px 8px 18px;
}

#about {
	float: left;
	font: normal 1.4em/1.5 Georgia, 'Times New Roman', Times, serif;	
	width: 864px;
	background: none;
	padding: 8px 18px 0 18px;
	margin: 0 0 0 0;
	
}
#about p.half {
	float: left;
	width: 475px;
}

#about img {
	float: right;
	margin: -200px -18px 0 0;
}



#footer {
	clear: both;
	float: left;
	width: 900px;
	color: #D0D0D0;
	background: #101010;
	font: italic 1.4em/1.5 Georgia, 'Times New Roman', Times, serif;
	opacity: .85;
	filter: alpha(85);	
	margin: 66px 0 0 0;
}
#footer #copy {
	float: left;
	padding: 6px 18px 6px 18px; 
}
#footer #copy a {
	color:  #D0D0D0;
	font-style: italic;
}
#footer #copy a:hover {
	color: #B1DA67; /*light green*/
	text-decoration: none;
}
#footer #coded {
	float: right;
	padding: 6px 18px 6px 18px;	
}
#footer #coded a {
	color:  #D0D0D0;
	font-style: italic;
}
#footer #coded a:hover {
	background: #B1DA67; /*light green*/ 
	text-decoration: none;
}