/**
 * style.css
 *
 * Theme Name: Material 
 * Theme URI: http://standew.com/material
 * Description: Material is a neat, responsive and lightweight theme for your blog. It ships with custom header, social links widget, post formats, full-width template and so on. All stylesheets and scripts have been optimized and compressed for faster loading. It is also translation ready, you may interpret it with the default en_US.po file.
 * Version: 1.1.3
 * Author: Klyment Wong
 * Author URI: http://standew.com/klyment
 * License: GNU General Public License version 3.0
 * License URI: http://www.gnu.org/licenses/gpl-3.0.html
 * Tags: translation-ready, custom-header, responsive-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready, full-width-template, one-column, two-columns, fluid-layout, right-sidebar, gray, white, light, featured-image-header, theme-options 
 * Text Domain: material;
 */

/* You can write your own css code below to override the default style */
body {
font-family:Verdana,"BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
font-size:13px;
}
.comment-body {
  background-color: #f4f4f4;
  margin: 4px; padding: 4px;
  line-height: 1.44em;
}
.vcard {
  background-color: #d4e8cf;
}
.blu { color: #164aab; cursor: pointer; text-decoration: underline; font-weight: bold; display: block; margin-top: 12px; }
.ora { color: #164aab; cursor: pointer; text-decoration: underline; font-weight: bold; }
.hint { display: none; margin: 10px; }
.hide { display: none; }
.link {
    margin: 8px;
    min-width: 300px;
    cursor: pointer;
    display: inline-block;
    padding: 4px;
    border: 1px solid #f0f0f0;
    background-color: #EAF4FA;
    font-size:12px; color: #757575;
}
.link:hover {
    background-color: #F4BE2A;
}
.link img, .link2 img{
    margin-right: 4px;
    float: left;
    vertical-align: middle;
}
.link2 { padding:0px;cursor:pointer;background-color: #EAF7FF; }
.link2:hover { background-color: #AAA7AF; }
h1, h2, h3, h4, h5, h6 {
        font-weight:bold;
        letter-spacing:-0.05em;
        font-family: Arial, sans-serif;
}

.main-content td.g {
  color: white;
  padding: 0;
  text-align: left;
  vertical-align: bottom;
  cursor: pointer;
  width: 150px;
  height: 130px;
  background: no-repeat top;
  background-position: 50% 12%;
  border-radius: 2px;
}
.main-content td.w {
 background-size: 55%;
 background-color: #1F34A3;
 background-image: url(//files.dev47apps.net/img/windows.png)
}
.main-content td.l {
 background-size: 45%;
 background-color: #B15124;
 background-image: url(//files.dev47apps.net/img/linux.png)
}
.main-content td.i {
 background-size: 50%;
 background-color: #A80000;
 background-image: url(//files.dev47apps.net/img/info.png)
}
.main-content td.g p {
 margin: 4px;
}
.main-content td.g:hover {
 background-color: #000;
}
.main-content table.g {
 border-collapse: inherit;
}
