/*
 * Theme Name:  Speed Awareness Month v1
 * Theme URI: http://www.speedawarenessmonth.com
 * Description: Custom WordPress theme for SAM 
 * Author:    Speed Awareness Month
 * Version:   1.0.0
 */

/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/*STYLES*/
* {
  font-family: Helvetica, Arial, sans-serif;
}

/*******************************
** BODY STYLES
********************************/
body, html {
  font-family: Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0;
}

body {
  background: #EBEFF0;
}


/*******************************
** HEADER
********************************/

.logo {
  background: url('images/logo.png') no-repeat;
  width: 379px;
  height: 75px;
  display: block;
  border: none !important;
}

header {
  background: #D9DFE2;
  border-bottom: 1px solid #D2D7D9;
  width: 100%;
  height: 152px;
  text-shadow: 1px 1px #f9f9f9;
}

  header .container { padding-top: 42px;}

  header .logo {
    background: none;
  }

  /*titles*/
  .logo { 
    float: left;
    text-align: right;
  }

    .logo a {
      text-decoration: none;
      color: #30373A;
    }

    .logo .title {
      font-weight: 600;
      font-size: 24pt;
    }

    .logo .tagline {
      font-weight: 400;
      font-size: 14pt;
      color: #949899;
      text-shadow: 0 1px 0px #fff;
    }

  /*nav*/
  header nav {
    float: right;
    margin-top: 20px;
  }

    header nav ul {
      list-style-type: none;
    }

      header nav ul li {
        display: inline-block;
        font-size: 15pt;
        font-weight: 400;
        padding-right: 20px;
      }

      header nav ul li a:link, header nav ul li a:visited {
        color: #30373A;
        text-decoration: none;
      }

      header nav ul li a:hover, .current-menu-item a { color: #4BAE36 !important; }

/*******************************
** MAIN CONTENT
********************************/
#content { margin-top: 28px; }
  
  /*main content*/
  #content aside { float: right; }
  #content article {
    float: left;
    text-shadow: 1px 1px #f9f9f9;
    width: 674px;
  }

    #content article a {
      color: #4BAD35;
    }

    /*page*/
    #content article #mainPage section {
      margin-top: 14px;
    }


    /*home*/
    #content article #home {
      margin-bottom: 14px;
    }

      #content article #home h1, #content article #mainPage h1 {
        color: #4BAD35;
        font-size: 21pt;
        font-weight: 500;
        margin: 0 0 2px 0;
      }

      #content article #home p {
        font-size: 13pt;
        font-weight: 300;
        margin: 0;
        padding: 0;
        margin-bottom:10px;
      }
    
    /*posts*/
    #content article #posts {
      margin-top: 25px;
    }

      #content article section {
        margin-top: 25px;
      }

        #content article section .image {
          float: left;
          margin-right: 14px;
        }

          #content article section .image img {
            border-radius: 7px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
          }

          #content article section .image a, #content article section .border-avatar {
            border-radius: 7px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            border: 2px solid #fff;
            display: block;
            width: 78px;
            height: 78px;
            box-shadow: 0px 0px 1px 1px #D9E1E5;
          }

        #content article section .details {
          float: left;
          width: 570px;
        }

        #content article #mainPage section .details {
          float: left;
          width: 100%;
        }

          #content article section .details .title {
            font-weight: 300;
            font-size: 17pt;
            color: #2F383D;
          }

          #content article section .details .info {
            color: #6a7378;
            font-weight: 400;
            font-size: 11pt;
            margin-bottom: 7px;
          }

            #content article section .details .info .tag {
              background: url('images/imagemap.png') no-repeat -15px 0px;
              width:17px;
              height:17px;
              display: inline-block;
              margin-right: 5px;
            }

            #content article section .details .info .comments {
              background: url('images/imagemap.png') no-repeat -0px 0px;
              width:15px;
              height:14px;
              display: inline-block;
              margin-right: 5px;
              margin-left: 14px;
            }

            #content article section .details a {
              color: #4BAD35;
              text-decoration: none;
            }

          #content article section .details a:hover {
            text-decoration: underline;
          }

          #content article section .details .text {
            font-weight: 400;
            font-size: 11pt;
            color: #626e76;
            line-height: 23px;
            margin-top: 14px;
          }

            #content article section .details .text img.alignright {
              margin-left: 14px;
            }

            #content article section .details .text img.alignleft {
              margin-right: 14px;
            }

            #content article #posts section .details .text p {
              padding: 0;
              margin-bottom: 7px;
            }

            #content article .homepage section .details .text a {
              font-size: 11pt;
            }

            #content article #mainpage section .details .text a {
              font-size: 11pt;
              top: 0;
              position: relative;
            }

  /*single post*/
  #content article .postPage section .details .text a {
    font-size: inherit;
    top: 0;
  }

  #content article .postPage .social {
    margin-top: 7px;
  }


  /*sidebar*/
  #content aside {
    width: 250px;
    border: 1px solid #cbd3d8;
    background: #F5F7F8;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding: 17px;
  }

    #content aside ul.sidebar {
      list-style:none;
      margin: 0;
      padding: 0;
    }

    #content aside ul.sidebar > li {
      margin-bottom: 20px;
    }

    #content aside ul.sidebar li:last-child {
      margin-bottom: 0px;
    }

    #content aside ul h2  {
      padding: 0;
      margin: 0;
      font-size: 15pt;
      font-weight: 300;
      color: #2f383e;
    }

     #content aside ul ul {
      margin: 0;
      padding: 5px 0 0 14px;
      color: #666;
      font-size: 11pt;
      font-weight: 300;
      list-style-type: disc;
     }

     #content aside ul ul a:link, #content aside ul ul a:visited {
      color: #666;
      text-decoration: none;
     }

     #content aside ul ul a:hover { color: #4BAD35; }


