/* Selected Layout:  */
@import url(http://bikehugger.com/mt-static/themes-base/blog.css);

/* Action Streams */
@import url(http://bikehugger.com/mt-static/plugins/ActionStreams/css/action-streams.css);

.asset-meta {
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px dotted #CCC;
    border-width: 1px 0;
    zoom: 1;
}

.asset-meta:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

.asset-meta .byline { margin: 0.4em 0; }

.asset-meta .byline-date
.asset-meta .byline-date a,
.asset-meta .byline-date a:hover {
    color: #666;
}

.entry-tags h4 { font-weight: normal; }
.entry-tags ul li.entry-tag a { font-weight: bold; }
.user-pic { background-color: green; }

.asset-meta .user-pic {
    width: 36px;
    height: 36px;
}

/* ****************************************
           DEFAULT ELEMENT STYLE
 **************************************** */
/* **/

/* Global */
body {
    font-weight: normal;
    font-size: 13px;
    font-family: arial, helvetica, hirakakupro-w3, osaka, "ms gothic", sans-serif !important;
    color: #666666;
    background-color: #fff;
}

a {
    color: #3d7b22;
    text-decoration: none;
}

a:link, a:visited {
    color: #3d7b22;
    text-decoration: none;
}

a:hover {
    color: #6E4d00;
    text-decoration: none;
}

/* ****************************************
                   LAYOUT
 **************************************** */
/* **/

#container-inner, #content {
    background-color: #fff;
}

#header-inner, #content-inner {
    padding-top: 0;
    padding-bottom: 0;
}

#header-inner, #beta-inner, #gamma-inner {
    padding-right: 0;
    padding-left: 0;
}

#content {
    margin-top: 20px;
    margin-bottom: 30px;
}

#container-inner {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

#header-inner, #content-inner {
    position: relative;
    width: 960px;
    margin: 0 auto;
}

.layout-wtt #alpha {
    width: 425px;
    padding-right: 27px;
    padding-left: 0;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: #CCC;
}

/*updated for new ad code, wider 160 skyscrapers
.layout-wtt #beta {
    width: 152px;
    right: 0px;
    left: 0px;
    float: right;
    padding-right: 0;
    padding-left: 0px;
}
 */
 
.layout-wtt #beta {
    width: 164px;
    right: 0px;
    left: 0px;
    float: right;
    padding-right: 0;
    padding-left: 0px;
}

/*updated for new ad code, wider 160 skyscrapers

.layout-wtt #gamma {
    width: 300px;
    left: 0px;
    right: 0;
    padding-right: 26px;
    padding-left: 26px;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: #CCC;
}*/

.layout-wtt #gamma {
    width: 300px;
    left: 0px;
    right: 0;
    padding-right: 12px;
    padding-left: 12px;
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: #CCC;
}

.layout-wm #alpha {
    width: 574px;
    padding-right: 26px;
    margin-right: 12px;
    border-right: 1px dotted #CCC;
}

.layout-one-column-centered #alpha {
    display:block;
    float:none;
    margin: 0 auto;
    width:770px;
}
.layout-one-column-centered #beta,
.layout-one-column-centered #gamma {
    display: none;
}

#header:after, #header-inner:after, #content:after, #alpha-inner:after, #beta-inner:after, #gamma-inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

#group-nav-inner {
    position: relative;
    width: 960px;
    margin: 0 auto;
}

/* change this for menu alignment:  */

#header-inner, #content-inner {
    padding-bottom: 0;
    padding-top: 0;
}

#header-inner, #alpha-inner, #beta-inner, #gamma-inner {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}

#topnav-menu {
    background: url(http://bikehugger.com/assets/BikeHuggerNavBG.png) 0 -1px no-repeat;
    width: 960px;
    height: 29px;
    margin: 0;
}

/* change this for menu alignment:  */

#topnav-menu ul {
    list-style: none;
    margin: 0;
    padding: 9px 0 9px 60px;
    text-align: center;
    line-height: 0.8em;
}


