@charset "UTF-8";
/* CSS Document */
span, div, table, body, img {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;

	border:none;
	}
form, input, button, a, br{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	line-height:12px;
}
button:hover {cursor:pointer;}
body {
	background-image:url(../images/bg_gradient.jpg);
	background-repeat:repeat-x;
	background-color:#b6c3c3;
	line-height:15px;
	font-size:12px;
	text-align:left;
	font-family:arial;
	letter-spacing:0px;
	word-spacing:0.1px;
	color:#505555;
	
	}

br, a {line-height:16px;height:16px;}
* html img,
* html .png {
  azimuth: expression(
    this.pngSet?
      this.pngSet=true : 
        (this.nodeName == "IMG" ? 
          (this.src.toLowerCase().indexOf('.png')>-1 ? 
            (this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
                this.src = "http://customhorror.net/images/tp.gif") :
            '') :          
          (this.currentStyle.backgroundImage.toLowerCase().indexOf('.png')>-1) ?
            (this.origBg = (this.origBg) ? 
              this.origBg :             
              this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
              this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
              this.runtimeStyle.backgroundImage = "none") :
            ''
        ), this.pngSet=true
  );
}


.label {
	z-index:20;
	position:absolute;
	top:-25px;
	width:158px;
	height:15px;
	left:50%;
	text-align:center;
	padding-top:10px;
	font-size:11px;
	line-height:11px;
	display:block;
	color:#505555;
	font-family:arial;
	text-transform:uppercase;
	background-image:url(../images/bodyLinkBG.gif);
	background-repeat:repeat-x;
	cursor:pointer;
	
}
label {
	font-size:11px;
	line-height:11px;
	text-transform:uppercase;
	color:#505555;
}
.BackHome {
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #dedfe0;
	border-bottom: 1px solid #dedfe0;
	text-align:right;
	padding-right:10px;
}
#facebookContest {
	position:absolute;
	z-index:2;
	width:108px;
	height:109px;
	top:98px;
	left:50%;
	margin-left:400px;
	background-image:url(../images/facebookContest.png);
	cursor:pointer;
}
#doodle {
	position:absolute;
	z-index:60;
	width:145px;
	height:89px;
	top:-10px;
	right:0px;
	background-image:url(../images/doodle-stuff.png);
	cursor:pointer;
}
#monster {
	z-index:22;
	position:absolute;
	bottom:0px;
	width:250px;
	height:107px;
	left:50%;
	margin-left:236px;
	background-image:url(../images/monster.png);
}

.moreInfo {
	margin-left:308px;
}
.productInfo {
	margin-left:266px;
	width:200px;
}


a.bigLink, a:link.bigLink, a:active.bigLink, a:visited.bigLink, a:hover.bigLink{
	font-family:arial;
	font-weight:bold;
	line-height:16px;
	font-size:18px;
	color:#1a1e1e;
	text-transform:uppercase;
	margin:0px;
	margin-bottom:5px;
	padding:0px;
	}
a:hover.bigLink, a:hover {
	color:#0CA0E5;

}


#bodyBG {
	z-index:20;
	position:absolute;
	top:99%;
	width:100%;
	background-color:#ffffff;
  height:1503px;
}
#body {
	line-height:19px;
	font-family:arial;
	font-size:14px;
	position:absolute;
	z-index:21;
	top:0;
	left:50%;
	margin-left:-460px;
	width:860px;
	padding:30px;
	padding-top:50px;	
	padding-bottom:0px;
	text-align:justify;
	color:#505555;
	background-image:url('../images/shade.gif');
	background-repeat:repeat-y;
	background-position:635px;
	height:1453px;

}
.broadCol {
	width:580px;
}
.narrowCol {
	width:240px;
}
.line {
	width:100%;
	height:3px;
	background-color:#b6c3c3;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	margin-bottom:10px;
	
}

h1, h2, .h1, .h2{
	font-family:arial;
	letter-spacing:-0.5px;
	font-size:32px;
	line-height:26px;
	color:#1a1e1e;
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	padding-bottom:5px;
	font-weight:bold;
}
h2, .h2{font-size:18px;line-height:16px;}

.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.space {
	width:40px;
	
}
.aLabel {
	position:relative;
	font-size:11px;
	line-height:11px;
	color:#505555;
	font-family:arial;
	text-transform:uppercase;
	
	text-align: cente;
	background: #fff;
	border: solid 1px #ccc;
	width: 200px;
	padding: 10px 5px 5px 10px;
}