/*******************************
** PARTNERS
********************************/

.partner {
  display: block;
  width:253px;
  height:86px;
  background: url('images/imagemap.png') no-repeat;
  margin-bottom: 5px;
}

.catchpoint{background-position:0px -138px;}
.dyn{background-position:0px -224px;}
.lognormal{background-position:0px -310px;}
.maxcdn{background-position:0px -396px;}
.panopta{background-position:0px -482px;}
.torbit{background-position:0px -568px;}
.ubertags{background-position:0px -654px;}
.webpagetest{background-position:0px -740px;}
.netdna{background-position:0px -826px;}
.varnish{background-position: 0 -954px;}
.dotcommonitor{background-position: 0 -1042px;}


/*******************************
** CONTRIBUTORS
********************************/
#contributor .name {
  font-size: 15pt;
  color: #4BAD35;
}

/*******************************
** GIVEAWAY
********************************/
.giveaways  {
  float:left;
}

.jqmWindow {
   
    top: 2% !important;
    
}

.jqmOverlay { background-color: #000; }

* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/*******************************
** COMMENTING
********************************/
#comments {
  margin-top: 28px;
}

/*******************************
** SOCIAL
********************************/
.social {
  font-size: 11pt;
  font-weight: 300;
  margin: 0;
  padding: 0;
  line-height: 28px;
}

  .social .text { float: left; }

  .social a {
    display: inline-block;
    width:24px;
    height:24px;
    margin-left: 4px;
  }

  .social .links {
    float: left;
  }

  .social .twitter { background: url('images/imagemap.png') no-repeat -80px 0px;}
  .twitter:hover { background-position:-104px 0px; }
  
  .social .rss { background: url('images/imagemap.png') no-repeat -32px 0px;}
  .social .rss:hover { background-position:-56px 0px; }
  
/*******************************
** Footer
********************************/
footer {
  background: #d8dfe2;
  height: 196px;
  margin-top: 74px;
  border-top: 1px solid #CFD5D8;
}

  footer .container {
    margin-top: 24px;
  }

  footer .social {
    margin-top: 20px;
  }

  footer #logo {
    margin-top: 24px;
  }

  footer #partners {
    text-shadow: 0 1px 0px #fff;
    text-indent: 2px;
    font-size: 13pt;
    color: #2F383E;
  }

  footer #partners #box {
    border: 1px solid #CBD3D8;
    background: #F5F7F8;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    width: 460px;
    height: 90px;
    box-shadow: 0 1px 0 #fff;
    padding: 15px 25px;
  }

    footer #partners #box a {
      background: url('images/imagemap.png') no-repeat;
      display: block;
      margin: 0;
      padding: 0;
    }

    footer #partners #box #sitepoint {
      background-position: 0px -24px;
      width:157px;
      height:37px;
      margin-top: 12px;
    }

    footer #partners #box #stackoverflow {
      background-position: 0px -61px;
      width:173px;
      height:43px;
      margin-top: -1px;
    }

    footer #partners #box #serverfault {
      background-position: 0px -104px;
      width:202px;
      height:34px;
    }

    footer #partners #box #dzone {
      background-position: -5px -914px;
      width: 136px;
      height: 36px;
      margin-top: 14px;
      margin-right: 20px;
    }


/*Sidebar elements*/
#bundle-sidebar {
  width:250px;
  height:251px;
  background: url('images/bundle-sidebar.png') no-repeat;
  display: block;
}

/*******************************
** BLOCK ELEMENTS
********************************/
blockquote {
  font-size: 14.5px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 28px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
} 

hr {
   margin-top: 20px;
   margin-bottom: 28px;
   background: #CCC;
   box-shadow: 0px 1px 1px white;
   -webkit-box-shadow: 0px 1px 1px white;
   -moz-box-shadow: 0px 1px 1px white;
   border: none;
}


.counter-twitter {margin-right: 14px; float:left; }
.counter-fb {margin-right: 24px; float:left; }
.counter-google {float:left; }

/*******************************
** GLOBAL STYLES
********************************/
.container {
  width: 1007px;
}

img.roundedimage {
  border-radius: 14px;
  box-shadow: 0px 1px 4px #D9DFE2;
  border: 1px solid #D9DFE2;
}

/*******************************
** POSITIONING
********************************/
.alignleft { float: left;}
.alignright { float: right; }
.center { margin: 0 auto; }
.alignleft, .alignright, .center { display: block; }
img.alignleft, img.alignright, img.center { margin-bottom: 17px; }


@media only screen and (min-width: 35em) {
  

}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}