#disqus_thread {
	width: 57%;
    margin-top: -1660px;
    margin-bottom: auto;
    margin-right: 400px;
    margin-left: 280px;
}

@font-face { 
	font-family: Shonar; 
	src: url('Other/Shonar.ttf'); 
} 

p {
	font-family: Shonar, sans-serif;
	font-size:24px;
	font-style: italic;
	text-rendering: optimizeLegibility;
  	font-feature-settings: "kern";
  	-webkit-font-feature-settings: "kern";
  	-moz-font-feature-settings: "kern";
  	-moz-font-feature-settings: "kern=1";
	font-kerning: normal;
}

#ban {
 	height: 665px;
	width: 1500px;  
	margin: 0px auto; 
	position: relative;
}

#ban > * {
  position: absolute;
}

.cat0 {
 	height: 129px;
	width: 100px;  
	position: absolute;
	top: 400px;
	left: 725px;
}

.catline {
 	height: 157px;
	width: 1341px;   
	position: absolute;
	top: 600px;
	left: 100px;
}

.cat1 {
 	height: 129px;
	width: 100px;  
	position: absolute;
	top: 850px;
	left: 100px;
}

.cat2 {
 	height: 129px;
	width: 100px;  
	position: absolute;
	top: 850px;
	left: 220px;
}

.cat3 {
 	height: 129px;
	width: 100px;  
	position: absolute;
	top: 850px;
	left: 340px;
}

.cat4 {
 	height: 129px;
	width: 100px;  
	position: absolute;
	top: 850px;
	left: 460px;
}

.cat5 {
 	height: 129px;
	width: 100px;  
	position: absolute;
	top: 850px;
	left: 580px;
}

.cat6 {
 	height: 129px;
	width: 100px;  
	position: absolute;
	top: 850px;
	left: 700px;
}

.cat7 {
 	height: 129px;
	width: 100px;  
	position: absolute;
	top: 850px;
	left: 820px;
}

.cat8 {
 	height: 129px;
	width: 100px;  
	position: absolute;
	top: 850px;
	left: 940px;
}

.cat9 {
 	height: 129px;
	width: 100px;  
	position: absolute;
	top: 850px;
	left: 1060px;
}

.cat10 {
 	height: 129px;
	width: 100px;  
	position: absolute;
	top: 850px;
	left: 1180px;
}

.cat11 {
 	height: 129px;
	width: 100px;  
	position: absolute;
	top: 850px;
	left: 1300px;
}

.ban1 {
 	height: 665px;
	width: 1500px;  
	position: absolute;
	top: 1000px;
	left: 0px;
}

#pyramid { 
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0;
	margin-left: auto; 
	position: relative;
}

#pyramid > * {
  position: absolute;
}

.cmail a {
	display:block; 
 	height: 60px;   
	width: 80px;
	position: absolute;
	top: 90px;
	left: 865px;
	background: url("Button/email.gif") 0 0 no-repeat;
   ...
 }
.cmail a:hover {
   background-position: -80px 0;
   ...
   }
.cmail a:active {
   background-position: 0px 0;
   ...
   }

.cfacebook a {
	display:block; 
 	height: 60px;   
	width: 61px;
	position: absolute;
	top: 225px;
	left: 870px;
	background: url("Button/cfacebook.gif") 0 0 no-repeat;
   ...
 }
.cfacebook a:hover {
   background-position: -61px 0;
   ...
   }
.cfacebook a:active {
   background-position: 0px 0;
   ...
   }

.ctwitter a {
	display:block; 
 	height: 60px;   
	width: 63px;
	position: absolute;
	top: 315px;
	left: 870px;
	background: url("Button/ctwitter.gif") 0 0 no-repeat;
   ...
 }
.ctwitter a:hover {
   background-position: -63px 0;
   ...
   }
.ctwitter a:active {
   background-position: 0px 0;
   ...
   }

.cdeviant a {
	display:block; 
 	height: 65px;   
	width: 60px;
	position: absolute;
	top: 450px;
	left: 870px;
	background: url("Button/deviant.gif") 0 0 no-repeat;
   ...
 }
.cdeviant a:hover {
   background-position: -60px 0;
   ...
   }
.cdeviant a:active {
   background-position: 0px 0;
   ...
   }

.cpinterest a {
	display:block; 
 	height: 76px;   
	width: 60px;
	position: absolute;
	top: 540px;
	left: 870px;
	background: url("Button/cpinterest.gif") 0 0 no-repeat;
   ...
 }
.cpinterest a:hover {
   background-position: -60px 0;
   ...
   }
