html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html{
width:100%;
height:100%;
}

body{
font-family:"arial_narrow", arial, sans-serif;
}

header {
position: fixed;
background: white;
top: 0px;
left:0px;
height: 105px;
width: 100%;
z-index:100;
box-shadow: 7px 7px 5px 0px #FFF;
}

#logo{
height:60px;
margin: 10px 0;
display: inline-block;
}

h1{
font-size:70px;
text-transform:uppercase;
color:black;
display: inline;
font-family:"arial_narrow_bold", arial, sans-serif;
}

#container{
padding-top:110px;
width:500px;
text-align:center;
position:relative;
margin:0 auto;
}

#media_container{
position: absolute;
top: 40px;
left:55px;
}

.social_media_icons{
float: left;
height: 45px;
margin: 0 7px 0 0;
}

.social_media_icons:hover, .footerContent img:hover{
-webkit-animation:spin 2s linear infinite;
-moz-animation:spin 2s linear infinite;
animation:spin 2s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

#cat_container {
position: absolute;
top:30px;
width: 190px;
right: 55px;
}

#cat{
position: absolute;
top: 0px;
right: 0px;
}

#cat_link {
position: absolute;
top: 0px;
left: 0px;
}

#cat_link p {
font-family: 'arial_narrow_italic';
font-size: 16px;
line-height: 25px;
letter-spacing: 2px;
background: #FFF591;
text-align: center;
display: inline;
transition:all 0.5s ease;
}

#cat_link p:hover{
text-decoration: none;
}

#cat_link a:hover{
text-decoration: none;
}

a:link,a:visited{
color:#000;
text-decoration:none;
}

a:hover,a:active{
text-decoration:underline;
}

#logo a:hover{
text-decoration:none;
}

.p404{
position:static;
font-size:40px;
margin:200px 0 100px 0;
}

h2{
margin-top:30px;
margin-bottom:20px;
font-size:28px;
letter-spacing:1px;
font-weight:400;
color:#000;
}

.post{
margin-top:70px;
position:relative;
}

img{
font-size:13px;
text-transform:uppercase;
color:black;
}

.singlead, .ad{
	display: none;
margin:30px 0 0 0;
}

.pagination{
font-family: arial, serif;
font-weight: normal;
clear:both;
font-size:20px;
height:100px;
padding:140px 0 0;
letter-spacing: 1px;
}

.pagination .prev a,.pagination .next a{
display:block;
background: #FFF591;
-moz-border-radius:20px;
border-radius:20px;
padding:5px 15px 5px 20px;
}

.pagination .prev{
float:left;
}

.pagination .next{
float:right;
}

footer{
font-size:15px;
letter-spacing:1px;
margin:0 0 30px 0;
}

.footerContent a{
margin: 45px 0 15px 0;
letter-spacing: 2px;
display: inline-block;
letter-spacing:3px;
}

.footerContent a:hover {
text-decoration: none;
}

.footerContent{
width:500px;
margin:50px auto;
text-align:center;
}

.footerContent img{
margin:10px 0 15px 0;
height: 45px;
}

#illustraion_author{
margin: 20px 0;
font-family: arial, helvetica, sans-serif;
letter-spacing: 1px;
color: #B8B8B8;
}

button{
background:none;
border:none;
font-size:0;
line-height:0;
width:auto;
overflow:visible;
margin:0;
padding:0;
}

button div{
border:1px solid;
font-size:12px;
line-height:12px;
}

.fb_iframe_widget{
top: -5px;
}

.fb-share-button {
margin: 0px 5px 0 0;
}

.twitter-share-button {
margin: 0px 5px 0 0;
}

.post .social_media p{
font-family: arial, helvetica, sans-serif;
color: gray;
font-size: 12px;
letter-spacing: 1px;
word-spacing: -0.5px;
margin: 15px 0 10px 0;
}

/* ILLUSTRATIONS */

#illustrations img{
position:fixed;
z-index:111;
}

#illustrations .ill10{top:20%; left:1%; width: 215px; height: auto;}
#illustrations .ill2{top:20%; right:6%; width: 60px; height: auto;}
#illustrations .ill3{display: none; top:-2%; left:20%;}
#illustrations .ill4{display: none; top:0; right:26%;}
#illustrations .ill5{bottom:5%; left:6%; width: 125px; height: auto;}
#illustrations .ill6{bottom:30%; right:4%; width: 45px; height: auto;}
#illustrations .ill7{top:40%; left:14%; width: 55px; height: auto;}
#illustrations .ill8{bottom:2%; right:8%; width: 95px; height: auto; -webkit-transform: rotate(90deg);}
#illustrations .ill11{bottom:30%; left:2%; width: 90px; height: auto;}
#illustrations .ill13{top:35%; right:3%; width: 195px; height: auto;}



/* TYPEWAVE*/

.char{
display:inline-block;
}

.span_0{
vertical-align:0px;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
}
.span_1{
vertical-align:5px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.span_2{
vertical-align:0px;
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
}
.span_3{
-webkit-transform: rotate(-0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
}

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

	#illustrations{display:none;}

	h1{
	font-size:40px;
	}

	#container{
	width:100%;
	min-width:200px;
	}

	.post img{
	max-width:300px;
	width:100%;
	height:auto;
	}

	#topbar{
	position:static;
	width:300px;
	text-align:center;
	margin:40px auto;
	}

	.dog{
	display:block;
	text-align:center;
	position:static;
	background:none;
	width:300px;
	padding:20px 0;
	height:auto;
	}
}