@media screen and (max-width: 770px) {
html main{
width: 100%;
}
html .home #main article,
html .category #main article,
html .tag #main article,
html .search #main article,
html .author #main article{
width: 76%;
margin: 12%;
}
html .home #main article .entry-header,
html .category #main article .entry-header,
html .tag #main article .entry-header,
html .search #main article .entry-header,
html .author #main article .entry-header{
width: 90%;
margin: 1% 5%;
border: none;
display: inline-block;
height: auto;
}
html .home #main article .entry-header .entry-title,
html .category #main article .entry-header .entry-title,
html .tag #main article .entry-header .entry-title,
html .search #main article .entry-header .entry-title,
html .author #main article .entry-header .entry-title{
font-size: 40px;
}
html .home #main article .content-holder,
html .category #main article .content-holder,
html .tag #main article .content-holder,
html .search #main article .content-holder,
html .author #main article .content-holder{
width: 90%;
margin: 1% 5%;
display: inline-block;
height: auto;
}
html .home #main article .read-more-holder,
html .category #main article .read-more-holder,
html .tag #main article .read-more-holder,
html .search #main article .read-more-holder,
html .author #main article .read-more-holder{
width: 90%;
margin: 1% 5%;
border: none;
display: inline-block;
height: auto;
}
#primary-navigation{
font-size:20px;
}
body article .entry-content{
font-size: 25px;
}
.single #main article{
width: 100%;
}
#updatesSpace .newContent{
width: 98%;
font-size: 30px;
}
#updatesSpace #unreadPosts{
width: 98%;
font-size: 30px;
}
html #commentsSpace,
html #updatesSpace,
html #filesSpace,
html #widgetsSpace{
height: 80%;
}
html #filesSpace div{
width: 100%;
height: 100px;
}
html div.holderbar{
left:10%;
width: 80%;
}
html #filesSpace div p{
font-size: 25px;
top: -80px;
}
html body .holderbar #accessform p{
margin: 3% 5%;
}
html body div.holder #primary-navigation{
height: 90%;
width: 80%;
margin: 5% 10%;
}
html .home article .content-holder,
html .search article .content-holder,
html .archive article .content-holder{
border : none;
}
html .home article.content_preview .content-holder,
html .search article.content_preview .content-holder,
html .archive article.content_preview .content-holder {
width: 80%;
}
html .home article.content_preview .title-holder,
html .search article.content_preview .title-holder,
html .archive article.content_preview .title-holder {
width: 60%;
margin: 0px;
}
html .home article.content_preview .title-holder #previewTitle,
html .search article.content_preview .title-holder #previewTitle,
html .archive article.content_preview .title-holder #previewTitle {
width: 70%;
margin: 10px 0px;
}
html .single #comments p.comment-form-author #author,
html .home #comments p.comment-form-author #author,
html #comments input#email,
html .single p.comment-form-url #url,
html .home p.comment-form-url #url{
margin: 0px;
clear: both;
width: 75%;
}
html #searchform{
padding:20px;
text-align:center
}
html #searchform form input[type=text]{
font-size:16px;
margin: 5px 0px;
}
html p.holderclose{
right: 11%;
}
html .holderbar div{
z-index:0;
overflow-y:scroll;
}
html #subscribesform #emailaddress{
width:75%;
}
html div#searchBar {
top: 25%;
height: 30%;
}
html #infoform{
width: 85%;
overflow-y: scroll;
position:fixed;
top:15%;
left:15%;
}
html #widgetsBar{
width: 85%;
overflow-y: scroll;
position:fixed;
top:15%;
left:7.5%;
}
html #commentsSpace,
html #widgetsSpace{
top: 30%;
}
html #widgets-holder h2{
width: 60%;
margin-left: 15%;
text-align: center;
}
.widget-title-space{
width:60%;
text-align:center;
}
html #widgetsBar > h2{
width: 80%;
}
html .paginationNumbers{
width:80%;
margin:0 10%;
}
html .fn{
float:none;
}
}