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

/************** BOTH **************/
* { margin:0; padding:0; }
img { border:0; }

body {
	width: 		790px;
	margin: 	85px auto 0 auto;
	background-color:	#f4f4f4;
}

#footernav {
	padding-top:	15px;
	font-size:		12px;
	font-weight: 	bold;
	text-align:		center;
	clear:			both;
}

#footer {
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	padding-top:	15px;
	font-size:		10px;
	text-align:		center;
	color:			#bcbcbc;
	clear:			both;
}

#settings p, #lifecycle p, #how p, #who p, #left p, #right p, #right form, #right form input, table {
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-size:		12px;
	line-height: 	20px;
	margin-bottom:	10px;
}

.txt { text-align:		justify; }

#leavemeblank { display:none; visibility:hidden; }

/************** HEAD **************/
h2,h3,h4,h5 { 
	font-family:	Georgia, "Times New Roman", Times, serif;
	font-size: 		22px;
	font-weight:	normal;
	font-style:		italic;
	margin-bottom:	10px;
}

h1 {
	float:		left;
	width:		440px;
	height:		45px; /* 37 */
	text-align:	center;
}

#lifecycle h3, #how h3, #who h3, #settings h3 { font-size: 19px; }

#counter {
	float:		right;
	width:		350px;
	height:		110px; /* 98 */
	margin-top: 5px;
	text-align:	center;
}

/************** LEFT **************/
#left {
	float:		left;
	width:		410px;
	height:		580px;
	padding:	13px 15px 15px 15px;
	background-color:#FFF;
	

	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 

	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
}

#left p span { font-size: 10px; color: #848484; }

#left p.cite {
	font-family:	Georgia, "Times New Roman", Times, serif;
	font-size:		16px;
	font-style:		italic;
	padding:		10px;
	text-align:		center;
}

/************** RIGHT ***************/
#right {
	float:		right;
	width:		305px;
	height:		510px;
	padding:	13px 20px 15px 25px;
	background:url(/img/bg.png) bottom right no-repeat #FFF;

	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 

	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomright:4px;
	-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
}

#right h3 { text-align:	right; }

#right label {
	font-size: 11px;
	font-style:italic;
}

#right p.right { text-align:right; }

#silentupdate {
	cursor:help;
	border-bottom:	1px dashed;
}

#right form { text-align:right; }
#right form input#silent { margin-right: 15px; }

#right form input#email, #right form input#go {
	font-size: 	18px;
	padding:	8px;
	border: 	1px solid #e3e3e3;
	color:		#e3e3e3;
	margin:		1px;
	background-color:#FFF;
}

#right form input#email:focus, #right form input#go:focus, #right form input#email:hover, #right form input#go:hover {
	border: 	2px solid #0089cd;
	color:		#0089cd;
	margin:		0px;
}

/************** LIFE CYCLE ***************/

#lifecycle, #how, #who, #settings {
	float:		left;
	width:		715px;
	height:		auto;
	padding:	13px 15px 15px 15px;
	background-color:#FFF;
	

	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; 

	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
}

#lifecycle img { margin: 0 0 20px 125px }

/************** LINKS ***************/
a { color: #0089cd; text-decoration: none; 	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; }
a:hover { text-decoration: underline; }

#footer a, #footernav a {
	color: #a1a1a1;
	text-decoration: underline;
	margin-right: 10px;
}

#who img.country { margin:10px 5px -4px 0; width: 20px }

#who td.count, #who td.num { padding: 10px 0 0 10px; text-align: right; }
#who td.num { font-size: 9px; color: #BCBCBC; padding-right: 10px; }
#who td input { margin-right: 15px; }
div#txtRight { text-align: right; }

/*
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
*/

#frame { display:none; visibility:hidden; }
p#shown  { text-align: left; background-color: #F4F4F4; border:1px dashed #999; padding:5px; }