#topnav-menu ul li {
    float: left;
    margin: 0 0 0 14px;
    padding-right: 18px;
    background: transparent url(http://bikehugger.com/assets/bullet-nav.png) right 50% no-repeat;
}

#topnav-menu ul li#nav-archives { background-image: none; }

#header #topnav-menu li a {
    display: block;
    height: 12px;
    background-position: center top;
    cursor: pointer;
    margin: 0 4px;
    color: #dee691;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 0.07em;
}

#header #topnav-menu li a:hover,
#header #topnav-menu li.current a { color: #FFF; }


/* ****************************************
              FLOAT CLEARING
 **************************************** */
/* **/

.clr {
    overflow: hidden;
    clear: both;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after,
#content:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.075em;
    line-height: 0;
}

.pkg,
#content { display: inline-block; }

.pkg[class],
#content[id] { height: auto; }
.pkg,
#content { display: block; }


/* ****************************************
                  HEADER
 **************************************** */
/* **/

#header {
    margin-top: 3px;
}

#header-inner {
    position: relative;
}

#header-name {
    margin: 0 0 5px;
    line-height: 1;
}

#header-description { display: none; }

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

#header a:hover { text-decoration: underline; }

#header-name {
    color: #fff;
    font-size: 34px;
    font-weight: bold;
}

#header-name a {
    width: 100%;
    height: 171px;
    display: block;
    text-decoration: none;
}
#header-name a:hover { text-decoration: none; }

#header-name a span {
    display: none;
    visibility: hidden;
}

#header-content {
    width: 960px;
    height: 171px;
    margin: 0;
    background: url(http://bikehugger.com/assets/BikeHuggerHeader.png) no-repeat;
}

#header-content div#header-description {
    display: none;
    visibility: hidden;
}



/* ****************************************
           CENTER WELL CONTENT
 **************************************** */
/* **/

.asset-name {
    font-size: 2.2em;
    font-weight: normal;
}

.asset-name a {
    text-decoration: none;
}

.asset-name a:hover {
    text-decoration: underline;
}

.asset-content {
    margin: 5px 0;
}

.asset-content h2,
.asset-content h3,
.asset-content h4 {
    color: #444;
    font-weight: bold;
}
.asset-content h2 { font-size: 16px; }
.asset-content h3 { font-size: 14px; }
.asset-content h4 { font-size: 12px; }

.byline {
    width: 70%;
    float: left;
    margin-bottom: 1em;
}

.asset-more-link {
    font-weight: bold;
    color: #3D7B22;
    display: inline;
}

.asset-more-button {
    float: right;
}

.asset-meta {
}

.asset-footer {
    border: 1px dotted #CCC;
    border-width: 1px 0;
    padding: 0.2em 0 0.1em 0;
    margin: 0 0 1em 0;
}

.asset-footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

.asset-footer a, .comment-footer a {
    font-weight: normal;
}

/*SGA: Why is this being spit out on the mobile socials pages if there's no content contained in it?*/
.mobile-social-event .asset-footer {
    height: 0;
    border-style: none;
}

.mobile-socials-index .asset-footer {
    height: 0;
    margin-bottom: 0;
    border-bottom-style: none;
}

.mobile-socials-index .asset { margin-bottom: 20px; }

.author a {
    color: #000000;
}

.entry-meta-comments {
    font-weight: bolder;
}