.cpinterest a:active {
   background-position: 0px 0;
   ...
   }

.chome a {
	display:block; 
 	height: 60px;   
	width: 58px;
	position: absolute;
	top: 635px;
	left: 870px;
	background: url("Button/headshot.gif") 0 0 no-repeat;
   ...
 }
.chome a:hover {
   background-position: -60px 0;
   ...
   }
.chome a:active {
   background-position: 0px 0;
   ...
   }

#smoke {
 	height: 1998px;
	width: 1843px;  
	margin: 0px auto; 
	position: relative;
}

#smoke > * {
  position: absolute;
}

.wizard {
    	position: absolute;
	top: 540px;
	left: 368px;
}

.fiction a {
	display:block; 
 	height: 307px;   
	width: 279px;
	position: absolute;
	top: 280px;
	left: 1594px;
	background: url("Button/fictionary.gif") 0 0 no-repeat;
   ...
 }
.fiction a:hover {
   background-position: -279px 0;
   ...
   }
.fiction a:active {
   background-position: 0px 0;
   ...
   }

.first a {
	display:block; 
 	height: 88px;   
	width: 371px;
	position: absolute;
	top: 610px;
	left: 1330px;
	background: url("Button/first.gif") 0 0 no-repeat;
   ...
 }
.first a:hover {
   background-position: -371px 0;
   ...
   }
.first a:active {
   background-position: 0px 0;
   ...
   }

.previous a {
	display:block; 
 	height: 96px;   
	width: 371px;
	position: absolute;
	top: 705px;
	left: 1320px;
	background: url("Button/previous.gif") 0 0 no-repeat;
   ...
 }
.previous a:hover {
   background-position: -371px 0;
   ...
   }
.previous a:active {
   background-position: 0px 0;
   ...
   }

.next a {
	display:block; 
 	height: 97px;   
	width: 371px;
	position: absolute;
	top: 800px;
	left: 1330px;
	background: url("Button/next.gif") 0 0 no-repeat;
   ...
 }
.next a:hover {
   background-position: -371px 0;
   ...
   }
.next a:active {
   background-position: 0px 0;
   ...
   }

.latest a {
	display:block; 
 	height: 96px;   
	width: 371px;
	position: absolute;
	top: 900px;
	left: 1330px;
	background: url("Button/latest.gif") 0 0 no-repeat;
   ...
 }
.latest a:hover {
   background-position: -371px 0;
   ...
   }
.latest a:active {
   background-position: 0px 0;
   ...
   }

.soon {
 	height: 200px;   
	width: 358px;
	position: absolute;
	top: 800px;
	left: 1335px;
}

.whatwizard a {
	display:block; 
 	height: 100px;   
	width: 371px;
	position: absolute;
	top: 1005px;
	left: 1340px;
	background: url("Button/whatwizard.gif") 0 0 no-repeat;
   ...
 }
.whatwizard a:hover {
   background-position: -371px 0;
   ...
   }
.whatwizard a:active {
   background-position: 0px 0;
   ...
   }

.contact a {
	display:block; 
 	height: 96px;   
	width: 371px;
	position: absolute;
	top: 1285px;
	left: 1370px;
	background: url("Button/contact.gif") 0 0 no-repeat;
   ...
 }
.contact a:hover {
   background-position: -371px 0;
   ...
   }
.contact a:active {
   background-position: 0px 0;
   ...
   }

.pinterest a {
	display:block; 
 	height: 103px;   
	width: 81px;
	position: absolute;
	top: 1390px;
	left: 1440px;
	background: url("Button/pinterest.gif") 0 0 no-repeat;
   ...
 }
.pinterest a:hover {
   background-position: -81px 0;
   ...
   }
.pinterest a:active {
   background-position: 0px 0;
   ...
   }

.facebook a {
	display:block; 
 	height: 81px;   
	width: 82px;
	position: absolute;
	top: 1400px;
	left: 1575px;
	background: url("Button/facebook.gif") 0 0 no-repeat;
   ...
 }
.facebook a:hover {
   background-position: -82px 0;
   ...
   }
.facebook a:active {
   background-position: 0px 0;
   ...
   }

.twitter a {
	display:block; 
 	height: 81px;   
	width: 85px;
	position: absolute;
	top: 1505px;
	left: 1420px;
	background: url("Button/twitter.gif") 0 0 no-repeat;
   ...
 }
.twitter a:hover {
   background-position: -85px 0;
   ...
   }
.twitter a:active {
   background-position: 0px 0;
   ...
   }

#house {
 	height: 1434px;
	width: 1843px;  
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0;
	margin-left: auto; 
	position: relative;
}

