/*
 *  Additional CSS rules for the Dailymile widgets so they play better with the default WordPress theme (and others)
 *  This file is part of the Dailymile Widgets WordPress plugin by Joe Maller
 *
 */

/* not all dailymile widgets properly set their font-size */
.widget_dailymilewidget { font-size: 12px; line-height: 1.34em; -webkit-font-smoothing: antialiased !important; }

/* force re-apply some of the Dailymile styling rules */
.widget_dailymilewidget ul { margin-left: 0 !important; }
.widget_dailymilewidget h4 { margin: 0 0 5px !important; line-height: 15px !important; color: #555 !important; }
.widget_dailymilewidget p { margin-bottom: 0 !important; margin-top: 5px; color: #555 !important; }
.widget_dailymilewidget p.details { margin: 0 !important; } 
.widget_dailymilewidget p.time, .widget_dailymilewidget p.distance { margin: 0; line-height: 1.8em !important; }
.widget_dailymilewidget p strong { font-size: 197% !important; display: block; }
.widget_dailymilewidget p.description { margin: 5px 0 !important; }
.widget_dailymilewidget a.timeAgo { font-size: 90% !important; } 
.widget_dailymilewidget .menu { font-size: 12px !important; } 
.widget_dailymilewidget .menu ul { visibility: visible !important; position: relative !important; } 
.widget_dailymilewidget .menu a { font-size: 12px !important; letter-spacing: 0 !important; text-transform: none !important; display: inline !important; } 
.widget_dailymilewidget .units { color: #aaa !important; }

/* fix bottom corner bleed-out in WebKit browsers */
#dailymile_widget_mileage { overflow: hidden; }
/* prevent digit wrapping if the widget is too small, display will crop instead     */
#dailymile_widget_mileage .total_miles,
#dailymile_widget_mileage .widget_footer { min-width: 268px; }
#dailymile_widget_mileage .widget_footer ul li a { font-size: 12px !important; }
#dailymile_widget_mileage .widget_header strong { position: absolute; margin-left: 5px; }

/* special case for the racing widget's h4 */
.race_widget h4 { margin: 10px 0 0 10px !important; }
.race_widget .past { opacity: 0.5 !important; filter: alpha(opacity=50); }

/* force font for the mini mileage widget */
#dailymile_widget_mini .total_miles,
#dailymile_widget_mini .label { font-family: 'Helvetica Neue', Arial, Helvetica, FreeSans, sans-serif !important; }
{font-size: 16pt !important; line-height: 43px; font-weight: bold; letter-spacing: 0.04em !important; font-family: 'Helvetica Neue', Arial, Helvetica, FreeSans, sans-serif !important; color: #666; text-shadow: 0 1px 1px #FFF !important; }
