body
{
	background-image:url('../apoc/bg_day.png');
	background-repeat:repeat-x;
	border: 0;
	padding: 0;
	margin: 0;
	text-align: center;
}

.main
{
	position: relative;
	top: 50px;
	width:986px;
	height:904px;
	background-image:url('../apoc/main-bg-day.png');	
}

#apoclink
{
	position: absolute;
	display: block;
	width: 600px;
	height: 150px;
	top: 0;
	left: 45px;
}

A:hover{text-decoration:underline}
A{text-decoration:none} 

.comic
{
	position: relative;
	top: 175px;
	width: 883px;
	height: 596px;
}

.facebook
{
	position: absolute;
	top: 620px;
	width: 55px;
	height: 65px;
	left: 828px;
}

.facebook iframe
{
	width: 55px;
	height: 65px;
}

.artlandscape
{
	position: absolute;
	top: 185px;
	left: 100px;
	width: 700px;
	height: 500px;
}

.artportrait
{
	position: absolute;
	top: 185px;
	left: 150px;
	width: 650px;
	height: 800px;
}

.artsquare
{
	position: absolute;
	top: 185px;
	left: 120px;
	width: 680px;
	height: 580px;
}

.charmap
{
	position: relative;
	top: 210px;
	width: 840x;
	height: 582px;
}

.char
{
	position: relative;
	top: 100px;
	width: 700x;
	height: 850px;
}

.chartextright
{
	position: absolute;
	left: 500px;
	top: 250px;
	width: 250px;
	height: 500px;
	text-align: left;
	font-size: 150%;
}

.chartextleft
{
	position: absolute;
	left: 150px;
	top: 250px;
	width: 250px;
	height: 500px;
	text-align: left;
	font-size: 150%;
}

.chartextleftnarrow
{
	position: absolute;
	left: 150px;
	top: 250px;
	width: 200px;
	height: 500px;
	text-align: left;
	font-size: 150%;
}

/*This is only for text below desktops*/
.textbelow
{
	position: absolute;
	top: 650px;
	left: 260px;
	width: 400px;
	text-align: center;
	font-size: 150%;
}

/*this is for text below a random image*/
.below
{
	position: absolute;
	top: 985px;
	left: 150px;
	width: 650px;
	text-align: center;
	font-size: 150%;
}

.chartitle
{
	position: relative;
	top: 185px;
	width: 883px;
	height: 60px;
	text-align: left;
}
.archtitle
{
	position: relative;
	float: left;
	top: 185px;
	width: 160px;
	height: 60px;
	text-align: left;
}

.archlinks
{
	position: relative;
	top: 185px;
	text-align: left;
	width: 450px;
	height: 60px;
}

.archlinks a
{
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	width: 100px;
	height: 35px;
}

#a2011
{
	background-image:url('../apoc/arch_2011link.png');	
}

#a2011:hover
{
	background-image:url('../apoc/arch_2011link_active.png');	
}

#a2012
{
	background-image:url('../apoc/arch_2012link.png');	
}

#a2012:hover
{
	background-image:url('../apoc/arch_2012link_active.png');	
}

#a2013
{
	background-image:url('../apoc/arch_2013link.png');	
}

#a2013:hover
{
	background-image:url('../apoc/arch_2013link_active.png');	
}

#a2014
{
	background-image:url('../apoc/arch_2014link.png');	
}

#a2014:hover
{
	background-image:url('../apoc/arch_2014link_active.png');	
}

#a2015
{
	background-image:url('../apoc/arch_2015link.png');	
}

#a2015:hover
{
	background-image:url('../apoc/arch_2015link_active.png');	
}

#a2016
{
	background-image:url('../apoc/arch_2016link.png');	
}

#a2016:hover
{
	background-image:url('../apoc/arch_2016link_active.png');	
}

#a2017
{
	background-image:url('../apoc/arch_2017link.png');	
}

#a2017:hover
{
	background-image:url('../apoc/arch_2017link_active.png');	
}

#a2018
{
	background-image:url('../apoc/arch_2018link.png');	
}

#a2018:hover
{
	background-image:url('../apoc/arch_2018link_active.png');	
}

.archleft
{
	position: relative;
	top: 185px;
	width: 750px;
	height: 320px;
	text-align: left;
	font-size: 150%;
	line-height: 50%;
}

.righttitle
{
	position: relative;
	float: right;
	top: 330px;
	width: 783px;
	height: 60px;
	text-align: left;
}


.archright
{
	position: relative;
	float: right;
	top: 185px;
	width: 700px;
	height: 520px;
	text-align: left;
	font-size: 150%;
	line-height: 50%;
}

.bitsleft
{
	position: relative;
	top: 185px;
	width: 600px;
	height: 150px;
	text-align: left;
	font-size: 150%;
	line-height: 100%;
}

.bitsleftrecipe
{
	position: relative;
	top: 185px;
	width: 600px;
	height: 200px;
	text-align: left;
	font-size: 150%;
	line-height: 50%;
}

.bitsright
{
	position: relative;
	float: right;
	top: 350px;
	width: 700px;
	height: 520px;
	text-align: left;
	font-size: 110%;
	line-height: 110%;
}