#house > * {
  position: absolute;
}

.etc a {
	display:block; 
 	height: 167px;   
	width: 134px;
	position: absolute;
	top: 430px;
	left: 1223px;
	background: url("Button/etc.gif") 0 0 no-repeat;
   ...
 }
.etc a:hover {
   background-position: -134px 0;
   ...
   }
.etc a:active {
   background-position: 0px 0;
   ...
   }

.town a {
	display:block; 
 	height: 146px;   
	width: 115px;
	position: absolute;
	top: 730px;
	left: 468px;
	background: url("Button/town.gif") 0 0 no-repeat;
   ...
 }
.town a:hover {
   background-position: -115px 0;
   ...
   }
.town a:active {
   background-position: 0px 0;
   ...
   }

.city a {
	display:block; 
 	height: 178px;   
	width: 294px;
	position: absolute;
	top: 705px;
	left: 755px;
	background: url("Button/city.gif") 0 0 no-repeat;
   ...
 }
.city a:hover {
   background-position: -294px 0;
   ...
   }
.city a:active {
   background-position: 0px 0;
   ...
   }

.rural a {
	display:block; 
 	height: 176px;   
	width: 193px;
	position: absolute;
	top: 713px;
	left: 1207px;
	background: url("Button/rural.gif") 0 0 no-repeat;
   ...
 }
.rural a:hover {
   background-position: -193px 0;
   ...
   }
.rural a:active {
   background-position: 0px 0;
   ...
   }

.suburb a {
	display:block; 
 	height: 166px;   
	width: 134px;
	position: absolute;
	top: 1017px;
	left: 463px;
	background: url("Button/suburb.gif") 0 0 no-repeat;
   ...
 }
.suburb a:hover {
   background-position: -134px 0;
   ...
   }
.suburb a:active {
   background-position: 0px 0;
   ...
   }

.door a {
	display:block; 
 	height: 275px;   
	width: 119px;
	position: absolute;
	top: 1009px;
	left: 881px;
	background: url("Button/door.gif") 0 0 no-repeat;
   ...
 }
.door a:hover {
   background-position: -119px 0;
   ...
   }
.door a:active {
   background-position: 0px 0;
   ...
   }

.doorno a {
	display:block; 
 	height: 275px;   
	width: 119px;
	position: absolute;
	top: 200px;
	left: 920px;
	background: url("Button/door.gif") 0 0 no-repeat;
   ...
 }
.doorno a:hover {
   background-position: -119px 0;
   ...
   }
.doorno a:active {
   background-position: 0px 0;
   ...
   }

.travel a {
	display:block; 
 	height: 161px;   
	width: 185px;
	position: absolute;
	top: 1042px;
	left: 1222px;
	background: url("Button/travel.gif") 0 0 no-repeat;
   ...
 }
.travel a:hover {
   background-position: -185px 0;
   ...
   }
.travel a:active {
   background-position: 0px 0;
   ...
   }

.attic a {
	display:block; 
 	height: 123px;   
	width: 165px;
	position: absolute;
	top: 450px;
	left: 543px;
	background: url("Button/attic.gif") 0 0 no-repeat;
   ...
 }
.attic a:hover {
   background-position: -165px 0;
   ...
   }
.attic a:active {
   background-position: 0px 0;
   ...
   }


@media screen and (max-width: 600px) {
  .mobilize {
    display: none;
  }
}

.mobilize{
	@media screen and (max-width: 600px) display: none;
}

.fine_wine {
 	height: 119px;   
	width: 137px;
	position: absolute;
	top: 1200px;
	left: 275px;
	
}

.rapp {
 	height: 200px;   
	width: 174px;
	position: absolute;
	top: 1500px;
	left: 1030px;
}

.jazzercize {
 	height: 300px;   
	width: 213px;
	position: absolute;
	top: 1150px;
	left: 1650px;
}


.hipster {
 	height: 300px;   
	width: 75px;
	position: absolute;
	top: 1600px;
	left: 370px;
}

.carnival {
 	height: 300px;   
	width: 289px;
	position: absolute;
	top: 900px;
	left: -30px;
}

.yard {
 	height: 275px;   
	width: 104px;
	position: absolute;
	top: 1450px;
	left: 1555px;
}

.eyepatch {
 	height: 275px;   
	width: 138px;
	position: absolute;
	top: 1560px;
	left: 185px;
}

.dj {
 	height: 500px;   
	width: 386px;
	position: absolute;
	top: 1390px;
	left: 610px;
}

.red {
 	height: 300px;   
	width: 144px;
	position: absolute;
	top: 1750px;
	left: 1300px;
}

