@import url("common.css");
@import url("lightbox.css");

/*   Cork Board CSS   */

body { font: 13px/20px Helvetica-Neue, 'Helvetica Neue', Helvetica, Arial, sans-serif; }

/*   Universal Class  */

.left { float: left; }
.right { float: right; }

/*   Index   */

#panel {
	width: 960px;
	height: 380px;
	margin: 20px auto 0;
}
#panel h1 {
	float: left;
	margin: 140px 0 0 120px;
}
#panel h3 {
	font-size: 14px;
}
#panel div.right {
	margin: 40px 0 -170px 0;
}
#panel #voice {
	margin: 0 0 -230px;
}
#panel form {
	float: left;
	width: 440px;
	margin-left: 70px;
	text-align: center;
}
#panel #send {
	padding: 10px;
	background-color: #D9D9D9;
	background: -webkit-gradient(linear, center top, center bottom, from(#EBEBEB), color-stop(0.5, #D9D9D9), color-stop(0.5, #C3C3C3), to(#959595));
	background: -moz-linear-gradient(center top, #EBEBEB, #D9D9D9 50%, #C3C3C3 50%, #959595);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#959595', GradientType=0);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-background-clip: padding-box;
}
#panel input[type="text"] {
	width: 300px;
	padding: 5px;
	font-size: 14px;
}
#panel input[type="submit"] {
	width: 100px;
	border: 1px solid #CC527A;
	padding: 5px 5px 6px 5px;
	background-color: #FF6699;
	background: -webkit-gradient(linear, center top, center bottom, from(#FF99BB), color-stop(0.5, #FF80AA), color-stop(0.5, #FF6699), to(#CC527A));
	background: -moz-linear-gradient(center top, #FF99BB, #FF80AA 50%, #FF6699 50%, #CC527A);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF99BB', endColorstr='#CC527A', GradientType=0);
	color: #FFFFFF;
	font-size: 14px;
	text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 1px;
	letter-spacing: 1px;
	cursor: pointer;
}
#panel input[type="submit"]:hover {
	background: -webkit-gradient(linear, center top, center bottom, from(#E55C8A), color-stop(0.5, #FF6699), color-stop(0.5, #FF80AA), to(#FF99BB));
	background: -moz-linear-gradient(center top, #E55C8A, #FF6699 50%, #FF80AA 50%, #FF99BB);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E55C8A', endColorstr='#FF99BB', GradientType=0);
	text-shadow: rgba(0, 0, 0, 0.3) 0 1px 1px;
}

#signboard {
	clear: both;
	float: left;
	width: 290px;
	height: 82px;
	margin: 5px 0 0 58px;
	padding: 0 15px;
	background: url(/library/image/signboard.png) no-repeat 50% 100%;
}
#signboard #baby {
	margin: 0 0 -60px 115px;
}
#signboard .right,
#signboard .left {
	margin: -11px 0 0;
}

#facebook {
	float: left;
	margin: 8px 0 0 2px;
	text-align: center;
}

#promotion {
	clear: both;
	padding-top: 40px;
	border-top: 1px solid #61AAF2;
	border-bottom: 1px solid #61AAF2;
	background-color: #91C2F2;
	color: #FFFFFF;
	font-weight: bold;
}
#promotion #inline {
	width: 960px;
	margin: 0 auto;
}
#promotion .column {
	float: left;
	width: 280px;
	margin: 0 20px;
}
#promotion img {
	margin: 0 0 20px;
}
#promotion h2 {
	margin: 0 0 20px 20px;
	font-size: 24px;
	text-shadow: 0 1px 2px #297ACC;
}
#promotion h3 {
	clear: both;
	font-size: 16px;
	text-shadow: 0 1px 2px #297ACC;
}
#promotion .next {
	margin: 50px 20px -85px 0;
	text-align: center;
}

#copyright {
	clear: both;
	text-align: center;
}
#copyright a {
	color: #333333;
}

/*   E-mail  */

#email #panel {
	width: 800px;
	background-image: none;
}
#email h1 {
	margin: 100px 0 0;
}
#email h2,
#email .alert {
	text-align: center;
}
#email div.right {
	margin-bottom: 0;
}
#email div.left {
	width: 380px;
}
#email #signboard {
	margin: 5px 0 5px 30px;
}
#email #signboard #baby {
	margin: 4px 0 -60px 115px;
}
#email #signboard .right,
#email #signboard .left {
	margin: -5px 0 0;
}
#email .home a {
	display: block;
	margin-top: 20px;
	padding-top: 40px;
	background: url(/library/image/home.png) no-repeat 50% 0;
	text-align: center;
}