html{
  overflow-y:scroll;
}
body,div,span,p,li{
  padding:0;
  border:0;
  margin:0 auto;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6{
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1{
  margin-top:10px;
  margin-bottom:10px;
}
h2{
  margin-top:12px;
  margin-bottom:12px;
}
h3{
  margin-top:12px;
  margin-bottom:12px;
}
h4{
  margin-top:16px;
  margin-bottom:16px;
}
h5{
  margin-top:20px;
  margin-bottom:20px;
}
h6{
  margin-top:28px;
  margin-bottom:28px;
}
h1>span{
  color:#000;
}
h2>span{
  color:#000;
}
h3>span{
  color:#000;
}
table{
  width:100%;
  border-collapse:collapse;
}
table,tr,th,td{
  border:1px solid #eee;
}
table td{
  padding-left:4px;
  padding-right:4px;
  padding-bottom:2px;
  padding-top:2px;
}
table th{
  padding-bottom:2px;
  padding-top:2px;
}
table .odd{
  background-color:#f8f8f8;
}
table .even{
  background-color:#f0f0f0;
}
.outer{
  width:1008px;
  background-repeat:repeat-y;
  background-position:center;
  background-image:url("edge1024-2.png");
  background-color:#EEE;
}
.main{
  background-color:#fff;
}
.header{
  height:106px;
  text-align:right;
  background-color:#000;
}
.header a{
  color:#fff;
  text-decoration:none;
}
.header a:hover{
  color:#ddd;
  text-decoration:underline;
}
.header li{
  color:#fff;
  display:inline;
  margin-left:16px;
  margin-right:16px;
}
.topmenu{
  padding-top:42px;
  padding-right:42px;
}
.content-border{
  margin-left:16px;
  margin-right:16px;
}
.left{
  position:relative;
  float:left;
  height:100%;
  top:-88px;
  width:256px;
}
.topbox{
  border:1px solid white;
  background-color:#396BA5;
  height:168px;
  text-align:center;
  color:white;
}
.topbox a{
  color:#fff;
}
.topbox a:hover{
  color:#eee;
  text-decoration:none;
}
.gray{
  color:#ccc;
}
.lightgray{
  color:#ddd;
}
.topbox h2{
  margin-top:26px;
  margin-bottom:12px;
}
.newslist{
  border:1px solid white;
  background-color:#EEE;
  height:167px;
  padding-left:24px;
  padding-right:24px;
  font-size:11pt;
}
.newslist ul{
  list-style-type:none;
  padding:0px;
  margin:0px;
}
.newslist li{
  background-image:url("bluedot.png");
  background-repeat:no-repeat;
  background-position:0px 5px;
  padding-left:14px;
}
.propaganda{
  padding-left:24px;
  padding-right:24px;
  padding-bottom:24px;
  border-right:1px solid #eee;
  font-size:11pt;
  color:#444;
}
.propaganda h1{
  color:#555;
}
.propaganda h2{
  color:#555;
}
.propaganda h3{
  color:#555;
}
.propaganda ul{
  list-style-type:none;
  padding:0px;
  margin:8px 0px 0px 0px;
}
.propaganda li{
  background-image:url("bluedot.png");
  background-repeat:no-repeat;
  background-position:0px 5px;
  padding-left:14px;
}
.middle{
  position:relative;
  float:right;
  width:720px;
}
.features{
  border:1px solid black;
  height:248px;
  width:100%;
}
.feature{
  height:100%;
  background-image:url("muasde.jpg");
  color:#e0e0e0;
}
.feature-throwingballs{
  height:100%;
  background-image:url("throwingballs720.png");
  color:#e0e0e0;
}
.feature-muasde{
  height:100%;
  background-image:url("muasde.jpg");
  color:#e0e0e0;
}
.feature-sonar-monitor{
  height:100%;
  background-image:url("sonar-monitor720x248.png");
  color:#e0e0e0;
}
.feature-encrypted-tps{
  height:100%;
  background-image:url("encrypted-tps.jpg");
  color:#e0e0e0;
}
.feature-spring-dark-secret{
  height:100%;
  background-image:url("springdarksecret-720x248.png");
  color:#e0e0e0;
}
.feature-owasp-zap{
  height:100%;
  background-image:url("owasp-zap-passive720x248.png");
  color:#e0e0e0;
}
.feature-owasp-depcheck{
  height:100%;
  background-image:url("owasp-depcheck720x248.jpg");
  color:#e0e0e0;
}
.feature-c64{
  height:100%;
  background-image:url("c64.png");
  color:#e0e0e0;
}
.feature-overthrown{
  height:100%;
  background-image:url("overthrown720x248.jpg");
  color:#e0e0e0;
}
.feature-maizemaze{
  height:100%;
  background-image:url("fordingbridge-maize-maze-720-2.jpg");
  color:#e0e0e0;
}
.feature-firebreath{
  height:100%;
  background-image:url("firebreath-720x248.png");
  color:#e0e0e0;
}
.feature-text{
  position:relative;
  top:150px;
  height:98px;
  padding-top:1px;
  padding-right:16px;
  text-align:right;
  background-image:url("50black.png");
  background-repeat:repeat-y;
}
.feature-text h1 span{
  color:#ffffff;
}
.feature-text h2 span{
  color:#ffffff;
}
.feature-text h3 span{
  color:#ffffff;
}
.article{
  font-size:11pt;
  padding-left:24px;
  padding-right:24px;
  padding-bottom:8px;
  color:#444;
  clear:both;
}
.article img{
  float:left;
  border:1px solid #eee;
  margin:4px 4px 4px 4px;
  padding:4px 4px 4px 4px;
}
.article img.right{
  float:right;
}
.article p{
  margin-bottom:12px;
}
.summary{
  padding-bottom:4px;
  border-bottom:1px solid #eee;
}
.summary h1 a{
  color:#555;
}
.summary h1 a:hover{
  color:#333;
  text-decoration:none;
}
.summary h3 a{
  color:#555;
}
.summary h3 a:hover{
  color:#333;
  text-decoration:none;
}
.article table{
  margin-top:8px;
  margin-bottom:8px;
  width:95%;
}
.article h1{
  color:#555;
}
.article h2{
  color:#555;
}
.article h3{
  color:#555;
}
.article pre{
  font-size:10pt;
}
.movie{
  width:100%;
  text-align:center;
  background:#f0f0f0;
  margin-bottom:8px;
}
.clear{
  clear:both;
}
.footer{
  padding-top:8px;
  padding-bottom:8px;
  background-color:#EEE;
  text-align:center;
  font-size:8px;
}
a{
  color:#000;
  text-decoration:none;
}
a:hover{
  color:#396BA5;
  text-decoration:underline;
}
.languages{
  position:relative;
  float:right;
  margin-top:8px;
  padding:0 0 0 0;
  margin-right:24px;
}
.languages ul{
  margin-top:8px;
  padding:0 0 0 0;
  margin-bottom:0px;
}
.languages li{
  display:inline;
  padding:0 0 0 0;
}
.languages a img{
  border:0;
}
.paging{
  font-size:10pt;
  text-align:center;
}
.paging ul{
  margin-top:12px;
  margin-bottom:12px;
}
.paging li{
  display:inline;
}
.date{
  width:54px;
  text-align:center;
  position:relative;
  float:right;
}
.date .year-month{
  font-size:7pt;
  background-color:#396BA5;
  color:white;
  padding-top:4px;
  padding-left:4px;
  padding-right:4px;
  padding-bottom:4px;
}
.date .day{
  font-weight:bold;
  font-size:10pt;
  background-color:#eee;
  padding-top:4px;
  padding-left:4px;
  padding-right:4px;
  padding-bottom:4px;
}
.contact{
  margin-top:24px;
  padding-top:24px;
  background-color:#396BA5;
  color:white;
  height:320px;
  text-align:center;
}
.contact img{
  float:none;
  border:0;
}
.contact .methods{
  width:256px;
}
.contact a{
  color:#ddd;
}
.contact a:hover{
  color:#ccc;
}
.contact table{
  border:0;
}
.contact tr{
  border:0;
}
.contact td{
  border:0;
}
.dosbox{
  background-color:#111;
  color:#EEE;
  padding-left:8px;
}
.tweet{
  font-size:10pt;
}
.tweet .tweet_list, .query .tweet_list{
  list-style-type:none;
  background-image:none;
  margin:0;
  padding:0;
  overflow-y:hidden;
}
.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic{
  text-transform:uppercase;
}
.tweet .tweet_list li, .query .tweet_list li{
  overflow-y:auto;
  overflow-x:hidden;
  padding:.5em;
  list-style-image:none;
  background-image:none;
}
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar{
  padding-right:.5em;
  float:left;
}
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img{
  vertical-align:middle;
}
.firstpublished{
  float:right;
  font-size:9px;
}
.center{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.strikethrough{
  color:#888;
  text-decoration:line-through;
}