.camoflage {
 	height: 300px;   
	width: 155px;
	position: absolute;
	top: 1420px;
	left: 95px;
}

.conspiracy {
 	height: 300px;   
	width: 267px;
	position: absolute;
	top: 1800px;
	left: 190px;
}

.scarf {
 	height: 310px;   
	width: 174px;
	position: absolute;
	top: 1810px;
	left: 1100px;
}

.origami {
 	height: 330px;   
	width: 157px;
	position: absolute;
	top: 1850px;
	left: 1450px;
}

.witt {
 	height: 300px;   
	width: 185px;
	position: absolute;
	top: 1820px;
	left: 20px;
}

.cult {
 	height: 290px;   
	width: 104px;
	position: absolute;
	top: 1600px;
	left: 470px;
}

.barista {
 	height: 286px;   
	width: 200px;
	position: absolute;
	top: 250px;
	left: 810px;
}

.grizzard {
 	height: 275px;   
	width: 127px;
	position: absolute;
	top: 2175px;
	left: 1570px;
}

.ice_cream {
 	height: 320px;   
	width: 138px;
	position: absolute;
	top: 1850px;
	left: 1590px;
}

.poncho {
 	height: 345px;   
	width: 164px;
	position: absolute;
	top: 2150px;
	left: 1420px;
}

.count {
 	height: 275px;   
	width: 104px;
	position: absolute;
	top: 1470px;
	left: 1665px;
}

.trust {
 	height: 330px;   
	width: 100px;
	position: absolute;
	top: 1990px;
	left: 755px;
}

.mayor {
 	height: 350px;   
	width: 111px;
	position: absolute;
	top: 2120px;
	left: 50px;
}

.candy {
 	height: 320px;   
	width: 136px;
	position: absolute;
	top: 1850px;
	left: 1737px;
}

.tree {
 	height: 330px;   
	width: 172px;
	position: absolute;
	top: 2150px;
	left: 1295px;
}

.activist {
 	height: 400px;   
	width: 157px;
	position: absolute;
	top: 2120px;
	left: 200px;
}

.antique {
 	height: 250px;   
	width: 266px;
	position: absolute;
	top: 1470px;
	left: 1280px;
}

.western {
 	height: 355px;   
	width: 116px;
	position: absolute;
	top: 2160px;
	left: 1690px;
}

.quizard {
 	height: 350px;   
	width: 181px;
	position: absolute;
	top: 1890px;
	left: 513px;
}

.wish {
 	height: 500px;   
	width: 350px;
	position: absolute;
	top: 1810px;
	left: 870px;
}

.lounge {
 	height: 330px;   
	width: 198px;
	position: absolute;
	top: 2200px;
	left: 350px;
}

.licence {
	height: 700px;   
	width: 700px;
	position: absolute;
	top: 2500px;
	left: 575px;
}

.licencebig {
	height: 700px;   
	width: 700px;
	position: absolute;
	top: 9300px;
	left: 3400px;
}

#middle {
	width: 1843px;  
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0;
	margin-left: auto; 
	position: relative;
}

#middle > * {
  position: absolute;
}

.transcript {
 	height: 41px;   
	width: 142px;
	position: absolute;
	top: -65px;
	left: 747px;
}

#submiddle {
	width: 1843px;  
	margin-top: 0; 
	margin-right: auto; 
	margin-bottom: 0;
	margin-left: auto; 
	position: relative;
}

#submiddle > * {
  position: absolute;
}

.comment {
 	height: 41px;   
	width: 153px;
	position: absolute;
	top: -66px;
	left: 890px;
}

.doorattic a {
	display:block; 
 	height: 275px;   
	width: 119px;
	position: absolute;
	top: 2550px;
	left: 870px;
	background: url("Button/door.gif") 0 0 no-repeat;
   ...
 }
.doorattic a:hover {
   background-position: -119px 0;
   ...
   }
.doorattic a:active {
   background-position: 0px 0;
   ...
   }

.licenceattic {
	height: 700px;   
	width: 700px;
	position: absolute;
	top: 2875px;
	left: 575px;
}

.doorzilla a {
	display:block; 
 	height: 275px;   
	width: 119px;
	position: absolute;
	top: 1380px;
	left: 870px;
	background: url("Button/door.gif") 0 0 no-repeat;
   ...
 }
.doorzilla a:hover {
   background-position: -119px 0;
   ...
   }
.doorzilla a:active {
   background-position: 0px 0;
   ...
   }

.licencezilla {
	height: 700px;   
	width: 700px;
	position: absolute;
	top: 1700px;
	left: 575px;
}