body {
  font-family: 'Century Gothic','Sans Serif', 'Tahoma', 'Arial';
  font-weight: normal;
  font-size: 12px;
  background-color: #424242;
  color: #FFFFFF;
  margin: 0; 
}

font {
  font-family: 'Century Gothic','Sans Serif', 'Tahoma', 'Arial'!important;
}

h1 {
  margin: 0 0 0 0;
  font-weight: normal;
  font-size: 18px;
}

h2 {
  margin: 0;
  font-weight: bold;
  font-size: 12px;
}

a {
  font-weight: bold;
  color: #424242;
  text-decoration: none;
}

a:hover {
  color: #000000;
  text-decoration: underline;
}

a img {
  border: 2px solid #424242;
}

a:hover img {
  border: 2px solid #FFCC00;
}

.y {
  color: #FFCC00;
  font-weight: bold;
  margin: 0 0 0 8px;
}

.y a {
  color: #FFCC00;
}

.y a:hover {
  color: #FFFFFF;
}

#outerwear {
  width: 100%;
  background: #FFFFFF;
  color: #424242;
  
}

.gear {
  background-color: #FFFFFF;
  width: 960px;
  margin: auto!important;
  clear: both;
  padding: 0;
}

#helmet {
  background-color: #FFCC00;
  border-bottom: 1px solid #424242;
  height: 85px;
  display: block;
}

#helmet a img{
  border: none;
}

#beanie {
  background-color: #FFCC00;
}

#left {
  float: left;
  text-align: left;
}

.name {
  font-size: 36px;
  margin: 15px 0 0 0;
  float: left;
}

.title {
  font-size: 10px;
  margin: -10px 3px 0 0;
  float: right;
  clear: both;
  //float: left;
  //margin-left: 140px;
}

.strengths {
  font-size: 10px;
  margin: 0 0 0 0;
  clear: both;
  float: right;
  text-align: right;
  width: 311px;
}

.strengths a {
  padding: 0  7px 0 7px;
  font-weight: normal;
}

.strengths a:hover {
  text-decoration: none;
  background: #424242;
  color: #FFFFFF;
}

#right {
  float: right;
  text-align: right;
  width: 311px;
}
.mantra {
  margin: 20px 0 0 0;
  float: right;
}

.fbStatus {
  margin: 15px 0 0 0;
  font-size: 12px;
  float: right;
  width: 211px;
}

.fbStatus a {
  font-weight: normal;
}

.fbStatus a:hover {
  text-decoration: none;
}

.photo {
  margin: 6px 8px 0 8px;
  float: right;
}

.jacket {
  clear: both;
}

.fleece {
  width: 625px;
  float: left;
  padding: 0 16px 0 0;
}

.shirt {
  width: 284px;
  float: right;
  padding: 0 12px 0 0;
}

.gloves {
  padding: 0 0 10px 0;
  display: block;
}

#pants {
  clear: both;
	height: 230px;
	overflow: hidden;
}

.longjohns {
  width: 315px;
  float: left;
  padding: 0 5px 8px 0;
}


.keys {
  float: left;
  display: inline;
  margin: 4px 4px 0 0;
  padding: 2px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
}

a:hover .keys {
  background-color: #FFCC00;
  border: 1px solid #FFCC00;
}



.photo {
  float: right;
}

.wallet {
  display: inline;
  float: right;
  width: 220px;
  padding: 24px 0 0 0;
}

.wallet a {
  clear: both;
}


#boots {
  clear: both!important;
  height: 24px;
  background-color: #424242;
  border-top: 1px solid #FFCC00;
  color: #FFFFFF;
  font-size: 10px;
}

#socks {
  background: none;
}

.footwarmer {
  width: 644px;
  float: left;
  padding: 4px 0 0 0;
}

.footbed {
  width: 304px;
  float: left;
  padding: 2px 4px 0 0;
}


/*-- Special FX stuff below here.. --*/
.mooSlide {
  visibility: hidden;
  overflow: hidden;
  width: 960px!important;
  margin: 0 auto!important;
  top: 121px!important;
  position: absolute!important;
  //float: left;
  //margin-left: -660px!important;
  background: #FFFFFF;
  z-index: 10;
}


/* The toolbar for the content box */
ul#rokslide-toolbar {
	text-align: center;
	list-style: none;
	padding: 0;
	margin: -20px 0 0 125px;
}

#rokslide-toolbar li {
	float: left;
	height: 20px;
	line-height: 20px;
	display: block;
	cursor: pointer;
	list-style: none;
	padding: 0 5px;
	margin-left: 3px;
	font-weight: bold;
	color: #FFCC00;
}

#rokslide-toolbar li.current{
  color: #424242;
}
	
div#frame {
	clear: both;
	position: relative;
	overflow: hidden;
	z-index: 1;
	margin: 0 0 10px 0;
}
	
div#frame div.button {
	display: none;
}

hr {
	clear: both;
	height: 0;
	border: 0;
	display: none;
}

#scroller {
	margin: 0 auto;
	overflow: hidden;
}

.tab-pane {
	float: left;
	overflow: hidden;
}


.tab-pane h1 {
  display: none;
}

/* Tips */
.tip {
	width: 290px;
	background: #FFCC00;
	height: 75px;
	float: right;
	text-align: left;
	margin: -15px 0 0 20px;
	font-size: 10px;
}

.tip-top {
}

.tip-title {
  color: #424242;
  margin: 0 0 0 0;
  font-weight: normal;
  font-size: 16px;
} 

.tip-text {
	color: #424242;
	padding: 4px 0 0 0;
}
.tip-bottom {
}


/*Tabs */
#home {padding: 0 0 30px 0;margin-left: -200px!important;padding-right: 200px;}
.feature {width: 960px;filter:alpha(opacity=0);opacity: 0;top: 120px;position: absolute; height: 490px; overflow: visible;display: block;//margin-left: 530px!important;clear:both!important;}
.tabs {margin: 0;padding: 0; font-size: 10px;}
.tabs li {margin:0 0 0 0;display:block;float:left;list-style:none;width:102px; height: 19px;text-align: center;background-image: url(images/tabCold.jpg);background-position:0% 100%;background-repeat: no-repeat;  }
.tabs li a {padding-bottom: 5px;width: 100px;display: block;text-decoration:none;}
.tabs li.active { margin: -2px 0 0 0;padding-top: 1px; height: 20px;background-image: url(images/tabHot.jpg);background-position:0% 100%;background-repeat: no-repeat;}
.tabs li a.active {padding-top: 1px; color:#000; }


/* Blogger */
#blggrBlog {
  padding: 0 0 10px 0;
  display: block;
}
#blggrBlog h1 , .fleece h1,.shirt h1{
  border-bottom: 1px solid #424242;
}

/* Audio Player */
#MPJax_container {
  margin: -2px 0 0 0!important;
  float: right;
}