body{
background:none;
width:100%;

}

/*nav*/

#home {
width:100%;
background:none;
padding-top:0px;
overflow:hidden;
}

/*header*/
#header{
width:100%;
height:240px;
background:yellow;
overflow:hidden;
}
#blogTitle{
background:none;
width:100%;
height:140px;
}
#blogTitle h1,#blogTitle h2{
text-align:center;
}

#navigator{
width:80%;
padding:20px;
}
#navList li{
width:90px;
text-align:center;
line-height:50px;
overflow:hidden;
}
#navList li a{
display:block;
width:90px;
margin:0px;
text-decoration:none;
}
#navList li:hover{
background:#777;
}
#navList li a:hover{
text-decoration:none;
color:white;
}
#navList li:nth-child(2){
display:none;
}
#navList li:nth-child(3){
display:none;
}
#blog_nav_rss_image{
visibility:hidden;
display:none;
}
#blog_stats{
color:black;
}

/*topiclist*/

#topicList{
width:75%;
float:left;
margin:2% 3% 2% 4%;
}

.postCon{
width:100%;
}

/*sidebar*/

#sideBar{
float:left;
width:15%;
margin:2% 2% 2% 0;
}
#me{
display:block;
}
#profile_block{
display:none;
}
#aboutme{
display:none;
}
#calendar{
display:none;
}
#myList a{
border:4px solid #B3B3B3;
border-radius:15px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
background:yellow;
text-decoration:nonel
padding:5px;
color:black;

}

@media all and (max-width:800px){
  #header{
   height:175px;
position:fixed;
top:0px;
left:0px;
z-index:999;
}
#blogTitle{
  height:70px;
}
#navigator{
padding:10%;
}
#navList li{
  line-height:20px;
}
#navList li:nth-child(7){
display:none;
}
  #topicList{
   width:80%;
   margin:10px 10%;
   margin-top:180px;
  }
  #sideBar{
   width:90%;
margin:2% 5%;
text-align:center;

 }
#me{
margin:0px auto;
}
#profile_block{
text-align:center;
}

#aboutme{
display:block;
}
/*topicList*/
.postDesc{
display:none;
}
}

/*footer*/

#footer{
width:100%;
background:#aaa;
}