html, body { margin:0 10px; font-size:16px; font-weight:400; line-height: 1.4;  }

html {border-top: 3px solid #7196CE; max-width:1024px; margin: 0 auto;}



 p, li, h1, h2, h3, h4, strong, a, .blurb {   
   font-family: "Roboto", "Lucida Grande","Bitstream Vera Sans","Trebuchet MS",Verdana,sans-serif; 
   color: #333; 
}


h2 { font-size:18px; font-weight:normal;}


 a, a:active, a:visited  {
    outline:none;
    text-decoration: none !important;
}

 a:hover {
    outline:none;
    text-decoration: none !important;
    border-bottom: 1px solid #aaa;
}

 :focus {
    -moz-outline-style:none;
    outline-style:none;
}


.link-underline {
    border-bottom: 1px dashed #aaa;
    cursor:pointer !important;
}


.myname {
    color: #7196CE;
    margin: 15px 0;
    font-size: 240%;
    margin: -15px 0 5px 0;
    font-weight:400;
}


.kicker {
  color:#7196CE; 
  margin-top:34px; 
  display:block; 
  width:100%;
  border-left: 5px solid #7196CE;
  padding-left: 6px;
  font-size:21px;
}

 .example_video_1-dimensions {
    background-color: #FFF !important;
    border: 2px solid #999;
}


.container, .skills, .screenshots, header { 
    width: 100%;
    max-width: 1024px;
    margin: 12px 0 2px 0;
  }

.block img {width:90px; float:left; margin-right:12px;}
.toolblurb { display:block; max-width:600px;}


p strong {font-size:100%;}
.skills img {width: 30%; }
.blurb {color:#333; display:block;}
.skills img { float:right; margin-left:14px;}
.spacer { display: block; width:100%; padding:5px; }

 .screenshots img { 
  max-width:1024px;
  width:100% !important;
  margin-bottom: 15px; 
  border: 1px solid #cccccc;
  box-shadow: 3px 3px 3px #dddddd;
  }




/* ----- CLEARFIX 2 ----- */

.cf {
    zoom:1;
}

.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}