/* 
  Global CSS Declarations for iPhone.VitalBMX.com
*/

/* LAYOUT */
* { margin: 0; padding: 0; }
a { text-decoration: none; color: #228B22; }
body { background: #fff; color: #474747; font-family: Helvetica; overflow-x: hidden; }
ul { list-style: none; }
a img { border-width: 0; }

/* HEADER */
#header h1 { background: #000 url(http://cdn.vitalmtb.com/assets/images/mobile/header.png) no-repeat; height: 66px; overflow: hidden; text-indent: -999em; }
#header a.logo { background: #000 url(http://cdn.vitalmtb.com/assets/images/mobile/header.png) no-repeat 5px 9px; display:block; height:66px; overflow:hidden; text-indent:-999em}

/* MENU */
#menu { background: #8CC63F; border: 3px solid #8CC63F; height: 24px; text-align: center; }
#menu li { display: inline; font-size: 16px; }
#menu li a { background: #8CC63F; color: #000; display: block; float: left; padding: 3px 0; text-align: center; width: 25%; -webkit-tap-highlight-color: rgba(0,0,0,0.5); }

/* LOCATION */
#home li.home a strong { background: #000; color: #fff; padding: 3px; }
#photos li.photos a strong { background: #000; color: #fff; padding: 3px; }
#videos li.videos a strong { background: #000; color: #fff; padding: 3px; }
#news li.news a strong { background: #000; color: #fff; padding: 3px; }
#forums li.forums a strong { background: #000; color: #fff; padding: 3px; }

/* ADS */
/* .ads { background: #e2e2e2; display: block; font-size: 12px; font-style: italic; height: 50px; line-height: 50px; margin: 9px; padding: 0 9px; text-align: right; } */
.ads { display: block; margin: 9px auto; text-align: center; }

/* CONTENT */
#content { padding: 0 9px; }
#home #content { margin-top: -80px}

/* TABS */ 
.tabbed > div { display: none; }
.tabbed > div[selected] { display: block; }
.tabs { background: #f1f1f1; font-size: 16px; margin-bottom: 6px; padding: 6px 6px 0; }
.tabs li { display: inline; }
.tabs li a { display: inline-block; color: #228B22; padding: 3px 9px; text-align: center; width: 121px; }
.tabs li a.active { background: #fff; color: #8CC63F; }

/* LISTS */
.list { margin-bottom: 9px; font-size: 13px; }
.list li { clear: both; min-height: 70px; margin-bottom: 3px; padding: 3px 9px 3px 0; position: relative; }
.list li:nth-child(even) { background: #f1f1f1; }
.list li a { display: block; color: #6d7071; font-style: italic; min-height: 70px; padding-left: 79px; -webkit-tap-highlight-color: rgba(0,119,187,0.5); }
.list li a cite { color: #6d7071; vertical-align: text-top; }
.list li a em { background: url(http://cdn.vitalmtb.com/assets/images/mobile/comments.png) no-repeat 0% 3px; color: #6d7071; font-style: normal; padding-left: 12px; vertical-align: top; }
.list li a img { width:70px; height:70px; left: 3px; position: absolute; }
.list li a img.videothumb { height: auto; width: auto; position: absolute; bottom: 3px; }
.list li a img.video { top: 56px; height: 17px; left: 3px; position: absolute; }
.list li a strong { color: #228B22; font-size: 16px; font-style: normal; }
#videos .list li a img { height: 53px; }
.photolist { clear: both; margin-bottom: 9px; font-size: 13px; }
.photolist li { display: inline-block; width: 94px; }
.photolist li a { display: block; color: #6d7071; font-style: italic; float: left; margin-bottom: 3px; padding: 3px; text-align: center; width: 94px; -webkit-tap-highlight-color: rgba(0,119,187,0.5); }
.photolist li a strong { color: #228B22; display: block; font-size: 15px; font-style: normal; min-height: 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 86px; }
.photolist li a img { height: 70px; width: 70px; }
.newslist { margin-bottom: 9px; font-size: 13px; }
.newslist li { margin-bottom: 3px; min-height: 3em; }
.newslist li:nth-child(even) { background: #f1f1f1; }
.newslist li a { color: #6d7071; display: block; font-style: italic; padding: 3px 9px; -webkit-tap-highlight-color: rgba(0,119,187,0.5); }
.newslist li a strong { color: #228B22; display: block; font-size: 16px; font-style: normal; }
.newslist li a strong em { background: url(http://cdn.vitalmtb.com/assets/images/mobile/comments.png) no-repeat 0% 2px; color: #6d7071; font-style: normal; font-size: 12px; padding-left: 12px; vertical-align: top; }

/* 12/22/2011 post-wide page recode */
#home .list li { min-height:56px; }
#home .list li a { padding-left: 109px; min-height: 56px; }
#home .list li a img { width:100px; height:56px; }
#home .list li a .videothumb { width:100px; height:17px; position:absolute; top:42px; left:3px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAAARCAYAAAAfdMg6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABHhJREFUeNrsWFsspGcYnjEzDrMZdrDGVqY21jLbxmFFFBUSEVUsMQ5x1QqVCC6IOkfSOzdU4kIy4tSQOK3jbjYOmWoiyzhuHUrJmm4pdTbjMIMZps8nJFPLhgs37fckf/zf5/+///M/7/O8z4/JYDB+YFD8b2BAXwElnIISTkEJp7gz1NbW+ri7u5vexdps+no/RGxs7CdbW1vHvb29m2Ts6OjI9fLyspidnd11cHDgdXV1rXl4ePAtLCyM2Gw2E9ceSaXSzf39/RMyDg8Pt+bxeGwmQO5XKpXHra2tq+ScEBkaGipcX19XlZeXv9dqtbrLz/f19RUdHh5qRCLRMpfLZZPjqn3u7u4eazSa056envW1tbXjm/xtTJrSP8Tc3Nw3NjY2Amtr6x8JiTKZTOzs7Pykurr65+Tk5OCoqKjykpKS50Kh8OEpYAAoFAplSkpKc0NDwzKI+P4ecAIQ0ldXV9exnqS4uPhZWlpaKKZPORwOe2lpaQXk109OTu5fev63KKxH5+d/TE1NLaKQ/uXGOp2O4e/v72JmZmYqFoslbW1tZwUVFxcnTE9P/9LFxaWBKvyGaGlpeZubmyuOiIh42NzcvOLq6uo4MDAwtbCwoDh/2ToQwJLL5YvBwcGNbm5u/LKysujS0lJxX1+fhBQAxq8zMzPHiOJZLBYTquWDiOfDw8PTISEhLzG2aGpq+q6ioiIIbvFC//lGRkackZGRaT6fz4MDaKOjo3+5ap8TExMCFKJpYGDgpyhOEzIXFBT0GM5gRy39FqisrHyXlZV1AuU4EGWBAEOo+1eBQGCifx3s9AQKVJEjICBAFh8f/xWs3xx2fBQWFvYMRNqCe2Z3d/fv4O2UqL2wsPANWoCGKHJ8fHyWOAeIZe/s7Ggv1h0bG1vA82WpqakiOELY4OBgRH9/v5wUzsU1MBaGlZXVfXKelJT0tf6+sJaSEn4LQMnqmZmZBR8fn89tbW0fHAD19fXLeXl5T6+7R6VSaS+slrRKtAL1ysqKAiQZbG5uqkEOl/xCv2eTgiEFQQ79tSIjI/vIT3Nz87N7PD09nclBQ9sdor29fbKgoCDK0tLSHIFshBB1uY8SMtFD2U5OTjzYrgdR1tDQ0I6xsbEhgt00LPzt2aeQgQEDtvsgOzubAZv/Aop/5e3tfR8B7inc4T1R/FV72N7eVt1kr3V1ddL5+fktco4ifeTn5+dCCb8lampq5Dk5ORqEK05jY+NvZM7Q0PCM8HPidfb29rZI21mY50Dh6oyMjCYEtCNi3cSKEeKI1TKJQyC0lVZVVXUT20fAEyF5c0H0Nmy767o95OfnT6DX2yMjfPaxveIL4N1FaEtMTFTZ2dkJKOG3BAKZGi/8BRRuAsL/InOdnZ2LUHXH6OjoTlFRkRQk3gPZrL29veOOjo5FqFuJMenTL9GXjUlgI70WPf3M7hMSEmQIf38jtD0G2QdI+tNoHQcfaROnMTExryQSiQqucS1XGxsbR3r540/kjZ/oZxkF/U8bJZyCEk7x38I/AgwA1wQOdKo+euQAAAAASUVORK5CYII=) 0 100% no-repeat; }

/* COMMENTS */
#comments p { margin: 6px 0 9px; }
#comments p a { color: #228B22; float: right; -webkit-tap-highlight-color: rgba(0,119,187,0.5); }
.comments { margin-bottom: 9px; font-size: 13px; }
.comments li { clear: both; min-height: 50px; margin-bottom: 3px; padding: 3px 9px 3px 59px; position: relative; }
.comments li:nth-child(odd) { background: #f1f1f1; }
.comments li cite { color: #6d7071; float: right; font-size: 12px; }
.comments li img.avatar { height: 50px; left: 3px; position: absolute; width: 50px; }
.comments li strong { color: #228B22; font-size: 14px; font-style: normal; }
.pagination { background-color: #8CC63F; font-size: 11px; font-weight: bold; line-height: 25px; text-align: center;}
.pagination a { color:#fff; line-height: 25px; display: inline-block; width: 30%; }
.pagination a#commentsPrev { text-align: left; }
.pagination a#commentsNext { text-align: right; }
.pagination span { line-height: 25px; display: inline-block; width: 30%; }
.pagination span.disabled { visibility: hidden; }
.pagination span.commentrange { color: #000; }
#comment_form { padding: 9px; display: none; background-color: #f1f1f1; }
#comment_form fieldset label { color: #000; font-size: 18px; font-weight: bold;}
#comment_form fieldset { border-width: 0; width: 300px;  margin: 0 auto;}
#comment_form fieldset.shade { text-align: right; }
#comment_body { margin: 3px 0 9px 0; width: 300px; height: 100px; font-size: 14px;}

/* CAPTIONS & TITLES */
#content embed { background: #000; border: 1px solid #000; height: 168px; margin-bottom: 3px; width: 298px; }
#content h3 { font-size: 18px; margin-bottom: 3px; }
#content p { font-size: 14px; margin-bottom: 3px; }
#content .credit { font-size: 16px; margin-top: 9px; overflow: hidden; width: 300px; }
#content .credit a { color: #474747; }
#news #content .credit { margin-top: 2em; }
#content .credit cite { display: block; font-size: 12px; }
#content .credit img { float: left; height: 50px; margin: 0 9px 0 3px; width: 50px; }
#content img, #content p img { max-width:100% }

/* LOGIN/COMMENT */
#forms form { border: medium none; font-size: 14px; margin-bottom: 9px; padding: 9px 9px 0; }
#forms form p { margin-bottom: 9px; padding: 0 9px; }
#forms form fieldset { border: medium none; line-height: 1.5; }
#forms form fieldset button { border: 1px solid #474747; background: #228B22; color: #fff; font-size: 16px; font-weight: bold; padding: 2px 3px; width: 90px; }
#forms form fieldset fieldset {  background: #f1f1f1; padding: 9px; }
#forms form fieldset fieldset.submit { padding-top: 0; text-align: right; }
#forms form fieldset label { color: #000; font-size: 18px; font-weight: bold; }
#forms form fieldset input[type=text], #forms form fieldset input[type=password], #forms form fieldset textarea { border: 1px solid #474747; font-size: 14px; padding: 3px; width: 274px; }
#forms #forms-login fieldset.submit label { float: left; font-size: 14px; font-weight: normal; }
#forms #forms-comment p { padding-bottom: 9px; }
p#comments_status { margin: 0 0 8px 8px; font-size: 13px;}

/* NEWS CONTENT */
.landscape #news #content img { max-width: 460px; }

/* SLIDESHOW */
#slideshow { font-size: 15px; }
#slideshow { margin-bottom: 3px; }
#slideshow #slides img { display: none; max-width: 300px; }
#slideshow #slides img:first-child { display: block; }
.landscape #slideshow #slides img { max-width: 460px; }
#slideshow ul { margin: 12px 0 15px; }
#slideshow ul li { display: inline-block; }
#slideshow #slidePrev, #slideshow #slideNext { border: 1px solid #228B22; color: #fff; }
#slideshow #slidePrev { background: #228B22 url(http://cdn.vitalmtb.com/assets/images/mobile/prev.png) no-repeat 0% 50%; padding: 4px 7px 4px 19px; }
#slideshow #slideNext { background: #228B22 url(http://cdn.vitalmtb.com/assets/images/mobile/next.png) no-repeat 100% 50%; padding: 4px 19px 4px 7px; }
#slideshow li#slideControl { border: 1px solid #fff; color: #228B22; float: right; padding: 3px 0 3px 24px; }
#slideshow li#slideCount { color: #6d7071; font-size: 13px; padding: 3px; }
#slideshow li.play { background: #fff url(http://cdn.vitalmtb.com/assets/images/mobile/play.png) no-repeat 0% 50%; }
#slideshow li.pause { background: #fff url(http://cdn.vitalmtb.com/assets/images/mobile/pause.png) no-repeat 0% 50%; }

/* CLASSES */ 
.clear { clear: both;}
.hidden { display: none; }

/* SPOTLIGHT */
#spotlight-main { margin-bottom: 9px; padding: 0 9px; font-size: 14px; }
#spotlight-main a { display: block; color: #474747; -webkit-tap-highlight-color: rgba(0,119,187,0.5); }
#spotlight-main a em { background: url(http://cdn.vitalmtb.com/assets/images/mobile/comments.png) no-repeat 0% 2px; color: #6d7071; font-style: normal; font-size: 12px; padding-left: 12px; vertical-align: top; }
#spotlight-main a strong { color: #228B22; font-size: 16px; }

/* PAGINATION */
#pagination { background: #8CC63F; border: 3px solid #8CC63F; color: #000; height: 24px; line-height: 24px; text-align: center; }
#pagination li { font-size: 16px; float: left; width: 33%; }
#pagination li#prev { text-align: left; width: 37% }
#pagination li#next { text-align: right; width: 30%; }
#pagination li a { color: #fff; padding: 3px 9px; -webkit-tap-highlight-color: rgba(0,0,0,0.5); }
#pagination li span { color: #474747; padding: 3px 9px; }

/* FOOTER */
#footer { background: #000; clear: both; font-size: 12px; padding: 6px; position: relative; text-align: center; }
#footer ul li { border-right: 1px solid #aaa; display: inline; margin-right: 3px; padding-right: 6px; }
#footer ul li:last-child { border-right: medium none; }
#footer ul li a { color: #aaa; -webkit-tap-highlight-color: rgba(0,153,255,0.5); }
#footer ul.edition_title { margin-top: 4px; }
#footer ul li span { color: #aaa; -webkit-tap-highlight-color: rgba(0,153,255,0.5); }
#footer ul.edition_title li:first-child { border-width: 0 }

/* NOTICE */
#notice { margin: 9px; font-size: 14px; font-weight: bold; }

/* Added by Sasha */
input[type=submit],input[type=button]{font-size:14px;line-height:18px;font-weight:700;color:#fff;background-color:#228b22;border:none;outline:none;margin:0;padding:1px 8px}
input[type=submit]:hover,input[type=button]:hover{cursor:pointer}

/* Share block */
.mob-share-block__wrapper{margin:15px 0 10px;padding:0;width:100%}
.mob-share-block__inner{margin:0;padding:0}
.mob-share-block__item{display:inline-block}
.mob-share-block__item:first-of-type{margin-right:15px;position: relative;top: -4px}
.mob-share-block__item:last-of-type{margin-left:20px}
.mob-share-block__item.share{position:relative;top:-1px}
.mob-share-block__item_icon{display:inline-block;width:24px;height:24px;text-indent:-9999px}
.facebook .mob-share-block__item_icon{background:url(http://assets.vitalmedianet.com/images/icons/button-facebook-24x24.png) 0 0 no-repeat}
.twitter .mob-share-block__item_icon{background:url(http://assets.vitalmedianet.com/images/icons/button-twitter-24x24.png) 0 0 no-repeat}
.mob-share-block__item_link{font-size:12px;vertical-align:middle;position:relative;top:1px}
.mob-share-block__item-share{display:block;width:50px;height:20px;background:url(data:image/png;base64,R0lGODlhMgAUALMAAO1ZOvnb0uiMduZiRdhVOPKsmflgP/lnR/hWNfhYN/tvTvlbOvtzUuhNLvx4V////yH5BAAAAAAALAAAAAAyABQAAAT/8LFGq704693YG4cjjmRpnmjqHEOjvnAsUnJtjxSj73zv/8DgLrd7GI8SoXI5bCieyOhT4QgYAwKFADvter9eyhSpQBKeAexWIngIDuA4WAwnmxUH62DgKDDaBVYFVFYPBQeBBQ99Rod4ChQHkkaSlUYgB20PAQUCA21YVgBpn4uKnIECigyVkZNHB2aVqkcObZ6KBJmBbooDBJsFioeSrrGwsogCBqWdbgS5w4q0AwbBwgIAxQ0G3VFm3WkMBg5utwa5hgS3uegBe1jVBhTd3t8EBN3lRwEE5dnRNlmhlW/NJgIAutFb0G0Bvof4GhoA8OfhRIQXFzAYAAAfgI7dRAZsxMiQwoKTKBOoXIkS5UcALWMuAJBApkuYKE3a3Mmzp8+TFFYKHUq0qNGjRBsMQMC0qdOnUKNKndp0wAcOWLNqtRoBADs=) 0 0 no-repeat}
.mob-share-block__menu{margin-top:10px;padding:10px;border:1px solid #ebebeb;-webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.15);-moz-box-shadow: 3px 3px 8px rgba(0,0,0,0.15);box-shadow: 3px 3px 8px rgba(0,0,0,0.15);background:#f5f5f5;display:none}
.mob-share-block__menu-item{display:block;width:100%;height:24px;margin-bottom:8px;position:relative}
.mob-share-block__menu-item:last-of-type{margin-bottom:0}
.mob-share-block__menu-icon{display:block;width:24px;height:24px;line-height:0;position:absolute;top:0;left:0}
.mob-share-block__menu-link{display:block;line-height:12px;height:12px;font-size:12px;position:absolute;top:5px;left:29px}

div.mob-comments__show-comments a.btn, div.mob-comments__show-comments a.btn:hover { background-color: #8CC63F; }
#content p.caption{font-family:Helvetica, Arial, sans-serif;font-size:11px;font-weight:700;color:#777;border-bottom:1px solid #e2e2e2;padding-bottom:4px;margin:4px 0px 8px 0px;max-width:100%}

div.story_body ul { list-style-type: disc !important; margin-left: 20px }