.button {display: inline-block; margin: 20px 0px; padding: 3px 15px; color: #777; background: #eee; border: 1px solid #ccc; }

#body h2 { margin: 25px 0 5px 15px; font-size: 21px; }

.content p { font-size: 16px; line-height: 23px; }

.comment_list .comment {
  padding: 10px 0;
}

.post .content_info {
  margin-top: 0;
  padding-left: 0;
  border-left: none;
}
.post .content_info:after { /* Clear fix */ content:  ".";   display: block;  height: 0;  clear: both;  visibility: hidden; }
.post .content_info { /* IE fix */ zoom: 1; }

.post .avatar_container {
  float: left;
  margin: 0 10px 0 0;
  padding-right: 10px;
  border-right: solid 3px #ddd;
}

.post .avatar_container .avatar {
  display: block;
  width: 48px;
  height: 48px;
}

.lead_photo img { width: 100%; height: auto; }


/** OEMBED **/

.oembed {
  width: 300px;
  margin: 0 auto;
  text-align: center;
}

.oembed-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; width: 100% !important; }
.oembed-photo, .oembed-photo img { width: 100% !important; height: auto !important; }
.oembed .credit { text-align: left; font-size: 12px; line-height: 140%; margin-top: 5px;}
.oembed-rich, .oembed-rich iframe, .oembed-rich > div { width: 100% !important; }
.oembed-rich.provider-facebook, .oembed-rich.provider-facebook iframe { width: inherit; max-width: 100%;}
.oembed-rich.provider-facebook .fb_iframe_widget > span { max-width: 100%; width: 100% !important; }
.oembed-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.oembed-rich, .oembed-photo { text-align: center; }

.oembed.link-has-thumbnail, .oembed.oembed-photo { width: 100%; }
.oembed img { width: 100%; height: auto; }

.oembed .credit {
/*  font-weight: bold;*/
  color: #666;
}

.oembed .credit .author {
  font-weight: normal;
  font-style: normal;
  color: #999;
}

.fluid_video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.fluid_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/** Inlines **/
.inline { margin: 10px 0px; padding: 10px 0px; border-bottom: 1px solid #eee; }
.inline + .inline { margin-top: -5px; }
#body .inline p { font-size: 13px; color: #555; }
#body .inline p.thumbnail { margin-bottom: 0px; }
#body .inline .thumbnail img { width: 100%; }
#body .inline h3 { font-weight: normal; font-size: 11px; color: #bbb; text-transform: uppercase; margin-bottom: 5px; }
#body .inline .header {  font-weight: normal; color: #555; }
.inline .thumbnail { }
#body .inline .caption { line-height: 1.4em; margin-bottom: 5px; }
#body .inline .byline, #body .inline .credit { margin-bottom: 0px; font-size: 11px; color: #999; }
.inline:after { /* Clear fix */ content:  ".";   display: block;  height: 0;  clear: both;  visibility: hidden; }
.inline .video_player { text-align: center; }
.inline  ul li { border-bottom: none; padding: 5px 0px; }
.inline h4 { margin-bottom: 5px; font-size: 14px; }
#body .inline.text_more p { margin-bottom: 10px; }
#body .inlin.text_more ul li { line-height: 1.25em; }
.inline .listen { font-size: 14px; font-weight: bold; }
.recurring-inline ul { margin-bottom: 10px; }
.recurring-inline h6 { margin-bottom: 10px; }
.recurring-inline { border-top: 1px solid #eee; }
.inline + .recurring-inline { border-top: none; }
#body .recurring-inline h3 { margin-bottom: 10px; }

/* Bio */
.mugshot { width: 100%; height: auto; display: block; }


/* Comments
------------------------- */
/* Resetty stuff. */
#comments li.comment,
#comments .actions ul li {
  font-weight: normal;
  padding: 0;
}
#comments .actions ul li {
  border-bottom: 0 none;
  margin-left: 7px;
}
#comments li.comment a,
#comments .actions ul li a {
  background-image: none;
  display: inline;
  margin: 0;
  padding: 0;
  color: #175E99;
}
#comments li:after,
#comments li.comment a:after,
#comments .actions ul li a:after {
  content: "";
  display: none;
  clear: none;
}

