body{
	margin: 0px;
	padding:0px;
	color: #000;
	font-size: 14px;
	text-decoration: none;
	text-align:center;
	background-color:#fff;
	font-family: 'Roboto', sans-serif;
	height: 100%;
}
html {
    -webkit-text-size-adjust: none;
	font-family: 'Roboto', sans-serif;
	min-height: 100%;

}
td{
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}
A {
	color:#368ee0;
	font-family: 'Roboto', sans-serif; 
	font-size: 14px;
	text-decoration: none;
}
A:hover {
	color: #105ca4;
	text-decoration:none !important;
}
form {
	margin:0px;
	padding:0px;
}
.klear {
	clear:both;
	font-size:0px;
}
div {
  display: inline-block; /* hasLayout = true */
}
div {
  display: block; /* restore proper behavior */
  overflow: hidden;
  width: auto; /* 100% by default */
}
* {
	margin:0px;
	padding:0px;
}
option {
	padding:1px 3px;
}
a img{border:0;}
img {
	border:0px;
	margin:0px;
	padding:0px;
}
/****/

#page404 {
    max-width:800px;
    text-align:left;
    padding:40px;
    margin:0px auto;
    padding-top:80px;
}
#page404 p{
    font-weight:300;
    color:#888;
    font-size:16px;
    clear:left;
}
#page404 h1{
    float:left;
    font-weight:300;
    padding-top:10px;
    margin-bottom:10px;
}
#page404 img{
    float:right;
    width:220px;
    height:140px;
}
#logo404 {
    display:block;
    margin-bottom:10px;
    
}
#logo404 span.icon-m-logo{
    font-size:36px;
    color:#368ee0;
}

#section404 {
    clear:both;
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #eee;
}
#section404 h2 {
    font-weight:300;
    color:#666;
    font-size:18px;
    margin-bottom:15px;
}
#section404 ul {
    clear:both;
    margin:0px;
    padding:0px;
}
#section404 ul li{
    width:33%;
    float:left;
    list-style:none;
    font-weight:normal;
}
#section404 ul li a{
    font-weight:300;
    font-size:16px;
    display:block;
}

.errorpostthumb {
    width:70px;
    height:50px;
    background-position:center center;
    background-size:cover;
    border-radius:4px;
    margin-right:15px;
    float:left;
}

.errorblogpost {
    margin-bottom:15px;
    clear:both;
}
.errorblogpost a{
    font-size:18px;
    font-weight:300;
    display:block;
    text-align:left;
}
.errorblogpost span{
    font-size:14px;
    color:#888;
    font-weight:300;
    display:block;
    text-align:left;
}



#section404.errorfooter{
    color:#888;
}
#section404.errorfooter a{
    font-weight:300;
    color:#888;
}
#section404.errorfooter a:hover{
    font-weight:300;
    color:#222;
}

@media all and (max-width: 800px) {

    #page404 {
        text-align:center;
    }
    #page404 img{
        float:none;
        margin:0px auto;
    }
    #page404 #logo404{
        display:none;
    }
    #page404 h1{
        float:none;
        text-align:center;
    }
    
    #page404 p{
        margin-bottom:40px;
    }
    #page404 h2{
        text-align:left;
    }
    #section404 ul li{
        width:50%;
        text-align:left;
    }    
    
    .errorblogpost span{
        display:none;
    }
    
}
.cats404 div {
    width:33%;
    float:left;
    margin-bottom:5px;
    padding-right:20px;
}

@media all and (max-width: 900px) {

    .cats404 div{
        width:50%;
        text-align:left;
        text-align:left;
    }
    
}
@media all and (max-width: 500px) {

    .cats404 div{
        width:100%;
        text-align:left;
        clear:both;
    }

    
}

.cats404 div span.icon-arrow-right-slim {
    display:none;
}
.cats404 div a {
    font-size:16px;
}
.cats404 div small {
    font-size:14px;
    color:#888;
}