@charset "UTF-8";
/* CSS Document */

body
{
	background-color:#161616;
}

#wrapper
{
	width:1170px;
	height:900px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/wrapper_bg.png) no-repeat;
	position:relative;	
}

#kiehls_logo 
{
	position: absolute;
	left: 953px;
	top: 100px;
}

#comic_logo 
{
	position: absolute;
	left: 135px;
	top: 83px;
}

#create_comic 
{
	width: 276px;
	height: 460px;
	position: absolute;
	left: 88px;
	top: 266px;
}

#author {
	width: 600px;
	height: 20px;
	position: absolute;
	left: 402px;
	top: 639px;
	text-align: center;
}

#comic 
{
	z-index: 2;
}

/* For single frame comics */
#single #comic 
{
	width: 429px;
	height: 471px;
	background: url(../images/single_frame_bg.png) no-repeat;
	position: absolute;
	left: 496px;
	top: 178px;
}

#single #comic img
{
	margin: 11px 0 0 14px;
}

/* For full-strip frame comics */
#strip #comic 
{
	width: 628px;
	height: 471px;
	background: url(../images/multi_frame_bg.png) no-repeat;
	position: absolute;
	left: 398px;
	top: 176px;
}

#comic 
{
	width: 628px;
	height: 471px;
	background: url(../images/multi_frame_bg.png) no-repeat;
	position: absolute;
	left: 398px;
	top: 176px;
}

#strip #comic img
{
	margin: 10px 0 0 14px;
}

/* Sifr replacement code */
.comic_text {
	width: 600px;
	line-height: 17px;
	font-size: 17px;
	color: #339933;
}

.sIFR-active .comic_text {
	width: 600px;
	visibility: hidden;
	font-family: Verdana;
	line-height: 17px;
	font-size: 17px;
}