/*
 * Front-end styles for WP-PageNavi.
 *
 * Everything is scoped under the .wp-pagenavi root class, and font-family,
 * font-size and color are deliberately never set: the navigation inherits them
 * from the theme, which is why it looks at home in one without being told
 * anything about it.
 *
 * One sheet serves both text directions. Every property below is either
 * direction-neutral or a logical one -- no margin-left, no text-align: left, no
 * float -- so there is no -rtl.css to keep in step with this file.
 *
 * Both colours come from a custom property with a sensible fallback, so a theme
 * can restyle the navigation by setting two variables anywhere up the tree
 * rather than by copying this file. The resting border has a dark-scheme
 * default of its own; the current and hovered border is currentColor, which
 * follows the theme's text colour into either scheme on its own.
 */

.wp-pagenavi
{
font-size:12px;
display:block;
clear:both;
padding:20px 10px 20px 10px;
}
.wp-pagenavi a,
.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi a:active {
    padding: 4px 8px !important;
    margin: 3px !important;
    text-decoration: none !important;
    border: 1px solid #C8C8C2 !important;
    background: #FCFCFC !important;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    color: #999 !important;
}

.wp-pagenavi a:hover {
    border: 1px solid #a7a7a3 !important;
    color: #444 !important;
}

.wp-pagenavi span.pages {
    padding: 4px 8px !important;
    margin: 3px !important;
    font-family: Georgia,serif !important;
    font-style: italic !important;
    color: #999 !important;
}

.wp-pagenavi span.current {
    padding: 4px 8px !important;
    margin: 3px !important;
    text-decoration: none !important;
    border: 1px solid #a7a7a3 !important;
    background: #FCFCFC !important;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    font-weight: bold !important;
    color: #444 !important;
}

.wp-pagenavi span.extend {
    padding: 4px 8px !important;
    margin: 3px !important;
    text-decoration: none !important;
    border: 1px solid #C8C8C2 !important;
    background: #FCFCFC !important;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
}