/*
NAME:	CUSTOM CSS
DESC:	CUSTOM STYLING FOR HUGGIES
VER:	1.1 | 100401
AUTHOR: ID
*/

/* -------------------------------- */
/* DEFAULT HTML TAGS STYLING		*/ 
/* -------------------------------- */

body {
	background: #b82047 url(../img/bg.png) repeat-x;
	color: #647678;
	}
h1, h2, h3, h4, h5, h6 {
	color: #494949;
	font-weight: bold;
	}
	h2 {
		color: #ffbcbe;
		font-size: 3em;
		margin-bottom: 25px;
		}
	h3 {
		color: #8bdbf3;
		font-size: 2em;
		}
	h4 {
		color: #b200c5;
		font-size: 1.5em;
		}
p {
	}
small {
	}
a {
	}
a:hover {
	}
	
/* -------------------------------- */
/* MAIN LAYOUT						*/ 
/* -------------------------------- */

#whole {
	}
	#container {
		width: 860px;
		}	
		#logo {
			background: url(../img/logo.png) no-repeat;
			_background: url(../img/logo.gif) no-repeat; /*IE6*/	
			height: 351px;
			left: 0;
			position: absolute;
			top: 48px;
			width: 599px;
			z-index: 10;
			}
		#taunt {
			background: url(../img/taunt.png) no-repeat;
			height: 666px;
			position: absolute;
			width: 400px;
			top: 0;
			left: 0;
			z-index: 10;
			}
		#footer {
			width: 860px;
			color: #FFF;
			}		
			
/* -------------------------------- */
/* CODA SLIDER						*/ 
/* -------------------------------- */

/* Most common stuff you'll need to change */

.coda-slider-wrapper { padding: 0 }
.coda-slider { background:  }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 860px } 

/* Panel padding */
.coda-slider .panel-wrapper { 
	background: #FFF; 
	padding: 80px 10px 20px 285px; 
	height: 520px; 
	}

.coda-nav ul {
	float: right; 
	margin: 0; 
	position: relative; 
	z-index: 20;
	}
	.coda-nav ul li a { 
		background: none;
		color: #fff; 
		font-weight: bold;
		font-size: 1.333em;
		margin: 0;
		padding: 20px 0 25px 20px;
		}
	.coda-nav ul li a.current { 
		background: none; 
		color: #EEE;
		} 

/* -------------------------------- */
/* CUSTOM SLIDES					*/ 
/* -------------------------------- */

/* PANEL 1 */
.coda-slider .panel1 .panel-wrapper {
	padding: 0 0 20px;
	min-height: 405px;
	}
h1#banner {
	background: url(../img/banner.jpg) no-repeat;
	height: 259px;
	text-indent: -9999em;
	width: 860px;
	}
.content {
	text-align: center;
	z-index: 15;
	}
	.joinnow {
		background: url(../img/btn-joinnow.png) no-repeat center top;
		height: 57px;
		width: 100%;
		margin-bottom: 20px;
		}
		a.joinnow:hover {
			background-position: center bottom	
			}
	.hang {
		background: url(../img/hang.png) no-repeat center top;
		_background: url(../img/hang.gif) no-repeat center top;
		height: 115px;
		width: 266px;
		position: absolute;
		top: 0px;
		right: 0px;
		}
		.panel1 .hang {
			top: 259px;
			left: 20px;
			}
	.diaper {
		background: url(../img/diaper.png) no-repeat center top;
		height: 150px;
		width: 149px;
		position: absolute;
		top: 239px;
		right: 20px;
		}
.panel1 h2 {
	color: #f0893e;
	font-size: 1.8333em;
	position: relative;
	z-index: 15;
	}
.panel1 h3 {
	color: #2a4f98;
	font-size: 1.417em;
	position: relative;
	margin: 0;
	z-index: 15;
	}


/* PANEL 2 */
.abc {
	background: url(../img/abc.jpg) no-repeat;
	height: 300px;
	text-indent: ;
	width: 565px;
	margin: 40px 0 20px;
	}
.sidebar {
	background: url(../img/diaper.png) no-repeat 60px 0;
	width: 240px;
	height: 400px;
	position: absolute;
	top: 200px;
	left: 20px;
	padding: 145px 10px 0;
	}
	.sidebar h5 {
		color: #0eb0ba;
		font-size: 1.5em;
		text-align: center;
		}
	.sidebar h6 {
		color: #2a4f98;	
		font-size: 1em;
		}
	small {
		color: #2a4f98;	
		display: block;
		margin-bottom: 1em;
		}
.huggiesdry {
	background: url(../img/huggiesdry.jpg) no-repeat;
	height: 54px;
	width: 132px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	}

/* PANEL 3 */
.coda-slider .panel3 .panel-wrapper {
	padding-bottom: 60px;
	}
.panel3 p {
	margin-bottom: 2em;	
	}
.htw-text {
	background: url(../img/htw-text.jpg) no-repeat 0 20px;	
	padding: 0 0 0 200px;
	}

/* Panel 4 */
.coda-slider .panel4 .panel-wrapper {
	padding-bottom: 60px;	
	}
	
/* -------------------------------- */
/* COUNTDOWN						*/ 
/* -------------------------------- */

.hasCountdown {
	background: url(../img/countdown.jpg) no-repeat;
	border: none;
	width: 242px;
	height: 78px;
	margin: 10px auto 0;
	padding: 32px 0 0;
	}
.countdown_section {
	font-size: 12px;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	}
.countdown_amount {
	font-size: 26px;
	color: #ff8618;
	font-weight: bold;
	text-shadow: none;
	}		
		
/* -------------------------------- */
/* POP								*/ 
/* -------------------------------- */
div.pp_inline label {
	font-size: 16px;	
	}	
div.pp_inline input[type="text"], div.pp_inline textarea {
	padding: 8px;	
	}