.comment_list .comment { border-bottom: 1px solid #ddd; padding: 20px 0; }
.comment .author { font-size: 15px; }
.comment_list .avatar { margin-right: 7px; float: left; }
.comment_list .avatar img { border-radius: 50%; width: 30px; height: auto; border: 1px solid #ddd; }
.comment_text_wrapper { margin-left: 42px; }
#body .comment_list .comment_info p { margin-bottom: 0; font-size: 14px; display: inline-block; }
#body .comment_list .comment_text p { margin-bottom: 5px; }
.comment_list .comment_date { color: #999;  margin-bottom: 0; }
.comment_list .remove_wrapper, .comment_list .remove_wrapper a { color: #999; }
.comment_list .remove_wrapper a { margin-left: 18px; }

#comment_form { margin-top: 35px; }
#comment_form .avatar { float: left; }
#comment_form .avatar img { border-radius: 50%; }
#comment_form .comment_textarea, .comment_form .submit { margin-left: 65px; }
#comment_form .comment_textarea #id_comment { padding: 10px; border-radius: 3px; border-color: #bbb; width: 95%; }
#comment_form .submit button { background: #18629d; color: #fff; border: none; border-radius: 4px; height: 50px; line-height: 50px; padding: 0 6px; text-align: center; font-size: 16px; font-weight: bold; width: 95%; }
#comment_form .tabbed_content ul.tabs { margin-bottom: 10px; padding-left: 10px; }
#comment_form .tabbed_content ul.tabs li { list-style: none; }
#comment_form .tabbed_content a { font-size: 17px; font-weight: bold; color: #222; }

/* Mobile Sharing */
.fixed_footer_share { position: fixed; z-index: 1000; bottom: 0; width: 100%; display: block; left: 0; right: 0; }
.fixed_footer_share a { display: block; float: left; width: 50%; padding: 0; height: 45px; color: #fff; text-align: center; line-height: 45px; font-size: 16px; background: #3C599D;  padding: 0; }
.fixed_footer_share a img, .fixed_footer_share a span { vertical-align: middle; }
.fixed_footer_share a img { margin-right: 12px; width: auto; height: 26px; line-height: 45px; }
.fixed_footer_share a span { line-height: 1; }
.fixed_footer_share .fb img { width: auto; height: 26px; }
.fixed_footer_share .twitter { background: #00ABF0; }
.fixed_footer_share .twitter img { width: auto; height: 20px; }


.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

img.blog_header { width: 100%; height: auto; }

/* Lists */
h2.section { padding-bottom: 3px !important; border-bottom: 1px solid #dedede; }
h2.section, h2.section a { color: #222; font-size: 18px; margin-left: 18px; }
ul.story-list { margin: 0 0 5px 0; }
ul.story-list li:first-child { border-top: 1px solid #dedede; }
ul.story-list li { border-bottom: 1px solid #dedede; margin-bottom: 0; padding: 15px; }
ul.story-list li:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
ul.story-list p { padding: 0; margin-bottom: 12px; font-weight: normal; }
ul.story-list .object { padding: 0; margin: 0; background: #fff; border: none; }
ul.story-list .object:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
ul.story-list .object .favicon { vertical-align: middle; margin-right: 5px; }
ul.story-list .header { font-size: 17px; line-height: 21px; font-weight: normal; color: #222; }
.story-list .tease_img { float: right; display: inline-block; margin-left: 15px; }
.story-list .tease_img img { width: 140px; height: auto; display: block; margin-right: 0; }
.story-list .tease_img img.play_btn { width: 74px; height: auto; }
ul.story-list .date, ul.story-list .comments, ul.story-list .comments a.comment-count { color: #777; vertical-align: middle; font-size: 13px; }
.story-list .date, .story-list .comments { margin-right: 15px; }
.story-list .date { clear: both; float: none; }
.story-list h3 { margin-bottom: 10px; font-weight: normal; }
.story-list .thumbs img { margin-right: 10px; margin-bottom: 10px; }
.story-list .comment_icon { background: url(http://worldonline.media.clients.ellingtoncms.com/static/worldonline_mobile_default/images/comment-icon.png) no-repeat 0 4px; padding-left: 22px; background-size: 18px 16px; display: inline-block; }

.content h2, #body h2 { margin-bottom: 15px; font-size: 20px; line-height: 26px; }
.avatar_img { border-radius: 50%; width: 48px; height: 48px; }
.post_meta { margin-bottom: 10px; }
.post_meta .avatar, .content_info .avatar { display: inline-block; float: left; margin-right: 10px; }
.post_meta:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.post .content_info, .content .content_info { margin-top: 5px; display: inline-block; }
.content_info { padding-left: 0; border-left: none; }
.lead_photo { margin-bottom: 20px; }
#body .content_info { margin: 5px 0; }
#body .content_info .byline { margin-bottom: 0; font-size: 13px; line-height: 18px; font-weight: bold; color: #777; }
#body .content_info .byline a { color: #555; }
#body .content_info .date { margin-bottom: 0; font-size: 13px; line-height: 18px; color: #777; }

.lead_story { margin: 0 0 35px 0; }
.lead_story img { width: 100%; height: auto; }
.lead_story h4 { font-size: 21px; font-weight: normal; margin: 11px 0;  }
.lead_story h4 a { color: #222; font-weight: normal; font-size: 21px; line-height: 25px; }
.lead_info { padding: 0 18px; }
.lead_info p { margin-bottom: 0; }

.list .item:first-child { border-top: 1px solid #dedede; }
.list .item { border-bottom: 1px solid #dedede; margin-bottom: 0; padding: 15px; }
.list .item li:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.list .item img { float: right; display: inline-block; margin-left: 15px; display: block; margin-right: 0; }
.list .item .tease_img img { width: 140px; height: auto; }
.list .item a { font-weight: normal; font-size: 16px; line-height: 19px; color: #222; margin-bottom: 10px; }
.list .item h3 { margin-bottom: 10px; font-weight: normal; }
.list .item p { font-size: 14px; line-height: 17px; margin-top: 10px; }
.list .item small { display: block; margin-bottom: 5px; color: #777; font-size: 13px; }
.list .item .date, .list .item .comments, .list .item .comments a.comment-count { color: #777; vertical-align: middle; font-size: 13px; }
.list .item .date, .list .item .comments { margin-right: 15px; }
.list .item .date { clear: both; float: none; }
.list .item h3 { margin-bottom: 10px; font-weight: normal; }
.list .item .thumbs img { margin-right: 10px; margin-bottom: 10px; }
.list .item .comment_icon { background: url(http://worldonline.media.clients.ellingtoncms.com/static/worldonline_mobile_default/images/comment-icon.png) no-repeat 0 4px; padding-left: 22px; background-size: 18px 16px; display: inline-block; }

.video-list li:first-child { border-top: 1px solid #dedede; }
.video-list { border-bottom: 1px solid #dedede; margin-bottom: 0; padding: 15px; }
.video-list li:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.video-list img { float: right; display: inline-block; margin-left: 15px; display: block; margin-right: 0; }
.video-list a { font-weight: normal; font-size: 16px; }
.video-list small { display: block; margin-top: 10px; color: #777; font-size: 13px; }

#footer .desktop_site { margin: 15px 0; }
#footer .desktop_site img { vertical-align: middle; }

/* Schedules */
body.schedule #body h2 { margin: 20px 0 0 10px; color: #222; }
body.schedule #body h2.title { color: #666; margin: 0 0 10px 0; font-size: 17px; }
body.schedule caption, body.schedule th, body.schedule td { text-align: left; font-weight: normal; }
body.schedule .sports_schedule, body.schedule .sports_schedule_completed { font-size:85%!important; line-height: 1.4; width: 100%; }
body.schedule .sports_schedule tr { margin-bottom: 8px; }
body.schedule .sports_schedule tr:first-child { background: #18629d; color: #fff; }
body.schedule .sports_schedule tr:first-child th { padding: 10px 6px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; }
body.schedule .sports_schedule tbody tr td { padding: 13px 6px; }
body.schedule .title { margin-left: 0; }
body.schedule td.date { width: 18%; }
body.schedule td.matchup { width: 38%; }
body.schedule td.location { width: 26%; }

.taboola_wrapper { border-top: 1px solid #dedede; margin: 45px 0; padding-top: 15px; }
.taboola_wrapper h4 { font-size: 15px; margin-bottom: 10px; color: #888; }
.taboola { border-top: 1px solid #dedede; margin: 45px 0; padding-top: 15px; display: block; }
.taboola h4 { font-size: 15px; margin-bottom: 10px; color: #888; text-align: center; }