*{margin:0;padding:0;}
body{
 margin:0 auto;
 width:1100px;
 color:#333
}
a {color:#c90;}
h1,h1 a,#home{color:#3c3;}
h2{color:#666;}
h3{color:#3c3;}
h4{padding:0 1em;}
hr{clear:both;border:0;}
li{
 list-style:none;
 padding:0 1em;
}

.logo{
 width:16px;
 height:16px;
 margin:0 9px 0 3px;
}
header{
  display:block;
  width:100%;
  background-color:#333;
  padding:10px;
}

form>.gsc-search-box{display:none;};
h1{width:100%;}

section{
  display:block;
  float:left;
  margin:0 0 1em 0;
  width:760px;
}

aside{
  float:right;
  padding:5px 0 10px 5px;
  width:300px;
  border:solid 5px #3d3;
  bordrer-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
aside h3{font-size:small}
aside article{font-size:x-small}
aside ul{width:100%}
aside li{display:inline-block;margin:0 0 1em 1em;}

article{
  clear:both;
  display:block;
  padding:0 10px;
  word-wrap:break-word;
}

.description{font-weight:bold;}
.text{margin:1em;}

footer{
  clear:both;
  display:block;
  width:100%;
  text-align:center;
  margin:1em 0;
  border-top:1px solid #666;
  padding:1em;
}

textarea{width:100%}
p{
 padding:0.5em 1em;
 font-size:small;
}
pre{
 margin:0 1em;
 padding:0.5em 1em;
 background-color:#efe;
}
#video{
 display:inline-block;
}

#adplayer{
// float:right;
 border-top:80px solid #000;
 display:inline-block;
// width:336px;
 height:280px;
 background-color:#000;
}


.thumb{
 float:left;
 width:128px;
 min-height:64px;
 margin-right:5px;
 text-align:center;
 background-color:#ccc;
}
.thumb a,.thumb img {border:0}
#twvisual a,#youtube1 a{color:#00c;}

.keywords{
 clear:both;
}

@media only screen and (max-width: 480px) {
 body{
  width:100%;
 }
 
 section, aside{
  width:100%;clear:both;
 }
 .adslot_970 { width: 320px; height: 100px; } 
 .adslot_336 { width: 320px; height: 100px;margin:0 auto; }

}
@media (min-width:481px) {
 .adslot_970 { width: 970px; height: 90px; } 
 .adslot_336 { width: 336px; height: 280px; }
}