/*
*************************************************
GOTTAPEA

Author:		andCulture, info@andCulture.com
Updated:	June 1, 2009
*************************************************
*/


/*-------------------------------------------
	RESET STYLES v1.0 | 20080212
	http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
a:focus { outline: 1px dotted; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/*-------------------------------------------
	GENERAL SELECTORS
-------------------------------------------*/

body { background: #21221d url(../images/bg_page.png) repeat-x; color: #FFF; font: normal 62.5% Helvetica, Arial, sans-serif; }

h1 { margin: 0 0 50px 0; padding: 50px 0 0 0; height: 0; overflow: hidden; background: url(../images/titles.png) no-repeat; }
h2 { margin: 1em 0 0 0; color: #c4fe36; font-size: 19px; font-weight: normal; }
h3 { margin: 2em 0 0 0; font-size: 16px; }
h4 { margin: 2em 0 0 0; font-size: 14px; }
h5 { margin: 2em 0 0 0; font-size: 14px; }
h6 { margin: 2em 0 0 0; font-size: 14px; }
p  { margin: 0 0 1em 0; font-size: 13px; line-height: 21px; }

a:link { color: #c4fe36; }
a:visited { color: #c4fe36; }
a:hover { color: #ad2; }
a:active { color: #c4fe36; }

/* LISTS */
li, dt, dd { font-size: 12px; }
li { line-height: 18px; }
dt { font-weight: bold; }

/* FORMS */
input[type=text],
textarea { padding: 13px 10px 10px 10px; border: none; background: #d6d8cf; color: #21221d; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
button { padding: 34px 0 0 0; height: 0; border: 0; float: right; background: url(../images/buttons.png) no-repeat; cursor: pointer; overflow: hidden; }

/*-------------------------------------------
	CONTAINER DIVS
-------------------------------------------*/

#container { margin: 0 auto; padding-top: 8px; width: 1000px; position: relative; }


/*-------------------------------------------
	HEADER
-------------------------------------------*/

a#logo { display: block; width: 378px; height: 91px; }


/*-------------------------------------------
	NAVIGATION
-------------------------------------------*/

ul#nav { position: absolute; top: 25px; right: 0; }
ul#nav li { margin: 0 0 0 7px; float: left; }
ul#nav li:first-child { margin-left: 7px; }
ul#nav li a { padding: 40px 0 0 0; height: 0; display: block; overflow: hidden; background: url(../images/nav.png); }

	/* NORMAL */
	ul#nav li#nav-pea-myself a	{ width: 138px; background-position: -555px 0; }
	ul#nav li#nav-parents a		{ width: 149px; background-position: -74px 0; }
	ul#nav li#nav-new a			{ width: 126px; background-position: -230px 0; }
	ul#nav li#nav-about a		{ width: 83px; background-position: -363px 0; }
	ul#nav li#nav-ecards a		{ width: 94px; background-position: -453px 0; }

	/* HOVER */
	ul#nav li#nav-pea-myself a:hover	{ background-position: -555px -40px; }
	ul#nav li#nav-parents a:hover		{ background-position: -74px -40px; }
	ul#nav li#nav-new a:hover			{ background-position: -230px -40px; }
	ul#nav li#nav-about a:hover			{ background-position: -363px -40px; }
	ul#nav li#nav-ecards a:hover		{ background-position: -453px -40px; }


/*-------------------------------------------
	FOOTER
-------------------------------------------*/

#footer { margin-left: 70px; padding: 10px 0 100px 0; width: 860px; border-top: 1px solid #4a4b42; clear: both; color: #c7c8c6; font-size: 11px; }


/*-------------------------------------------
	CONTENT
-------------------------------------------*/

#content { margin-top: 40px; padding: 32px 430px 20px 70px; width: 500px; position: relative; background: url(../images/bg_title.png) 40px 0 no-repeat; }
p.intro { color: #c4fe36; font-size: 24px; line-height: 32px; letter-spacing: -1px; }

/* PAGE TITLES */
body.parents h1 { background-position: 0 -50px; }
body.new h1 { background-position: 0 -100px; }
body.about h1 { background-position: 0 -150px; }
body.ecards h1 { background-position: 0 -200px; }
body.app h1 { background-position: 0 -250px; }


/*-------------------------------------------
	FOR PARENTS PAGE
-------------------------------------------*/

.two-col { margin-right: -360px; overflow: auto; }
.two-col p { width: 410px; float: left; }
.two-col p:first-child { margin-right: 40px; }

#features { margin-left: -44px; padding: 150px 0 0 58px; width: 869px; height: 151px; background: url(../images/bg_features.jpg) no-repeat; }
#features dl { margin-right: 27px; width: 180px; float: left; }
#features dl:last-child { width: 175px; position: relative; left: 14px; }
#features dl dt { height: 0; visibility: hidden; }
#features dl dd { color: #32342c; font-size: 15px; }


/*-------------------------------------------
	WHAT'S NEW PAGE
-------------------------------------------*/

body.new h2 { font-size: 38px; }
body.new img.pea { display: none; }
div.entry-content p:first-child { margin-top: 10px; color: #f2f7c9; font-size: 21px; line-height: 28px; }
img.signature { margin-left: -35px; }
div#artist { width: 305px; position: absolute; top: -33px; right: 25px; }
div#artist h2 { margin: 0 20px 8px 34px; font-size: 16px; }
div#artist p { margin: 0 20px 0 34px; }


/*-------------------------------------------
	ABOUT PAGE
-------------------------------------------*/

body.about img.pea { display: none; }
body.about img.pea-group { position: absolute; top: -56px; right: -60px; }


/*-------------------------------------------
	ECARDS PAGE
-------------------------------------------*/

body.ecards h2 { margin-bottom: 10px; font-size: 28px; }

body.ecards #cards { margin: 8px -380px 0 0; overflow: auto; }
body.ecards #cards dl { margin: 0 20px 20px 0; width: 200px; float: left; color: #c4fe36; }
body.ecards #cards dt { margin-bottom: 7px; }
body.ecards #cards dd a { text-decoration: none; }
body.ecards #cards dd span { display: none; color: #737667; text-transform: uppercase; }

img.ecard-img { margin: 5px 0 20px 0; }

form.build-ecard { overflow: auto; }
form.build-ecard dl { width: 242px; float: left; }
form.build-ecard dl:first-child { margin-right: 16px; }
form.build-ecard dl dt { margin-bottom: 5px; color: #c4fe36; font-size: 18px; font-weight: normal; }
form.build-ecard dl dd { margin-bottom: 16px; }
form.build-ecard dl dd input { width: 222px; }
form.build-ecard dl dd textarea { width: 480px; }
form.build-ecard dl.message { width: auto; float: none; clear: left; }

form.preview-ecard { overflow: auto; }
form.preview-ecard dl { clear: left; }
form.preview-ecard dl dt { margin-bottom: 15px; padding: 25px 0 0 0; width: 75px; height: 0; float: left; clear: left; background: url(../images/ecard_form_titles.png) 0 -30px; overflow: hidden; }
form.preview-ecard dl:first-child dt { background-position: 0 0; }
form.preview-ecard dl dd { margin-left: 75px; padding-top: 5px; font-size: 16px; }
form.preview-ecard dl dd span { color: #c4fe36; }
form.preview-ecard dl.message { margin-bottom: 15px; }
form.preview-ecard dl.message dt { width: 100px; float: none; background-position: 0 -60px; }
form.preview-ecard dl.message dd { margin: 0; padding: 0; font-size: 13px; }


/*-------------------------------------------
	HOME PAGE
-------------------------------------------*/

body.home #container { margin: 0; padding: 0; width: 100%; }
body.home #logo, body.home #nav, body.home #footer { display: none; }

/*-------------------------------------------
	MISC CLASSES
-------------------------------------------*/

img.pea { position: absolute; top: -65px; right: -15px; }

a.back { font-size: 12px; text-decoration: none; }
a.back:before { content: "\00AB  "; font-size: 16px; }
button.edit { width: 69px; background-position: 0 -50px; }
button.preview { width: 123px; }
button.send { margin-left: 15px; width: 72px; background-position: 0 -100px; }