.infoContent {
  font-size:11px;
	line-height:11px;
	color:#505555;
	font-family:arial;
	text-transform:uppercase;
	margin-top:-85px;
	text-align: left;
	background: #fff;
	border: solid 1px #ccc;
	width: 200px;
	padding: 10px 5px 5px 10px;
	position: absolute;
	display: none;
}
.infoBox:hover .infoContent {
	display: block;
}
.infoActiveMonster{
		padding: 10px 10px 5px 10px;
		bottom:20px;
		left:68px;
		text-align:center;
}
.test {
background-position:60px 10px;
background-repeat:no-repeat;
width:182px;
height:182px;
display:block;
background-color:white;
cursor:pointer;
}
.test:hover {
background-position:58px 8px;
cursor:pointer;

}
.button {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family:arial;
	font-size:12px;
	line-height:25px;
	display:block;
	height:25px;
	border:1px solid #cccccc;
	width:100px;
	background-color:white;
}
.halfwidth {
	width:238px;
	height:12px;
	border:1px solid #cccccc;
	padding:8px 0px 8px 0px;
	margin:0px 0px 0px 0px;
	line-height:12px;
	font-size:12px;
	font-family:arial;
}
.textAreaHeight {
	height:100px;
}
.pictureFrame {
	float:left;
	width:182px;
	padding-top:9px;
	padding-bottom:9px;
	padding-right:1px;
}
.timelineDiggBig{
	position:relative;
	z-index:2;
	float:right;
	width:115px;
	
	top:0px;
	margin:0px;
	padding:0px;
	padding-top:2px;
	margin-top:-403px;
	margin-right:2px;
	background-color:#fff;
	height:18px;
	line-height:18px;
	font-size:12px;
	font-family:arial;
	color:white;
	padding-left:5px;
	padding-right:5px;
}
.timelineDigg{
	
	position:relative;
	z-index:2;
	float:right;
	top:0px;
	margin:0px;
	padding:0px;
	margin-top:-178px;
	height:18px;
	line-height:18px;
	font-size:12px;
	font-family:arial;
	color:white;
	padding-left:5px;
	padding-right:5px;
}
.timelineLabel {
	
	position:relative;
	z-index:3;
	float:left;
	top:0px;
	margin:0px;
	padding:0px;
	background-color:#000000;
	margin-top:-20px;
	height:20px;
	line-height:20px;
	font-size:12px;
	font-family:arial;
	color:white;
	padding-left:5px;
	padding-right:5px;
}
.introLine {
	width:100%;
	height:1px;
	background-color:#a47621;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	margin-bottom:10px;
	
}
.introSizeHeading{
	color:white;
	font-size:23px;
	letter-spacing:-1.2px;
	line-height:22px;
	
}
.blueBox {
	width:540px;
	padding-left:20px;
	padding-right:20px;
}
.blueContent{
	padding-left:20px;
	padding-right:20px;
	color:white;
	background-color:#00a3e7;
}

.blueTop {
	width:540px;
	height:20px;
	background-image:url(../images/blueBox_top.gif);
	}
.blueButtom {
	width:540px;
	height:20px;
	background-image:url(../images/blueBox_buttom.gif);
	}
#citymonsters {
	
	
		cursor:pointer;
		margin-top:1px;
		float:right;
		width:392px;
		height:145px;
		background-image:url('../images/citymonsters.gif');

}
#cafepress {
	
	
		cursor:pointer;
		margin-top:1px;
		float:right;
		width:392px;
		height:145px;
		background-image:url('../images/cafepress.gif');

}	
#appstore {
	
  	position:absolute;
		z-index:1000;
		cursor:pointer;
		top:290px;
		left:50%;
		margin-left:375px;
		width:80px;
		height:28px;
		background-image:url('../images/appStoreLogo.png');

}
#shop {
		position:relative;
		z-index:2000;
		cursor:pointer;
		margin-top:1px;
		float:right;
		width:390px;
		height:76px;
		border:1px solid #666;
		overflow:hidden;
		background-repeat:none;
		padding-top:67px;
		text-align:right;
		
		

}
	
#flashNoticeDest {
position:absolute;
top:15px;
width:500px;
left:50%;
margin-left:-250px;
text-align:center;
height:30px;
font-size:20px;
font-family:arial;
}
#container {
	top:50px;
	position:absolute;
	width:932px;
	left:50%;
	margin-left:-466px;
	}
#daily_canvas {
	z-index:1;
	float:left;
	width:355px;
	height:278px;
	background-image:url(../images/daily_canvas.jpg);
	padding:1px 1px 1px 1px;
	}

#timeline_canvas {
	padding-left:9px;
	width:923px;
	height:200px;
	background-image:url(../images/timeline_canvas.png);
	
	}
#intro {
	margin-top:1px;
	padding:14px;
	float:right;
	width:538px;
	height:249px;
	background-color:#161a1a;
	
	}
	