.entry-meta-comments {
    background: url(http://bikehugger.com/mt-static/themes/minimalist-green/comment-icon.gif) no-repeat 0px 50%;
    padding: 2px 16px 3px 18px;
}

.content-nav { 
margin: 30px 0; 
font-size: 18px;
line-height: 1.45;
}

.archive-title {
    margin: 5px 0 30px;
    font-size: 26px;
    font-weight: bold;
}

.trackbacks-info, .trackback-content, .comment-content, .comments-open-content, .comments-closed {
    margin: 5px 0;
}

.widget-header, .trackbacks-header, .comments-header, .comments-open-header, .archive-header, .search-form-header, .search-results-header {
    margin: 0;
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
}

.search-results-header {
    margin-bottom: .25em;
}

.asset-meta, .comment-footer, .trackback-footer, .typelist-thumbnailed {
    font-size: 11px;
}

.published {
    text-transform: uppercase;
}

.asset-name, .asset-name a, .archive-title {
    color: #460;
}

.comment-footer, .comment-footer a, .trackback-footer {
    color: #999;
}

.comments-header, .comments-open-header, .trackbacks-header, .archive-header, .search-form-header, .search-results-header {
    color: #333;
}

.asset-name a {
    margin-bottom: 8px;
}

.asset-name a:hover {
    text-decoration: none;
}

.archive-list-item {
    margin-bottom: 5px;
}

.asset-content img {
    margin:0 12px 5px 0;
    padding:3px;
    border:1px solid #EBEBEB;
    float:left;
    vertical-align:top;
}

.asset-content ul {
    margin: 0 0 10px 16px;
    padding: 0;
}

.asset-content ul.shirts {
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
}

.asset-content ul.shirts li {
    display: inline;
}

.asset-content ul.shirts form {
    display: inline;
    margin: 0;
    padding: 0;
}

.asset-content ul a,
.asset-content dl a {
    color: #518000;
    font-weight: bold;
    text-decoration: none;
}

.asset-content ul a:hover,
.asset-content dl a:hover {
    text-decoration: underline;
}

.asset-body { color: #333; }
.asset-body h2,
.asset-body p,
.asset-body ul { clear: left; }

.asset-body p { line-height: 1.5; }

/* duplicated for the extended entries */

.asset-more { color: #333; }
.asset-more h2,
.asset-more p,
.asset-more ul { clear: left; }

.asset-more p { line-height: 1.5; }

/* ****************************************
           ENTRY FOOTER
 **************************************** */
/* **/

.entry-categories {

}

.entry-tags {
    float: left;
    width: 420px;
    padding-top: 0.5em;
}

.entry-score {
    width: 100px;
    float: right;
}

.a-favorite {

}

.score-count {

}

.vote-status {

}

.footer-facebooklike
{
	float: left;
	width: 420px;
	height: 35px;
	/*padding-top: 0em;
	margin-top: 0em;
	padding-bottom: 1.0em;
	border-bottom: 1px #CCC dotted;
	margin-bottom: 1em;*/
}

/* ****************************************
               WIDGETS
 **************************************** */
/* **/

.widget-header,
.widget-content {
    margin-right: 15px;
    margin-left: 15px;
}

.widget-header {
    padding: 0;
    font-size: 14px;
    font-family: trebuchet ms !important;
    margin-bottom: 8px;
    padding-bottom: .3em;
}

.widget-header,
.widget-header a {
    color: #333;
    font-weight: normal;
}

.widget-header {
    font-size: 14px;
}

.widget-header a {
    text-decoration: none;
}

.widget-header a:hover {
    text-decoration: underline;
}

h3.widget-header {
    padding-top: 12px;
    background: transparent url(http://bikehugger.com/assets/bk-h3-widget-header.png) left top repeat-x;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    }

.widget-search h3.widget-header,
.widget-about-this-page h3.widget-header { background-image: none; }
.widget-content a { color: #666; }
.widget-content a:hover { color: #6E4d00; }

ul.widget-content { margin-bottom: 0; }
ul.widget-content li {
    margin: 0;
    line-height: 1.6;
    font-weight: bold;
    }

ul.widget-content li a:hover { color: #6E4d00; }

#content .widget-powered .widget-content {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #c9e1be;
    background-color: #f9fff6;
}

.widget-content {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 11px;
}

/* "Powered By" Widget */
.widget-powered .widget-content {
    padding: 10px;
    text-align: center;
}

/* Calendar Widget */
.widget-calendar .widget-content table {
    font-size: 10px;
}


/* Utility */

.widget h3.widget-subheader {
    color: #999;
    font-weight: bold;
    margin-bottom: 2px;
    font-size: 1.2em;
}

.widget-about-blog .widget-content { font-size: 1.2em }

.widget-search {
    margin-bottom: 14px;
    padding: 17px 0 0 0;
    background: transparent url(http://bikehugger.com/assets/bk-widget-search.png) left top no-repeat;
}

.widget-search .widget-inner {
    padding: 0 0 13px 0;
    background: transparent url(http://bikehugger.com/assets/bk-widget-search-inner.png) left bottom no-repeat;
}

.widget-search h3.widget-header {
    position: absolute;
    display: block;
    top: -10000px;
    left: -10000px;
    font-size: 1px;
}

.widget-search .side-item h3.widget-header { margin-top: 0; }

.widget-search h3.widget-subheader {
    color: #666;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    }

.widget-search .widget-content {
    margin: 0;
    padding: 9px 10px 0 10px;
    background: transparent url(http://bikehugger.com/assets/bk-widget-search-content.png) left top repeat-y;
}

.layout-wm #beta .widget-search { background-image: url(http://bikehugger.com/assets/bk-widget-search-w.png); }
.layout-wm #beta .widget-search .widget-inner { background-image: url(http://bikehugger.com/assets/bk-widget-search-inner-w.png); }
.layout-wm #beta .widget-search .widget-content { background-image: url(http://bikehugger.com/assets/bk-widget-search-content-w.png); }

.widget-search .widget-content p {
    margin: 0.75em 0 0 0;
    }

.widget-search .widget-content form p { margin: 0; }

.widget-search hr {
    color: rgb(208, 218, 219);
    background-color: rgb(208, 218, 219);
    height: 1px; width: auto;
    margin: 10px 0;
    clear: left;
}

.widget #poptopics { padding-left: 40px; margin-bottom: 5px; }

.widget-search #poptopics {
    padding-left: 0;
}

.widget-search #poptopics ul li {
    margin-bottom: 0;
    font-size: 12px;
}

.widget-photostream {
	display: block;
}

p.tips {
    margin: 14px 0;
    padding: 14px 0;
    background: transparent url(http://bikehugger.com/assets/bk-h3-widget-header.png) left top repeat-x;
    font-size: 18px;
    line-height: 1.45;
    }

p.tips a:link,
p.tips a:visited { color: #666; }
p.tips a span { color: #3d7b22; }
p.tips a:hover span { color: #6E4d00; }

dl.recent-comments-list dt { margin: 8px 0 0 3px; }

dl.recent-comments-list dd {
    margin-left: 20px;
    margin-bottom: 15px;
}

.widget-header, .widget-content {
    margin-left: 0;
    margin-right: 0;
}

.widget-featured h3.widget-header {
    margin-bottom: 8px;
}

.widget-featured .widget-content {
    margin-top: 0px;
}

.kickstand-photos {
	float: right;
    width: 560px;
}

/* ****************************************
         TRISTAN BLUE 4.2 STYLES
 **************************************** */
/* **/

a.scoring {
    white-space: nowrap;
    background: url(http://bikehugger.com/i/scoring-stars.gif) no-repeat 0 -120px;
    padding: 3px 0 3px 18px;
    line-height: 22px;
    text-decoration: none;
    cursor: default;
}

a.scoring-scorable {
    background-position: 0 0;
    text-decoration: none;
    cursor: pointer;
}

a:hover.scoring-scorable {
    background-position: 0 -40px;
    text-decoration: underline;
}

a.scoring-pending,
a:hover.scoring-pending {
    background: url(http://bikehugger.com/i/scoring-pending.gif) no-repeat;
    cursor: wait;
}

a.scoring-scored,
a:hover.scoring-scored {
    background-position: 0 -80px;
}

.scoring-vote,
#hugger-template-set .scoring-score-label,
#mt-community-blog .scoring-score-label {
    display: none;
}

#hugger-template-set .asset-content,
#mt-community-blog .asset-content {
    clear: both;
}

/* ##############  End from tristan-blue-4.2 ################## */







/* ####################################################
              BIKE HUGGER CUSTOM STYLES
#################################################### */
/* **/

#footer { display: none; }
.published { text-transform: none; }

h1.asset-name {
    color: #666;
    font-weight: bold;
    font-size: 20px;
}

.archive-title {
    font-size: 1.5em;
    margin-bottom: 10px;
	margin-top: 20px;
}

h1.archive-title { color: #666; }

.asset-name { font-size: 1.45em !important; }

.asset-name,
.asset-name a,
.widget-content a,
.byline a { color: #3D7B22; }

.byline a:hover,
.asset-name a:hover { color: #6E4d00; }

.asset-body a:link,
.asset-body a:visited,
.action-streams a:link,
.action-streams a:visited {
    font-weight: bold;
    border-bottom: 1px dotted #7DA06D;
}
.asset-body a.asset-more-link { border-style: none; }
.asset-body a:hover { border-color: #956240; }
.user-pic { width: auto; }
.icon-feed { background: url(http://bikehugger.com/mt-static/images/status_icons/feed.gif); }

.icon-left {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 11px;
}

.icon-right {
    background-position: right center;
    background-repeat: no-repeat;
    padding-left: 11px;
}

.ad-placeholder {
    color: #999;
    background-color: #F7FAF5;
    text-align: center;
    padding: 10px;
    border: 1px solid #C9CC83;
    width: 75%;
    margin: 10px auto;
}

.google-ad { text-align: center; }

.description {
    color: #666;
    font-size: 12px;
    line-height: 1em;
    text-align: left;
    font-style: italic;
    margin-bottom: 10px;
    margin-left: 10px;
}


/* ########################################################################
      RE-USED STYLES
      The following rules were ported from the Hugga 1.0 in order
      to properly format various pages and elements. Should be deprecated, when appropriate.
   ######################################################################## */


img.auth {
    margin:0 8px 8px 0;
    padding:0;
    border:1px solid #CCC;
    float:left;
    vertical-align:top;
}

div.dots25 {
    margin:0;
    background:url(../images/blog/sep-line-dots.gif) repeat-x 0 11px;
    height:25px;
    clear:both;
}


/* ****************************************
           FORMS AND INPUTS
 **************************************** */
/* **/

form,fieldset,legend,input,textarea { margin:0; padding:0; }
input,textarea,select{
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
}

input.text,
textarea {
    position: relative;
    margin: 0;
    border: 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -khtml-appearance: none;
    -moz-appearance: none;
}

input:focus { outline: none; }


/* ****************************************
       ARCHIVE INDEX AND SEARCH
 **************************************** */
/* **/
.mt-archive-index .description { margin-left: 0; }

.mt-archive-index form#search,
.widget-search form {
    display: block;
    position: relative;
    overflow: hidden;
    border: 3px solid #a9ada8;
    background: #fff;
}

.mt-archive-index form#search {
    width: 520px;
    height: 19px;
    top: -3px;
    margin-bottom: 9px;
    padding: 6px 7px 5px 7px;
}

.widget-search form {
    width: 270px;
    height: 1em;
    margin-left: 0px;
    margin-bottom: 5px;
    padding: 5px 0px 5px;
    top: 0px;
}

.layout-wm .widget-search form {
    width: 300px;
    padding-top: 3px;
}

.mt-archive-index form#search input.text,
.widget-search input#search.text {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: transparent;
    font-size: 16px;
    line-height: 19px; /* WTG Mozilla, setting !important on all form line-height :( */
}

.widget-search input#search.text {
    font-size: inherit;
    line-height: inherit;
    padding-left: 2px;
}

.layout-wm .widget-search input#search.text {
    padding-left: 2px;
    margin-left: 0px;
}

input.text.blur { color: #b3b8b2; }


/* **/



.pickers { margin-left: 10px; }
.pickers a { color: #3D7B22; background-color: #fff; }
.pickers a.hilite { color: #fff; background-color: #3D7B22; }

h3.ui-accordion-header { font-size: 14px; color: #666; display: none; }
h3.ui-accordion-header.selected {
    display: block;
}

.archive-section { margin-bottom: 20px; }
.archive-section a { background-color: #fff; color: #3D7B22; }
.archive-section a:hover { background-color: #3D7B22; color: #fff; }

h2.archive-header {
    color: #333;
    font-size: 16px
}

.archive-matrix { margin-bottom: 0px; }

.archive-matrix ul {
    list-style-type: none;
    clear: left;
}

.archive-matrix li {
    float: left;
    padding-right: 20px;
    color: #ccc;
    padding-bottom: 10px;
}

.archive-matrix li strong {
    color: #666;
}

ul.idTabs { list-style: none; margin: 0 0 10px 0; }
ul.idTabs li { display: block; float: left; width: 32%; text-align: center; border: 1px solid #666; }
ul.idTabs li a { padding: 5px 0; border: 1px solid #ccc; display: block; }

ul.idTabs li a:hover { background-color: #cfc; color: #3D7B22; }
ul.idTabs li a.selected { background-color: #3D7B22; color: #fff; font-weight: bold; }
ul.idTabs li a.selected:hover { background-color: #3D7B22; color: #fff; }



/* ****************************************
         TAG CLOUDS AND LISTINGS
 **************************************** */
/* **/

#taglistings ul { list-style: none;  margin-left: 0px; }
#tagalpha ul, #tagpopular ul { margin-right: 10px; width: 23%; }

#taglistings .tab { margin-top: 10px; }

#taglistings .description {
}

.tagcloud {
    margin-bottom: 20px;
    /* padding: 0 20px 0 10px; */
}

.tagcloud .tab-inner {
    text-align: justify;
    font-size: 12px;
    line-height: 2.5em;
    margin: 0 20px 0 0;
}

.tagcloud ul {
    margin-left: 0px;
}

.tagcloud li {
    display: inline;
    padding: 0 0.1em;
}

.tagcloud li a { text-transform: lowercase; }

.tagcloud li a:hover {
    background-color: #3d7b22;
    color: #fff;
}

.tagcloud .hint { display: none }

.tagcloud .taglevel1 { font-size: 3.5em; font-weight: 900; }
.tagcloud .taglevel2 { font-size: 3em; font-weight: 900; }
.tagcloud .taglevel3 { font-size: 2.5em; font-weight: 700; }
.tagcloud .taglevel4 { font-size: 2em; font-weight: 500; }
.tagcloud .taglevel5 { font-size: 1.50em; font-weight: 300; }
.tagcloud .taglevel6 { font-size: 1.0em; font-weight: 100; }



/* ****************************************
    COMMUNITY ENTRY SUBMISSION SCREEN
 **************************************** */
/* **/

#create-entry-form textarea#entry-body,
#create-entry-form input#entry-title {
    border: 3px solid #ccc;
    width: 550px;
}
#create-entry-form input#entry-title { font-size: 1.5em }

#create-entry-form #entry-title-field { margin-bottom: 20px; }

/* ****************************************
         COMMENT FUNCTION SCREENS
 **************************************** */
/* **/

.comment-reply-link { text-align: right; }
.comment-reply-link a { font-size: 11px; }
.comment .author { font-size: 1.5em !important; }

textarea#comment-text {
    border: 3px solid #ccc;
    width: 420px;
}

textarea#comment-text-feedback {
	    border: 3px solid #ccc;
	    width: 340px;
}
.mt-comment-preview textarea#comment-text { width: 490px; }

.mt-comment-preview #alpha {
    text-align: center;
    float: none;
    display: block;
}

.mt-comment-preview #alpha-inner {
    text-align: left;
    width: 500px;
    margin: 0 auto;
}

#comments-open-challenge { margin-top: 20px; }
#comments-open-challenge br { display: none; }


/* ****************************************
           SOCIAL LOGIN STYLES
 **************************************** */
/* **/

a.extlogin {
	margin: 5px 5px 5px 0;
}

p.bh-login {
	margin: 20px 0;
}



/* ****************************************
           MOBILE SOCIALS PAGES
 **************************************** */
/* **/

/* Mobile socials graphic header - Pull from asset library */
.mobile-socials-index h1,
.mobile-social-event h2#mobile-socials-header {
    background: url(http://bikehugger.com/i/mobile-socials-header.jpg);
    width: 590px;
    height: 37px;
}

/* Hide the text title */
.mobile-socials-index h1 span,
.mobile-social-event h2#mobile-socials-header span { display: none }

.mobile-socials-index h2,
.mobile-social-event .event h2 {
    font-size: 24px;
    font-weight: bold;
    color: #666;
}

.mobile-socials-index .event-summary h3,
.mobile-social-event .event h3 {
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 0px;
}

.mobile-socials-index .event-summary h4,
.mobile-social-event .event h4 {
    font-weight: bold;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #666;
    margin-bottom: 0px;
}

#sponsor-logos { text-align: center }

/*
 ** MOBILE SOCIALS INDEX PAGE **
*/
/* **/
.mobile-socials-index .page-asset {
    padding: 0px;
}

/*
.mobile-socials-index .events {
    padding: 0px 0px 0px 10px;
}
*/

.mobile-socials-index .events .past-events {
    padding: 20px 0px 0px 0px;
}

.mobile-socials-index .event-summary {
    padding-bottom: 10px;
    border-bottom: 1px dotted #aaa;
}

.mobile-socials-index .event-summary div {
    width: 45%;
    float: left;
    padding-right: 10px;
}

.mobile-socials-index .event-summary.brief div,
.mobile-socials-index .event-summary.list div {
    display: none;
}

.mobile-socials-index .event-summary.list p {
    display: none;
}

/*
 ** MOBILE SOCIALS INDIVIDUAL EVENT PAGES **
*/
/* **/
.mobile-social-event .event h1#page-title {
    font-size: 2.0em;
    color: #224D70;
}

.mobile-social-event .event .signups {
    font-weight: bold;
}

.mobile-social-event .event ul.where-when {
    list-style: none;
}

.mobile-social-event .event ul.where-when span.key {
    font-weight: bold;
    color: #666;
}

.mobile-social-event .event-logo {
    float:left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.mobile-social-event .event {
    border-bottom: 1px dotted #aaa;
}

/* ****************************************
              AMAZON STORE
 **************************************** */
/* **/

.amazon-store body {
    margin:0;
    padding:0;
    background:#FFF;
    text-align:center;
    color:#363636;
    /*font:12px/18px "Lucida Grande", Verdana, sans-serif;*/
}

.amazon-store  #content-shell {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 780px;
}

.amazon-store  #content-col {
    margin: 0;
    padding: 0;
    background: transparent;
    width: 770px;
    float: left;
}

.amazon-store iframe {
    margin:0;
    padding:0;
}

/*
.amazon-store iframe body { min-width: 598px !important; }
.amazon-store iframe #wrap { width: 598px  !important;}
.amazon-store iframe #main { width:370px !important; }
.amazon-store iframe div#footer { width:380px !important; }
.amazon-store iframe div#contentsubheader { width:382px !important; }

.amazon-store .widget-about-this-page .widget-content { font-size: 1.1em; font-weight: bold; margin-bottom: 0px }
.amazon-store .widget-about-this-page .widget-content p { margin-bottom: 0px; }
.amazon-store .widget-about-blog .widget-content { font-size: 1.1em; }
*/

/* ****************************************
           UTILITY & MESSAGING
 **************************************** */
/* **/
.msg {
    background-position:12px center;
    background-repeat:no-repeat;
    margin:0 0 10px;
    padding:16px 10px 16px 46px;
}

.msg-warning {
    background-color: #ff9;
    background-image: url(http://bikehugger.com/mt-static/images/icon_alert.png);
}

.grey, .gray { color: #999; }

.two-column {
    float:left;
    width: 45%;
}

.three-column {
    float:left;
    width: 30%;
}

.four-column {
	float:left;
    width: 22%;
}

.right {
    text-align: right;
}

.left { float: left; }
.right { float: right; }

.bordered { border: 1px solid #fcc; }

.editlink {
    font-size: 11px;
    color: #fff;
    font-weight: normal;
    background-color: rgb(51, 0, 0);
    position: relative;
    top: 0px;
    right: 0px;
    width: 1.5em;
    height: 1.3em;
    text-align: center;
    display: none;
    float: right;
}


/* Profile View ----------------------------------------------------------- */

.mt-profile-view .user-pic {
    width: 90px;
    height: 90px;
    margin-bottom: 20px;
}

.mt-profile-view #page-title {
    font-size: 22px;
    margin-bottom: 10px;
}

#profile-data {
    margin-left: 100px;
}

#profile-data li {
    list-style: none;
}

#profile-data .profile-data-item {
    margin-left: 15px;
}

#tabs {
    clear: both;
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
    background: url(http://bikehugger.com/mt-static/themes/tristan-blue-4.2/tab-bg.gif) repeat-x left bottom;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
}

#tabs li {
    float: left;
    margin-right: 3px;
}

#tabs li a {
    display: block;
    padding: 7px 10px 6px 20px;
    background: #f3f0e8 url(http://bikehugger.com/mt-static/themes/tristan-blue-4.2/tab-arrow.gif) no-repeat 10px 50%;
    color: #948669;
}

#tabs li a.active {
    border: 1px solid #e2d9c5;
    border-bottom: none;
    padding: 6px 9px 7px 19px;
    background: #fff url(http://bikehugger.com/mt-static/themes/tristan-blue-4.2/tab-arrow-down.gif) no-repeat 9px 50%;
}

.tab_content .tab_content_label {
    display: none;
}

.tab_content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tab_content ul li {
    margin-bottom: .75em;
}

.tab_content_label {
    font-size: 18px;
}

#hugger-template-set.mt-profile-view .recent-actions li,
#mt-community-blog.mt-profile-view .recent-actions li,
#mt-community-forum.mt-profile-view .recent-actions li {
    clear: none;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 1em;
    border-bottom: none;
    background-position: 0 0;
    font-weight: bold;
}

.recent-actions li .excerpt {
    margin-top: .25em;
    font-weight: normal;
    color: #666;
}

.user-listing {
    list-style-type: none;
    margin-left: 0;
}

.widget-content .user-listing li {
    margin-bottom: 10px;
    background: none;
    padding-left: 0;
}

.user-listing .user-pic {
    width: 36px;
    height: 36px;
    margin-bottom: 0;
}

.user-listing .user-name {
    font-weight: bold;
    display: block;
}

.user-listing .user-url {
    font-size: 11px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.edit-relation a {
    color: #948669;
    background: #f3f0e8;
    border: 1px solid #e2d9c5;
    text-decoration: none;
    padding: 1px 2px;
}
.edit-relation a:hover {
    color: #037;
}


/* ****************************************
              TABLE STYLES
 **************************************** */

#hor-minimalist-b
{
    font-size: 10px;
    background: #fff;
    margin: 0px;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}
#hor-minimalist-b th
{
    font-size: 10px;
    font-weight: bold;
    padding: 5px 5px;
    border-bottom: 2px solid #375204;
}
#hor-minimalist-b td
{
    border-bottom: 1px solid #375204;
    padding: 5px 5px;
    vertical-align: top;
}

#hor-minimalist-b tbody tr:hover td
{
    color: #375204;
}