.recipeleft
{
	position: relative;
	float: left;
	top: 185px;
	left: 100px;
	width: 300px;
	height: 300px;
	font-size: 120%;
	text-align: left;
}

.reciperight
{
	position: absolute;
	top: 550px;
	left: 200px;
	width: 700px;
	height: 520px;
	font-size: 120%;
	text-align: left;
}

.reciperighthoneycake
{
	position: absolute;
	top: 700px;
	left: 200px;
	width: 700px;
	height: 520px;
	font-size: 120%;
	text-align: left;
}

.recipeimg
{
	position: absolute;
	left: 420px;
	top: 200px;
	width: 320px;
	height: 320px;
}

.recipeimghoneycake
{
	position: absolute;
	left: 450px;
	top: 250px;
	width: 320px;
	height: 320px;
}

.topnav
{
    position: absolute;
    top: 80px;
    left: 800px;
    width: 160px;
    text-align: right;	
}

.bottomnav
{
    position: absolute;
    top: 520px;
    left: 30px;
    width: 160px;
    text-align: left;	
}

.topnav a
{
	background-repeat: no-repeat;
	display: block;
	position: relative;
	width: 160px;
	height: 80px;
}

.bottomnav a
{
	background-repeat: no-repeat;
	display: block;
	position: relative;
	width: 160px;
	height: 80px;
}

#cloudleft
{
	background-image:url('../apoc/linkcloud_left.png');	
}

#cloudright
{
	background-image:url('../apoc/linkcloud_right.png');	
}

#archive
{
	background-image:url('../apoc/archivelink.png');	
}

#archive:hover
{
	background-image:url('../apoc/act_archivelink.png');	
}

#char
{
	background-image:url('../apoc/charlink.png');	
}

#char:hover
{
	background-image:url('../apoc/act_charlink.png');	
}

#art
{
	background-image:url('../apoc/artlink.png');	
}

#art:hover
{
	background-image:url('../apoc/act_artlink.png');	
}

#bitsnbobs
{
	background-image:url('../apoc/bitsnbobslink.png');	
}

#bitsnbobs:hover
{
	background-image:url('../apoc/act_bitsnbobslink.png');	
}

#wiki
{
	background-image:url('../apoc/wikilink.png');	
}

#wiki:hover
{
	background-image:url('../apoc/act_wikilink.png');	
}

#first_inact
{
	background-image:url('../apoc/firstlink.png');	
}

#first
{
	background-image:url('../apoc/firstlink.png');	
}

#first:hover
{
	background-image:url('../apoc/act_firstlink.png');	
}

#current_inact
{
	background-image:url('../apoc/currlink.png');	
}

#current
{
	background-image:url('../apoc/currlink.png');	
}

#current:hover
{
	background-image:url('../apoc/act_currlink.png');	
}

#previous_inact
{
	background-image:url('../apoc/prevlink.png');	
}

#previous
{
	background-image:url('../apoc/prevlink.png');	
}

#previous:hover
{
	background-image:url('../apoc/act_prevlink.png');	
}

#next_inact
{
	background-image:url('../apoc/nextlink.png');	
}

#next
{
	background-image:url('../apoc/nextlink.png');	
}

#next:hover
{
	background-image:url('../apoc/act_nextlink.png');	
}

a img
{
	border: 0;
}

.tcat
{
    position: absolute;
    top: -20px;
    left: 760px;
    text-align: right;	
}

.tcat a
{
	background-repeat: no-repeat;
	display: block;
	position: relative;
	width: 210px;
	height: 66px;
}


#tcat
{
	background-image:url('../apoc/toothylogo.png');
}
#tcat:hover
{
	background-image:url('../apoc/act_toothylogo.png');
}

.comm
{
	position: relative;
	top: 50px;
	width: 986px;
}

.comments  
{
    width: 70%;
    border: 0;
    text-align: left;
}
.comments ul 
{
  margin: 0px;
  padding: 0px;
}
.comments ul li
{
  list-style-type: none;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.comments .info
{
  display: block;
  background-color: #CEF2FF;
  width:100%;
  overflow:hidden;
  margin-top: 2em;
  clear:none;
}
.comments .info :after
{
  content: " ";
}
.comments .name
{
 display:inline;
 clear:none;
 width: 50%;
}
.comments .date
{
 float:right;
 text-align:right;
 clear:none;
 width: 45%;
}
.comments .content
{
  display: block;
} 
.comments .content .line
{
  background-color: #FFFFFF;
}
.comments .content p
{
  margin: 0px;
  padding: 0px;
} 
.comments .content p :after
{
  content: " ";
}

.js .nojs
{
  display: none;
}

.translations
{
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 1em;
}

.translations A
{
  width: 34px;
  height: 24px;
  display: block;
  margin: 0.2em;
  border: 1px solid white;
}

.translations A:hover
{
  border: 1px solid black;
}

.translations .cc_uk
{
  background-image: url('/apoc/uk_active.png');
}
.js .cc_uk { display: none; }

.translations .cc_nl
{
  background-image: url('/apoc/nl_active.png');
}
.js .cc_nl { display: none; }

.translations .cc_de
{
  background-image: url('/apoc/de_active.png');
}
.js .cc_de { display: none; }