#logo {
	position:absolute;
	z-index:10;
	top:-44px;
	left:50%;
	margin-left:-500px;
	width:171px;
	height:88px;
	background-image:url(../images/logo.png);
	}
#daily_canvas_shades {
	position:absolute;
	z-index:2;
	width:357px;
	height:280px;
	background-image:url(../images/daily_canvas_shades.png);
	top:000px;
	left:50%;
	margin-left:-466px;
	}
#timeline_title {
	position:relative;
	z-index:2;
	top:-205px;

	width:137px;
	height:27px;
	background-image:url(../images/title_timeline.png);
	}

#download_EPS {
	position:absolute;
	z-index:5;
	top:137px;
	left:50%;
	margin-left:210px;
	width:194px;
	height:152px;
	background-image:url(../images/download_EPS.png);
	cursor:pointer;
}
#download_postcard {
	position:absolute;
	z-index:5;
	top:140px;
	left:50%;
	margin-left:-20px;
	width:176px;
	height:149px;
	background-image:url(../images/download_postcard.png);
	cursor:pointer;
}
#corner_TheDaysBeforeToday {
	position:absolute;
	z-index:5;
	top:287px;
	left:50%;
	margin-left:362px;
	width:106px;
	height:105px;
	background-image:url(../images/corner_TheDaysBeforeToday.png);
	}
#corner_TodaysMonster {
	position:relative;
	z-index:5;
	top:-279px;
	left:252px;
	width:106px;
	height:105px;
	background-image:url(../images/corner_TodaysMonster.png);
	}
.paginationLinks{
	font-family:verdana;
	font-size:20px;
	font-weight:bold;
	line-height:20px;
	padding-top:7px;
}
.paginationLinks a:visited {color:#ffffff;}
.paginationLinks a:link {color:#ffffff;}
.paginationLinks a:hover {color:#000000;}
.current {
	color:#0CA0E5;
}
.paginationNumbers{
	position:relative;
	z-index:40;
	top:19px;
	left:25px;
	width:930px;
	height:46px;
	text-align:center;
	padding-top:10px;
	background-image:url('../images/paginationNumbersBG.png');
	display:none;
}
.arrowshover:hover .paginationNumbers {
  display:block;
}
.arrowshover {
	position:relative;
	top:-110px;
  height:86px;
	width:980px;
	left:-33px;

	}
	
.arrows {
  position:absolute;
	cursor:pointer;
	z-index:1;
	width:25px;
	height:85px;
}

#arrow_left {
	left:0px;
	background-image:url(../images/arrow_left.png);
}
#arrow_right {
	right:0px;
	background-image:url(../images/arrow_right.png);
}

a:link, a:active, a:hover, a:visited  {
	text-decoration:none;
	font-size:13px;
	color:#000000;
}
.timelineImg {
	border:none;
	background-color:#ffffff;
	width:182px;
	height:182px;
	}	
.clear {
	clear:both;
	height:8px;
	width:100%;
	}
.introtext {
	font-family:arial;
	font-style:italic;
	font-size:12px;
	line-height:15px;
	color:#888888;
	}
	.vidLinks {
		position:absolute;
		z-index:2;
		width:26px;
		left:50%;
		margin-left:-491px;
		background-color:black;
	}
	.vidLinksinfoContent {
		margin-top:0px;
		margin-left:26px;

	}
#subwaypan {
	position:absolute;
	width:100%;
	overflow:hidden;
	height:100%;
	background-image:url(../images/subwaypan.jpg);
	background-position:center;
	background-attachment:fixed;
	
}
#TwitPicPoster {
	visibility:visible;
	display:none;
	padding:10px;
	z-index:200;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-200px;
	margin-left:-120px;
	width:240px;
	height:350px;
	background-color:white;
	border:1px solid #cccccc;
}
#topMenu {

	position:absolute;
	width:780px;
	left:50%;
	margin-left:-323px;
	text-align:right;
	top:-20px;

}
	#twitcamLink {
		top:36px;
		height:114px;
		background-image:url('../images/vid_twitcam.gif');
		cursor:pointer;
	}
	#youtubeLink {
		top:151px;
		height:48px;
		background-image:url('../images/vid_youtube.gif');
		cursor:pointer;
	}
	#vimeoLink {
		top:200px;
		height:77px;
		background-image:url('../images/vid_vimeo.gif');
		cursor:pointer;
	}
	#random1 {
		z-index:2;
		position:absolute;
		overflow:hidden;
		height:165px;
		visibility:hidden;
		text-align:center;
		margin-left:-300px;
	}
	#random2 {
		z-index:1;
		position:absolute;
		overflow:hidden;
		height:150px;
		visibility:hidden;
		text-align:center;
		margin-left:-180px;
	}