html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0}
*{border:none;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,html[xmlns] .clearfix{display:block}
body{line-height:1;background-color:#f5f5f5;color:#111111;font-family:Georgia, serif;font-size:14px;overflow-y:scroll;margin:0;padding:0}
ol,ul{list-style:none}
a img{border:none}

h1{font-size:57px;margin:1px 60px 0 0;color:#000;font-weight:400;line-height:70px;text-transform:uppercase;}
h2{font-size:13px;margin:0 0 12px;}
h3{font-weight:bold;font-size:22px;line-height:25px;text-shadow:#fff 0 1px 0;margin:0;padding:0}
p{text-align:left}
article p{line-height:26px}
blockquote p{line-height:18px}
.left{float:left}
.right{float:right}

header#banner figure { background: none; margin: 0; padding: 0; position: relative; float: left; }
header{font-size:16px; text-shadow: #fff 0 1px 0; font-weight: normal; }
header #logo a { background-color: black; height: 103px; width: 136px; display: block; }
header #logo a img { padding: 64px 14px 24px 14px; }

nav{margin:66px 0 0;float:right;text-transform:uppercase}
header li{float:left;margin:0 0 0 50px;padding-bottom:1px;}

#feature,#about,#news,#contact{margin-top:85px;overflow:hidden;margin-bottom:10px;}
#main article h2{height:23px;color:#000;font-weight:600;line-height:36px;padding:0 0 6px 20px;border-bottom:1px solid #b1b1b1;font-family:Helvetica, sans-serif;}
#feature header,#about header,#news header,#contact header{width:700px;float:left;}
#feature figure,#about figure,#news figure,#contact figure{width:280px;float:left;}
#contact header{width:100%;margin:0 0 60px 0;text-align:center;}
#contact header h1{margin:60px 0 160px 0;}
#about p{float:left;width:630px;font-size:18px;margin:8px 70px 0 0;}
#about,#news,#contact{display:none;}
#main .twitter{width:295px;float:left;margin-left:25px;}
#main .powered{float:left;width:660px;}
#main figure.keepr{float:left;width:350px;text-align:center;}
#main figure.sparkwall{float:left;width:290px;margin-left:20px;text-align:center;}

#blog article{clear:both;border-bottom:1px solid rgba(0,0,0,0.1);box-shadow:0 1px 0 #fff;-webkit-box-shadow:0 1px 0 #fff;-moz-box-shadow:0 1px 0 #fff;margin:25px 0 0;padding:0 0 50px}
#blog figure {text-align:center;}
#blog article:last-child{border-bottom:0;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}
#blog article hgroup h3{font-size:22px;margin:0;padding:0}
#blog article hgroup p{font-size:12px;color:#666666;line-height:20px;margin:5px 0 15px 1px;padding:0}
#blog article footer p{float:right;padding:5px 0 0}
section#blog img{-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;margin-bottom:18px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px}
.blog-video{cursor:pointer}

ul.conversation{width:100%}
ul.conversation li p{padding:8px 15px 8px 8px}
ul.conversation li p:first-child{font-weight:bold;float:left}
ul.conversation li.me{background:transparent}
ul.conversation li.you{background:#e9e9e9}

#twitter_update_list{display:block;padding:0 0 0 20px;font-family:Helvetica, sans-serif;}
#twitter_update_list blockquote{overflow:hidden;margin-bottom:15px;}
#twitter_update_list p{float:left;}
#twitter_update_list span{display:none;}

#contact article{margin-top:15px}
section#contact img{margin-bottom:18px;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px}
#contact ul{float:left;width:400px;margin:30px 50px 0 0}
#contact ul li{margin-bottom:30px;width:200px;float:left}
#contact ul li p{line-height:22px}
#contact ul li span{padding-top:20px}

.body{width:980px;overflow:hidden;zoom:1;clear:both;margin:0 auto}
footer.body{width:980px;margin:50px auto 0;padding:0;background:#000;color:#fff;font-family:Helvetica, sans-serif;}
footer h2{height:23px;color:#fff;font-weight:400;text-transform:uppercase;line-height:36px;padding:0 0 10px 20px;border-bottom:1px solid #333;text-shadow:none;}

footer li.twitter{border:0!important;margin:10px 0 0;padding:0}
footer li.twitter span{width:27px;height:23px;display:block;float:left;margin-right:10px;position:relative;top:-5px;background:transparent url(http://cdn.creado.com/img/icons.png) no-repeat 0 -30px;padding:0}
footer li.twitter img{margin:3px 3px 0 0}

footer div p{color:#999;line-height:20px;}
footer div p:first-child{color:#fff;}
footer .onefoot,footer .twofoot,footer .threefoot{float:left;width:200px;padding:0 0 20px 20px;}

section.body,header.body{width:980px;}
.right{float:right}
.content,fieldset{margin:0;padding:0}
a,a:link,a:active{color:#000}
header a,header a:link,nav a:active{color:#000;text-decoration:none}
li.active,#contact header a{border-bottom:1px solid #000;}
footer a,footer a:link,footer a:active{color:#999;text-decoration:underline}
footer a:hover{text-decoration:none;}

@media only screen and (max-width: 768px) {
  section.body,header.body,.body,#feature header, #about header, #news header, #contact header,#main .twitter,#main .powered,footer.body{width:100%;float:none;}
  #feature, #about, #news, #contact{margin-top:25px;padding:0 20px;}
  header#banner figure{float:none;background-color:#000;}
  header #logo a{margin:0 auto;}
  header #logo a img{padding:54px 14px 24px 14px;}
  header li{margin:0 20px;}
  nav{float:none;margin:35px 0 0;}
  h1{font-size:25px;line-height:32px;text-align:center;margin:0 0 25px 0;text-shadow:0 -1px 0 #ddd;}
  ol,ul{width:320px;margin:0 auto;}
  #feature figure, #about figure, #news figure, #contact figure{float:none;margin:0 auto;}
  #main .powered{margin-left:0px;}
  #main figure.keepr{float:none;width:100%;margin-bottom:15px;}
  #main figure.sparkwall{float:none;margin-left:0;width:100%;}
  footer .onefoot,footer .twofoot,footer .threefoot{padding:0 0 20px 20px;}
  #main article h2{padding:0 0 6px 20px;}
  #about p{text-align:center;width:100%;margin:8px 70px 30px 0;font-size:16px;line-height:23px;}
  #contact header h1{margin:50px 0 60px 0;}
  #main .twitter{margin-left:0;}
}

@media only screen and (max-width: 480px) {
  footer .onefoot,footer .twofoot,footer .threefoot{width:100%;}
  #twitter_update_list{padding:0 20px;}
}
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; 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: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  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; }
}