WordPress.org

Make WordPress Themes

Changes from emphaino/1.2.3 at r83035 to emphaino/1.2.4 at r83035


Ignore:
Location:
emphaino/1.2.4
Files:
6 added
22 edited

Legend:

Unmodified
Added
Removed
  • emphaino/1.2.4/changelog.txt

    r83035 r83035  
    11Changelog 
    22========= 
     3 
     4 
     52015-05-01: Version 1.2.4 
     6------------------------- 
     7 
     8* Added localization in Spanish, German and Russian languages 
     9* Removed title tag from header.php and added theme support for 'title-tag' 
     10* Sanitization of customizer options 
     11* Added styles for .screen-reader-text 
     12* Screenshot updated to 880x660px image 
     13* Other minor changes, fixes and improvements 
    314 
    415 
     
    1021 
    1122 
    12  
    13232013-06-19: Version 1.2.2 
    1424------------------------- 
     
    1727 
    1828 
    19  
    20292013-06-10: Version 1.2.1 
    2130------------------------- 
    2231 
    2332* Fixed error in the sidebar option in theme customizer. 
    24  
    2533 
    2634 
  • emphaino/1.2.4/editor-style.css

    r83035 r83035  
    9191} 
    9292 
     93/* Text meant only for screen readers. */ 
     94.screen-reader-text { 
     95  clip: rect(1px, 1px, 1px, 1px); 
     96  position: absolute !important; 
     97  height: 1px; 
     98  width: 1px; 
     99  overflow: hidden; 
     100} 
     101 
     102.screen-reader-text:hover, 
     103.screen-reader-text:active, 
     104.screen-reader-text:focus { 
     105  background-color: #f1f1f1; 
     106  border-radius: 3px; 
     107  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 
     108  clip: auto !important; 
     109  color: #21759b; 
     110  display: block; 
     111  font-size: 14px; 
     112  font-size: 0.875rem; 
     113  font-weight: bold; 
     114  height: auto; 
     115  left: 5px; 
     116  line-height: normal; 
     117  padding: 15px 23px 14px; 
     118  text-decoration: none; 
     119  top: 5px; 
     120  width: auto; 
     121  z-index: 100000; 
     122  /* Above WP toolbar. */ 
     123} 
     124 
    93125/* Alignment */ 
    94126.alignleft { 
  • emphaino/1.2.4/functions.php

    r83035 r83035  
    5858function emphaino_setup() { 
    5959 
    60     /** 
     60    /* 
    6161     * Custom template tags for this theme. 
    6262     */ 
    6363    require get_template_directory() . '/inc/template-tags.php'; 
    6464 
    65     /** 
     65    /* 
    6666     * Custom functions that act independently of the theme templates 
    6767     */ 
    6868    require get_template_directory() . '/inc/extras.php'; 
    6969 
    70    /** 
    71     * Customizer additions 
    72     */ 
     70    /* 
     71     * Customizer additions 
     72    */ 
    7373    require get_template_directory() . '/inc/customizer.php'; 
    7474 
    75     /** 
     75    /* 
    7676     * Make theme available for translation 
    7777     * Translations can be filed in the /languages/ directory 
     
    7979    load_theme_textdomain( 'emphaino', get_template_directory() . '/languages' ); 
    8080 
    81     /** 
     81    /* 
    8282     * Add default posts and comments RSS feed links to head 
    8383     */ 
    8484    add_theme_support( 'automatic-feed-links' ); 
    8585 
    86     /** 
     86    /* 
     87     * Let WordPress manage the document title. 
     88     * By adding theme support, we declare that this theme does not use a 
     89     * hard-coded <title> tag in the document head, and expect WordPress to 
     90     * provide it for us. 
     91     */ 
     92    add_theme_support( 'title-tag' ); 
     93 
     94 
     95    /* 
    8796     * Enable support for Post Thumbnails 
    8897     */ 
     
    109118    add_theme_support( 'custom-background', $custom_background_args ); 
    110119 
    111     /** 
     120    /* 
    112121     * This theme uses wp_nav_menu() in one location. 
    113122     */ 
  • emphaino/1.2.4/header.php

    r83035 r83035  
    1515<meta name="viewport" content="width=device-width" /> 
    1616<?php endif; ?> 
    17 <title><?php wp_title( '|', true, 'right' ); ?></title> 
    1817<link rel="profile" href="http://gmpg.org/xfn/11" /> 
    1918<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" /> 
     
    6261        </div> 
    6362 
    64 <!--        <?php $header_image = get_header_image(); 
    65         if ( ! empty( $header_image ) ) : ?> 
    66             <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a> 
    67         <?php endif; ?> 
    68  --> 
    69  
    7063    </header><!-- #masthead .site-header --> 
    7164 
  • emphaino/1.2.4/ie.css

    r83035 r83035  
    1010.entry-content img, 
    1111img.size-full { 
    12   width: auto; 
     12    width: auto; 
    1313} 
    1414 
    1515/* Non Responsive Layout for IE 8 */ 
    1616#page { 
    17   width: 940px; 
    18   width: 94rem; 
     17    width: 940px; 
     18    width: 94rem; 
    1919} 
    2020 
    2121.js #dynamic-grid { 
    22   margin: -10px -10px 20px; 
    23   margin: -1rem -1rem 2rem; 
     22    margin: -10px -10px 20px; 
     23    margin: -1rem -1rem 2rem; 
    2424} 
    2525.js #dynamic-grid .hentry { 
    26   float: left; 
    27   width: 280px; 
    28   width: 28rem; 
    29   margin: 10px; 
    30   margin: 1rem; 
    31   padding: 10px; 
    32   padding: 1rem; 
     26    float: left; 
     27    width: 280px; 
     28    width: 28rem; 
     29    margin: 10px; 
     30    margin: 1rem; 
     31    padding: 10px; 
     32    padding: 1rem; 
    3333} 
    3434.js #dynamic-grid .hentry .entry-header { 
    35   text-align: left; 
     35    text-align: left; 
    3636} 
    3737 
    3838body { 
    39   padding: 0 20px; 
    40   padding: 0 2rem; 
     39    padding: 0 20px; 
     40    padding: 0 2rem; 
    4141} 
    4242 
    4343.site-header .header-main { 
    44   padding: 30px 20px 32px; 
    45   padding: 3rem 2rem 3.2rem; 
     44    padding: 30px 20px 32px; 
     45    padding: 3rem 2rem 3.2rem; 
    4646} 
    4747.site-header .site-title { 
    48   font-size: 40px; 
    49   font-size: 4rem; 
     48    font-size: 40px; 
     49    font-size: 4rem; 
    5050} 
    5151.site-header .site-description { 
    52   font-size: 14px; 
    53   font-size: 1.4rem; 
     52    font-size: 14px; 
     53    font-size: 1.4rem; 
    5454} 
    5555 
    5656.has-logo-image .site-header .header-main { 
    57   padding: 30px 20px; 
    58   padding: 3rem 2rem; 
     57    padding: 30px 20px; 
     58    padding: 3rem 2rem; 
    5959} 
    6060.has-logo-image .site-header .header-main img { 
    61   max-height: 80px; 
    62   max-height: 8rem; 
    63   width: auto; 
     61    max-height: 80px; 
     62    max-height: 8rem; 
     63    width: auto; 
    6464} 
    6565 
    6666.custom-header.no-logo-image.header-text-hidden .site-header .header-main { 
    67   min-height: 78px; 
    68   min-height: 7.8rem; 
     67    min-height: 78px; 
     68    min-height: 7.8rem; 
    6969} 
    7070 
     
    7373.comments-area, 
    7474.post-navigation { 
    75   padding: 20px; 
    76   padding: 2rem; 
     75    padding: 20px; 
     76    padding: 2rem; 
    7777} 
    7878 
     
    8383.not-found .entry-title, 
    8484.no-js .hentry .entry-title { 
    85   font-size: 27px; 
    86   font-size: 2.7rem; 
     85    font-size: 27px; 
     86    font-size: 2.7rem; 
    8787} 
    8888.single .entry-content, 
     
    116116.no-js .hentry .comments-area, 
    117117.no-js .hentry .pingback { 
    118   font-size: 14px; 
    119   font-size: 1.4rem; 
     118    font-size: 14px; 
     119    font-size: 1.4rem; 
    120120} 
    121121.single .entry-content h1, 
     
    149149.no-js .hentry .comments-area h1, 
    150150.no-js .hentry .pingback h1 { 
    151   font-size: 24px; 
    152   font-size: 2.4rem; 
     151    font-size: 24px; 
     152    font-size: 2.4rem; 
    153153} 
    154154.single .entry-content h2, 
     
    182182.no-js .hentry .comments-area h2, 
    183183.no-js .hentry .pingback h2 { 
    184   font-size: 22px; 
    185   font-size: 2.2rem; 
     184    font-size: 22px; 
     185    font-size: 2.2rem; 
    186186} 
    187187.single .entry-content h3, 
     
    215215.no-js .hentry .comments-area h3, 
    216216.no-js .hentry .pingback h3 { 
    217   font-size: 18px; 
    218   font-size: 1.8rem; 
     217    font-size: 18px; 
     218    font-size: 1.8rem; 
    219219} 
    220220.single .entry-content h4, 
     
    248248.no-js .hentry .comments-area h4, 
    249249.no-js .hentry .pingback h4 { 
    250   font-size: 14px; 
    251   font-size: 1.4rem; 
     250    font-size: 14px; 
     251    font-size: 1.4rem; 
    252252} 
    253253 
    254254.wp-post-image.attachment-post-thumbnail { 
    255   width: 150px; 
    256   width: 15rem; 
     255    width: 150px; 
     256    width: 15rem; 
    257257} 
    258258 
    259259.wp-caption-text, .entry-attachment .entry-caption p { 
    260   font-size: 0.8em; 
     260    font-size: 0.8em; 
    261261} 
    262262 
    263263.comments-title { 
    264   font-size: 22px; 
    265   font-size: 2.2rem; 
     264    font-size: 22px; 
     265    font-size: 2.2rem; 
    266266} 
    267267 
    268268#reply-title { 
    269   font-size: 20px; 
    270   font-size: 2rem; 
     269    font-size: 20px; 
     270    font-size: 2rem; 
    271271} 
    272272 
    273273ol.commentlist ul.children { 
    274   margin-left: 40px; 
    275   margin-left: 4rem; 
     274    margin-left: 40px; 
     275    margin-left: 4rem; 
    276276} 
    277277ol.commentlist ul.children > li:before { 
    278   font-size: 2.4rem; 
    279   left: -3.6rem; 
     278    font-size: 2.4rem; 
     279    left: -3.6rem; 
    280280} 
    281281 
    282282.pingback { 
    283   margin: 0 0 20px; 
    284   margin: 0 0 2rem; 
     283    margin: 0 0 20px; 
     284    margin: 0 0 2rem; 
    285285} 
    286286.pingback p:before { 
    287   font-size: 16px; 
    288   font-size: 1.6rem; 
     287    font-size: 16px; 
     288    font-size: 1.6rem; 
    289289} 
    290290 
    291291article.comment { 
    292   margin: 0 0 20px; 
    293   margin: 0 0 2rem; 
    294   padding-left: 100px; 
    295   padding-left: 10rem; 
    296   min-height: 80px; 
    297   min-height: 8rem; 
     292    margin: 0 0 20px; 
     293    margin: 0 0 2rem; 
     294    padding-left: 100px; 
     295    padding-left: 10rem; 
     296    min-height: 80px; 
     297    min-height: 8rem; 
    298298} 
    299299article.comment footer { 
    300   padding: 0 0 3px; 
    301   padding: 0 0 0.3rem; 
     300    padding: 0 0 3px; 
     301    padding: 0 0 0.3rem; 
    302302} 
    303303article.comment footer em { 
    304   left: 100px; 
    305   left: 10rem; 
     304    left: 100px; 
     305    left: 10rem; 
    306306} 
    307307 
    308308.avatar { 
    309   width: 80px; 
    310   width: 8rem; 
    311   position: absolute; 
    312   top: 10px; 
    313   top: 1rem; 
    314   left: 10px; 
    315   left: 1rem; 
    316   background: #f8f8f8; 
    317   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    318   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    319   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     309    width: 80px; 
     310    width: 8rem; 
     311    position: absolute; 
     312    top: 10px; 
     313    top: 1rem; 
     314    left: 10px; 
     315    left: 1rem; 
     316    background: #f8f8f8; 
     317    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     318    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     319    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    320320} 
    321321 
    322322.comment-author cite { 
    323   position: static; 
    324   font-size: 16px; 
    325   font-size: 1.6rem; 
     323    position: static; 
     324    font-size: 16px; 
     325    font-size: 1.6rem; 
    326326} 
    327327 
    328328.comment-meta { 
    329   float: right; 
    330   left: 0; 
    331   top: -20px; 
    332   top: -2rem; 
    333   font-size: 12px; 
    334   font-size: 1.2rem; 
     329    float: right; 
     330    left: 0; 
     331    top: -20px; 
     332    top: -2rem; 
     333    font-size: 12px; 
     334    font-size: 1.2rem; 
    335335} 
    336336 
    337337.no-comment-avatars article.comment { 
    338   padding-left: 10px; 
    339   padding-left: 1rem; 
     338    padding-left: 10px; 
     339    padding-left: 1rem; 
    340340} 
    341341.no-comment-avatars .comment-meta { 
    342   position: relative; 
     342    position: relative; 
    343343} 
    344344 
    345345#respond { 
    346   font-size: 14px; 
    347   font-size: 1.4rem; 
     346    font-size: 14px; 
     347    font-size: 1.4rem; 
    348348} 
    349349 
    350350.content-area { 
    351   max-width: 620px; 
    352   max-width: 62rem; 
     351    max-width: 620px; 
     352    max-width: 62rem; 
    353353} 
    354354 
     
    363363.no-js.no-sidebar .hentry, 
    364364.no-js.no-sidebar .comments-area { 
    365   padding: 40px; 
    366   padding: 4rem; 
     365    padding: 40px; 
     366    padding: 4rem; 
    367367} 
    368368.single.no-sidebar .entry-header, 
     
    411411.no-js.no-sidebar ol.commentlist, 
    412412.no-js.no-sidebar #respond { 
    413   max-width: 660px; 
    414   max-width: 66rem; 
    415   margin-right: auto; 
    416   margin-left: auto; 
     413    max-width: 660px; 
     414    max-width: 66rem; 
     415    margin-right: auto; 
     416    margin-left: auto; 
    417417} 
    418418.single.no-sidebar .entry-title, 
     
    421421.one-col-full-posts.no-sidebar .entry-title, 
    422422.no-js.no-sidebar .entry-title { 
    423   font-size: 30px; 
    424   font-size: 3rem; 
     423    font-size: 30px; 
     424    font-size: 3rem; 
    425425} 
    426426.single.no-sidebar .entry-content, 
     
    434434.no-js.no-sidebar .entry-content, 
    435435.no-js.no-sidebar .entry-summary { 
    436   font-size: 16px; 
    437   font-size: 1.6rem; 
     436    font-size: 16px; 
     437    font-size: 1.6rem; 
    438438} 
    439439.single.no-sidebar .pingback, .single.no-sidebar article.comment, 
     
    446446.no-js.no-sidebar .pingback, 
    447447.no-js.no-sidebar article.comment { 
    448   margin: 0 0 30px; 
    449   margin: 0 0 3rem; 
     448    margin: 0 0 30px; 
     449    margin: 0 0 3rem; 
    450450} 
    451451.single.has-sidebar .site-main, 
     
    454454.one-col-full-posts.has-sidebar .site-main, 
    455455.no-js.has-sidebar .site-main { 
    456   padding: 0 240px 0 0; 
    457   padding: 0 24rem 0 0; 
     456    padding: 0 240px 0 0; 
     457    padding: 0 24rem 0 0; 
    458458} 
    459459.single.has-sidebar .content-area, 
     
    462462.one-col-full-posts.has-sidebar .content-area, 
    463463.no-js.has-sidebar .content-area { 
    464   float: left; 
    465   margin-right: -100%; 
    466   width: 100%; 
     464    float: left; 
     465    margin-right: -100%; 
     466    width: 100%; 
    467467} 
    468468.single.has-sidebar .widget-area.sidebar, 
     
    471471.one-col-full-posts.has-sidebar .widget-area.sidebar, 
    472472.no-js.has-sidebar .widget-area.sidebar { 
    473   float: right; 
    474   margin-right: -240px; 
    475   margin-right: -24rem; 
    476   width: 220px; 
    477   width: 22rem; 
     473    float: right; 
     474    margin-right: -240px; 
     475    margin-right: -24rem; 
     476    width: 220px; 
     477    width: 22rem; 
    478478} 
    479479.single.has-sidebar #the-sidebar, 
     
    482482.one-col-full-posts.has-sidebar #the-sidebar, 
    483483.no-js.has-sidebar #the-sidebar { 
    484   width: 220px; 
    485   width: 22rem; 
     484    width: 220px; 
     485    width: 22rem; 
    486486} 
    487487.single.has-sidebar .entry-title, 
     
    490490.one-col-full-posts.has-sidebar .entry-title, 
    491491.no-js.has-sidebar .entry-title { 
    492   text-align: left; 
     492    text-align: left; 
    493493} 
    494494.single.has-sidebar .comment-meta, 
     
    497497.one-col-full-posts.has-sidebar .comment-meta, 
    498498.no-js.has-sidebar .comment-meta { 
    499   float: none; 
    500   position: relative; 
    501   top: 0; 
     499    float: none; 
     500    position: relative; 
     501    top: 0; 
    502502} 
    503503 
     
    507507.one-col-full-posts.has-sidebar .entry-title, 
    508508.no-js.has-sidebar .entry-title { 
    509   font-size: 30px; 
    510   font-size: 3rem; 
     509    font-size: 30px; 
     510    font-size: 3rem; 
    511511} 
    512512.single.has-sidebar .entry-content, 
     
    520520.no-js.has-sidebar .entry-content, 
    521521.no-js.has-sidebar .entry-summary { 
    522   font-size: 16px; 
    523   font-size: 1.6rem; 
     522    font-size: 16px; 
     523    font-size: 1.6rem; 
    524524} 
    525525 
    526526.content-area { 
    527   max-width: 940px; 
    528   max-width: 94rem; 
     527    max-width: 940px; 
     528    max-width: 94rem; 
    529529} 
    530530 
    531531.single.has-sidebar .comment-meta, body.page.has-sidebar .comment-meta { 
    532   float: right; 
    533   top: -20px; 
    534   top: -2rem; 
     532    float: right; 
     533    top: -20px; 
     534    top: -2rem; 
    535535} 
    536536 
    537537#footer-widgets { 
    538   width: 940px; 
    539   width: 94rem; 
     538    width: 940px; 
     539    width: 94rem; 
    540540} 
    541541 
    542542#bottom-bar .footer-text { 
    543   width: 48%; 
    544   float: left; 
    545   text-align: left; 
     543    width: 48%; 
     544    float: left; 
     545    text-align: left; 
    546546} 
    547547#bottom-bar .site-info { 
    548   width: 48%; 
    549   float: right; 
    550   text-align: right; 
     548    width: 48%; 
     549    float: right; 
     550    text-align: right; 
    551551} 
    552552 
    553553.header-main, .widget-area, .page-header, .post-navigation, .paging-navigation { 
    554   border: 1px solid #ddd; 
    555 } 
     554    border: 1px solid #ddd; 
     555} 
  • emphaino/1.2.4/inc/customizer.php

    r83035 r83035  
    4343    $wp_customize->add_section( 'content_settings', array( 
    4444        'title' => __( 'Content', 'emphaino' ), 
    45         'priority' => 120, 
     45        'priority' => 106, 
    4646        ) 
    4747    ); 
     
    4949    $wp_customize->add_section( 'widget_area_settings', array( 
    5050        'title' => __( 'Widget Area', 'emphaino' ), 
    51         'priority' => 121, 
     51        'priority' => 108, 
    5252        ) 
    5353    ); 
     
    5555    $wp_customize->add_section( 'footer_settings', array( 
    5656        'title' => __( 'Footer', 'emphaino' ), 
    57         'priority' => 122, 
     57        'priority' => 120, 
    5858        ) 
    5959    ); 
     
    7272        'default' => emphaino_default_settings( 'logo_image' ), 
    7373        'capability' => 'edit_theme_options', 
     74        'sanitize_callback' => 'esc_url_raw', 
    7475    ) ); 
    7576 
     
    8788        'default' => emphaino_default_settings( 'posts_layout' ), 
    8889        'capability' => 'edit_theme_options', 
     90        'sanitize_callback' => 'emphaino_sanitize_posts_layout', 
    8991    ) ); 
    9092 
     
    9597        'settings'   => 'posts_layout', 
    9698        'type'       => 'radio', 
    97         'choices'    => array( 
    98             'dynamic_grid_excerpts' => __('Dynamic Grid layout with excerpts', 'emphaino'), 
    99             'one_col_excerpts' => __('One Column layout with excerpts', 'emphaino'), 
    100             'one_col_full_posts' => __('One Column layout with full posts', 'emphaino'), 
    101         ), 
     99        'choices'    => emphaino_posts_layout_options(), 
    102100    ) ); 
    103101 
     
    108106        'default' => emphaino_default_settings( 'full_posts_feat_img' ), 
    109107        'capability' => 'edit_theme_options', 
     108        'sanitize_callback' => 'emphaino_sanitize_checkbox', 
    110109    ) ); 
    111110 
     
    123122        'default' => emphaino_default_settings( 'sidebar_in_posts_index' ), 
    124123        'capability' => 'edit_theme_options', 
     124        'sanitize_callback' => 'emphaino_sanitize_checkbox', 
    125125    ) ); 
    126126 
     
    140140        'capability' => 'edit_theme_options', 
    141141        'transport' => 'postMessage', 
     142        'sanitize_callback' => 'esc_textarea', 
    142143    ) ); 
    143144 
     
    155156        'capability' => 'edit_theme_options', 
    156157        'transport' => 'postMessage', 
     158        'sanitize_callback' => 'sanitize_hex_color', 
    157159    ) ); 
    158160 
     
    160162        'label'   => __( 'Link Color', 'emphaino' ), 
    161163        'section' => 'colors', 
    162         'settings'   => 'link_color', 
     164        'settings' => 'link_color', 
    163165    ) ) ); 
    164166 
     
    169171        'default' => emphaino_default_settings( 'non_responsive' ), 
    170172        'capability' => 'edit_theme_options', 
     173        'sanitize_callback' => 'emphaino_sanitize_checkbox', 
    171174    ) ); 
    172175 
     
    184187        'default' => emphaino_default_settings( 'disable_webfonts' ), 
    185188        'capability' => 'edit_theme_options', 
     189        'sanitize_callback' => 'emphaino_sanitize_checkbox', 
    186190    ) ); 
    187191 
     
    198202        'default' => emphaino_default_settings( 'disable_backtotop' ), 
    199203        'capability' => 'edit_theme_options', 
     204        'sanitize_callback' => 'emphaino_sanitize_checkbox', 
    200205    ) ); 
    201206 
     
    212217        'default' => emphaino_default_settings( 'custom_css' ), 
    213218        'capability' => 'edit_theme_options', 
     219        'sanitize_callback' => 'esc_textarea', 
    214220    ) ); 
    215221 
     
    220226    ) ) ); 
    221227 
    222     /* Redifining priorities of a couple of default sections */ 
     228    /* Redifining priorities of a some of the default sections */ 
     229    $wp_customize->get_section( 'static_front_page' )->priority = 105; 
    223230    $wp_customize->get_section( 'background_image' )->priority = 150; 
    224231    $wp_customize->get_section( 'colors' )->priority = 151; 
     
    242249} 
    243250add_action( 'customize_preview_init', 'emphaino_customize_preview_js' ); 
     251 
     252 
     253/** 
     254 * All possible optinos for the posts layout setting 
     255 * 
     256 * @since Emphaino 1.2.4 
     257 */ 
     258function emphaino_posts_layout_options() { 
     259    return array( 
     260            'dynamic_grid_excerpts' => __('Dynamic Grid layout with excerpts', 'emphaino'), 
     261            'one_col_excerpts' => __('One Column layout with excerpts', 'emphaino'), 
     262            'one_col_full_posts' => __('One Column layout with full posts', 'emphaino'), 
     263        ); 
     264} 
     265 
     266 
     267/** 
     268 * Santize value for the posts layout setting 
     269 * 
     270 * @since Emphaino 1.2.4 
     271 */ 
     272function emphaino_sanitize_posts_layout( $value ) { 
     273    if( $value && array_key_exists( $value, emphaino_posts_layout_options() ) ) { 
     274        return $value; 
     275    } 
     276    return emphaino_default_settings( 'posts_layout' ); 
     277} 
     278 
     279 
     280/** 
     281 * Sanitize checkbox value 
     282 * 
     283 * @since Emphaino 1.2.4 
     284 */ 
     285function emphaino_sanitize_checkbox( $value ) { 
     286    return $value; 
     287} 
  • emphaino/1.2.4/inc/extras.php

    r83035 r83035  
    5151} 
    5252add_filter( 'attachment_link', 'emphaino_enhanced_image_navigation', 10, 2 ); 
    53  
    54 /** 
    55  * Filters wp_title to print a neat <title> tag based on what is being viewed. 
    56  * 
    57  * @since Emphaino 1.0 
    58  */ 
    59 function emphaino_wp_title( $title, $sep ) { 
    60     global $page, $paged; 
    61  
    62     if ( is_feed() ) 
    63         return $title; 
    64  
    65     // Add the blog name 
    66     $title .= get_bloginfo( 'name' ); 
    67  
    68     // Add the blog description for the home/front page. 
    69     $site_description = get_bloginfo( 'description', 'display' ); 
    70     if ( $site_description && ( is_home() || is_front_page() ) ) 
    71         $title .= " $sep $site_description"; 
    72  
    73     // Add a page number if necessary: 
    74     if ( $paged >= 2 || $page >= 2 ) 
    75         $title .= " $sep " . sprintf( __( 'Page %s', 'emphaino' ), max( $paged, $page ) ); 
    76  
    77     return $title; 
    78 } 
    79 add_filter( 'wp_title', 'emphaino_wp_title', 10, 2 ); 
  • emphaino/1.2.4/languages/readme.md

    r83035 r83035  
    77| Code     | Language               | Translator            | 
    88| -------- | ---------------------- | --------------------- | 
     9| `de_DE`  | German                 | [Andres Imhof](http://www.kudaba.de/) | 
     10| `es_ES`  | Spanish                | Alfred                | 
    911| `fr_FR`  | French                 | [LumiÚre de Lune](http://www.lumieredelune.com/) | 
    1012| `nl_NL`  | Dutch                  | Rob Meerwijk          | 
    1113| `pl_PL`  | Polish                 | Katarzyna Matylla     | 
     14| `ru_RU`  | Russian                | ЕвгеМОй ВесМОМ (Evgeniy Vesnin) | 
    1215| `tr_TR`  | Turkish                | Ozan Çağlayan         | 
    1316 
  • emphaino/1.2.4/non-responsive.css

    r83035 r83035  
    66 */ 
    77#page { 
    8   width: 940px; 
    9   width: 94rem; 
     8    width: 940px; 
     9    width: 94rem; 
    1010} 
    1111 
    1212.js #dynamic-grid { 
    13   margin: -10px -10px 20px; 
    14   margin: -1rem -1rem 2rem; 
     13    margin: -10px -10px 20px; 
     14    margin: -1rem -1rem 2rem; 
    1515} 
    1616.js #dynamic-grid .hentry { 
    17   float: left; 
    18   width: 280px; 
    19   width: 28rem; 
    20   margin: 10px; 
    21   margin: 1rem; 
    22   padding: 10px; 
    23   padding: 1rem; 
     17    float: left; 
     18    width: 280px; 
     19    width: 28rem; 
     20    margin: 10px; 
     21    margin: 1rem; 
     22    padding: 10px; 
     23    padding: 1rem; 
    2424} 
    2525.js #dynamic-grid .hentry .entry-header { 
    26   text-align: left; 
     26    text-align: left; 
    2727} 
    2828 
    2929body { 
    30   padding: 0 20px; 
    31   padding: 0 2rem; 
     30    padding: 0 20px; 
     31    padding: 0 2rem; 
    3232} 
    3333 
    3434.site-header .header-main { 
    35   padding: 30px 20px 32px; 
    36   padding: 3rem 2rem 3.2rem; 
     35    padding: 30px 20px 32px; 
     36    padding: 3rem 2rem 3.2rem; 
    3737} 
    3838.site-header .site-title { 
    39   font-size: 40px; 
    40   font-size: 4rem; 
     39    font-size: 40px; 
     40    font-size: 4rem; 
    4141} 
    4242.site-header .site-description { 
    43   font-size: 14px; 
    44   font-size: 1.4rem; 
     43    font-size: 14px; 
     44    font-size: 1.4rem; 
    4545} 
    4646 
    4747.has-logo-image .site-header .header-main { 
    48   padding: 30px 20px; 
    49   padding: 3rem 2rem; 
     48    padding: 30px 20px; 
     49    padding: 3rem 2rem; 
    5050} 
    5151.has-logo-image .site-header .header-main img { 
    52   max-height: 80px; 
    53   max-height: 8rem; 
    54   width: auto; 
     52    max-height: 80px; 
     53    max-height: 8rem; 
     54    width: auto; 
    5555} 
    5656 
    5757.custom-header.no-logo-image.header-text-hidden .site-header .header-main { 
    58   min-height: 78px; 
    59   min-height: 7.8rem; 
     58    min-height: 78px; 
     59    min-height: 7.8rem; 
    6060} 
    6161 
     
    6464.comments-area, 
    6565.post-navigation { 
    66   padding: 20px; 
    67   padding: 2rem; 
     66    padding: 20px; 
     67    padding: 2rem; 
    6868} 
    6969 
     
    7474.not-found .entry-title, 
    7575.no-js .hentry .entry-title { 
    76   font-size: 27px; 
    77   font-size: 2.7rem; 
     76    font-size: 27px; 
     77    font-size: 2.7rem; 
    7878} 
    7979.single .entry-content, 
     
    107107.no-js .hentry .comments-area, 
    108108.no-js .hentry .pingback { 
    109   font-size: 14px; 
    110   font-size: 1.4rem; 
     109    font-size: 14px; 
     110    font-size: 1.4rem; 
    111111} 
    112112.single .entry-content h1, 
     
    140140.no-js .hentry .comments-area h1, 
    141141.no-js .hentry .pingback h1 { 
    142   font-size: 24px; 
    143   font-size: 2.4rem; 
     142    font-size: 24px; 
     143    font-size: 2.4rem; 
    144144} 
    145145.single .entry-content h2, 
     
    173173.no-js .hentry .comments-area h2, 
    174174.no-js .hentry .pingback h2 { 
    175   font-size: 22px; 
    176   font-size: 2.2rem; 
     175    font-size: 22px; 
     176    font-size: 2.2rem; 
    177177} 
    178178.single .entry-content h3, 
     
    206206.no-js .hentry .comments-area h3, 
    207207.no-js .hentry .pingback h3 { 
    208   font-size: 18px; 
    209   font-size: 1.8rem; 
     208    font-size: 18px; 
     209    font-size: 1.8rem; 
    210210} 
    211211.single .entry-content h4, 
     
    239239.no-js .hentry .comments-area h4, 
    240240.no-js .hentry .pingback h4 { 
    241   font-size: 14px; 
    242   font-size: 1.4rem; 
     241    font-size: 14px; 
     242    font-size: 1.4rem; 
    243243} 
    244244 
    245245.wp-post-image.attachment-post-thumbnail { 
    246   width: 150px; 
    247   width: 15rem; 
     246    width: 150px; 
     247    width: 15rem; 
    248248} 
    249249 
    250250.wp-caption-text, .entry-attachment .entry-caption p { 
    251   font-size: 0.8em; 
     251    font-size: 0.8em; 
    252252} 
    253253 
    254254.comments-title { 
    255   font-size: 22px; 
    256   font-size: 2.2rem; 
     255    font-size: 22px; 
     256    font-size: 2.2rem; 
    257257} 
    258258 
    259259#reply-title { 
    260   font-size: 20px; 
    261   font-size: 2rem; 
     260    font-size: 20px; 
     261    font-size: 2rem; 
    262262} 
    263263 
    264264ol.commentlist ul.children { 
    265   margin-left: 40px; 
    266   margin-left: 4rem; 
     265    margin-left: 40px; 
     266    margin-left: 4rem; 
    267267} 
    268268ol.commentlist ul.children > li:before { 
    269   font-size: 2.4rem; 
    270   left: -3.6rem; 
     269    font-size: 2.4rem; 
     270    left: -3.6rem; 
    271271} 
    272272 
    273273.pingback { 
    274   margin: 0 0 20px; 
    275   margin: 0 0 2rem; 
     274    margin: 0 0 20px; 
     275    margin: 0 0 2rem; 
    276276} 
    277277.pingback p:before { 
    278   font-size: 16px; 
    279   font-size: 1.6rem; 
     278    font-size: 16px; 
     279    font-size: 1.6rem; 
    280280} 
    281281 
    282282article.comment { 
    283   margin: 0 0 20px; 
    284   margin: 0 0 2rem; 
    285   padding-left: 100px; 
    286   padding-left: 10rem; 
    287   min-height: 80px; 
    288   min-height: 8rem; 
     283    margin: 0 0 20px; 
     284    margin: 0 0 2rem; 
     285    padding-left: 100px; 
     286    padding-left: 10rem; 
     287    min-height: 80px; 
     288    min-height: 8rem; 
    289289} 
    290290article.comment footer { 
    291   padding: 0 0 3px; 
    292   padding: 0 0 0.3rem; 
     291    padding: 0 0 3px; 
     292    padding: 0 0 0.3rem; 
    293293} 
    294294article.comment footer em { 
    295   left: 100px; 
    296   left: 10rem; 
     295    left: 100px; 
     296    left: 10rem; 
    297297} 
    298298 
    299299.avatar { 
    300   width: 80px; 
    301   width: 8rem; 
    302   position: absolute; 
    303   top: 10px; 
    304   top: 1rem; 
    305   left: 10px; 
    306   left: 1rem; 
    307   background: #f8f8f8; 
    308   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    309   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    310   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     300    width: 80px; 
     301    width: 8rem; 
     302    position: absolute; 
     303    top: 10px; 
     304    top: 1rem; 
     305    left: 10px; 
     306    left: 1rem; 
     307    background: #f8f8f8; 
     308    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     309    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     310    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    311311} 
    312312 
    313313.comment-author cite { 
    314   position: static; 
    315   font-size: 16px; 
    316   font-size: 1.6rem; 
     314    position: static; 
     315    font-size: 16px; 
     316    font-size: 1.6rem; 
    317317} 
    318318 
    319319.comment-meta { 
    320   float: right; 
    321   left: 0; 
    322   top: -20px; 
    323   top: -2rem; 
    324   font-size: 12px; 
    325   font-size: 1.2rem; 
     320    float: right; 
     321    left: 0; 
     322    top: -20px; 
     323    top: -2rem; 
     324    font-size: 12px; 
     325    font-size: 1.2rem; 
    326326} 
    327327 
    328328.no-comment-avatars article.comment { 
    329   padding-left: 10px; 
    330   padding-left: 1rem; 
     329    padding-left: 10px; 
     330    padding-left: 1rem; 
    331331} 
    332332.no-comment-avatars .comment-meta { 
    333   position: relative; 
     333    position: relative; 
    334334} 
    335335 
    336336#respond { 
    337   font-size: 14px; 
    338   font-size: 1.4rem; 
     337    font-size: 14px; 
     338    font-size: 1.4rem; 
    339339} 
    340340 
    341341.content-area { 
    342   max-width: 620px; 
    343   max-width: 62rem; 
     342    max-width: 620px; 
     343    max-width: 62rem; 
    344344} 
    345345 
     
    354354.no-js.no-sidebar .hentry, 
    355355.no-js.no-sidebar .comments-area { 
    356   padding: 40px; 
    357   padding: 4rem; 
     356    padding: 40px; 
     357    padding: 4rem; 
    358358} 
    359359.single.no-sidebar .entry-header, 
     
    402402.no-js.no-sidebar ol.commentlist, 
    403403.no-js.no-sidebar #respond { 
    404   max-width: 660px; 
    405   max-width: 66rem; 
    406   margin-right: auto; 
    407   margin-left: auto; 
     404    max-width: 660px; 
     405    max-width: 66rem; 
     406    margin-right: auto; 
     407    margin-left: auto; 
    408408} 
    409409.single.no-sidebar .entry-title, 
     
    412412.one-col-full-posts.no-sidebar .entry-title, 
    413413.no-js.no-sidebar .entry-title { 
    414   font-size: 30px; 
    415   font-size: 3rem; 
     414    font-size: 30px; 
     415    font-size: 3rem; 
    416416} 
    417417.single.no-sidebar .entry-content, 
     
    425425.no-js.no-sidebar .entry-content, 
    426426.no-js.no-sidebar .entry-summary { 
    427   font-size: 16px; 
    428   font-size: 1.6rem; 
     427    font-size: 16px; 
     428    font-size: 1.6rem; 
    429429} 
    430430.single.no-sidebar .pingback, .single.no-sidebar article.comment, 
     
    437437.no-js.no-sidebar .pingback, 
    438438.no-js.no-sidebar article.comment { 
    439   margin: 0 0 30px; 
    440   margin: 0 0 3rem; 
     439    margin: 0 0 30px; 
     440    margin: 0 0 3rem; 
    441441} 
    442442.single.has-sidebar .site-main, 
     
    445445.one-col-full-posts.has-sidebar .site-main, 
    446446.no-js.has-sidebar .site-main { 
    447   padding: 0 240px 0 0; 
    448   padding: 0 24rem 0 0; 
     447    padding: 0 240px 0 0; 
     448    padding: 0 24rem 0 0; 
    449449} 
    450450.single.has-sidebar .content-area, 
     
    453453.one-col-full-posts.has-sidebar .content-area, 
    454454.no-js.has-sidebar .content-area { 
    455   float: left; 
    456   margin-right: -100%; 
    457   width: 100%; 
     455    float: left; 
     456    margin-right: -100%; 
     457    width: 100%; 
    458458} 
    459459.single.has-sidebar .widget-area.sidebar, 
     
    462462.one-col-full-posts.has-sidebar .widget-area.sidebar, 
    463463.no-js.has-sidebar .widget-area.sidebar { 
    464   float: right; 
    465   margin-right: -240px; 
    466   margin-right: -24rem; 
    467   width: 220px; 
    468   width: 22rem; 
     464    float: right; 
     465    margin-right: -240px; 
     466    margin-right: -24rem; 
     467    width: 220px; 
     468    width: 22rem; 
    469469} 
    470470.single.has-sidebar #the-sidebar, 
     
    473473.one-col-full-posts.has-sidebar #the-sidebar, 
    474474.no-js.has-sidebar #the-sidebar { 
    475   width: 220px; 
    476   width: 22rem; 
     475    width: 220px; 
     476    width: 22rem; 
    477477} 
    478478.single.has-sidebar .entry-title, 
     
    481481.one-col-full-posts.has-sidebar .entry-title, 
    482482.no-js.has-sidebar .entry-title { 
    483   text-align: left; 
     483    text-align: left; 
    484484} 
    485485.single.has-sidebar .comment-meta, 
     
    488488.one-col-full-posts.has-sidebar .comment-meta, 
    489489.no-js.has-sidebar .comment-meta { 
    490   float: none; 
    491   position: relative; 
    492   top: 0; 
     490    float: none; 
     491    position: relative; 
     492    top: 0; 
    493493} 
    494494 
     
    498498.one-col-full-posts.has-sidebar .entry-title, 
    499499.no-js.has-sidebar .entry-title { 
    500   font-size: 30px; 
    501   font-size: 3rem; 
     500    font-size: 30px; 
     501    font-size: 3rem; 
    502502} 
    503503.single.has-sidebar .entry-content, 
     
    511511.no-js.has-sidebar .entry-content, 
    512512.no-js.has-sidebar .entry-summary { 
    513   font-size: 16px; 
    514   font-size: 1.6rem; 
     513    font-size: 16px; 
     514    font-size: 1.6rem; 
    515515} 
    516516 
    517517.content-area { 
    518   max-width: 940px; 
    519   max-width: 94rem; 
     518    max-width: 940px; 
     519    max-width: 94rem; 
    520520} 
    521521 
    522522.single.has-sidebar .comment-meta, body.page.has-sidebar .comment-meta { 
    523   float: right; 
    524   top: -20px; 
    525   top: -2rem; 
     523    float: right; 
     524    top: -20px; 
     525    top: -2rem; 
    526526} 
    527527 
    528528#footer-widgets { 
    529   width: 940px; 
    530   width: 94rem; 
     529    width: 940px; 
     530    width: 94rem; 
    531531} 
    532532 
    533533#bottom-bar .footer-text { 
    534   width: 48%; 
    535   float: left; 
    536   text-align: left; 
     534    width: 48%; 
     535    float: left; 
     536    text-align: left; 
    537537} 
    538538#bottom-bar .site-info { 
    539   width: 48%; 
    540   float: right; 
    541   text-align: right; 
    542 } 
     539    width: 48%; 
     540    float: right; 
     541    text-align: right; 
     542} 
  • emphaino/1.2.4/print.css

    r83035 r83035  
    1515fieldset, form, label, legend, 
    1616table, caption, tbody, tfoot, thead, tr, th, td { 
    17   border: 0; 
    18   font-family: inherit; 
    19   font-size: 100%; 
    20   font-style: inherit; 
    21   font-weight: inherit; 
    22   margin: 0; 
    23   outline: 0; 
    24   padding: 0; 
    25   vertical-align: baseline; 
     17    border: 0; 
     18    font-family: inherit; 
     19    font-size: 100%; 
     20    font-style: inherit; 
     21    font-weight: inherit; 
     22    margin: 0; 
     23    outline: 0; 
     24    padding: 0; 
     25    vertical-align: baseline; 
    2626} 
    2727 
    2828html { 
    29   font-size: 62.5%; 
    30   /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ 
    31   overflow-y: scroll; 
    32   /* Keeps page centred in all browsers regardless of content height */ 
    33   -webkit-text-size-adjust: 100%; 
    34   /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ 
    35   -ms-text-size-adjust: 100%; 
    36   /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ 
     29    font-size: 62.5%; 
     30    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ 
     31    overflow-y: scroll; 
     32    /* Keeps page centred in all browsers regardless of content height */ 
     33    -webkit-text-size-adjust: 100%; 
     34    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ 
     35    -ms-text-size-adjust: 100%; 
     36    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ 
    3737} 
    3838 
    3939body { 
    40   background: #fff; 
     40    background: #fff; 
    4141} 
    4242 
     
    5050nav, 
    5151section { 
    52   display: block; 
     52    display: block; 
    5353} 
    5454 
    5555ol, ul { 
    56   list-style: none; 
     56    list-style: none; 
    5757} 
    5858 
    5959table { 
    60   /* tables still need 'cellspacing="0"' in the markup */ 
    61   border-collapse: separate; 
    62   border-spacing: 0; 
     60    /* tables still need 'cellspacing="0"' in the markup */ 
     61    border-collapse: separate; 
     62    border-spacing: 0; 
    6363} 
    6464 
    6565caption, th, td { 
    66   font-weight: normal; 
    67   text-align: left; 
     66    font-weight: normal; 
     67    text-align: left; 
    6868} 
    6969 
    7070blockquote:before, blockquote:after, 
    7171q:before, q:after { 
    72   content: ""; 
     72    content: ""; 
    7373} 
    7474 
    7575blockquote, q { 
    76   quotes: "" ""; 
     76    quotes: "" ""; 
    7777} 
    7878 
    7979a:focus { 
    80   outline: thin dotted; 
     80    outline: thin dotted; 
    8181} 
    8282 
    8383a:hover, 
    8484a:active { 
    85   /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ 
    86   outline: 0; 
     85    /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ 
     86    outline: 0; 
    8787} 
    8888 
    8989a img { 
    90   border: 0; 
     90    border: 0; 
     91} 
     92 
     93/* Text meant only for screen readers. */ 
     94.screen-reader-text { 
     95    clip: rect(1px, 1px, 1px, 1px); 
     96    position: absolute !important; 
     97    height: 1px; 
     98    width: 1px; 
     99    overflow: hidden; 
     100} 
     101 
     102.screen-reader-text:hover, 
     103.screen-reader-text:active, 
     104.screen-reader-text:focus { 
     105    background-color: #f1f1f1; 
     106    border-radius: 3px; 
     107    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 
     108    clip: auto !important; 
     109    color: #21759b; 
     110    display: block; 
     111    font-size: 14px; 
     112    font-size: 0.875rem; 
     113    font-weight: bold; 
     114    height: auto; 
     115    left: 5px; 
     116    line-height: normal; 
     117    padding: 15px 23px 14px; 
     118    text-decoration: none; 
     119    top: 5px; 
     120    width: auto; 
     121    z-index: 100000; 
     122    /* Above WP toolbar. */ 
    91123} 
    92124 
    93125/* Alignment */ 
    94126.alignleft { 
    95   display: inline; 
    96   float: left; 
    97   margin-right: 1.5em; 
     127    display: inline; 
     128    float: left; 
     129    margin-right: 1.5em; 
    98130} 
    99131 
    100132.alignright { 
    101   display: inline; 
    102   float: right; 
    103   margin-left: 1.5em; 
     133    display: inline; 
     134    float: right; 
     135    margin-left: 1.5em; 
    104136} 
    105137 
    106138.aligncenter { 
    107   clear: both; 
    108   display: block; 
    109   margin: 0 auto; 
     139    clear: both; 
     140    display: block; 
     141    margin: 0 auto; 
    110142} 
    111143 
    112144/* Text meant only for screen readers */ 
    113145.assistive-text { 
    114   clip: rect(1px 1px 1px 1px); 
    115   /* IE6, IE7 */ 
    116   clip: rect(1px, 1px, 1px, 1px); 
    117   position: absolute !important; 
     146    clip: rect(1px 1px 1px 1px); 
     147    /* IE6, IE7 */ 
     148    clip: rect(1px, 1px, 1px, 1px); 
     149    position: absolute !important; 
    118150} 
    119151 
     
    121153.clearfix:before, 
    122154.clearfix:after { 
    123   content: " "; 
    124   display: table; 
     155    content: " "; 
     156    display: table; 
    125157} 
    126158 
    127159.clearfix:after { 
    128   clear: both; 
     160    clear: both; 
    129161} 
    130162 
    131163.cf { 
    132   *zoom: 1; 
     164    *zoom: 1; 
    133165} 
    134166 
    135167body { 
    136   color: #000; 
    137   font-family: "PT Sans", Verdana, Geneva, sans-serif; 
    138   font-size: 16px; 
    139   font-size: 1.6rem; 
    140   line-height: 1.5; 
     168    color: #000; 
     169    font-family: "PT Sans", Verdana, Geneva, sans-serif; 
     170    font-size: 16px; 
     171    font-size: 1.6rem; 
     172    line-height: 1.5; 
    141173} 
    142174 
    143175h1, h2, h3, h4, h5, h6 { 
    144   clear: both; 
    145   color: #888; 
    146   font-family: "Bree Serif", Georgia, serif; 
    147   text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     176    clear: both; 
     177    color: #888; 
     178    font-family: "Bree Serif", Georgia, serif; 
     179    text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    148180} 
    149181 
    150182hr { 
    151   background-color: #aaa; 
    152   border: 0; 
    153   height: 1px; 
    154   margin-bottom: 1.5em; 
     183    background-color: #aaa; 
     184    border: 0; 
     185    height: 1px; 
     186    margin-bottom: 1.5em; 
    155187} 
    156188 
    157189/* Text elements */ 
    158190p, ul, ol { 
    159   margin-bottom: 1.5em; 
    160   -webkit-hyphens: auto; 
    161   -moz-hyphens: auto; 
    162   hyphens: auto; 
    163   word-wrap: break-word; 
     191    margin-bottom: 1.5em; 
     192    -webkit-hyphens: auto; 
     193    -moz-hyphens: auto; 
     194    hyphens: auto; 
     195    word-wrap: break-word; 
    164196} 
    165197 
    166198ul { 
    167   list-style: none; 
     199    list-style: none; 
    168200} 
    169201ul li:before { 
    170   content: "\203A \0020"; 
     202    content: "\203A \0020"; 
    171203} 
    172204 
    173205ol, ol ol ol ol { 
    174   list-style: decimal inside; 
     206    list-style: decimal inside; 
    175207} 
    176208 
    177209ol ol { 
    178   list-style: lower-roman inside; 
     210    list-style: lower-roman inside; 
    179211} 
    180212 
    181213ol ol ol { 
    182   list-style: lower-alpha inside; 
     214    list-style: lower-alpha inside; 
    183215} 
    184216 
    185217ul ul, ol ol, ul ol, ol ul { 
    186   margin-bottom: 0; 
    187   margin-left: 1em; 
     218    margin-bottom: 0; 
     219    margin-left: 1em; 
    188220} 
    189221 
    190222dt { 
    191   font-weight: bold; 
     223    font-weight: bold; 
    192224} 
    193225 
    194226dd { 
    195   margin: 0 1.5em 1.5em; 
     227    margin: 0 1.5em 1.5em; 
    196228} 
    197229 
    198230b, strong { 
    199   font-weight: bold; 
     231    font-weight: bold; 
    200232} 
    201233 
    202234dfn, cite, em, i { 
    203   font-style: italic; 
     235    font-style: italic; 
    204236} 
    205237 
    206238blockquote, pre { 
    207   margin: 0 0 1em; 
    208   padding: 10px; 
    209   padding: 1rem; 
    210   border: 1px solid #aaa; 
     239    margin: 0 0 1em; 
     240    padding: 10px; 
     241    padding: 1rem; 
     242    border: 1px solid #aaa; 
    211243} 
    212244 
    213245blockquote { 
    214   padding-left: 4em; 
    215   position: relative; 
     246    padding-left: 4em; 
     247    position: relative; 
    216248} 
    217249blockquote:before { 
    218   position: absolute; 
    219   left: 10px; 
    220   left: 1rem; 
    221   font-family: 'fontello'; 
    222   font-style: normal; 
    223   font-weight: normal; 
    224   speak: none; 
    225   display: inline-block; 
    226   text-decoration: inherit; 
    227   width: 1em; 
    228   margin: 0 0.2em; 
    229   text-align: center; 
    230   opacity: 0.8; 
    231   line-height: 1em; 
    232   font-size: 2em; 
    233   opacity: 0.3; 
    234   content: '\275d'; 
     250    position: absolute; 
     251    left: 10px; 
     252    left: 1rem; 
     253    font-family: 'fontello'; 
     254    font-style: normal; 
     255    font-weight: normal; 
     256    speak: none; 
     257    display: inline-block; 
     258    text-decoration: inherit; 
     259    width: 1em; 
     260    margin: 0 0.2em; 
     261    text-align: center; 
     262    opacity: 0.8; 
     263    line-height: 1em; 
     264    font-size: 2em; 
     265    opacity: 0.3; 
     266    content: '\275d'; 
    235267} 
    236268blockquote p:last-child { 
    237   margin-bottom: 0; 
     269    margin-bottom: 0; 
    238270} 
    239271 
    240272address { 
    241   margin: 0 0 1em; 
     273    margin: 0 0 1em; 
    242274} 
    243275 
    244276pre { 
    245   font-family: "Courier 10 Pitch", Courier, monospace; 
    246   overflow: auto; 
    247   max-width: 100%; 
     277    font-family: "Courier 10 Pitch", Courier, monospace; 
     278    overflow: auto; 
     279    max-width: 100%; 
    248280} 
    249281 
    250282code, kbd, tt, var { 
    251   background: #f8f8f8; 
    252   border: 1px solid #aaa; 
    253   font: 0.9em Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 
     283    background: #f8f8f8; 
     284    border: 1px solid #aaa; 
     285    font: 0.9em Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 
    254286} 
    255287 
    256288abbr, acronym { 
    257   border-bottom: 1px dotted #666; 
    258   cursor: help; 
     289    border-bottom: 1px dotted #666; 
     290    cursor: help; 
    259291} 
    260292 
    261293sup, 
    262294sub { 
    263   font-size: 75%; 
    264   height: 0; 
    265   line-height: 0; 
    266   position: relative; 
    267   vertical-align: baseline; 
     295    font-size: 75%; 
     296    height: 0; 
     297    line-height: 0; 
     298    position: relative; 
     299    vertical-align: baseline; 
    268300} 
    269301 
    270302sup { 
    271   bottom: 1ex; 
     303    bottom: 1ex; 
    272304} 
    273305 
    274306sub { 
    275   top: .5ex; 
     307    top: .5ex; 
    276308} 
    277309 
    278310small { 
    279   font-size: 75%; 
     311    font-size: 75%; 
    280312} 
    281313 
    282314big { 
    283   font-size: 125%; 
     315    font-size: 125%; 
    284316} 
    285317 
    286318figure { 
    287   margin: 0; 
     319    margin: 0; 
    288320} 
    289321 
    290322table { 
    291   margin: 0 0 1.5em; 
    292   width: 100%; 
    293   border-width: 0 1px 1px 0; 
    294   border-style: solid; 
    295   border-color: #aaa; 
    296   background: #f8f8f8; 
     323    margin: 0 0 1.5em; 
     324    width: 100%; 
     325    border-width: 0 1px 1px 0; 
     326    border-style: solid; 
     327    border-color: #aaa; 
     328    background: #f8f8f8; 
    297329} 
    298330 
    299331th, td { 
    300   padding: 5px 10px; 
    301   padding: 0.5rem 1rem; 
    302   border-width: 1px 0 0 1px; 
    303   border-style: solid; 
    304   border-color: #ddd; 
     332    padding: 5px 10px; 
     333    padding: 0.5rem 1rem; 
     334    border-width: 1px 0 0 1px; 
     335    border-style: solid; 
     336    border-color: #ddd; 
    305337} 
    306338 
    307339th { 
    308   background: #eee; 
    309   font-weight: bold; 
     340    background: #eee; 
     341    font-weight: bold; 
    310342} 
    311343 
     
    314346select, 
    315347textarea { 
    316   display: none; 
     348    display: none; 
    317349} 
    318350 
    319351/* Links */ 
    320352a { 
    321   color: inherit; 
    322   text-decoration: none; 
     353    color: inherit; 
     354    text-decoration: none; 
    323355} 
    324356 
     
    327359#respond, 
    328360.footer-widget-area { 
    329   display: none; 
     361    display: none; 
    330362} 
    331363 
    332364.site-header { 
    333   border-bottom: 1px solid #aaa; 
    334   margin-bottom: 20px; 
    335   margin-bottom: 2rem; 
     365    border-bottom: 1px solid #aaa; 
     366    margin-bottom: 20px; 
     367    margin-bottom: 2rem; 
    336368} 
    337369 
    338370.site-header .header-main { 
    339   margin-bottom: 20px; 
    340   margin-bottom: 2rem; 
    341   text-align: center; 
     371    margin-bottom: 20px; 
     372    margin-bottom: 2rem; 
     373    text-align: center; 
    342374} 
    343375 
    344376.site-title { 
    345   font-size: 40px; 
    346   font-size: 4rem; 
     377    font-size: 40px; 
     378    font-size: 4rem; 
    347379} 
    348380 
    349381.site-description { 
    350   font-size: 16px; 
    351   font-size: 1.6rem; 
    352   font-family: "PT Sans", Verdana, Geneva, sans-serif; 
    353   font-weight: normal; 
     382    font-size: 16px; 
     383    font-size: 1.6rem; 
     384    font-family: "PT Sans", Verdana, Geneva, sans-serif; 
     385    font-weight: normal; 
    354386} 
    355387 
    356388.has-logo-image .site-title, .has-logo-image .site-description { 
    357   height: 0; 
    358   width: 0; 
    359   overflow: hidden; 
     389    height: 0; 
     390    width: 0; 
     391    overflow: hidden; 
    360392} 
    361393 
    362394.page-header { 
    363   margin: 0 0 1.5em; 
    364   padding: 10px; 
    365   background-color: #f6f6f6; 
    366   background-color: rgba(248, 248, 248, 0.7); 
    367   -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    368   -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    369   box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    370   text-align: center; 
     395    margin: 0 0 1.5em; 
     396    padding: 10px; 
     397    background-color: #f6f6f6; 
     398    background-color: rgba(248, 248, 248, 0.7); 
     399    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     400    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     401    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     402    text-align: center; 
    371403} 
    372404 
    373405.site-content { 
    374   width: 100%; 
     406    width: 100%; 
    375407} 
    376408 
    377409.hentry, .page-header { 
    378   padding: 0 0 1.5em; 
    379   margin: 0 0 1.5em; 
    380   border-bottom: 1px solid #aaa; 
     410    padding: 0 0 1.5em; 
     411    margin: 0 0 1.5em; 
     412    border-bottom: 1px solid #aaa; 
    381413} 
    382414 
    383415#dynamic-grid { 
    384   height: auto !important; 
     416    height: auto !important; 
    385417} 
    386418#dynamic-grid .hentry { 
    387   position: static !important; 
     419    position: static !important; 
    388420} 
    389421 
    390422.page-header span { 
    391   text-decoration: underline; 
     423    text-decoration: underline; 
    392424} 
    393425 
    394426.entry-title { 
    395   font-size: 27px; 
    396   font-size: 2.7rem; 
    397   word-wrap: break-word; 
     427    font-size: 27px; 
     428    font-size: 2.7rem; 
     429    word-wrap: break-word; 
    398430} 
    399431 
     
    411443.comment-content h5, 
    412444.comment-content h6 { 
    413   margin: 0 0 10px; 
    414   margin: 0 0 1rem; 
     445    margin: 0 0 10px; 
     446    margin: 0 0 1rem; 
    415447} 
    416448.entry-content h1, 
    417449.entry-summary h1, 
    418450.comment-content h1 { 
    419   font-size: 24px; 
    420   font-size: 2.4rem; 
     451    font-size: 24px; 
     452    font-size: 2.4rem; 
    421453} 
    422454.entry-content h2, 
    423455.entry-summary h2, 
    424456.comment-content h2 { 
    425   font-size: 22px; 
    426   font-size: 2.2rem; 
     457    font-size: 22px; 
     458    font-size: 2.2rem; 
    427459} 
    428460.entry-content h3, 
    429461.entry-summary h3, 
    430462.comment-content h3 { 
    431   font-size: 18px; 
    432   font-size: 1.8rem; 
     463    font-size: 18px; 
     464    font-size: 1.8rem; 
    433465} 
    434466.entry-content h4, 
    435467.entry-summary h4, 
    436468.comment-content h4 { 
    437   font: bold 14px "PT Sans", Verdana, Geneva, sans-serif; 
    438   font: bold 1.4rem "PT Sans", Verdana, Geneva, sans-serif; 
    439   text-transform: uppercase; 
     469    font: bold 14px "PT Sans", Verdana, Geneva, sans-serif; 
     470    font: bold 1.4rem "PT Sans", Verdana, Geneva, sans-serif; 
     471    text-transform: uppercase; 
    440472} 
    441473.entry-content h5, 
    442474.entry-summary h5, 
    443475.comment-content h5 { 
    444   font: bold 12px "PT Sans", Verdana, Geneva, sans-serif; 
    445   font: bold 1.2rem "PT Sans", Verdana, Geneva, sans-serif; 
    446   text-transform: uppercase; 
     476    font: bold 12px "PT Sans", Verdana, Geneva, sans-serif; 
     477    font: bold 1.2rem "PT Sans", Verdana, Geneva, sans-serif; 
     478    text-transform: uppercase; 
    447479} 
    448480.entry-content h6, 
    449481.entry-summary h6, 
    450482.comment-content h6 { 
    451   font: bold 12px "PT Sans", Verdana, Geneva, sans-serif; 
    452   font: bold 1.2rem "PT Sans", Verdana, Geneva, sans-serif; 
     483    font: bold 12px "PT Sans", Verdana, Geneva, sans-serif; 
     484    font: bold 1.2rem "PT Sans", Verdana, Geneva, sans-serif; 
    453485} 
    454486 
     
    472504.single-format-aside .entry-title:before, 
    473505.post-password-required .entry-title:before { 
    474   font-family: 'fontello'; 
    475   font-style: normal; 
    476   font-weight: normal; 
    477   speak: none; 
    478   display: inline-block; 
    479   text-decoration: inherit; 
    480   width: 1em; 
    481   margin: 0 0.2em; 
    482   text-align: center; 
    483   opacity: 0.8; 
    484   line-height: 1em; 
    485   margin-right: 0.4em; 
     506    font-family: 'fontello'; 
     507    font-style: normal; 
     508    font-weight: normal; 
     509    speak: none; 
     510    display: inline-block; 
     511    text-decoration: inherit; 
     512    width: 1em; 
     513    margin: 0 0.2em; 
     514    text-align: center; 
     515    opacity: 0.8; 
     516    line-height: 1em; 
     517    margin-right: 0.4em; 
    486518} 
    487519 
    488520.format-image .entry-title:before, .single-format-image .entry-title:before { 
    489   content: '\e805 \0020'; 
     521    content: '\e805 \0020'; 
    490522} 
    491523 
    492524.format-gallery .entry-title:before, .single-format-gallery .entry-title:before { 
    493   content: '\1f304 \0020'; 
     525    content: '\1f304 \0020'; 
    494526} 
    495527 
    496528.format-chat .entry-title:before, .single-format-chat .entry-title:before { 
    497   content: '\e802 \0020'; 
     529    content: '\e802 \0020'; 
    498530} 
    499531 
    500532.format-link .entry-title:before, .single-format-link .entry-title:before { 
    501   content: '\e807 \0020'; 
     533    content: '\e807 \0020'; 
    502534} 
    503535 
    504536.format-quote .entry-title:before, .single-format-quote .entry-title:before { 
    505   content: '\275d \0020'; 
     537    content: '\275d \0020'; 
    506538} 
    507539 
    508540.format-audio .entry-title:before, .single-format-audio .entry-title:before { 
    509   content: '\e804 \0020'; 
     541    content: '\e804 \0020'; 
    510542} 
    511543 
    512544.format-video .entry-title:before, .single-format-video .entry-title:before { 
    513   content: '\e806 \0020'; 
     545    content: '\e806 \0020'; 
    514546} 
    515547 
    516548.format-status .entry-title:before, .single-format-status .entry-title:before { 
    517   content: '\1f514 \0020'; 
     549    content: '\1f514 \0020'; 
    518550} 
    519551 
    520552.format-aside .entry-title:before, .single-format-aside .entry-title:before { 
    521   content: '\e732 \0020'; 
     553    content: '\e732 \0020'; 
    522554} 
    523555 
    524556.post-password-required .entry-title:before { 
    525   content: '\e708 \0020'; 
     557    content: '\e708 \0020'; 
    526558} 
    527559 
    528560.more-link { 
    529   display: none; 
     561    display: none; 
    530562} 
    531563 
    532564.entry-meta { 
    533   clear: both; 
    534   font-size: 12px; 
    535   font-size: 1.2rem; 
    536   color: #888; 
     565    clear: both; 
     566    font-size: 12px; 
     567    font-size: 1.2rem; 
     568    color: #888; 
    537569} 
    538570.entry-meta span { 
    539   margin-right: 1em; 
     571    margin-right: 1em; 
    540572} 
    541573.entry-meta .permalink { 
    542   display: none; 
     574    display: none; 
    543575} 
    544576 
    545577.single .entry-meta .byline, 
    546578.group-blog .entry-meta .byline { 
    547   display: inline; 
     579    display: inline; 
    548580} 
    549581 
    550582.attachment .entry-meta .byline { 
    551   display: none; 
     583    display: none; 
    552584} 
    553585 
    554586.entry-content, 
    555587.entry-summary { 
    556   margin: 1.5em 0 0; 
     588    margin: 1.5em 0 0; 
    557589} 
    558590 
    559591.featured-image { 
    560   width: 100%; 
    561   line-height: 0; 
     592    width: 100%; 
     593    line-height: 0; 
    562594} 
    563595 
    564596.wp-post-image { 
    565   background: #f8f8f8; 
    566   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    567   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    568   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    569   margin: 0 0 10px; 
    570   margin: 0 0 1rem; 
    571   max-width: 100%; 
    572   height: auto; 
     597    background: #f8f8f8; 
     598    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     599    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     600    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     601    margin: 0 0 10px; 
     602    margin: 0 0 1rem; 
     603    max-width: 100%; 
     604    height: auto; 
    573605} 
    574606.wp-post-image.attachment-post-thumbnail { 
    575   float: right; 
    576   width: 150px; 
    577   width: 15rem; 
    578   margin: 0.4em 0 10px 10px; 
    579   margin: 0.4em 0 1rem 1rem; 
     607    float: right; 
     608    width: 150px; 
     609    width: 15rem; 
     610    margin: 0.4em 0 10px 10px; 
     611    margin: 0.4em 0 1rem 1rem; 
    580612} 
    581613 
    582614.page-links { 
    583   clear: both; 
    584   border: 1px solid #aaa; 
    585   margin: 0 0 1em; 
    586   padding: 1rem; 
    587   text-align: center; 
     615    clear: both; 
     616    border: 1px solid #aaa; 
     617    margin: 0 0 1em; 
     618    padding: 1rem; 
     619    text-align: center; 
    588620} 
    589621 
    590622.blog .format-aside .entry-title a, 
    591623.archive .format-aside .entry-title a { 
    592   display: none; 
     624    display: none; 
    593625} 
    594626 
    595627.format-chat .entry-content { 
    596   border: 1px solid #aaa; 
    597   margin: 0 0 1.5em; 
    598   padding: 1rem; 
     628    border: 1px solid #aaa; 
     629    margin: 0 0 1.5em; 
     630    padding: 1rem; 
    599631} 
    600632.format-chat .entry-content p:last-child { 
    601   margin-bottom: 0; 
     633    margin-bottom: 0; 
    602634} 
    603635 
    604636.wp-caption { 
    605   max-width: 100%; 
     637    max-width: 100%; 
    606638} 
    607639 
    608640.wp-caption, .entry-attachment { 
    609   margin-bottom: 1.5em; 
     641    margin-bottom: 1.5em; 
    610642} 
    611643.wp-caption img, .entry-attachment img { 
    612   background: #f8f8f8; 
    613   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    614   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    615   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     644    background: #f8f8f8; 
     645    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     646    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     647    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    616648} 
    617649 
    618650.site-content .gallery { 
    619   padding-bottom: 1.5em; 
     651    padding-bottom: 1.5em; 
    620652} 
    621653 
    622654.gallery-caption { 
    623   font-size: 12px; 
    624   font-size: 1.2rem; 
     655    font-size: 12px; 
     656    font-size: 1.2rem; 
    625657} 
    626658 
    627659.site-content .gallery a img { 
    628   border: none; 
    629   height: auto; 
    630   max-width: 90%; 
     660    border: none; 
     661    height: auto; 
     662    max-width: 90%; 
    631663} 
    632664 
     
    634666iframe, 
    635667object { 
    636   max-width: 100%; 
    637   margin-bottom: 1.5em; 
     668    max-width: 100%; 
     669    margin-bottom: 1.5em; 
    638670} 
    639671 
    640672.site-content .site-navigation { 
    641   display: none; 
     673    display: none; 
    642674} 
    643675 
    644676.comments-title { 
    645   font-size: 22px; 
    646   font-size: 2.2rem; 
    647   margin-bottom: 20px; 
    648   margin-bottom: 2rem; 
     677    font-size: 22px; 
     678    font-size: 2.2rem; 
     679    margin-bottom: 20px; 
     680    margin-bottom: 2rem; 
    649681} 
    650682 
    651683ol.commentlist { 
    652   list-style: none; 
    653   margin: 0 0 20px; 
    654   margin: 0 0 2rem; 
     684    list-style: none; 
     685    margin: 0 0 20px; 
     686    margin: 0 0 2rem; 
    655687} 
    656688ol.commentlist ul.children { 
    657   margin-left: 20px; 
    658   margin-left: 2rem; 
     689    margin-left: 20px; 
     690    margin-left: 2rem; 
    659691} 
    660692ol.commentlist ul.children > li { 
    661   position: relative; 
     693    position: relative; 
    662694} 
    663695ol.commentlist ul.children > li:before { 
    664   font-family: 'fontello'; 
    665   font-style: normal; 
    666   font-weight: normal; 
    667   speak: none; 
    668   display: inline-block; 
    669   text-decoration: inherit; 
    670   width: 1em; 
    671   margin: 0 0.2em; 
    672   text-align: center; 
    673   opacity: 0.8; 
    674   line-height: 1em; 
    675   content: "\21b3"; 
    676   position: absolute; 
    677   left: -2.2rem; 
    678   opacity: 0.3; 
     696    font-family: 'fontello'; 
     697    font-style: normal; 
     698    font-weight: normal; 
     699    speak: none; 
     700    display: inline-block; 
     701    text-decoration: inherit; 
     702    width: 1em; 
     703    margin: 0 0.2em; 
     704    text-align: center; 
     705    opacity: 0.8; 
     706    line-height: 1em; 
     707    content: "\21b3"; 
     708    position: absolute; 
     709    left: -2.2rem; 
     710    opacity: 0.3; 
    679711} 
    680712 
    681713article.comment { 
    682   position: relative; 
    683   overflow: hidden; 
    684   clear: both; 
    685   margin: 0 0 20px; 
    686   margin: 0 0 2rem; 
    687   padding: 10px; 
    688   padding: 1rem; 
    689   border-bottom: 1px solid #aaa; 
     714    position: relative; 
     715    overflow: hidden; 
     716    clear: both; 
     717    margin: 0 0 20px; 
     718    margin: 0 0 2rem; 
     719    padding: 10px; 
     720    padding: 1rem; 
     721    border-bottom: 1px solid #aaa; 
    690722} 
    691723article.comment footer { 
    692   border-bottom: 1px solid #dddddd; 
    693   margin-bottom: 10px; 
    694   margin-bottom: 1rem; 
    695   padding: 0 0 10px; 
    696   padding: 0 0 1rem; 
     724    border-bottom: 1px solid #dddddd; 
     725    margin-bottom: 10px; 
     726    margin-bottom: 1rem; 
     727    padding: 0 0 10px; 
     728    padding: 0 0 1rem; 
    697729} 
    698730article.comment footer em { 
    699   /* "Your comment is awaiting moderation" message */ 
    700   position: absolute; 
    701   bottom: 10px; 
    702   bottom: 1rem; 
    703   left: 10px; 
    704   left: 1rem; 
    705   font-size: 12px; 
    706   font-size: 1.2rem; 
     731    /* "Your comment is awaiting moderation" message */ 
     732    position: absolute; 
     733    bottom: 10px; 
     734    bottom: 1rem; 
     735    left: 10px; 
     736    left: 1rem; 
     737    font-size: 12px; 
     738    font-size: 1.2rem; 
    707739} 
    708740article.comment footer em:before { 
    709   content: '('; 
     741    content: '('; 
    710742} 
    711743article.comment footer em:after { 
    712   content: ')'; 
     744    content: ')'; 
    713745} 
    714746article.comment footer br { 
    715   display: none; 
     747    display: none; 
    716748} 
    717749 
    718750.pingback p { 
    719   position: relative; 
    720   margin: 0 0 10px; 
    721   margin: 0 0 1rem; 
    722   padding: 10px 10px 10px 28px; 
    723   padding: 1rem 1rem 1rem 2.8rem; 
    724   border: 1px solid #aaa; 
     751    position: relative; 
     752    margin: 0 0 10px; 
     753    margin: 0 0 1rem; 
     754    padding: 10px 10px 10px 28px; 
     755    padding: 1rem 1rem 1rem 2.8rem; 
     756    border: 1px solid #aaa; 
    725757} 
    726758.pingback p:before { 
    727   font-family: 'fontello'; 
    728   font-style: normal; 
    729   font-weight: normal; 
    730   speak: none; 
    731   display: inline-block; 
    732   text-decoration: inherit; 
    733   width: 1em; 
    734   margin: 0 0.2em; 
    735   text-align: center; 
    736   opacity: 0.8; 
    737   line-height: 1em; 
    738   position: absolute; 
    739   left: 0.5rem; 
    740   top: 1.3rem; 
    741   content: '\e761\e78b'; 
    742   opacity: 0.5; 
     759    font-family: 'fontello'; 
     760    font-style: normal; 
     761    font-weight: normal; 
     762    speak: none; 
     763    display: inline-block; 
     764    text-decoration: inherit; 
     765    width: 1em; 
     766    margin: 0 0.2em; 
     767    text-align: center; 
     768    opacity: 0.8; 
     769    line-height: 1em; 
     770    position: absolute; 
     771    left: 0.5rem; 
     772    top: 1.3rem; 
     773    content: '\e761\e78b'; 
     774    opacity: 0.5; 
    743775} 
    744776 
    745777.avatar { 
    746   float: left; 
    747   margin-bottom: 10px; 
    748   margin-bottom: 1rem; 
    749   width: 40px; 
    750   width: 4rem; 
    751   height: auto; 
    752   background: #f8f8f8; 
    753   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    754   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    755   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     778    float: left; 
     779    margin-bottom: 10px; 
     780    margin-bottom: 1rem; 
     781    width: 40px; 
     782    width: 4rem; 
     783    height: auto; 
     784    background: #f8f8f8; 
     785    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     786    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     787    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    756788} 
    757789 
    758790.comment-author cite { 
    759   position: relative; 
    760   left: 10px; 
    761   left: 1rem; 
    762   font-size: 14px; 
    763   font-size: 1.4rem; 
    764   font-family: "Bree Serif", Georgia, serif; 
    765   font-style: normal; 
     791    position: relative; 
     792    left: 10px; 
     793    left: 1rem; 
     794    font-size: 14px; 
     795    font-size: 1.4rem; 
     796    font-family: "Bree Serif", Georgia, serif; 
     797    font-style: normal; 
    766798} 
    767799 
    768800.comment-meta { 
    769   position: relative; 
    770   left: 10px; 
    771   left: 1rem; 
    772   font-size: 12px; 
    773   font-size: 1.2rem; 
     801    position: relative; 
     802    left: 10px; 
     803    left: 1rem; 
     804    font-size: 12px; 
     805    font-size: 1.2rem; 
    774806} 
    775807 
    776808.bypostauthor > .comment .comment-author cite:after { 
    777   content: '*'; 
    778   font-size: 0.8em; 
    779   position: relative; 
    780   bottom: 0.2em; 
     809    content: '*'; 
     810    font-size: 0.8em; 
     811    position: relative; 
     812    bottom: 0.2em; 
    781813} 
    782814 
    783815#bottom-bar { 
    784   font-size: 12px; 
    785   font-size: 1.2rem; 
    786   text-align: center; 
    787 } 
     816    font-size: 12px; 
     817    font-size: 1.2rem; 
     818    text-align: center; 
     819} 
  • emphaino/1.2.4/sass/_helpers.scss

    r83035 r83035  
     1/* Text meant only for screen readers. */ 
     2.screen-reader-text { 
     3    clip: rect(1px, 1px, 1px, 1px); 
     4    position: absolute !important; 
     5    height: 1px; 
     6    width: 1px; 
     7    overflow: hidden; 
     8} 
     9 
     10.screen-reader-text:hover, 
     11.screen-reader-text:active, 
     12.screen-reader-text:focus { 
     13    background-color: #f1f1f1; 
     14    border-radius: 3px; 
     15    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 
     16    clip: auto !important; 
     17    color: #21759b; 
     18    display: block; 
     19    font-size: 14px; 
     20    font-size: 0.875rem; 
     21    font-weight: bold; 
     22    height: auto; 
     23    left: 5px; 
     24    line-height: normal; 
     25    padding: 15px 23px 14px; 
     26    text-decoration: none; 
     27    top: 5px; 
     28    width: auto; 
     29    z-index: 100000; /* Above WP toolbar. */ 
     30} 
     31 
     32 
    133/* Alignment */ 
    234.alignleft { 
  • emphaino/1.2.4/sass/style.scss

    r83035 r83035  
    22Theme Name: Emphaino 
    33Theme URI: http://srinig.com/wordpress/themes/emphaino/ 
    4 Author: Srinivasan G 
     4Author: Srini G 
    55Author URI: http://srinig.com/ 
    66Description: The word 'emphaino' means "to show in, to exhibit;" (en, "in," phaino, "to cause to shine"). Let your thoughts, your work, your art shine with Emphaino, a modern, responsive WordPress theme. Clean design, emphasis on content. Customization through the interactive WP customizer interface. Compatible with WordPress 3.5 and above. 
    7 Version: 1.2.3 
     7Version: 1.2.4 
    88License: GNU General Public License 
    99License URI: license.txt 
    10 Tags: gray, white, light, one-column, three-columns, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging 
     10Text Domain: emphaino 
     11Tags: gray, white, light, one-column, three-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging 
    1112 
    1213Emphaino is based on the _s theme (http://underscores.me/). 
  • emphaino/1.2.4/style.css

    r83035 r83035  
    22Theme Name: Emphaino 
    33Theme URI: http://srinig.com/wordpress/themes/emphaino/ 
    4 Author: Srinivasan G 
     4Author: Srini G 
    55Author URI: http://srinig.com/ 
    66Description: The word 'emphaino' means "to show in, to exhibit;" (en, "in," phaino, "to cause to shine"). Let your thoughts, your work, your art shine with Emphaino, a modern, responsive WordPress theme. Clean design, emphasis on content. Customization through the interactive WP customizer interface. Compatible with WordPress 3.5 and above. 
    7 Version: 1.2.3 
     7Version: 1.2.4 
    88License: GNU General Public License 
    99License URI: license.txt 
    10 Tags: gray, white, light, one-column, three-columns, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging 
     10Text Domain: emphaino 
     11Tags: gray, white, light, one-column, three-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging 
    1112 
    1213Emphaino is based on the _s theme (http://underscores.me/). 
     
    1718and Blueprint http://www.blueprintcss.org/ 
    1819*/ 
     20 
    1921/* =Reset 
    2022-------------------------------------------------------------- */ 
     
    2729fieldset, form, label, legend, 
    2830table, caption, tbody, tfoot, thead, tr, th, td { 
    29   border: 0; 
    30   font-family: inherit; 
    31   font-size: 100%; 
    32   font-style: inherit; 
    33   font-weight: inherit; 
    34   margin: 0; 
    35   outline: 0; 
    36   padding: 0; 
    37   vertical-align: baseline; 
     31    border: 0; 
     32    font-family: inherit; 
     33    font-size: 100%; 
     34    font-style: inherit; 
     35    font-weight: inherit; 
     36    margin: 0; 
     37    outline: 0; 
     38    padding: 0; 
     39    vertical-align: baseline; 
    3840} 
    3941 
    4042html { 
    41   font-size: 62.5%; 
    42   /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ 
    43   overflow-y: scroll; 
    44   /* Keeps page centred in all browsers regardless of content height */ 
    45   -webkit-text-size-adjust: 100%; 
    46   /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ 
    47   -ms-text-size-adjust: 100%; 
    48   /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ 
     43    font-size: 62.5%; 
     44    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ 
     45    overflow-y: scroll; 
     46    /* Keeps page centred in all browsers regardless of content height */ 
     47    -webkit-text-size-adjust: 100%; 
     48    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ 
     49    -ms-text-size-adjust: 100%; 
     50    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ 
    4951} 
    5052 
    5153body { 
    52   background: #fff; 
     54    background: #fff; 
    5355} 
    5456 
     
    6264nav, 
    6365section { 
    64   display: block; 
     66    display: block; 
    6567} 
    6668 
    6769ol, ul { 
    68   list-style: none; 
     70    list-style: none; 
    6971} 
    7072 
    7173table { 
    72   /* tables still need 'cellspacing="0"' in the markup */ 
    73   border-collapse: separate; 
    74   border-spacing: 0; 
     74    /* tables still need 'cellspacing="0"' in the markup */ 
     75    border-collapse: separate; 
     76    border-spacing: 0; 
    7577} 
    7678 
    7779caption, th, td { 
    78   font-weight: normal; 
    79   text-align: left; 
     80    font-weight: normal; 
     81    text-align: left; 
    8082} 
    8183 
    8284blockquote:before, blockquote:after, 
    8385q:before, q:after { 
    84   content: ""; 
     86    content: ""; 
    8587} 
    8688 
    8789blockquote, q { 
    88   quotes: "" ""; 
     90    quotes: "" ""; 
    8991} 
    9092 
    9193a:focus { 
    92   outline: thin dotted; 
     94    outline: thin dotted; 
    9395} 
    9496 
    9597a:hover, 
    9698a:active { 
    97   /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ 
    98   outline: 0; 
     99    /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ 
     100    outline: 0; 
    99101} 
    100102 
    101103a img { 
    102   border: 0; 
     104    border: 0; 
    103105} 
    104106 
     
    110112select, 
    111113textarea { 
    112   color: #444; 
    113   font-family: "PT Sans", Verdana, Geneva, sans-serif; 
    114   font-size: 16px; 
    115   font-size: 1.6rem; 
    116   line-height: 1.5; 
     114    color: #444; 
     115    font-family: "PT Sans", Verdana, Geneva, sans-serif; 
     116    font-size: 16px; 
     117    font-size: 1.6rem; 
     118    line-height: 1.5; 
    117119} 
    118120 
    119121/* Headings */ 
    120122h1, h2, h3, h4, h5, h6 { 
    121   clear: both; 
    122   color: #555555; 
    123   font-family: "Bree Serif", Georgia, serif; 
    124   text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     123    clear: both; 
     124    color: #555555; 
     125    font-family: "Bree Serif", Georgia, serif; 
     126    text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    125127} 
    126128 
    127129hr { 
    128   background-color: #ccc; 
    129   border: 0; 
    130   height: 1px; 
    131   margin-bottom: 1.5em; 
     130    background-color: #ccc; 
     131    border: 0; 
     132    height: 1px; 
     133    margin-bottom: 1.5em; 
    132134} 
    133135 
    134136/* Text elements */ 
    135137p, ul, ol { 
    136   margin-bottom: 1.5em; 
    137   -webkit-hyphens: auto; 
    138   -moz-hyphens: auto; 
    139   hyphens: auto; 
    140   word-wrap: break-word; 
     138    margin-bottom: 1.5em; 
     139    -webkit-hyphens: auto; 
     140    -moz-hyphens: auto; 
     141    hyphens: auto; 
     142    word-wrap: break-word; 
    141143} 
    142144 
    143145ul { 
    144   list-style: none; 
    145   position: relative; 
    146   margin-left: 0.8em; 
     146    list-style: none; 
     147    position: relative; 
     148    margin-left: 0.8em; 
    147149} 
    148150ul li:before { 
    149   content: "\203A \0020"; 
    150   position: absolute; 
    151   left: -0.8em; 
     151    content: "\203A \0020"; 
     152    position: absolute; 
     153    left: -0.8em; 
    152154} 
    153155 
    154156ol { 
    155   margin-left: 1.2em; 
     157    margin-left: 1.2em; 
    156158} 
    157159 
    158160ol, ol ol ol ol { 
    159   list-style: decimal outside; 
     161    list-style: decimal outside; 
    160162} 
    161163 
    162164ol ol { 
    163   list-style: lower-roman outside; 
     165    list-style: lower-roman outside; 
    164166} 
    165167 
    166168ol ol ol { 
    167   list-style: lower-alpha outside; 
     169    list-style: lower-alpha outside; 
    168170} 
    169171 
    170172ul ul, ol ol, ul ol, ol ul { 
    171   margin-bottom: 0; 
    172   margin-left: 1.2em; 
     173    margin-bottom: 0; 
     174    margin-left: 1.2em; 
    173175} 
    174176 
    175177li { 
    176   margin-top: 0.2em; 
     178    margin-top: 0.2em; 
    177179} 
    178180li:first-child { 
    179   margin-top: 0; 
     181    margin-top: 0; 
    180182} 
    181183 
    182184dt { 
    183   font-weight: bold; 
     185    font-weight: bold; 
    184186} 
    185187 
    186188dd { 
    187   margin: 0 1.5em 1.5em; 
     189    margin: 0 1.5em 1.5em; 
    188190} 
    189191 
    190192b, strong { 
    191   font-weight: bold; 
     193    font-weight: bold; 
    192194} 
    193195 
    194196dfn, cite, em, i { 
    195   font-style: italic; 
     197    font-style: italic; 
    196198} 
    197199 
    198200blockquote, pre { 
    199   margin: 0 0 1em; 
    200   padding: 1em; 
    201   background: #f8f8f8; 
    202   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    203   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    204   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     201    margin: 0 0 1em; 
     202    padding: 1em; 
     203    background: #f8f8f8; 
     204    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     205    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     206    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    205207} 
    206208 
    207209blockquote { 
    208   padding-left: 4em; 
    209   position: relative; 
     210    padding-left: 4em; 
     211    position: relative; 
    210212} 
    211213blockquote:before { 
    212   position: absolute; 
    213   left: 0.4em; 
    214   font-family: 'fontello'; 
    215   font-style: normal; 
    216   font-weight: normal; 
    217   speak: none; 
    218   display: inline-block; 
    219   text-decoration: inherit; 
    220   width: 1em; 
    221   margin: 0 0.2em; 
    222   text-align: center; 
    223   opacity: 0.8; 
    224   line-height: 1em; 
    225   font-size: 2em; 
    226   opacity: 0.3; 
    227   content: '\275d'; 
     214    position: absolute; 
     215    left: 0.4em; 
     216    font-family: 'fontello'; 
     217    font-style: normal; 
     218    font-weight: normal; 
     219    speak: none; 
     220    display: inline-block; 
     221    text-decoration: inherit; 
     222    width: 1em; 
     223    margin: 0 0.2em; 
     224    text-align: center; 
     225    opacity: 0.8; 
     226    line-height: 1em; 
     227    font-size: 2em; 
     228    opacity: 0.3; 
     229    content: '\275d'; 
    228230} 
    229231blockquote p:last-child { 
    230   margin-bottom: 0; 
     232    margin-bottom: 0; 
    231233} 
    232234 
    233235address { 
    234   margin: 0 0 1em; 
     236    margin: 0 0 1em; 
    235237} 
    236238 
    237239pre { 
    238   font-family: "Courier 10 Pitch", Courier, monospace; 
    239   overflow: auto; 
    240   max-width: 100%; 
     240    font-family: "Courier 10 Pitch", Courier, monospace; 
     241    overflow: auto; 
     242    max-width: 100%; 
    241243} 
    242244 
    243245code, kbd, tt, var { 
    244   background: #f8f8f8; 
    245   border: 1px solid #dddddd; 
    246   font: 0.9em Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 
     246    background: #f8f8f8; 
     247    border: 1px solid #dddddd; 
     248    font: 0.9em Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 
    247249} 
    248250 
    249251abbr, acronym { 
    250   border-bottom: 1px dotted #666; 
    251   cursor: help; 
     252    border-bottom: 1px dotted #666; 
     253    cursor: help; 
    252254} 
    253255 
    254256sup, 
    255257sub { 
    256   font-size: 75%; 
    257   height: 0; 
    258   line-height: 0; 
    259   position: relative; 
    260   vertical-align: baseline; 
     258    font-size: 75%; 
     259    height: 0; 
     260    line-height: 0; 
     261    position: relative; 
     262    vertical-align: baseline; 
    261263} 
    262264 
    263265sup { 
    264   bottom: 1ex; 
     266    bottom: 1ex; 
    265267} 
    266268 
    267269sub { 
    268   top: .5ex; 
     270    top: .5ex; 
    269271} 
    270272 
    271273small { 
    272   font-size: 75%; 
     274    font-size: 75%; 
    273275} 
    274276 
    275277big { 
    276   font-size: 125%; 
     278    font-size: 125%; 
    277279} 
    278280 
    279281figure { 
    280   margin: 0; 
     282    margin: 0; 
    281283} 
    282284 
    283285table { 
    284   margin: 0 0 1.5em; 
    285   width: 100%; 
    286   border-width: 0 1px 1px 0; 
    287   border-style: solid; 
    288   border-color: #dddddd; 
    289   background: #f8f8f8; 
     286    margin: 0 0 1.5em; 
     287    width: 100%; 
     288    border-width: 0 1px 1px 0; 
     289    border-style: solid; 
     290    border-color: #dddddd; 
     291    background: #f8f8f8; 
    290292} 
    291293 
    292294th, td { 
    293   padding: 5px 10px; 
    294   padding: 0.5rem 1rem; 
    295   border-width: 1px 0 0 1px; 
    296   border-style: solid; 
    297   border-color: #ddd; 
     295    padding: 5px 10px; 
     296    padding: 0.5rem 1rem; 
     297    border-width: 1px 0 0 1px; 
     298    border-style: solid; 
     299    border-color: #ddd; 
    298300} 
    299301 
    300302th { 
    301   background: #eee; 
    302   font-weight: bold; 
     303    background: #eee; 
     304    font-weight: bold; 
    303305} 
    304306 
     
    307309select, 
    308310textarea { 
    309   font-size: 100%; 
    310   /* Corrects font size not being inherited in all browsers */ 
    311   margin: 0; 
    312   /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ 
    313   vertical-align: baseline; 
    314   /* Improves appearance and consistency in all browsers */ 
    315   *vertical-align: middle; 
    316   /* Improves appearance and consistency in all browsers */ 
     311    font-size: 100%; 
     312    /* Corrects font size not being inherited in all browsers */ 
     313    margin: 0; 
     314    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ 
     315    vertical-align: baseline; 
     316    /* Improves appearance and consistency in all browsers */ 
     317    *vertical-align: middle; 
     318    /* Improves appearance and consistency in all browsers */ 
    317319} 
    318320 
    319321button, 
    320322input { 
    321   line-height: normal; 
    322   /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ 
    323   *overflow: visible; 
    324   /* Corrects inner spacing displayed oddly in IE6/7 */ 
     323    line-height: normal; 
     324    /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ 
     325    *overflow: visible; 
     326    /* Corrects inner spacing displayed oddly in IE6/7 */ 
    325327} 
    326328 
     
    329331input[type="reset"], 
    330332input[type="submit"] { 
    331   border: 1px solid #ccc; 
    332   border-color: #ccc #ccc #bbb #ccc; 
    333   border-radius: 3px; 
    334   background: #e6e6e6; 
    335   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); 
    336   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); 
    337   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); 
    338   color: rgba(0, 0, 0, 0.8); 
    339   cursor: pointer; 
    340   /* Improves usability and consistency of cursor style between image-type 'input' and others */ 
    341   -webkit-appearance: button; 
    342   /* Corrects inability to style clickable 'input' types in iOS */ 
    343   line-height: 2em; 
    344   height: 2.1em; 
    345   padding: 0 1em; 
    346   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 
     333    border: 1px solid #ccc; 
     334    border-color: #ccc #ccc #bbb #ccc; 
     335    border-radius: 3px; 
     336    background: #e6e6e6; 
     337    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); 
     338    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); 
     339    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); 
     340    color: rgba(0, 0, 0, 0.8); 
     341    cursor: pointer; 
     342    /* Improves usability and consistency of cursor style between image-type 'input' and others */ 
     343    -webkit-appearance: button; 
     344    /* Corrects inability to style clickable 'input' types in iOS */ 
     345    line-height: 2em; 
     346    height: 2.1em; 
     347    padding: 0 1em; 
     348    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 
    347349} 
    348350 
     
    351353input[type="reset"]:hover, 
    352354input[type="submit"]:hover { 
    353   border-color: #ccc #bbb #aaa #bbb; 
    354   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); 
    355   -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); 
    356   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); 
     355    border-color: #ccc #bbb #aaa #bbb; 
     356    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); 
     357    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); 
     358    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); 
    357359} 
    358360 
     
    365367input[type="reset"]:active, 
    366368input[type="submit"]:active { 
    367   border-color: #aaa #bbb #bbb #bbb; 
    368   -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); 
    369   -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); 
    370   box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); 
     369    border-color: #aaa #bbb #bbb #bbb; 
     370    -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); 
     371    -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); 
     372    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); 
    371373} 
    372374 
    373375input[type="checkbox"], 
    374376input[type="radio"] { 
    375   box-sizing: border-box; 
    376   /* Addresses box sizing set to content-box in IE8/9 */ 
    377   padding: 0; 
    378   /* Addresses excess padding in IE8/9 */ 
     377    box-sizing: border-box; 
     378    /* Addresses box sizing set to content-box in IE8/9 */ 
     379    padding: 0; 
     380    /* Addresses excess padding in IE8/9 */ 
    379381} 
    380382 
    381383input[type="search"] { 
    382   -webkit-appearance: textfield; 
    383   /* Addresses appearance set to searchfield in S5, Chrome */ 
    384   -moz-box-sizing: content-box; 
    385   -webkit-box-sizing: content-box; 
    386   /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ 
    387   box-sizing: content-box; 
     384    -webkit-appearance: textfield; 
     385    /* Addresses appearance set to searchfield in S5, Chrome */ 
     386    -moz-box-sizing: content-box; 
     387    -webkit-box-sizing: content-box; 
     388    /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ 
     389    box-sizing: content-box; 
    388390} 
    389391 
    390392input[type="search"]::-webkit-search-decoration { 
    391   /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ 
    392   -webkit-appearance: none; 
     393    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ 
     394    -webkit-appearance: none; 
    393395} 
    394396 
    395397button::-moz-focus-inner, 
    396398input::-moz-focus-inner { 
    397   /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ 
    398   border: 0; 
    399   padding: 0; 
     399    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ 
     400    border: 0; 
     401    padding: 0; 
    400402} 
    401403 
     
    403405input[type=email], 
    404406textarea { 
    405   color: #666; 
    406   border: 1px solid #ccc; 
    407   border-radius: 3px; 
     407    color: #666; 
     408    border: 1px solid #ccc; 
     409    border-radius: 3px; 
    408410} 
    409411 
     
    411413input[type=email]:focus, 
    412414textarea:focus { 
    413   color: #111; 
     415    color: #111; 
    414416} 
    415417 
    416418input[type=text], 
    417419input[type=email] { 
    418   padding: 3px; 
     420    padding: 3px; 
    419421} 
    420422 
    421423textarea { 
    422   overflow: auto; 
    423   /* Removes default vertical scrollbar in IE6/7/8/9 */ 
    424   padding-left: 3px; 
    425   vertical-align: top; 
    426   /* Improves readability and alignment in all browsers */ 
    427   width: 98%; 
     424    overflow: auto; 
     425    /* Removes default vertical scrollbar in IE6/7/8/9 */ 
     426    padding-left: 3px; 
     427    vertical-align: top; 
     428    /* Improves readability and alignment in all browsers */ 
     429    width: 98%; 
    428430} 
    429431 
    430432/* Links */ 
    431433a { 
    432   color: #388ca4; 
    433   text-decoration: none; 
     434    color: #388ca4; 
     435    text-decoration: none; 
    434436} 
    435437 
     
    437439a:focus, 
    438440a:active { 
    439   opacity: 0.95; 
     441    opacity: 0.95; 
     442} 
     443 
     444/* Text meant only for screen readers. */ 
     445.screen-reader-text { 
     446    clip: rect(1px, 1px, 1px, 1px); 
     447    position: absolute !important; 
     448    height: 1px; 
     449    width: 1px; 
     450    overflow: hidden; 
     451} 
     452 
     453.screen-reader-text:hover, 
     454.screen-reader-text:active, 
     455.screen-reader-text:focus { 
     456    background-color: #f1f1f1; 
     457    border-radius: 3px; 
     458    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 
     459    clip: auto !important; 
     460    color: #21759b; 
     461    display: block; 
     462    font-size: 14px; 
     463    font-size: 0.875rem; 
     464    font-weight: bold; 
     465    height: auto; 
     466    left: 5px; 
     467    line-height: normal; 
     468    padding: 15px 23px 14px; 
     469    text-decoration: none; 
     470    top: 5px; 
     471    width: auto; 
     472    z-index: 100000; 
     473    /* Above WP toolbar. */ 
    440474} 
    441475 
    442476/* Alignment */ 
    443477.alignleft { 
    444   display: inline; 
    445   float: left; 
    446   margin-right: 1.5em; 
     478    display: inline; 
     479    float: left; 
     480    margin-right: 1.5em; 
    447481} 
    448482 
    449483.alignright { 
    450   display: inline; 
    451   float: right; 
    452   margin-left: 1.5em; 
     484    display: inline; 
     485    float: right; 
     486    margin-left: 1.5em; 
    453487} 
    454488 
    455489.aligncenter { 
    456   clear: both; 
    457   display: block; 
    458   margin: 0 auto; 
     490    clear: both; 
     491    display: block; 
     492    margin: 0 auto; 
    459493} 
    460494 
    461495/* Text meant only for screen readers */ 
    462496.assistive-text { 
    463   clip: rect(1px 1px 1px 1px); 
    464   /* IE6, IE7 */ 
    465   clip: rect(1px, 1px, 1px, 1px); 
    466   position: absolute !important; 
     497    clip: rect(1px 1px 1px 1px); 
     498    /* IE6, IE7 */ 
     499    clip: rect(1px, 1px, 1px, 1px); 
     500    position: absolute !important; 
    467501} 
    468502 
     
    470504.clearfix:before, 
    471505.clearfix:after { 
    472   content: " "; 
    473   display: table; 
     506    content: " "; 
     507    display: table; 
    474508} 
    475509 
    476510.clearfix:after { 
    477   clear: both; 
     511    clear: both; 
    478512} 
    479513 
    480514.cf { 
    481   *zoom: 1; 
     515    *zoom: 1; 
    482516} 
    483517 
     
    485519----------------------------------------------- */ 
    486520body { 
    487   padding: 0 10px; 
    488   padding: 0 1rem; 
     521    padding: 0 10px; 
     522    padding: 0 1rem; 
    489523} 
    490524 
    491525#page { 
    492   width: auto; 
    493   max-width: 940px; 
    494   max-width: 94rem; 
    495   margin: 0 auto; 
     526    width: auto; 
     527    max-width: 940px; 
     528    max-width: 94rem; 
     529    margin: 0 auto; 
    496530} 
    497531 
    498532.content-area { 
    499   margin: 0 auto 30px; 
    500   margin: 0 auto 3rem; 
    501   max-width: 300px; 
    502   max-width: 30rem; 
     533    margin: 0 auto 30px; 
     534    margin: 0 auto 3rem; 
     535    max-width: 300px; 
     536    max-width: 30rem; 
    503537} 
    504538 
     
    508542.one-col-full-posts .content-area, 
    509543.no-js .content-area { 
    510   max-width: 940px; 
    511   max-width: 94rem; 
     544    max-width: 940px; 
     545    max-width: 94rem; 
    512546} 
    513547 
    514548.site-footer { 
    515   clear: both; 
     549    clear: both; 
    516550} 
    517551 
    518552.back-to-top { 
    519   display: none; 
    520   position: fixed; 
    521   bottom: 2rem; 
    522   right: 2rem; 
    523   height: 3rem; 
    524   width: 3rem; 
    525   line-height: 3rem; 
    526   text-align: center; 
    527   border-radius: 0.2rem; 
    528   background-color: rgba(0, 0, 0, 0.3); 
    529   color: #fff; 
    530   font-size: 1.5rem; 
     553    display: none; 
     554    position: fixed; 
     555    bottom: 2rem; 
     556    right: 2rem; 
     557    height: 3rem; 
     558    width: 3rem; 
     559    line-height: 3rem; 
     560    text-align: center; 
     561    border-radius: 0.2rem; 
     562    background-color: rgba(0, 0, 0, 0.3); 
     563    color: #fff; 
     564    font-size: 1.5rem; 
    531565} 
    532566.back-to-top:hover { 
    533   background-color: rgba(0, 0, 0, 0.6); 
     567    background-color: rgba(0, 0, 0, 0.6); 
    534568} 
    535569.back-to-top:before { 
    536   font-weight: bold; 
     570    font-weight: bold; 
    537571} 
    538572 
     
    540574---------------------------------------------- */ 
    541575.site-header { 
    542   text-align: center; 
    543   margin: 0 0 30px; 
    544   margin: 0 0 3rem; 
     576    text-align: center; 
     577    margin: 0 0 30px; 
     578    margin: 0 0 3rem; 
    545579} 
    546580.site-header .header-main { 
    547   background-color: #f6f6f6; 
    548   background-color: rgba(248, 248, 248, 0.7); 
    549   -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    550   -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    551   box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    552   padding: 15px 10px 16px; 
    553   padding: 1.5rem 1rem 1.6rem; 
     581    background-color: #f6f6f6; 
     582    background-color: rgba(248, 248, 248, 0.7); 
     583    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     584    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     585    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     586    padding: 15px 10px 16px; 
     587    padding: 1.5rem 1rem 1.6rem; 
    554588} 
    555589.site-header .site-title { 
    556   font-size: 20px; 
    557   font-size: 2rem; 
    558   color: #555555; 
     590    font-size: 20px; 
     591    font-size: 2rem; 
     592    color: #555555; 
    559593} 
    560594.site-header .site-title a { 
    561   color: #555555; 
    562   text-shadow: rgba(0, 0, 0, 0.2) 0.1rem 0.1rem 0.1rem; 
     595    color: #555555; 
     596    text-shadow: rgba(0, 0, 0, 0.2) 0.1rem 0.1rem 0.1rem; 
    563597} 
    564598.site-header .site-description { 
    565   color: #555555; 
    566   font: normal 12px "PT Sans", Verdana, Geneva, sans-serif; 
    567   font: normal 1.2rem "PT Sans", Verdana, Geneva, sans-serif; 
    568   text-shadow: rgba(0, 0, 0, 0.1) 0 0 0.1rem; 
     599    color: #555555; 
     600    font: normal 12px "PT Sans", Verdana, Geneva, sans-serif; 
     601    font: normal 1.2rem "PT Sans", Verdana, Geneva, sans-serif; 
     602    text-shadow: rgba(0, 0, 0, 0.1) 0 0 0.1rem; 
    569603} 
    570604 
    571605.has-logo-image .site-header .header-main { 
    572   padding: 15px 10px; 
    573   padding: 1.5rem 1rem; 
     606    padding: 15px 10px; 
     607    padding: 1.5rem 1rem; 
    574608} 
    575609.has-logo-image .site-header .header-main img { 
    576   max-height: 60px; 
    577   max-height: 6rem; 
    578   width: auto; 
     610    max-height: 60px; 
     611    max-height: 6rem; 
     612    width: auto; 
    579613} 
    580614 
    581615.custom-header.no-logo-image.header-text-hidden .site-header .header-main { 
    582   min-height: 47px; 
    583   min-height: 4.7rem; 
     616    min-height: 47px; 
     617    min-height: 4.7rem; 
    584618} 
    585619 
    586620.no-custom-header.no-logo-image.header-text-hidden .site-header .header-main { 
    587   display: none; 
     621    display: none; 
    588622} 
    589623 
    590624#top-bar { 
    591   background-color: #484848; 
    592   background: rgba(0, 0, 0, 0.7); 
    593   -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem; 
    594   -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem; 
    595   box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem; 
    596   min-height: 32px; 
    597   min-height: 3.2rem; 
    598   color: #eee; 
    599   text-align: left; 
    600   position: relative; 
     625    background-color: #484848; 
     626    background: rgba(0, 0, 0, 0.7); 
     627    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem; 
     628    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem; 
     629    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem; 
     630    min-height: 32px; 
     631    min-height: 3.2rem; 
     632    color: #eee; 
     633    text-align: left; 
     634    position: relative; 
    601635} 
    602636#top-bar #searchform { 
    603   position: absolute; 
    604   top: 0; 
    605   right: 0; 
    606   margin: 4px 10px; 
    607   margin: 0.4rem 1rem; 
    608   font-size: 12px; 
    609   font-size: 1.2rem; 
    610   border: 1px solid #666; 
    611   border-radius: 3px; 
    612   border-radius: 0.3rem; 
     637    position: absolute; 
     638    top: 0; 
     639    right: 0; 
     640    margin: 4px 10px; 
     641    margin: 0.4rem 1rem; 
     642    font-size: 12px; 
     643    font-size: 1.2rem; 
     644    border: 1px solid #666; 
     645    border-radius: 3px; 
     646    border-radius: 0.3rem; 
    613647} 
    614648#top-bar #searchform:before { 
    615   font-family: 'fontello'; 
    616   font-style: normal; 
    617   font-weight: normal; 
    618   speak: none; 
    619   display: inline-block; 
    620   text-decoration: inherit; 
    621   width: 1em; 
    622   margin: 0 0.2em; 
    623   text-align: center; 
    624   opacity: 0.8; 
    625   line-height: 1em; 
    626   content: '\1f50e'; 
     649    font-family: 'fontello'; 
     650    font-style: normal; 
     651    font-weight: normal; 
     652    speak: none; 
     653    display: inline-block; 
     654    text-decoration: inherit; 
     655    width: 1em; 
     656    margin: 0 0.2em; 
     657    text-align: center; 
     658    opacity: 0.8; 
     659    line-height: 1em; 
     660    content: '\1f50e'; 
    627661} 
    628662#top-bar #searchform input[type=text] { 
    629   background: transparent; 
    630   border: 0; 
    631   color: #eee; 
     663    background: transparent; 
     664    border: 0; 
     665    color: #eee; 
    632666} 
    633667#top-bar #searchform input[type=text]:active, #top-bar #searchform input[type=text]:focus { 
    634   border: 0; 
    635   outline: 0; 
     668    border: 0; 
     669    outline: 0; 
    636670} 
    637671 
     
    639673----------------------------------------------- */ 
    640674.site-header .site-navigation { 
    641   clear: both; 
    642   padding: 4px 0; 
    643   padding: 0.4rem 0; 
     675    clear: both; 
     676    padding: 4px 0; 
     677    padding: 0.4rem 0; 
    644678} 
    645679.site-header .site-navigation a { 
    646   color: #aaa; 
    647   font-size: 12px; 
    648   font-size: 1.2rem; 
    649   text-transform: uppercase; 
    650   text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.1rem; 
     680    color: #aaa; 
     681    font-size: 12px; 
     682    font-size: 1.2rem; 
     683    text-transform: uppercase; 
     684    text-shadow: rgba(0, 0, 0, 0.2) 0 0 0.1rem; 
    651685} 
    652686.site-header .site-navigation a:hover { 
    653   color: #fff; 
     687    color: #fff; 
    654688} 
    655689.site-header .site-navigation .home-page-link { 
    656   float: left; 
    657   display: inline; 
    658   margin: 0 0 0 5px; 
    659   margin: 0 0 0 0.5rem; 
     690    float: left; 
     691    display: inline; 
     692    margin: 0 0 0 5px; 
     693    margin: 0 0 0 0.5rem; 
    660694} 
    661695.site-header .site-navigation .home-page-link span { 
    662   position: absolute !important; 
    663   clip: rect(1px 1px 1px 1px); 
    664   /* IE6, IE7 */ 
    665   clip: rect(1px, 1px, 1px, 1px); 
     696    position: absolute !important; 
     697    clip: rect(1px 1px 1px 1px); 
     698    /* IE6, IE7 */ 
     699    clip: rect(1px, 1px, 1px, 1px); 
    666700} 
    667701.site-header .site-navigation .home-page-link a { 
    668   padding: 0; 
    669   color: #ccc; 
     702    padding: 0; 
     703    color: #ccc; 
    670704} 
    671705.site-header .site-navigation .home-page-link a:hover { 
    672   color: #fff; 
     706    color: #fff; 
    673707} 
    674708.site-header .site-navigation .home-page-link a:before { 
    675   font-size: 16px; 
    676   font-size: 1.6rem; 
     709    font-size: 16px; 
     710    font-size: 1.6rem; 
    677711} 
    678712 
    679713.main-small-navigation .home-page-link { 
    680   float: none; 
     714    float: none; 
    681715} 
    682716.main-small-navigation h1.icon-menu { 
    683   display: inline; 
    684   margin: 0 0 0 5px; 
    685   margin: 0 0 0 0.5rem; 
    686   color: #ccc; 
    687   font-size: 16px; 
    688   font-size: 1.6rem; 
     717    display: inline; 
     718    margin: 0 0 0 5px; 
     719    margin: 0 0 0 0.5rem; 
     720    color: #ccc; 
     721    font-size: 16px; 
     722    font-size: 1.6rem; 
    689723} 
    690724.main-small-navigation h1.icon-menu span { 
    691   position: absolute !important; 
    692   clip: rect(1px 1px 1px 1px); 
    693   /* IE6, IE7 */ 
    694   clip: rect(1px, 1px, 1px, 1px); 
     725    position: absolute !important; 
     726    clip: rect(1px 1px 1px 1px); 
     727    /* IE6, IE7 */ 
     728    clip: rect(1px, 1px, 1px, 1px); 
    695729} 
    696730.main-small-navigation ul { 
    697   margin: 0 10px; 
    698   margin: 0 1rem; 
     731    margin: 0 10px; 
     732    margin: 0 1rem; 
    699733} 
    700734.main-small-navigation ul li:before { 
    701   position: static; 
     735    position: static; 
    702736} 
    703737 
    704738.main-navigation { 
    705   margin: 0 200px 0 0; 
    706   margin: 0 20rem 0 0; 
     739    margin: 0 200px 0 0; 
     740    margin: 0 20rem 0 0; 
    707741} 
    708742.main-navigation ul { 
    709   position: static; 
    710   list-style: none; 
    711   margin: 0; 
     743    position: static; 
     744    list-style: none; 
     745    margin: 0; 
    712746} 
    713747.main-navigation ul ul { 
    714   background: #333; 
    715   border-left: 1px solid #444; 
    716   display: none; 
    717   float: left; 
    718   position: absolute; 
    719   top: 1.5em; 
    720   left: 0; 
    721   z-index: 99999; 
     748    background: #333; 
     749    border-left: 1px solid #444; 
     750    display: none; 
     751    float: left; 
     752    position: absolute; 
     753    top: 1.5em; 
     754    left: 0; 
     755    z-index: 99999; 
    722756} 
    723757.main-navigation ul ul li { 
    724   display: block; 
    725   float: none; 
     758    display: block; 
     759    float: none; 
    726760} 
    727761.main-navigation ul ul li:before { 
    728   content: none; 
     762    content: none; 
    729763} 
    730764.main-navigation ul ul ul { 
    731   left: 100%; 
    732   top: 0; 
     765    left: 100%; 
     766    top: 0; 
    733767} 
    734768.main-navigation ul ul a { 
    735   width: 200px; 
     769    width: 200px; 
    736770} 
    737771.main-navigation ul li:hover > ul { 
    738   display: block; 
     772    display: block; 
    739773} 
    740774.main-navigation li { 
    741   display: inline-block; 
    742   position: relative; 
    743   margin-top: 0; 
     775    display: inline-block; 
     776    position: relative; 
     777    margin-top: 0; 
    744778} 
    745779.main-navigation li:before { 
    746   position: static; 
    747   left: 0; 
    748   content: '|'; 
    749   color: #7c8d95; 
    750   font-size: 0.75em; 
     780    position: static; 
     781    left: 0; 
     782    content: '|'; 
     783    color: #7c8d95; 
     784    font-size: 0.75em; 
    751785} 
    752786.main-navigation li:first-child:before { 
    753   content: none; 
     787    content: none; 
    754788} 
    755789.main-navigation a { 
    756   display: inline-block; 
    757   padding: 0 0.5em 0 0.8em; 
     790    display: inline-block; 
     791    padding: 0 0.5em 0 0.8em; 
    758792} 
    759793 
    760794/* Small menu */ 
    761795.menu-toggle { 
    762   cursor: pointer; 
     796    cursor: pointer; 
    763797} 
    764798 
    765799.main-small-navigation .menu { 
    766   display: none; 
     800    display: none; 
    767801} 
    768802 
     
    770804----------------------------------------------- */ 
    771805.sticky { 
    772   background: inherit; 
     806    background: inherit; 
    773807} 
    774808 
    775809.page-header, .hentry, .post-navigation, .paging-navigation { 
    776   padding: 10px; 
    777   padding: 1rem; 
     810    padding: 10px; 
     811    padding: 1rem; 
    778812} 
    779813 
    780814.page-header { 
    781   margin: 0 0 30px; 
    782   margin: 0 0 3rem; 
    783   background-color: #f6f6f6; 
    784   background-color: rgba(248, 248, 248, 0.7); 
    785   -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    786   -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    787   box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    788   text-align: center; 
     815    margin: 0 0 30px; 
     816    margin: 0 0 3rem; 
     817    background-color: #f6f6f6; 
     818    background-color: rgba(248, 248, 248, 0.7); 
     819    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     820    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     821    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     822    text-align: center; 
    789823} 
    790824 
    791825.site-content { 
    792   width: 100%; 
     826    width: 100%; 
    793827} 
    794828 
    795829.hentry { 
    796   width: auto; 
    797   max-width: 900px; 
    798   background-color: #fff; 
    799   background-color: rgba(255, 255, 255, 0.9); 
    800   -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
    801   -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
    802   box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
    803   margin: 0 auto 20px; 
    804   margin: 0 auto 2rem; 
     830    width: auto; 
     831    max-width: 900px; 
     832    background-color: #fff; 
     833    background-color: rgba(255, 255, 255, 0.9); 
     834    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
     835    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
     836    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
     837    margin: 0 auto 20px; 
     838    margin: 0 auto 2rem; 
    805839} 
    806840 
    807841.entry-header { 
    808   text-align: center; 
     842    text-align: center; 
    809843} 
    810844 
    811845.entry-title { 
    812   font-size: 16px; 
    813   font-size: 1.6rem; 
    814   -webkit-hyphens: auto; 
    815   -moz-hyphens: auto; 
    816   hyphens: auto; 
    817   word-wrap: break-word; 
     846    font-size: 16px; 
     847    font-size: 1.6rem; 
     848    -webkit-hyphens: auto; 
     849    -moz-hyphens: auto; 
     850    hyphens: auto; 
     851    word-wrap: break-word; 
    818852} 
    819853.entry-title a { 
    820   color: #555555; 
     854    color: #555555; 
    821855} 
    822856.entry-title a:hover { 
    823   color: #388ca4; 
     857    color: #388ca4; 
    824858} 
    825859.entry-title:before { 
    826   color: #888; 
     860    color: #888; 
    827861} 
    828862 
     
    831865.comment-content, 
    832866.pingback { 
    833   font-size: 12px; 
    834   font-size: 1.2rem; 
     867    font-size: 12px; 
     868    font-size: 1.2rem; 
    835869} 
    836870.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, 
     
    853887.pingback h5, 
    854888.pingback h6 { 
    855   margin: 0 0 10px; 
    856   margin: 0 0 1rem; 
     889    margin: 0 0 10px; 
     890    margin: 0 0 1rem; 
    857891} 
    858892.entry-content h1, 
     
    860894.comment-content h1, 
    861895.pingback h1 { 
    862   font-size: 16px; 
    863   font-size: 1.6rem; 
    864   border-bottom: 1px solid #dddddd; 
     896    font-size: 16px; 
     897    font-size: 1.6rem; 
     898    border-bottom: 1px solid #dddddd; 
    865899} 
    866900.entry-content h2, 
     
    868902.comment-content h2, 
    869903.pingback h2 { 
    870   font-size: 15px; 
    871   font-size: 1.5rem; 
     904    font-size: 15px; 
     905    font-size: 1.5rem; 
    872906} 
    873907.entry-content h3, 
     
    875909.comment-content h3, 
    876910.pingback h3 { 
    877   font-size: 14px; 
    878   font-size: 1.4rem; 
     911    font-size: 14px; 
     912    font-size: 1.4rem; 
    879913} 
    880914.entry-content h4, 
     
    882916.comment-content h4, 
    883917.pingback h4 { 
    884   font: bold 13px "PT Sans", Verdana, Geneva, sans-serif; 
    885   font: bold 1.3rem "PT Sans", Verdana, Geneva, sans-serif; 
    886   text-transform: uppercase; 
     918    font: bold 13px "PT Sans", Verdana, Geneva, sans-serif; 
     919    font: bold 1.3rem "PT Sans", Verdana, Geneva, sans-serif; 
     920    text-transform: uppercase; 
    887921} 
    888922.entry-content h5, 
     
    890924.comment-content h5, 
    891925.pingback h5 { 
    892   font: bold 12px "PT Sans", Verdana, Geneva, sans-serif; 
    893   font: bold 1.2rem "PT Sans", Verdana, Geneva, sans-serif; 
    894   text-transform: uppercase; 
     926    font: bold 12px "PT Sans", Verdana, Geneva, sans-serif; 
     927    font: bold 1.2rem "PT Sans", Verdana, Geneva, sans-serif; 
     928    text-transform: uppercase; 
    895929} 
    896930.entry-content h6, 
     
    898932.comment-content h6, 
    899933.pingback h6 { 
    900   font: bold 12px "PT Sans", Verdana, Geneva, sans-serif; 
    901   font: bold 1.2rem "PT Sans", Verdana, Geneva, sans-serif; 
     934    font: bold 12px "PT Sans", Verdana, Geneva, sans-serif; 
     935    font: bold 1.2rem "PT Sans", Verdana, Geneva, sans-serif; 
    902936} 
    903937 
    904938.not-found #searchform { 
    905   margin-bottom: 30px; 
    906   margin-bottom: 3rem; 
     939    margin-bottom: 30px; 
     940    margin-bottom: 3rem; 
    907941} 
    908942.not-found #searchsubmit { 
    909   display: inline-block; 
     943    display: inline-block; 
    910944} 
    911945 
    912946.entry-meta { 
    913   clear: both; 
    914   font-size: 12px; 
    915   font-size: 1.2rem; 
    916   color: #888; 
     947    clear: both; 
     948    font-size: 12px; 
     949    font-size: 1.2rem; 
     950    color: #888; 
    917951} 
    918952.entry-meta span { 
    919   display: inline-block; 
    920   margin-right: 1em; 
     953    display: inline-block; 
     954    margin-right: 1em; 
    921955} 
    922956.entry-meta span.byline { 
    923   display: none; 
     957    display: none; 
    924958} 
    925959.entry-meta span.post-author { 
    926   margin-right: 0; 
     960    margin-right: 0; 
    927961} 
    928962 
     
    946980.single-format-aside .entry-title:before, 
    947981.post-password-required .entry-title:before { 
    948   font-family: 'fontello'; 
    949   font-style: normal; 
    950   font-weight: normal; 
    951   speak: none; 
    952   display: inline-block; 
    953   text-decoration: inherit; 
    954   width: 1em; 
    955   margin: 0 0.2em; 
    956   text-align: center; 
    957   opacity: 0.8; 
    958   line-height: 1em; 
    959   margin-right: 0.4em; 
     982    font-family: 'fontello'; 
     983    font-style: normal; 
     984    font-weight: normal; 
     985    speak: none; 
     986    display: inline-block; 
     987    text-decoration: inherit; 
     988    width: 1em; 
     989    margin: 0 0.2em; 
     990    text-align: center; 
     991    opacity: 0.8; 
     992    line-height: 1em; 
     993    margin-right: 0.4em; 
    960994} 
    961995 
    962996.format-image .entry-title:before, .single-format-image .entry-title:before { 
    963   content: '\e805 \0020'; 
     997    content: '\e805 \0020'; 
    964998} 
    965999 
    9661000.format-gallery .entry-title:before, .single-format-gallery .entry-title:before { 
    967   content: '\1f304 \0020'; 
     1001    content: '\1f304 \0020'; 
    9681002} 
    9691003 
    9701004.format-chat .entry-title:before, .single-format-chat .entry-title:before { 
    971   content: '\e802 \0020'; 
     1005    content: '\e802 \0020'; 
    9721006} 
    9731007 
    9741008.format-link .entry-title:before, .single-format-link .entry-title:before { 
    975   content: '\e807 \0020'; 
     1009    content: '\e807 \0020'; 
    9761010} 
    9771011 
    9781012.format-quote .entry-title:before, .single-format-quote .entry-title:before { 
    979   content: '\275d \0020'; 
     1013    content: '\275d \0020'; 
    9801014} 
    9811015 
    9821016.format-audio .entry-title:before, .single-format-audio .entry-title:before { 
    983   content: '\e804 \0020'; 
     1017    content: '\e804 \0020'; 
    9841018} 
    9851019 
    9861020.format-video .entry-title:before, .single-format-video .entry-title:before { 
    987   content: '\e806 \0020'; 
     1021    content: '\e806 \0020'; 
    9881022} 
    9891023 
    9901024.format-status .entry-title:before, .single-format-status .entry-title:before { 
    991   content: '\1f514 \0020'; 
     1025    content: '\1f514 \0020'; 
    9921026} 
    9931027 
    9941028.format-aside .entry-title:before, .single-format-aside .entry-title:before { 
    995   content: '\e732 \0020'; 
     1029    content: '\e732 \0020'; 
    9961030} 
    9971031 
    9981032.post-password-required .entry-title:before { 
    999   content: '\e708 \0020'; 
     1033    content: '\e708 \0020'; 
    10001034} 
    10011035 
    10021036.format-quote .entry-title, .single-format-quote .entry-title { 
    1003   display: none; 
     1037    display: none; 
    10041038} 
    10051039 
    10061040figure.quote { 
    1007   margin: 0 1em 1em 0; 
    1008   padding-left: 4em; 
    1009   position: relative; 
     1041    margin: 0 1em 1em 0; 
     1042    padding-left: 4em; 
     1043    position: relative; 
    10101044} 
    10111045figure.quote:before { 
    1012   position: absolute; 
    1013   left: 0; 
    1014   font-family: 'fontello'; 
    1015   font-style: normal; 
    1016   font-weight: normal; 
    1017   speak: none; 
    1018   display: inline-block; 
    1019   text-decoration: inherit; 
    1020   width: 1em; 
    1021   margin: 0 0.2em; 
    1022   text-align: center; 
    1023   opacity: 0.8; 
    1024   line-height: 1em; 
    1025   font-size: 2em; 
    1026   opacity: 0.5; 
    1027   content: '\275d'; 
     1046    position: absolute; 
     1047    left: 0; 
     1048    font-family: 'fontello'; 
     1049    font-style: normal; 
     1050    font-weight: normal; 
     1051    speak: none; 
     1052    display: inline-block; 
     1053    text-decoration: inherit; 
     1054    width: 1em; 
     1055    margin: 0 0.2em; 
     1056    text-align: center; 
     1057    opacity: 0.8; 
     1058    line-height: 1em; 
     1059    font-size: 2em; 
     1060    opacity: 0.5; 
     1061    content: '\275d'; 
    10281062} 
    10291063figure.quote p:last-child { 
    1030   margin-bottom: 0; 
     1064    margin-bottom: 0; 
    10311065} 
    10321066figure.quote blockquote { 
    1033   margin: 0; 
    1034   padding: 0; 
    1035   background: transparent; 
    1036   -webkit-box-shadow: none; 
    1037   -moz-box-shadow: none; 
    1038   box-shadow: none; 
     1067    margin: 0; 
     1068    padding: 0; 
     1069    background: transparent; 
     1070    -webkit-box-shadow: none; 
     1071    -moz-box-shadow: none; 
     1072    box-shadow: none; 
    10391073} 
    10401074figure.quote blockquote:before { 
    1041   display: none; 
     1075    display: none; 
    10421076} 
    10431077figure.quote .quote-caption { 
    1044   font-size: 0.9em; 
    1045   margin-top: 0.5em; 
    1046   text-align: right; 
     1078    font-size: 0.9em; 
     1079    margin-top: 0.5em; 
     1080    text-align: right; 
    10471081} 
    10481082 
    10491083footer.entry-meta { 
    1050   border-top: 1px solid #dddddd; 
    1051   padding-top: 10px; 
    1052   padding-top: 1rem; 
     1084    border-top: 1px solid #dddddd; 
     1085    padding-top: 10px; 
     1086    padding-top: 1rem; 
    10531087} 
    10541088 
    10551089.single .entry-meta .byline, 
    10561090.group-blog .entry-meta .byline { 
    1057   display: inline; 
     1091    display: inline; 
    10581092} 
    10591093 
    10601094.attachment .entry-meta .byline { 
    1061   display: none; 
     1095    display: none; 
    10621096} 
    10631097 
    10641098.entry-content, 
    10651099.entry-summary { 
    1066   margin: 1em 0 0; 
     1100    margin: 1em 0 0; 
    10671101} 
    10681102 
    10691103.featured-image { 
    1070   width: 100%; 
    1071   text-align: center; 
    1072   line-height: 0; 
     1104    width: 100%; 
     1105    text-align: center; 
     1106    line-height: 0; 
    10731107} 
    10741108 
    10751109.wp-post-image { 
    1076   background: #f8f8f8; 
    1077   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1078   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1079   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1080   margin: 0 0 1em; 
    1081   max-width: 100%; 
    1082   height: auto; 
    1083   text-align: center; 
    1084   line-height: 0; 
     1110    background: #f8f8f8; 
     1111    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1112    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1113    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1114    margin: 0 0 1em; 
     1115    max-width: 100%; 
     1116    height: auto; 
     1117    text-align: center; 
     1118    line-height: 0; 
    10851119} 
    10861120.wp-post-image.attachment-post-thumbnail { 
    1087   float: right; 
    1088   width: 80px; 
    1089   width: 8rem; 
    1090   margin: 0.4em 0 10px 10px; 
    1091   margin: 0.4em 0 1rem 1rem; 
     1121    float: right; 
     1122    width: 80px; 
     1123    width: 8rem; 
     1124    margin: 0.4em 0 10px 10px; 
     1125    margin: 0.4em 0 1rem 1rem; 
    10921126} 
    10931127 
    10941128.page-links { 
    1095   clear: both; 
    1096   background-color: #f6f6f6; 
    1097   background-color: rgba(248, 248, 248, 0.7); 
    1098   -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    1099   -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    1100   box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    1101   margin: 0 0 1em; 
    1102   padding: 1rem; 
    1103   text-align: center; 
     1129    clear: both; 
     1130    background-color: #f6f6f6; 
     1131    background-color: rgba(248, 248, 248, 0.7); 
     1132    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     1133    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     1134    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     1135    margin: 0 0 1em; 
     1136    padding: 1rem; 
     1137    text-align: center; 
    11041138} 
    11051139 
     
    11101144.archive .format-aside .entry-title a, 
    11111145.archive .format-status .entry-title a { 
    1112   display: none; 
     1146    display: none; 
    11131147} 
    11141148 
     
    11161150----------------------------------------------- */ 
    11171151.format-chat .entry-content { 
    1118   background: #f8f8f8; 
    1119   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1120   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1121   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1122   margin: 0 0 1.5em; 
    1123   padding: 1rem; 
     1152    background: #f8f8f8; 
     1153    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1154    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1155    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1156    margin: 0 0 1.5em; 
     1157    padding: 1rem; 
    11241158} 
    11251159.format-chat .entry-content p:last-child { 
    1126   margin-bottom: 0; 
     1160    margin-bottom: 0; 
    11271161} 
    11281162 
     
    11301164----------------------------------------------- */ 
    11311165.format-link .entry-content a:first-child { 
    1132   display: block; 
    1133   background: #f8f8f8; 
    1134   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1135   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1136   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1137   margin: 0 0 1.5em; 
    1138   padding: 1rem; 
    1139   text-align: center; 
     1166    display: block; 
     1167    background: #f8f8f8; 
     1168    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1169    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1170    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1171    margin: 0 0 1.5em; 
     1172    padding: 1rem; 
     1173    text-align: center; 
    11401174} 
    11411175 
     
    11461180.comment-content img, 
    11471181.widget img { 
    1148   max-width: 100%; 
    1149   /* Fluid images for posts, comments, and widgets */ 
     1182    max-width: 100%; 
     1183    /* Fluid images for posts, comments, and widgets */ 
    11501184} 
    11511185 
     
    11551189img[class*="align"], 
    11561190img[class*="wp-image-"] { 
    1157   height: auto; 
    1158   /* Make sure images with WordPress-added height and width attributes are scaled correctly */ 
     1191    height: auto; 
     1192    /* Make sure images with WordPress-added height and width attributes are scaled correctly */ 
    11591193} 
    11601194 
     
    11621196.entry-content img, 
    11631197img.size-full { 
    1164   max-width: 100%; 
     1198    max-width: 100%; 
    11651199} 
    11661200 
    11671201.entry-content img.wp-smiley, 
    11681202.comment-content img.wp-smiley { 
    1169   border: none; 
    1170   margin-bottom: 0; 
    1171   margin-top: 0; 
    1172   padding: 0; 
     1203    border: none; 
     1204    margin-bottom: 0; 
     1205    margin-top: 0; 
     1206    padding: 0; 
    11731207} 
    11741208 
    11751209.wp-caption { 
    1176   max-width: 100%; 
     1210    max-width: 100%; 
    11771211} 
    11781212 
    11791213.wp-caption, .entry-attachment { 
    1180   margin-bottom: 1.5em; 
     1214    margin-bottom: 1.5em; 
    11811215} 
    11821216.wp-caption img, .entry-attachment img { 
    1183   background: #f8f8f8; 
    1184   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1185   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1186   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1217    background: #f8f8f8; 
     1218    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1219    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1220    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    11871221} 
    11881222 
    11891223.wp-caption-text, .entry-attachment .entry-caption p { 
    1190   background: #f8f8f8; 
    1191   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1192   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1193   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1194   text-align: center; 
     1224    background: #f8f8f8; 
     1225    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1226    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1227    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1228    text-align: center; 
    11951229} 
    11961230 
    11971231/* Gallery */ 
    11981232.site-content .gallery { 
    1199   margin: 0 0 10px; 
    1200   margin: 0 0 1rem; 
     1233    margin: 0 0 10px; 
     1234    margin: 0 0 1rem; 
    12011235} 
    12021236.site-content .gallery .gallery-item { 
    1203   float: left; 
    1204   margin: 10px 0; 
    1205   margin: 1rem 0; 
    1206   text-align: center; 
     1237    float: left; 
     1238    margin: 10px 0; 
     1239    margin: 1rem 0; 
     1240    text-align: center; 
    12071241} 
    12081242.site-content .gallery .gallery-icon, .site-content .gallery .gallery-caption { 
    1209   max-width: 90%; 
    1210   margin: 0 auto; 
     1243    max-width: 90%; 
     1244    margin: 0 auto; 
    12111245} 
    12121246.site-content .gallery a img { 
    1213   background: #f8f8f8; 
    1214   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1215   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1216   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1217   border: none; 
    1218   height: auto; 
    1219   max-width: 100%; 
     1247    background: #f8f8f8; 
     1248    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1249    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1250    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1251    border: none; 
     1252    height: auto; 
     1253    max-width: 100%; 
    12201254} 
    12211255.site-content .gallery .gallery-caption { 
    1222   font-size: 12px; 
    1223   font-size: 1.2rem; 
     1256    font-size: 12px; 
     1257    font-size: 1.2rem; 
    12241258} 
    12251259.site-content .gallery.gallery-columns-1 .gallery-item { 
    1226   width: 100%; 
     1260    width: 100%; 
    12271261} 
    12281262.site-content .gallery.gallery-columns-2 .gallery-item { 
    1229   width: 50%; 
     1263    width: 50%; 
    12301264} 
    12311265.site-content .gallery.gallery-columns-3 .gallery-item { 
    1232   width: 33%; 
     1266    width: 33%; 
    12331267} 
    12341268.site-content .gallery.gallery-columns-4 .gallery-item { 
    1235   width: 25%; 
     1269    width: 25%; 
    12361270} 
    12371271.site-content .gallery.gallery-columns-5 .gallery-item { 
    1238   width: 20%; 
     1272    width: 20%; 
    12391273} 
    12401274.site-content .gallery.gallery-columns-6 .gallery-item { 
    1241   width: 16%; 
     1275    width: 16%; 
    12421276} 
    12431277.site-content .gallery.gallery-columns-7 .gallery-item { 
    1244   width: 14%; 
     1278    width: 14%; 
    12451279} 
    12461280.site-content .gallery.gallery-columns-8 .gallery-item { 
    1247   width: 12%; 
     1281    width: 12%; 
    12481282} 
    12491283.site-content .gallery.gallery-columns-9 .gallery-item { 
    1250   width: 11%; 
     1284    width: 11%; 
    12511285} 
    12521286.site-content .gallery.gallery-columns-10 .gallery-item { 
    1253   width: 10%; 
     1287    width: 10%; 
    12541288} 
    12551289 
     
    12581292iframe, 
    12591293object { 
    1260   max-width: 100%; 
    1261   margin: 0 0 1.5em; 
     1294    max-width: 100%; 
     1295    margin: 0 0 1.5em; 
    12621296} 
    12631297 
     
    12651299----------------------------------------------- */ 
    12661300.site-content .site-navigation { 
    1267   clear: both; 
    1268   background-color: #f6f6f6; 
    1269   background-color: rgba(248, 248, 248, 0.7); 
    1270   -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    1271   -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    1272   box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    1273   margin: 0 0 30px; 
    1274   margin: 0 0 3rem; 
    1275   overflow: hidden; 
    1276   font-size: 12px; 
     1301    clear: both; 
     1302    background-color: #f6f6f6; 
     1303    background-color: rgba(248, 248, 248, 0.7); 
     1304    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     1305    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     1306    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     1307    margin: 0 0 30px; 
     1308    margin: 0 0 3rem; 
     1309    overflow: hidden; 
     1310    font-size: 12px; 
    12771311} 
    12781312.site-content .site-navigation span:empty { 
    1279   display: none; 
     1313    display: none; 
    12801314} 
    12811315.site-content .nav-previous, .site-content .previous-image { 
    1282   float: left; 
    1283   text-align: left; 
     1316    float: left; 
     1317    text-align: left; 
    12841318} 
    12851319.site-content .nav-next, .site-content .next-image { 
    1286   float: right; 
    1287   text-align: right; 
     1320    float: right; 
     1321    text-align: right; 
    12881322} 
    12891323.site-content .previous-image, .site-content .next-image, .site-content .comment-navigation div { 
    1290   margin: 1rem; 
     1324    margin: 1rem; 
    12911325} 
    12921326 
     
    12941328----------------------------------------------- */ 
    12951329.comments-area { 
    1296   padding: 10px; 
    1297   padding: 1rem; 
    1298   background-color: #fff; 
    1299   background-color: rgba(255, 255, 255, 0.9); 
    1300   -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
    1301   -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
    1302   box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
     1330    padding: 10px; 
     1331    padding: 1rem; 
     1332    background-color: #fff; 
     1333    background-color: rgba(255, 255, 255, 0.9); 
     1334    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
     1335    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
     1336    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
    13031337} 
    13041338.comments-area:empty { 
    1305   display: none; 
     1339    display: none; 
    13061340} 
    13071341 
    13081342.comments-title, #reply-title { 
    1309   font-size: 16px; 
    1310   font-size: 1.6rem; 
    1311   margin-bottom: 20px; 
    1312   margin-bottom: 2rem; 
     1343    font-size: 16px; 
     1344    font-size: 1.6rem; 
     1345    margin-bottom: 20px; 
     1346    margin-bottom: 2rem; 
    13131347} 
    13141348 
    13151349ol.commentlist { 
    1316   list-style: none; 
    1317   margin: 0 0 20px; 
    1318   margin: 0 0 2rem; 
     1350    list-style: none; 
     1351    margin: 0 0 20px; 
     1352    margin: 0 0 2rem; 
    13191353} 
    13201354ol.commentlist ul.children { 
    1321   margin-left: 20px; 
    1322   margin-left: 2rem; 
     1355    margin-left: 20px; 
     1356    margin-left: 2rem; 
    13231357} 
    13241358ol.commentlist ul.children > li { 
    1325   position: relative; 
     1359    position: relative; 
    13261360} 
    13271361ol.commentlist ul.children > li:before { 
    1328   font-family: 'fontello'; 
    1329   font-style: normal; 
    1330   font-weight: normal; 
    1331   speak: none; 
    1332   display: inline-block; 
    1333   text-decoration: inherit; 
    1334   width: 1em; 
    1335   margin: 0 0.2em; 
    1336   text-align: center; 
    1337   opacity: 0.8; 
    1338   line-height: 1em; 
    1339   content: "\21b3"; 
    1340   position: absolute; 
    1341   left: -2.2rem; 
    1342   opacity: 0.3; 
     1362    font-family: 'fontello'; 
     1363    font-style: normal; 
     1364    font-weight: normal; 
     1365    speak: none; 
     1366    display: inline-block; 
     1367    text-decoration: inherit; 
     1368    width: 1em; 
     1369    margin: 0 0.2em; 
     1370    text-align: center; 
     1371    opacity: 0.8; 
     1372    line-height: 1em; 
     1373    content: "\21b3"; 
     1374    position: absolute; 
     1375    left: -2.2rem; 
     1376    opacity: 0.3; 
    13431377} 
    13441378 
    13451379article.comment { 
    1346   position: relative; 
    1347   overflow: hidden; 
    1348   clear: both; 
    1349   margin: 0 0 10px; 
    1350   margin: 0 0 1rem; 
    1351   padding: 10px; 
    1352   padding: 1rem; 
    1353   background: #f8f8f8; 
    1354   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1355   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1356   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1380    position: relative; 
     1381    overflow: hidden; 
     1382    clear: both; 
     1383    margin: 0 0 10px; 
     1384    margin: 0 0 1rem; 
     1385    padding: 10px; 
     1386    padding: 1rem; 
     1387    background: #f8f8f8; 
     1388    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1389    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1390    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    13571391} 
    13581392article.comment footer { 
    1359   border-bottom: 1px solid #dddddd; 
    1360   margin-bottom: 10px; 
    1361   margin-bottom: 1rem; 
    1362   padding: 0 0 10px; 
    1363   padding: 0 0 1rem; 
     1393    border-bottom: 1px solid #dddddd; 
     1394    margin-bottom: 10px; 
     1395    margin-bottom: 1rem; 
     1396    padding: 0 0 10px; 
     1397    padding: 0 0 1rem; 
    13641398} 
    13651399article.comment footer em { 
    1366   /* "Your comment is awaiting moderation" message */ 
    1367   position: absolute; 
    1368   bottom: 10px; 
    1369   bottom: 1rem; 
    1370   left: 10px; 
    1371   left: 1rem; 
    1372   font-size: 12px; 
    1373   font-size: 1.2rem; 
     1400    /* "Your comment is awaiting moderation" message */ 
     1401    position: absolute; 
     1402    bottom: 10px; 
     1403    bottom: 1rem; 
     1404    left: 10px; 
     1405    left: 1rem; 
     1406    font-size: 12px; 
     1407    font-size: 1.2rem; 
    13741408} 
    13751409article.comment footer em:before { 
    1376   content: '('; 
     1410    content: '('; 
    13771411} 
    13781412article.comment footer em:after { 
    1379   content: ')'; 
     1413    content: ')'; 
    13801414} 
    13811415article.comment footer br { 
    1382   display: none; 
     1416    display: none; 
    13831417} 
    13841418 
    13851419.pingback p { 
    1386   position: relative; 
    1387   margin: 0 0 10px; 
    1388   margin: 0 0 1rem; 
    1389   padding: 10px 10px 10px 28px; 
    1390   padding: 1rem 1rem 1rem 2.8rem; 
    1391   background: #f8f8f8; 
    1392   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1393   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1394   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1420    position: relative; 
     1421    margin: 0 0 10px; 
     1422    margin: 0 0 1rem; 
     1423    padding: 10px 10px 10px 28px; 
     1424    padding: 1rem 1rem 1rem 2.8rem; 
     1425    background: #f8f8f8; 
     1426    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1427    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1428    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    13951429} 
    13961430.pingback p:before { 
    1397   font-family: 'fontello'; 
    1398   font-style: normal; 
    1399   font-weight: normal; 
    1400   speak: none; 
    1401   display: inline-block; 
    1402   text-decoration: inherit; 
    1403   width: 1em; 
    1404   margin: 0 0.2em; 
    1405   text-align: center; 
    1406   opacity: 0.8; 
    1407   line-height: 1em; 
    1408   position: absolute; 
    1409   left: 0.5rem; 
    1410   top: 1.3rem; 
    1411   content: '\e761\e78b'; 
    1412   opacity: 0.5; 
     1431    font-family: 'fontello'; 
     1432    font-style: normal; 
     1433    font-weight: normal; 
     1434    speak: none; 
     1435    display: inline-block; 
     1436    text-decoration: inherit; 
     1437    width: 1em; 
     1438    margin: 0 0.2em; 
     1439    text-align: center; 
     1440    opacity: 0.8; 
     1441    line-height: 1em; 
     1442    position: absolute; 
     1443    left: 0.5rem; 
     1444    top: 1.3rem; 
     1445    content: '\e761\e78b'; 
     1446    opacity: 0.5; 
    14131447} 
    14141448 
    14151449.avatar { 
    1416   float: left; 
    1417   margin-bottom: 10px; 
    1418   margin-bottom: 1rem; 
    1419   width: 40px; 
    1420   width: 4rem; 
    1421   height: auto; 
    1422   background: #f8f8f8; 
    1423   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1424   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1425   box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1450    float: left; 
     1451    margin-bottom: 10px; 
     1452    margin-bottom: 1rem; 
     1453    width: 40px; 
     1454    width: 4rem; 
     1455    height: auto; 
     1456    background: #f8f8f8; 
     1457    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1458    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1459    box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    14261460} 
    14271461 
    14281462.comment-author cite { 
    1429   position: relative; 
    1430   left: 10px; 
    1431   left: 1rem; 
    1432   font-size: 14px; 
    1433   font-size: 1.4rem; 
    1434   font-family: "Bree Serif", Georgia, serif; 
    1435   font-style: normal; 
     1463    position: relative; 
     1464    left: 10px; 
     1465    left: 1rem; 
     1466    font-size: 14px; 
     1467    font-size: 1.4rem; 
     1468    font-family: "Bree Serif", Georgia, serif; 
     1469    font-style: normal; 
    14361470} 
    14371471 
    14381472.comment-meta { 
    1439   position: relative; 
    1440   left: 10px; 
    1441   left: 1rem; 
    1442   font-size: 12px; 
    1443   font-size: 1.2rem; 
     1473    position: relative; 
     1474    left: 10px; 
     1475    left: 1rem; 
     1476    font-size: 12px; 
     1477    font-size: 1.2rem; 
    14441478} 
    14451479 
    14461480.no-comment-avatars .comment-author cite, 
    14471481.no-comment-avatars .comment-meta { 
    1448   position: static; 
     1482    position: static; 
    14491483} 
    14501484 
    14511485.bypostauthor > .comment .comment-author cite:after { 
    1452   content: '*'; 
    1453   font-size: 0.8em; 
    1454   position: relative; 
    1455   bottom: 0.2em; 
     1486    content: '*'; 
     1487    font-size: 0.8em; 
     1488    position: relative; 
     1489    bottom: 0.2em; 
    14561490} 
    14571491 
    14581492.reply { 
    1459   position: absolute; 
    1460   bottom: 10px; 
    1461   bottom: 1rem; 
    1462   right: 10px; 
    1463   right: 1rem; 
    1464   margin: 0; 
    1465   padding: 0; 
    1466   font-size: 12px; 
    1467   font-size: 1.2rem; 
     1493    position: absolute; 
     1494    bottom: 10px; 
     1495    bottom: 1rem; 
     1496    right: 10px; 
     1497    right: 1rem; 
     1498    margin: 0; 
     1499    padding: 0; 
     1500    font-size: 12px; 
     1501    font-size: 1.2rem; 
    14681502} 
    14691503.reply:before { 
    1470   color: #888; 
     1504    color: #888; 
    14711505} 
    14721506.reply:empty:before { 
    1473   display: none; 
     1507    display: none; 
    14741508} 
    14751509 
    14761510#respond { 
    1477   position: relative; 
    1478   margin: 0 0 10px; 
    1479   margin: 0 0 1rem; 
    1480   font-size: 12px; 
    1481   font-size: 1.2rem; 
     1511    position: relative; 
     1512    margin: 0 0 10px; 
     1513    margin: 0 0 1rem; 
     1514    font-size: 12px; 
     1515    font-size: 1.2rem; 
    14821516} 
    14831517#respond label { 
    1484   font-weight: bold; 
     1518    font-weight: bold; 
    14851519} 
    14861520#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url { 
    1487   position: relative; 
    1488   margin-left: 5em; 
     1521    position: relative; 
     1522    margin-left: 5em; 
    14891523} 
    14901524#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label { 
    1491   position: absolute; 
    1492   left: -5em; 
    1493   bottom: 0.1em; 
     1525    position: absolute; 
     1526    left: -5em; 
     1527    bottom: 0.1em; 
    14941528} 
    14951529#respond .comment-form-author input, #respond .comment-form-email input, #respond .comment-form-url input { 
    1496   width: 97%; 
     1530    width: 97%; 
    14971531} 
    14981532 
    14991533#cancel-comment-reply-link { 
    1500   position: absolute; 
    1501   top: 10px; 
    1502   top: 1rem; 
    1503   right: 0; 
    1504   font-family: "PT Sans", Verdana, Geneva, sans-serif; 
    1505   font-size: 12px; 
    1506   font-size: 1.2rem; 
     1534    position: absolute; 
     1535    top: 10px; 
     1536    top: 1rem; 
     1537    right: 0; 
     1538    font-family: "PT Sans", Verdana, Geneva, sans-serif; 
     1539    font-size: 12px; 
     1540    font-size: 1.2rem; 
    15071541} 
    15081542#cancel-comment-reply-link:before { 
    1509   font-family: 'fontello'; 
    1510   font-style: normal; 
    1511   font-weight: normal; 
    1512   speak: none; 
    1513   display: inline-block; 
    1514   text-decoration: inherit; 
    1515   width: 1em; 
    1516   margin: 0 0.2em; 
    1517   text-align: center; 
    1518   opacity: 0.8; 
    1519   line-height: 1em; 
    1520   content: '\e80b'; 
    1521   color: #f00; 
    1522   opacity: 0.4; 
     1543    font-family: 'fontello'; 
     1544    font-style: normal; 
     1545    font-weight: normal; 
     1546    speak: none; 
     1547    display: inline-block; 
     1548    text-decoration: inherit; 
     1549    width: 1em; 
     1550    margin: 0 0.2em; 
     1551    text-align: center; 
     1552    opacity: 0.8; 
     1553    line-height: 1em; 
     1554    content: '\e80b'; 
     1555    color: #f00; 
     1556    opacity: 0.4; 
    15231557} 
    15241558 
     
    15261560----------------------------------------------- */ 
    15271561.widget-area { 
    1528   background-color: #f6f6f6; 
    1529   background-color: rgba(248, 248, 248, 0.7); 
    1530   -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    1531   -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    1532   box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
    1533   overflow: hidden; 
    1534   font-size: 12px; 
    1535   font-size: 1.2rem; 
     1562    background-color: #f6f6f6; 
     1563    background-color: rgba(248, 248, 248, 0.7); 
     1564    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     1565    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     1566    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 0.1rem inset; 
     1567    overflow: hidden; 
     1568    font-size: 12px; 
     1569    font-size: 1.2rem; 
    15361570} 
    15371571.widget-area .widget-title { 
    1538   font-size: 16px; 
    1539   font-size: 1.6rem; 
     1572    font-size: 16px; 
     1573    font-size: 1.6rem; 
    15401574} 
    15411575.widget-area .widget { 
    1542   width: 200px; 
    1543   float: left; 
    1544   padding: 0; 
    1545   margin: 10px; 
     1576    width: 200px; 
     1577    float: left; 
     1578    padding: 0; 
     1579    margin: 10px; 
    15461580} 
    15471581.widget-area.sidebar { 
    1548   margin-bottom: 30px; 
    1549   margin-bottom: 3rem; 
     1582    margin-bottom: 30px; 
     1583    margin-bottom: 3rem; 
    15501584} 
    15511585 
    15521586.no-js #footer-widgets { 
    1553   padding-left: 10px; 
    1554   padding-left: 1rem; 
     1587    padding-left: 10px; 
     1588    padding-left: 1rem; 
    15551589} 
    15561590.no-js #footer-widgets .widget { 
    1557   float: none; 
    1558   display: inline-block; 
    1559   vertical-align: top; 
    1560   margin: 10px 15px; 
    1561   margin: 1rem 1.5rem; 
     1591    float: none; 
     1592    display: inline-block; 
     1593    vertical-align: top; 
     1594    margin: 10px 15px; 
     1595    margin: 1rem 1.5rem; 
    15621596} 
    15631597 
    15641598#footer-widgets, #the-sidebar { 
    1565   margin: auto; 
    1566   width: 220px; 
    1567   width: 22rem; 
     1599    margin: auto; 
     1600    width: 220px; 
     1601    width: 22rem; 
    15681602} 
    15691603 
     
    15711605----------------------------------------------- */ 
    15721606.widget { 
    1573   margin: 0 0 1.5em; 
    1574   -webkit-hyphens: auto; 
    1575   -moz-hyphens: auto; 
    1576   hyphens: auto; 
    1577   word-wrap: break-word; 
     1607    margin: 0 0 1.5em; 
     1608    -webkit-hyphens: auto; 
     1609    -moz-hyphens: auto; 
     1610    hyphens: auto; 
     1611    word-wrap: break-word; 
    15781612} 
    15791613.widget img { 
    1580   max-width: 100%; 
    1581   height: auto; 
     1614    max-width: 100%; 
     1615    height: auto; 
    15821616} 
    15831617.widget select { 
    1584   max-width: 100%; 
     1618    max-width: 100%; 
    15851619} 
    15861620 
    15871621/* Search widget */ 
    15881622#searchsubmit { 
    1589   display: none; 
     1623    display: none; 
    15901624} 
    15911625 
    15921626/* Calendar widget */ 
    15931627#wp-calendar { 
    1594   width: 100%; 
     1628    width: 100%; 
    15951629} 
    15961630#wp-calendar tfoot, #wp-calendar caption { 
    1597   background-color: #ddd; 
     1631    background-color: #ddd; 
    15981632} 
    15991633#wp-calendar caption { 
    1600   text-align: center; 
    1601   font-weight: bold; 
    1602   padding: 0.5em; 
     1634    text-align: center; 
     1635    font-weight: bold; 
     1636    padding: 0.5em; 
    16031637} 
    16041638#wp-calendar td { 
    1605   padding: 0; 
    1606   margin: auto; 
    1607   text-align: center; 
     1639    padding: 0; 
     1640    margin: auto; 
     1641    text-align: center; 
    16081642} 
    16091643#wp-calendar td#today { 
    1610   text-decoration: underline; 
     1644    text-decoration: underline; 
    16111645} 
    16121646#wp-calendar td#prev { 
    1613   text-align: left; 
    1614   padding-left: 0.5em; 
     1647    text-align: left; 
     1648    padding-left: 0.5em; 
    16151649} 
    16161650#wp-calendar td#next { 
    1617   text-align: right; 
    1618   padding-right: 0.5em; 
     1651    text-align: right; 
     1652    padding-right: 0.5em; 
    16191653} 
    16201654 
    16211655#bottom-bar { 
    1622   overflow: hidden; 
    1623   padding: 10px; 
    1624   padding: 1rem; 
    1625   background-color: #484848; 
    1626   background: rgba(0, 0, 0, 0.7); 
    1627   -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
    1628   -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
    1629   box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
    1630   color: #dde; 
    1631   font-size: 12px; 
    1632   font-size: 1.2rem; 
    1633   text-align: center; 
     1656    overflow: hidden; 
     1657    padding: 10px; 
     1658    padding: 1rem; 
     1659    background-color: #484848; 
     1660    background: rgba(0, 0, 0, 0.7); 
     1661    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
     1662    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
     1663    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0.5rem; 
     1664    color: #dde; 
     1665    font-size: 12px; 
     1666    font-size: 1.2rem; 
     1667    text-align: center; 
    16341668} 
    16351669#bottom-bar a { 
    1636   color: #4da8c2; 
     1670    color: #4da8c2; 
    16371671} 
    16381672 
     
    16411675/* 4col, 320px ( 4 * 80px ) */ 
    16421676@media screen and (min-width: 20em) { 
    1643   .js #dynamic-grid { 
    1644     margin: -10px -10px 20px; 
    1645     margin: -1rem -1rem 2rem; 
    1646   } 
    1647   .js #dynamic-grid .hentry { 
    1648     float: left; 
    1649     width: 280px; 
    1650     width: 28rem; 
    1651     margin: 10px; 
    1652     margin: 1rem; 
    1653     padding: 10px; 
    1654     padding: 1rem; 
    1655   } 
    1656   .js #dynamic-grid .hentry .entry-header { 
    1657     text-align: left; 
    1658   } 
     1677    .js #dynamic-grid { 
     1678        margin: -10px -10px 20px; 
     1679        margin: -1rem -1rem 2rem; 
     1680    } 
     1681    .js #dynamic-grid .hentry { 
     1682        float: left; 
     1683        width: 280px; 
     1684        width: 28rem; 
     1685        margin: 10px; 
     1686        margin: 1rem; 
     1687        padding: 10px; 
     1688        padding: 1rem; 
     1689    } 
     1690    .js #dynamic-grid .hentry .entry-header { 
     1691        text-align: left; 
     1692    } 
    16591693} 
    16601694/* 6col, 500px ( 10px + ( 6 * 80px ) + 10px ) */ 
    16611695@media screen and (min-width: 31.25em) { 
    1662   body { 
    1663     padding: 0 20px; 
    1664     padding: 0 2rem; 
    1665   } 
    1666  
    1667   .site-header .header-main { 
    1668     padding: 30px 20px 32px; 
    1669     padding: 3rem 2rem 3.2rem; 
    1670   } 
    1671   .site-header .site-title { 
    1672     font-size: 40px; 
    1673     font-size: 4rem; 
    1674   } 
    1675   .site-header .site-description { 
    1676     font-size: 14px; 
    1677     font-size: 1.4rem; 
    1678   } 
    1679  
    1680   .has-logo-image .site-header .header-main { 
    1681     padding: 30px 20px; 
    1682     padding: 3rem 2rem; 
    1683   } 
    1684   .has-logo-image .site-header .header-main img { 
    1685     max-height: 80px; 
    1686     max-height: 8rem; 
    1687     width: auto; 
    1688   } 
    1689  
    1690   .custom-header.no-logo-image.header-text-hidden .site-header .header-main { 
    1691     min-height: 78px; 
    1692     min-height: 7.8rem; 
    1693   } 
    1694  
    1695   .page-header, 
    1696   .hentry, 
    1697   .comments-area, 
    1698   .post-navigation { 
    1699     padding: 20px; 
    1700     padding: 2rem; 
    1701   } 
    1702  
    1703   .single .entry-title, 
    1704   body.page .entry-title, 
    1705   .one-col-excerpts .entry-title, 
    1706   .one-col-full-posts .entry-title, 
    1707   .not-found .entry-title, 
    1708   .no-js .hentry .entry-title { 
    1709     font-size: 27px; 
    1710     font-size: 2.7rem; 
    1711   } 
    1712   .single .entry-content, 
    1713   .single .entry-summary, 
    1714   .single .comment-content, 
    1715   .single .comments-area, 
    1716   .single .pingback, 
    1717   body.page .entry-content, 
    1718   body.page .entry-summary, 
    1719   body.page .comment-content, 
    1720   body.page .comments-area, 
    1721   body.page .pingback, 
    1722   .one-col-excerpts .entry-content, 
    1723   .one-col-excerpts .entry-summary, 
    1724   .one-col-excerpts .comment-content, 
    1725   .one-col-excerpts .comments-area, 
    1726   .one-col-excerpts .pingback, 
    1727   .one-col-full-posts .entry-content, 
    1728   .one-col-full-posts .entry-summary, 
    1729   .one-col-full-posts .comment-content, 
    1730   .one-col-full-posts .comments-area, 
    1731   .one-col-full-posts .pingback, 
    1732   .not-found .entry-content, 
    1733   .not-found .entry-summary, 
    1734   .not-found .comment-content, 
    1735   .not-found .comments-area, 
    1736   .not-found .pingback, 
    1737   .no-js .hentry .entry-content, 
    1738   .no-js .hentry .entry-summary, 
    1739   .no-js .hentry .comment-content, 
    1740   .no-js .hentry .comments-area, 
    1741   .no-js .hentry .pingback { 
    1742     font-size: 14px; 
    1743     font-size: 1.4rem; 
    1744   } 
    1745   .single .entry-content h1, 
    1746   .single .entry-summary h1, 
    1747   .single .comment-content h1, 
    1748   .single .comments-area h1, 
    1749   .single .pingback h1, 
    1750   body.page .entry-content h1, 
    1751   body.page .entry-summary h1, 
    1752   body.page .comment-content h1, 
    1753   body.page .comments-area h1, 
    1754   body.page .pingback h1, 
    1755   .one-col-excerpts .entry-content h1, 
    1756   .one-col-excerpts .entry-summary h1, 
    1757   .one-col-excerpts .comment-content h1, 
    1758   .one-col-excerpts .comments-area h1, 
    1759   .one-col-excerpts .pingback h1, 
    1760   .one-col-full-posts .entry-content h1, 
    1761   .one-col-full-posts .entry-summary h1, 
    1762   .one-col-full-posts .comment-content h1, 
    1763   .one-col-full-posts .comments-area h1, 
    1764   .one-col-full-posts .pingback h1, 
    1765   .not-found .entry-content h1, 
    1766   .not-found .entry-summary h1, 
    1767   .not-found .comment-content h1, 
    1768   .not-found .comments-area h1, 
    1769   .not-found .pingback h1, 
    1770   .no-js .hentry .entry-content h1, 
    1771   .no-js .hentry .entry-summary h1, 
    1772   .no-js .hentry .comment-content h1, 
    1773   .no-js .hentry .comments-area h1, 
    1774   .no-js .hentry .pingback h1 { 
    1775     font-size: 24px; 
    1776     font-size: 2.4rem; 
    1777   } 
    1778   .single .entry-content h2, 
    1779   .single .entry-summary h2, 
    1780   .single .comment-content h2, 
    1781   .single .comments-area h2, 
    1782   .single .pingback h2, 
    1783   body.page .entry-content h2, 
    1784   body.page .entry-summary h2, 
    1785   body.page .comment-content h2, 
    1786   body.page .comments-area h2, 
    1787   body.page .pingback h2, 
    1788   .one-col-excerpts .entry-content h2, 
    1789   .one-col-excerpts .entry-summary h2, 
    1790   .one-col-excerpts .comment-content h2, 
    1791   .one-col-excerpts .comments-area h2, 
    1792   .one-col-excerpts .pingback h2, 
    1793   .one-col-full-posts .entry-content h2, 
    1794   .one-col-full-posts .entry-summary h2, 
    1795   .one-col-full-posts .comment-content h2, 
    1796   .one-col-full-posts .comments-area h2, 
    1797   .one-col-full-posts .pingback h2, 
    1798   .not-found .entry-content h2, 
    1799   .not-found .entry-summary h2, 
    1800   .not-found .comment-content h2, 
    1801   .not-found .comments-area h2, 
    1802   .not-found .pingback h2, 
    1803   .no-js .hentry .entry-content h2, 
    1804   .no-js .hentry .entry-summary h2, 
    1805   .no-js .hentry .comment-content h2, 
    1806   .no-js .hentry .comments-area h2, 
    1807   .no-js .hentry .pingback h2 { 
    1808     font-size: 22px; 
    1809     font-size: 2.2rem; 
    1810   } 
    1811   .single .entry-content h3, 
    1812   .single .entry-summary h3, 
    1813   .single .comment-content h3, 
    1814   .single .comments-area h3, 
    1815   .single .pingback h3, 
    1816   body.page .entry-content h3, 
    1817   body.page .entry-summary h3, 
    1818   body.page .comment-content h3, 
    1819   body.page .comments-area h3, 
    1820   body.page .pingback h3, 
    1821   .one-col-excerpts .entry-content h3, 
    1822   .one-col-excerpts .entry-summary h3, 
    1823   .one-col-excerpts .comment-content h3, 
    1824   .one-col-excerpts .comments-area h3, 
    1825   .one-col-excerpts .pingback h3, 
    1826   .one-col-full-posts .entry-content h3, 
    1827   .one-col-full-posts .entry-summary h3, 
    1828   .one-col-full-posts .comment-content h3, 
    1829   .one-col-full-posts .comments-area h3, 
    1830   .one-col-full-posts .pingback h3, 
    1831   .not-found .entry-content h3, 
    1832   .not-found .entry-summary h3, 
    1833   .not-found .comment-content h3, 
    1834   .not-found .comments-area h3, 
    1835   .not-found .pingback h3, 
    1836   .no-js .hentry .entry-content h3, 
    1837   .no-js .hentry .entry-summary h3, 
    1838   .no-js .hentry .comment-content h3, 
    1839   .no-js .hentry .comments-area h3, 
    1840   .no-js .hentry .pingback h3 { 
    1841     font-size: 18px; 
    1842     font-size: 1.8rem; 
    1843   } 
    1844   .single .entry-content h4, 
    1845   .single .entry-summary h4, 
    1846   .single .comment-content h4, 
    1847   .single .comments-area h4, 
    1848   .single .pingback h4, 
    1849   body.page .entry-content h4, 
    1850   body.page .entry-summary h4, 
    1851   body.page .comment-content h4, 
    1852   body.page .comments-area h4, 
    1853   body.page .pingback h4, 
    1854   .one-col-excerpts .entry-content h4, 
    1855   .one-col-excerpts .entry-summary h4, 
    1856   .one-col-excerpts .comment-content h4, 
    1857   .one-col-excerpts .comments-area h4, 
    1858   .one-col-excerpts .pingback h4, 
    1859   .one-col-full-posts .entry-content h4, 
    1860   .one-col-full-posts .entry-summary h4, 
    1861   .one-col-full-posts .comment-content h4, 
    1862   .one-col-full-posts .comments-area h4, 
    1863   .one-col-full-posts .pingback h4, 
    1864   .not-found .entry-content h4, 
    1865   .not-found .entry-summary h4, 
    1866   .not-found .comment-content h4, 
    1867   .not-found .comments-area h4, 
    1868   .not-found .pingback h4, 
    1869   .no-js .hentry .entry-content h4, 
    1870   .no-js .hentry .entry-summary h4, 
    1871   .no-js .hentry .comment-content h4, 
    1872   .no-js .hentry .comments-area h4, 
    1873   .no-js .hentry .pingback h4 { 
    1874     font-size: 14px; 
    1875     font-size: 1.4rem; 
    1876   } 
    1877  
    1878   .wp-post-image.attachment-post-thumbnail { 
    1879     width: 150px; 
    1880     width: 15rem; 
    1881   } 
    1882  
    1883   .wp-caption-text, .entry-attachment .entry-caption p { 
    1884     font-size: 0.8em; 
    1885   } 
    1886  
    1887   .comments-title { 
    1888     font-size: 22px; 
    1889     font-size: 2.2rem; 
    1890   } 
    1891  
    1892   #reply-title { 
    1893     font-size: 20px; 
    1894     font-size: 2rem; 
    1895   } 
    1896  
    1897   ol.commentlist ul.children { 
    1898     margin-left: 40px; 
    1899     margin-left: 4rem; 
    1900   } 
    1901   ol.commentlist ul.children > li:before { 
    1902     font-size: 2.4rem; 
    1903     left: -3.6rem; 
    1904   } 
    1905  
    1906   .pingback { 
    1907     margin: 0 0 20px; 
    1908     margin: 0 0 2rem; 
    1909   } 
    1910   .pingback p:before { 
    1911     font-size: 16px; 
    1912     font-size: 1.6rem; 
    1913   } 
    1914  
    1915   article.comment { 
    1916     margin: 0 0 20px; 
    1917     margin: 0 0 2rem; 
    1918     padding-left: 100px; 
    1919     padding-left: 10rem; 
    1920     min-height: 80px; 
    1921     min-height: 8rem; 
    1922   } 
    1923   article.comment footer { 
    1924     padding: 0 0 3px; 
    1925     padding: 0 0 0.3rem; 
    1926   } 
    1927   article.comment footer em { 
    1928     left: 100px; 
    1929     left: 10rem; 
    1930   } 
    1931  
    1932   .avatar { 
    1933     width: 80px; 
    1934     width: 8rem; 
    1935     position: absolute; 
    1936     top: 10px; 
    1937     top: 1rem; 
    1938     left: 10px; 
    1939     left: 1rem; 
    1940     background: #f8f8f8; 
    1941     -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1942     -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1943     box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
    1944   } 
    1945  
    1946   .comment-author cite { 
    1947     position: static; 
    1948     font-size: 16px; 
    1949     font-size: 1.6rem; 
    1950   } 
    1951  
    1952   .comment-meta { 
    1953     float: right; 
    1954     left: 0; 
    1955     top: -20px; 
    1956     top: -2rem; 
    1957     font-size: 12px; 
    1958     font-size: 1.2rem; 
    1959   } 
    1960  
    1961   .no-comment-avatars article.comment { 
    1962     padding-left: 10px; 
    1963     padding-left: 1rem; 
    1964   } 
    1965   .no-comment-avatars .comment-meta { 
    1966     position: relative; 
    1967   } 
    1968  
    1969   #respond { 
    1970     font-size: 14px; 
    1971     font-size: 1.4rem; 
    1972   } 
    1973  
    1974   #footer-widgets, #the-sidebar { 
    1975     width: 460px; 
    1976     width: 46rem; 
    1977   } 
     1696    body { 
     1697        padding: 0 20px; 
     1698        padding: 0 2rem; 
     1699    } 
     1700 
     1701    .site-header .header-main { 
     1702        padding: 30px 20px 32px; 
     1703        padding: 3rem 2rem 3.2rem; 
     1704    } 
     1705    .site-header .site-title { 
     1706        font-size: 40px; 
     1707        font-size: 4rem; 
     1708    } 
     1709    .site-header .site-description { 
     1710        font-size: 14px; 
     1711        font-size: 1.4rem; 
     1712    } 
     1713 
     1714    .has-logo-image .site-header .header-main { 
     1715        padding: 30px 20px; 
     1716        padding: 3rem 2rem; 
     1717    } 
     1718    .has-logo-image .site-header .header-main img { 
     1719        max-height: 80px; 
     1720        max-height: 8rem; 
     1721        width: auto; 
     1722    } 
     1723 
     1724    .custom-header.no-logo-image.header-text-hidden .site-header .header-main { 
     1725        min-height: 78px; 
     1726        min-height: 7.8rem; 
     1727    } 
     1728 
     1729    .page-header, 
     1730    .hentry, 
     1731    .comments-area, 
     1732    .post-navigation { 
     1733        padding: 20px; 
     1734        padding: 2rem; 
     1735    } 
     1736 
     1737    .single .entry-title, 
     1738    body.page .entry-title, 
     1739    .one-col-excerpts .entry-title, 
     1740    .one-col-full-posts .entry-title, 
     1741    .not-found .entry-title, 
     1742    .no-js .hentry .entry-title { 
     1743        font-size: 27px; 
     1744        font-size: 2.7rem; 
     1745    } 
     1746    .single .entry-content, 
     1747    .single .entry-summary, 
     1748    .single .comment-content, 
     1749    .single .comments-area, 
     1750    .single .pingback, 
     1751    body.page .entry-content, 
     1752    body.page .entry-summary, 
     1753    body.page .comment-content, 
     1754    body.page .comments-area, 
     1755    body.page .pingback, 
     1756    .one-col-excerpts .entry-content, 
     1757    .one-col-excerpts .entry-summary, 
     1758    .one-col-excerpts .comment-content, 
     1759    .one-col-excerpts .comments-area, 
     1760    .one-col-excerpts .pingback, 
     1761    .one-col-full-posts .entry-content, 
     1762    .one-col-full-posts .entry-summary, 
     1763    .one-col-full-posts .comment-content, 
     1764    .one-col-full-posts .comments-area, 
     1765    .one-col-full-posts .pingback, 
     1766    .not-found .entry-content, 
     1767    .not-found .entry-summary, 
     1768    .not-found .comment-content, 
     1769    .not-found .comments-area, 
     1770    .not-found .pingback, 
     1771    .no-js .hentry .entry-content, 
     1772    .no-js .hentry .entry-summary, 
     1773    .no-js .hentry .comment-content, 
     1774    .no-js .hentry .comments-area, 
     1775    .no-js .hentry .pingback { 
     1776        font-size: 14px; 
     1777        font-size: 1.4rem; 
     1778    } 
     1779    .single .entry-content h1, 
     1780    .single .entry-summary h1, 
     1781    .single .comment-content h1, 
     1782    .single .comments-area h1, 
     1783    .single .pingback h1, 
     1784    body.page .entry-content h1, 
     1785    body.page .entry-summary h1, 
     1786    body.page .comment-content h1, 
     1787    body.page .comments-area h1, 
     1788    body.page .pingback h1, 
     1789    .one-col-excerpts .entry-content h1, 
     1790    .one-col-excerpts .entry-summary h1, 
     1791    .one-col-excerpts .comment-content h1, 
     1792    .one-col-excerpts .comments-area h1, 
     1793    .one-col-excerpts .pingback h1, 
     1794    .one-col-full-posts .entry-content h1, 
     1795    .one-col-full-posts .entry-summary h1, 
     1796    .one-col-full-posts .comment-content h1, 
     1797    .one-col-full-posts .comments-area h1, 
     1798    .one-col-full-posts .pingback h1, 
     1799    .not-found .entry-content h1, 
     1800    .not-found .entry-summary h1, 
     1801    .not-found .comment-content h1, 
     1802    .not-found .comments-area h1, 
     1803    .not-found .pingback h1, 
     1804    .no-js .hentry .entry-content h1, 
     1805    .no-js .hentry .entry-summary h1, 
     1806    .no-js .hentry .comment-content h1, 
     1807    .no-js .hentry .comments-area h1, 
     1808    .no-js .hentry .pingback h1 { 
     1809        font-size: 24px; 
     1810        font-size: 2.4rem; 
     1811    } 
     1812    .single .entry-content h2, 
     1813    .single .entry-summary h2, 
     1814    .single .comment-content h2, 
     1815    .single .comments-area h2, 
     1816    .single .pingback h2, 
     1817    body.page .entry-content h2, 
     1818    body.page .entry-summary h2, 
     1819    body.page .comment-content h2, 
     1820    body.page .comments-area h2, 
     1821    body.page .pingback h2, 
     1822    .one-col-excerpts .entry-content h2, 
     1823    .one-col-excerpts .entry-summary h2, 
     1824    .one-col-excerpts .comment-content h2, 
     1825    .one-col-excerpts .comments-area h2, 
     1826    .one-col-excerpts .pingback h2, 
     1827    .one-col-full-posts .entry-content h2, 
     1828    .one-col-full-posts .entry-summary h2, 
     1829    .one-col-full-posts .comment-content h2, 
     1830    .one-col-full-posts .comments-area h2, 
     1831    .one-col-full-posts .pingback h2, 
     1832    .not-found .entry-content h2, 
     1833    .not-found .entry-summary h2, 
     1834    .not-found .comment-content h2, 
     1835    .not-found .comments-area h2, 
     1836    .not-found .pingback h2, 
     1837    .no-js .hentry .entry-content h2, 
     1838    .no-js .hentry .entry-summary h2, 
     1839    .no-js .hentry .comment-content h2, 
     1840    .no-js .hentry .comments-area h2, 
     1841    .no-js .hentry .pingback h2 { 
     1842        font-size: 22px; 
     1843        font-size: 2.2rem; 
     1844    } 
     1845    .single .entry-content h3, 
     1846    .single .entry-summary h3, 
     1847    .single .comment-content h3, 
     1848    .single .comments-area h3, 
     1849    .single .pingback h3, 
     1850    body.page .entry-content h3, 
     1851    body.page .entry-summary h3, 
     1852    body.page .comment-content h3, 
     1853    body.page .comments-area h3, 
     1854    body.page .pingback h3, 
     1855    .one-col-excerpts .entry-content h3, 
     1856    .one-col-excerpts .entry-summary h3, 
     1857    .one-col-excerpts .comment-content h3, 
     1858    .one-col-excerpts .comments-area h3, 
     1859    .one-col-excerpts .pingback h3, 
     1860    .one-col-full-posts .entry-content h3, 
     1861    .one-col-full-posts .entry-summary h3, 
     1862    .one-col-full-posts .comment-content h3, 
     1863    .one-col-full-posts .comments-area h3, 
     1864    .one-col-full-posts .pingback h3, 
     1865    .not-found .entry-content h3, 
     1866    .not-found .entry-summary h3, 
     1867    .not-found .comment-content h3, 
     1868    .not-found .comments-area h3, 
     1869    .not-found .pingback h3, 
     1870    .no-js .hentry .entry-content h3, 
     1871    .no-js .hentry .entry-summary h3, 
     1872    .no-js .hentry .comment-content h3, 
     1873    .no-js .hentry .comments-area h3, 
     1874    .no-js .hentry .pingback h3 { 
     1875        font-size: 18px; 
     1876        font-size: 1.8rem; 
     1877    } 
     1878    .single .entry-content h4, 
     1879    .single .entry-summary h4, 
     1880    .single .comment-content h4, 
     1881    .single .comments-area h4, 
     1882    .single .pingback h4, 
     1883    body.page .entry-content h4, 
     1884    body.page .entry-summary h4, 
     1885    body.page .comment-content h4, 
     1886    body.page .comments-area h4, 
     1887    body.page .pingback h4, 
     1888    .one-col-excerpts .entry-content h4, 
     1889    .one-col-excerpts .entry-summary h4, 
     1890    .one-col-excerpts .comment-content h4, 
     1891    .one-col-excerpts .comments-area h4, 
     1892    .one-col-excerpts .pingback h4, 
     1893    .one-col-full-posts .entry-content h4, 
     1894    .one-col-full-posts .entry-summary h4, 
     1895    .one-col-full-posts .comment-content h4, 
     1896    .one-col-full-posts .comments-area h4, 
     1897    .one-col-full-posts .pingback h4, 
     1898    .not-found .entry-content h4, 
     1899    .not-found .entry-summary h4, 
     1900    .not-found .comment-content h4, 
     1901    .not-found .comments-area h4, 
     1902    .not-found .pingback h4, 
     1903    .no-js .hentry .entry-content h4, 
     1904    .no-js .hentry .entry-summary h4, 
     1905    .no-js .hentry .comment-content h4, 
     1906    .no-js .hentry .comments-area h4, 
     1907    .no-js .hentry .pingback h4 { 
     1908        font-size: 14px; 
     1909        font-size: 1.4rem; 
     1910    } 
     1911 
     1912    .wp-post-image.attachment-post-thumbnail { 
     1913        width: 150px; 
     1914        width: 15rem; 
     1915    } 
     1916 
     1917    .wp-caption-text, .entry-attachment .entry-caption p { 
     1918        font-size: 0.8em; 
     1919    } 
     1920 
     1921    .comments-title { 
     1922        font-size: 22px; 
     1923        font-size: 2.2rem; 
     1924    } 
     1925 
     1926    #reply-title { 
     1927        font-size: 20px; 
     1928        font-size: 2rem; 
     1929    } 
     1930 
     1931    ol.commentlist ul.children { 
     1932        margin-left: 40px; 
     1933        margin-left: 4rem; 
     1934    } 
     1935    ol.commentlist ul.children > li:before { 
     1936        font-size: 2.4rem; 
     1937        left: -3.6rem; 
     1938    } 
     1939 
     1940    .pingback { 
     1941        margin: 0 0 20px; 
     1942        margin: 0 0 2rem; 
     1943    } 
     1944    .pingback p:before { 
     1945        font-size: 16px; 
     1946        font-size: 1.6rem; 
     1947    } 
     1948 
     1949    article.comment { 
     1950        margin: 0 0 20px; 
     1951        margin: 0 0 2rem; 
     1952        padding-left: 100px; 
     1953        padding-left: 10rem; 
     1954        min-height: 80px; 
     1955        min-height: 8rem; 
     1956    } 
     1957    article.comment footer { 
     1958        padding: 0 0 3px; 
     1959        padding: 0 0 0.3rem; 
     1960    } 
     1961    article.comment footer em { 
     1962        left: 100px; 
     1963        left: 10rem; 
     1964    } 
     1965 
     1966    .avatar { 
     1967        width: 80px; 
     1968        width: 8rem; 
     1969        position: absolute; 
     1970        top: 10px; 
     1971        top: 1rem; 
     1972        left: 10px; 
     1973        left: 1rem; 
     1974        background: #f8f8f8; 
     1975        -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1976        -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1977        box-shadow: rgba(0, 0, 0, 0.2) 0 0 0.2rem; 
     1978    } 
     1979 
     1980    .comment-author cite { 
     1981        position: static; 
     1982        font-size: 16px; 
     1983        font-size: 1.6rem; 
     1984    } 
     1985 
     1986    .comment-meta { 
     1987        float: right; 
     1988        left: 0; 
     1989        top: -20px; 
     1990        top: -2rem; 
     1991        font-size: 12px; 
     1992        font-size: 1.2rem; 
     1993    } 
     1994 
     1995    .no-comment-avatars article.comment { 
     1996        padding-left: 10px; 
     1997        padding-left: 1rem; 
     1998    } 
     1999    .no-comment-avatars .comment-meta { 
     2000        position: relative; 
     2001    } 
     2002 
     2003    #respond { 
     2004        font-size: 14px; 
     2005        font-size: 1.4rem; 
     2006    } 
     2007 
     2008    #footer-widgets, #the-sidebar { 
     2009        width: 460px; 
     2010        width: 46rem; 
     2011    } 
    19782012} 
    19792013/* 8col, 660px ( 10px + ( 8 * 80px ) + 10px ) */ 
    19802014@media screen and (min-width: 41.25em) { 
    1981   .content-area { 
    1982     max-width: 620px; 
    1983     max-width: 62rem; 
    1984   } 
    1985  
    1986   .single.no-sidebar .hentry, 
    1987   .single.no-sidebar .comments-area, 
    1988   body.page.no-sidebar .hentry, 
    1989   body.page.no-sidebar .comments-area, 
    1990   .one-col-excerpts.no-sidebar .hentry, 
    1991   .one-col-excerpts.no-sidebar .comments-area, 
    1992   .one-col-full-posts.no-sidebar .hentry, 
    1993   .one-col-full-posts.no-sidebar .comments-area, 
    1994   .no-js.no-sidebar .hentry, 
    1995   .no-js.no-sidebar .comments-area { 
    1996     padding: 40px; 
    1997     padding: 4rem; 
    1998   } 
    1999   .single.no-sidebar .entry-header, 
    2000   .single.no-sidebar .entry-content, 
    2001   .single.no-sidebar .entry-summary, 
    2002   .single.no-sidebar #image-navigation, 
    2003   .single.no-sidebar .entry-meta, 
    2004   .single.no-sidebar .comments-title, 
    2005   .single.no-sidebar .comment-navigation, 
    2006   .single.no-sidebar ol.commentlist, 
    2007   .single.no-sidebar #respond, 
    2008   body.page.no-sidebar .entry-header, 
    2009   body.page.no-sidebar .entry-content, 
    2010   body.page.no-sidebar .entry-summary, 
    2011   body.page.no-sidebar #image-navigation, 
    2012   body.page.no-sidebar .entry-meta, 
    2013   body.page.no-sidebar .comments-title, 
    2014   body.page.no-sidebar .comment-navigation, 
    2015   body.page.no-sidebar ol.commentlist, 
    2016   body.page.no-sidebar #respond, 
    2017   .one-col-excerpts.no-sidebar .entry-header, 
    2018   .one-col-excerpts.no-sidebar .entry-content, 
    2019   .one-col-excerpts.no-sidebar .entry-summary, 
    2020   .one-col-excerpts.no-sidebar #image-navigation, 
    2021   .one-col-excerpts.no-sidebar .entry-meta, 
    2022   .one-col-excerpts.no-sidebar .comments-title, 
    2023   .one-col-excerpts.no-sidebar .comment-navigation, 
    2024   .one-col-excerpts.no-sidebar ol.commentlist, 
    2025   .one-col-excerpts.no-sidebar #respond, 
    2026   .one-col-full-posts.no-sidebar .entry-header, 
    2027   .one-col-full-posts.no-sidebar .entry-content, 
    2028   .one-col-full-posts.no-sidebar .entry-summary, 
    2029   .one-col-full-posts.no-sidebar #image-navigation, 
    2030   .one-col-full-posts.no-sidebar .entry-meta, 
    2031   .one-col-full-posts.no-sidebar .comments-title, 
    2032   .one-col-full-posts.no-sidebar .comment-navigation, 
    2033   .one-col-full-posts.no-sidebar ol.commentlist, 
    2034   .one-col-full-posts.no-sidebar #respond, 
    2035   .no-js.no-sidebar .entry-header, 
    2036   .no-js.no-sidebar .entry-content, 
    2037   .no-js.no-sidebar .entry-summary, 
    2038   .no-js.no-sidebar #image-navigation, 
    2039   .no-js.no-sidebar .entry-meta, 
    2040   .no-js.no-sidebar .comments-title, 
    2041   .no-js.no-sidebar .comment-navigation, 
    2042   .no-js.no-sidebar ol.commentlist, 
    2043   .no-js.no-sidebar #respond { 
    2044     max-width: 660px; 
    2045     max-width: 66rem; 
    2046     margin-right: auto; 
    2047     margin-left: auto; 
    2048   } 
    2049   .single.no-sidebar .entry-title, 
    2050   body.page.no-sidebar .entry-title, 
    2051   .one-col-excerpts.no-sidebar .entry-title, 
    2052   .one-col-full-posts.no-sidebar .entry-title, 
    2053   .no-js.no-sidebar .entry-title { 
    2054     font-size: 30px; 
    2055     font-size: 3rem; 
    2056   } 
    2057   .single.no-sidebar .entry-content, 
    2058   .single.no-sidebar .entry-summary, 
    2059   body.page.no-sidebar .entry-content, 
    2060   body.page.no-sidebar .entry-summary, 
    2061   .one-col-excerpts.no-sidebar .entry-content, 
    2062   .one-col-excerpts.no-sidebar .entry-summary, 
    2063   .one-col-full-posts.no-sidebar .entry-content, 
    2064   .one-col-full-posts.no-sidebar .entry-summary, 
    2065   .no-js.no-sidebar .entry-content, 
    2066   .no-js.no-sidebar .entry-summary { 
    2067     font-size: 16px; 
    2068     font-size: 1.6rem; 
    2069   } 
    2070   .single.no-sidebar .pingback, .single.no-sidebar article.comment, 
    2071   body.page.no-sidebar .pingback, 
    2072   body.page.no-sidebar article.comment, 
    2073   .one-col-excerpts.no-sidebar .pingback, 
    2074   .one-col-excerpts.no-sidebar article.comment, 
    2075   .one-col-full-posts.no-sidebar .pingback, 
    2076   .one-col-full-posts.no-sidebar article.comment, 
    2077   .no-js.no-sidebar .pingback, 
    2078   .no-js.no-sidebar article.comment { 
    2079     margin: 0 0 30px; 
    2080     margin: 0 0 3rem; 
    2081   } 
    2082   .single.has-sidebar .site-main, 
    2083   body.page.has-sidebar .site-main, 
    2084   .one-col-excerpts.has-sidebar .site-main, 
    2085   .one-col-full-posts.has-sidebar .site-main, 
    2086   .no-js.has-sidebar .site-main { 
    2087     padding: 0 240px 0 0; 
    2088     padding: 0 24rem 0 0; 
    2089   } 
    2090   .single.has-sidebar .content-area, 
    2091   body.page.has-sidebar .content-area, 
    2092   .one-col-excerpts.has-sidebar .content-area, 
    2093   .one-col-full-posts.has-sidebar .content-area, 
    2094   .no-js.has-sidebar .content-area { 
    2095     float: left; 
    2096     margin-right: -100%; 
    2097     width: 100%; 
    2098   } 
    2099   .single.has-sidebar .widget-area.sidebar, 
    2100   body.page.has-sidebar .widget-area.sidebar, 
    2101   .one-col-excerpts.has-sidebar .widget-area.sidebar, 
    2102   .one-col-full-posts.has-sidebar .widget-area.sidebar, 
    2103   .no-js.has-sidebar .widget-area.sidebar { 
    2104     float: right; 
    2105     margin-right: -240px; 
    2106     margin-right: -24rem; 
    2107     width: 220px; 
    2108     width: 22rem; 
    2109   } 
    2110   .single.has-sidebar #the-sidebar, 
    2111   body.page.has-sidebar #the-sidebar, 
    2112   .one-col-excerpts.has-sidebar #the-sidebar, 
    2113   .one-col-full-posts.has-sidebar #the-sidebar, 
    2114   .no-js.has-sidebar #the-sidebar { 
    2115     width: 220px; 
    2116     width: 22rem; 
    2117   } 
    2118   .single.has-sidebar .entry-title, 
    2119   body.page.has-sidebar .entry-title, 
    2120   .one-col-excerpts.has-sidebar .entry-title, 
    2121   .one-col-full-posts.has-sidebar .entry-title, 
    2122   .no-js.has-sidebar .entry-title { 
    2123     text-align: left; 
    2124   } 
    2125   .single.has-sidebar .comment-meta, 
    2126   body.page.has-sidebar .comment-meta, 
    2127   .one-col-excerpts.has-sidebar .comment-meta, 
    2128   .one-col-full-posts.has-sidebar .comment-meta, 
    2129   .no-js.has-sidebar .comment-meta { 
    2130     float: none; 
    2131     position: relative; 
    2132     top: 0; 
    2133   } 
    2134  
    2135   #bottom-bar .footer-text { 
    2136     width: 48%; 
    2137     float: left; 
    2138     text-align: left; 
    2139   } 
    2140   #bottom-bar .site-info { 
    2141     width: 48%; 
    2142     float: right; 
    2143     text-align: right; 
    2144   } 
     2015    .content-area { 
     2016        max-width: 620px; 
     2017        max-width: 62rem; 
     2018    } 
     2019 
     2020    .single.no-sidebar .hentry, 
     2021    .single.no-sidebar .comments-area, 
     2022    body.page.no-sidebar .hentry, 
     2023    body.page.no-sidebar .comments-area, 
     2024    .one-col-excerpts.no-sidebar .hentry, 
     2025    .one-col-excerpts.no-sidebar .comments-area, 
     2026    .one-col-full-posts.no-sidebar .hentry, 
     2027    .one-col-full-posts.no-sidebar .comments-area, 
     2028    .no-js.no-sidebar .hentry, 
     2029    .no-js.no-sidebar .comments-area { 
     2030        padding: 40px; 
     2031        padding: 4rem; 
     2032    } 
     2033    .single.no-sidebar .entry-header, 
     2034    .single.no-sidebar .entry-content, 
     2035    .single.no-sidebar .entry-summary, 
     2036    .single.no-sidebar #image-navigation, 
     2037    .single.no-sidebar .entry-meta, 
     2038    .single.no-sidebar .comments-title, 
     2039    .single.no-sidebar .comment-navigation, 
     2040    .single.no-sidebar ol.commentlist, 
     2041    .single.no-sidebar #respond, 
     2042    body.page.no-sidebar .entry-header, 
     2043    body.page.no-sidebar .entry-content, 
     2044    body.page.no-sidebar .entry-summary, 
     2045    body.page.no-sidebar #image-navigation, 
     2046    body.page.no-sidebar .entry-meta, 
     2047    body.page.no-sidebar .comments-title, 
     2048    body.page.no-sidebar .comment-navigation, 
     2049    body.page.no-sidebar ol.commentlist, 
     2050    body.page.no-sidebar #respond, 
     2051    .one-col-excerpts.no-sidebar .entry-header, 
     2052    .one-col-excerpts.no-sidebar .entry-content, 
     2053    .one-col-excerpts.no-sidebar .entry-summary, 
     2054    .one-col-excerpts.no-sidebar #image-navigation, 
     2055    .one-col-excerpts.no-sidebar .entry-meta, 
     2056    .one-col-excerpts.no-sidebar .comments-title, 
     2057    .one-col-excerpts.no-sidebar .comment-navigation, 
     2058    .one-col-excerpts.no-sidebar ol.commentlist, 
     2059    .one-col-excerpts.no-sidebar #respond, 
     2060    .one-col-full-posts.no-sidebar .entry-header, 
     2061    .one-col-full-posts.no-sidebar .entry-content, 
     2062    .one-col-full-posts.no-sidebar .entry-summary, 
     2063    .one-col-full-posts.no-sidebar #image-navigation, 
     2064    .one-col-full-posts.no-sidebar .entry-meta, 
     2065    .one-col-full-posts.no-sidebar .comments-title, 
     2066    .one-col-full-posts.no-sidebar .comment-navigation, 
     2067    .one-col-full-posts.no-sidebar ol.commentlist, 
     2068    .one-col-full-posts.no-sidebar #respond, 
     2069    .no-js.no-sidebar .entry-header, 
     2070    .no-js.no-sidebar .entry-content, 
     2071    .no-js.no-sidebar .entry-summary, 
     2072    .no-js.no-sidebar #image-navigation, 
     2073    .no-js.no-sidebar .entry-meta, 
     2074    .no-js.no-sidebar .comments-title, 
     2075    .no-js.no-sidebar .comment-navigation, 
     2076    .no-js.no-sidebar ol.commentlist, 
     2077    .no-js.no-sidebar #respond { 
     2078        max-width: 660px; 
     2079        max-width: 66rem; 
     2080        margin-right: auto; 
     2081        margin-left: auto; 
     2082    } 
     2083    .single.no-sidebar .entry-title, 
     2084    body.page.no-sidebar .entry-title, 
     2085    .one-col-excerpts.no-sidebar .entry-title, 
     2086    .one-col-full-posts.no-sidebar .entry-title, 
     2087    .no-js.no-sidebar .entry-title { 
     2088        font-size: 30px; 
     2089        font-size: 3rem; 
     2090    } 
     2091    .single.no-sidebar .entry-content, 
     2092    .single.no-sidebar .entry-summary, 
     2093    body.page.no-sidebar .entry-content, 
     2094    body.page.no-sidebar .entry-summary, 
     2095    .one-col-excerpts.no-sidebar .entry-content, 
     2096    .one-col-excerpts.no-sidebar .entry-summary, 
     2097    .one-col-full-posts.no-sidebar .entry-content, 
     2098    .one-col-full-posts.no-sidebar .entry-summary, 
     2099    .no-js.no-sidebar .entry-content, 
     2100    .no-js.no-sidebar .entry-summary { 
     2101        font-size: 16px; 
     2102        font-size: 1.6rem; 
     2103    } 
     2104    .single.no-sidebar .pingback, .single.no-sidebar article.comment, 
     2105    body.page.no-sidebar .pingback, 
     2106    body.page.no-sidebar article.comment, 
     2107    .one-col-excerpts.no-sidebar .pingback, 
     2108    .one-col-excerpts.no-sidebar article.comment, 
     2109    .one-col-full-posts.no-sidebar .pingback, 
     2110    .one-col-full-posts.no-sidebar article.comment, 
     2111    .no-js.no-sidebar .pingback, 
     2112    .no-js.no-sidebar article.comment { 
     2113        margin: 0 0 30px; 
     2114        margin: 0 0 3rem; 
     2115    } 
     2116    .single.has-sidebar .site-main, 
     2117    body.page.has-sidebar .site-main, 
     2118    .one-col-excerpts.has-sidebar .site-main, 
     2119    .one-col-full-posts.has-sidebar .site-main, 
     2120    .no-js.has-sidebar .site-main { 
     2121        padding: 0 240px 0 0; 
     2122        padding: 0 24rem 0 0; 
     2123    } 
     2124    .single.has-sidebar .content-area, 
     2125    body.page.has-sidebar .content-area, 
     2126    .one-col-excerpts.has-sidebar .content-area, 
     2127    .one-col-full-posts.has-sidebar .content-area, 
     2128    .no-js.has-sidebar .content-area { 
     2129        float: left; 
     2130        margin-right: -100%; 
     2131        width: 100%; 
     2132    } 
     2133    .single.has-sidebar .widget-area.sidebar, 
     2134    body.page.has-sidebar .widget-area.sidebar, 
     2135    .one-col-excerpts.has-sidebar .widget-area.sidebar, 
     2136    .one-col-full-posts.has-sidebar .widget-area.sidebar, 
     2137    .no-js.has-sidebar .widget-area.sidebar { 
     2138        float: right; 
     2139        margin-right: -240px; 
     2140        margin-right: -24rem; 
     2141        width: 220px; 
     2142        width: 22rem; 
     2143    } 
     2144    .single.has-sidebar #the-sidebar, 
     2145    body.page.has-sidebar #the-sidebar, 
     2146    .one-col-excerpts.has-sidebar #the-sidebar, 
     2147    .one-col-full-posts.has-sidebar #the-sidebar, 
     2148    .no-js.has-sidebar #the-sidebar { 
     2149        width: 220px; 
     2150        width: 22rem; 
     2151    } 
     2152    .single.has-sidebar .entry-title, 
     2153    body.page.has-sidebar .entry-title, 
     2154    .one-col-excerpts.has-sidebar .entry-title, 
     2155    .one-col-full-posts.has-sidebar .entry-title, 
     2156    .no-js.has-sidebar .entry-title { 
     2157        text-align: left; 
     2158    } 
     2159    .single.has-sidebar .comment-meta, 
     2160    body.page.has-sidebar .comment-meta, 
     2161    .one-col-excerpts.has-sidebar .comment-meta, 
     2162    .one-col-full-posts.has-sidebar .comment-meta, 
     2163    .no-js.has-sidebar .comment-meta { 
     2164        float: none; 
     2165        position: relative; 
     2166        top: 0; 
     2167    } 
     2168 
     2169    #bottom-bar .footer-text { 
     2170        width: 48%; 
     2171        float: left; 
     2172        text-align: left; 
     2173    } 
     2174    #bottom-bar .site-info { 
     2175        width: 48%; 
     2176        float: right; 
     2177        text-align: right; 
     2178    } 
    21452179} 
    21462180/* 9col, 740px ( 10px + ( 9 * 80px ) + 10px ) */ 
    21472181@media screen and (min-width: 46.25em) { 
    2148   #footer-widgets { 
    2149     width: 700px; 
    2150     width: 70rem; 
    2151   } 
     2182    #footer-widgets { 
     2183        width: 700px; 
     2184        width: 70rem; 
     2185    } 
    21522186} 
    21532187/* 10col, 820px ( 10px + ( 10 * 80px ) + 10px ) */ 
    21542188@media screen and (min-width: 51.25em) { 
    2155   .single.has-sidebar .entry-title, 
    2156   body.page.has-sidebar .entry-title, 
    2157   .one-col-excerpts.has-sidebar .entry-title, 
    2158   .one-col-full-posts.has-sidebar .entry-title, 
    2159   .no-js.has-sidebar .entry-title { 
    2160     font-size: 30px; 
    2161     font-size: 3rem; 
    2162   } 
    2163   .single.has-sidebar .entry-content, 
    2164   .single.has-sidebar .entry-summary, 
    2165   body.page.has-sidebar .entry-content, 
    2166   body.page.has-sidebar .entry-summary, 
    2167   .one-col-excerpts.has-sidebar .entry-content, 
    2168   .one-col-excerpts.has-sidebar .entry-summary, 
    2169   .one-col-full-posts.has-sidebar .entry-content, 
    2170   .one-col-full-posts.has-sidebar .entry-summary, 
    2171   .no-js.has-sidebar .entry-content, 
    2172   .no-js.has-sidebar .entry-summary { 
    2173     font-size: 16px; 
    2174     font-size: 1.6rem; 
    2175   } 
     2189    .single.has-sidebar .entry-title, 
     2190    body.page.has-sidebar .entry-title, 
     2191    .one-col-excerpts.has-sidebar .entry-title, 
     2192    .one-col-full-posts.has-sidebar .entry-title, 
     2193    .no-js.has-sidebar .entry-title { 
     2194