/** Reset and stick the footer **/

* {margin:0;padding:0;}
html, body, #wrap {height: 100%; overflow:auto}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 97px;}  /* same height as the footer */
#footer {position: relative;
	margin-top: -97px; /* negative value of footer height */
	height: 97px; clear:both;}
#push {height:97px;} /* another egal to footer */
/* CLEAR FIX*/
.clearfix:after {content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/** style pretty things **/

body {
	font-family:Tahoma,"Trebuchet MS",Trebuchet,"Lucida Grande",Verdana,sans-serif;
	color:#d43d50;
	font-size:30px;
	padding:0;
	margin:0;
	text-align:center;
	background:#cce7e2;
}

#footer {
 	text-align:center;
	font-size:19px;
	background:#cce7e2 url("img/bgband.png") bottom right repeat-x;
}

#footer p {
	padding-top:35px;
}

#footer p img {border:0px;margin-top:3px;}

#wrap {
	width:600px;
	margin:0 auto;
	text-align:justify;
	background:transparent url("img/tree.png") bottom right no-repeat;
}

#main {
	border:3px solid #81ba44;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	font:inherit;
	padding:10px 20px;
	background:transparent url("img/bgcolor.png") top left repeat;
	margin-bottom:20px;
}

h1 a {text-decoration:none;color:#d43d50;display:block;width:595px;height:130px;
	background:transparent url("img/logo.png") top left no-repeat;
	text-indent:-9000px;
}
h2, #clipboard {display:none}

#main p {margin:15px 0}

#footer a, #main a {color:#D43E51;}

.little{font-size:18px;}
.brown {	color:#513D32;}
.red {	color:#d43d50;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}

#captcha_img {
	width:190px;
	float:left;
	padding-top:10px;
}
#captcha_img img {
	float:left;
	background:#81BA44;
	width:130px;
	height:45px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:5px;
	margin-right:10px;
}

#captcha_help {
	float:right;
	width:350px;
	padding:0;
	overflow:auto;
	margin:0 auto;
	text-align:center;
}

#captcha_help li {
	cursor:pointer;
	display:inline;
	float:left;
	border:1px solid #81BA44;
	margin:2px 4px;
	padding:2px;
	width:100px;
	font-size:20px;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#captcha_help li:hover {
	background:#F6E976 url("img/dot.png") -4px -7px no-repeat;
	border-color:#d43d50;
}

#less, #more, .toggle {
	cursor:pointer;
	color:#BF8087;
	font-size:80%;
}

input {font-size:90%;padding:3px;}
input:focus {border-color:#D43E51;}

p.submit, #reveal_mail, #new_scrim {
	text-align:center;
}

p.submit input {
	border:1px solid #d43d50;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#513D32;
	font-size:25px;
	cursor:pointer;
	background:#81BA44;
	padding:2px 20px;
}

p.submit input:hover{
	background:#D43E51 url("img/dot.png") -2px -2px no-repeat;
	border:2px solid #81BA44;
	padding:1px 20px;
}

ul {
	margin-left:20px;
}

li {
	list-style-image: url("img/dot.png");
	list-style-type: circle;
}

#share label {
	display:inline-block;
}

#share input {
	border:1px solid grey;
	-moz-border-radius:3px;
	width:15em;
}

#us_twit input {width:50%}
#us_twit label {width:50%}
#us_html input {width:67%}
#us_html label {width:33%}
#us_bb input {width:80%}
#us_bb label {width:20%}

#anchor_share {float:left;}
#anchor_tips {float:right;}

pre.apixml {
	font-size:60%;
}

.dot {
	background:transparent url("img/dot.png") -4px -7px no-repeat;
	text-indent:-9999px;
	display:inline-block;
	width:20px;
}

.ok       {padding-left:20px;background:transparent url("img/accept.png") center left no-repeat;}
.notok  {padding-left:20px;background:transparent url("img/delete.png") center left no-repeat;}

#check_scrim {display:block;text-align:center}
#check_scrim .ok      {font-size:18px;color:#81BA44;}
#check_scrim .notok {font-size:18px;color:#D43E51;}

#pick_left {float:left;width:300px;}
#pick_right {float:right;width:250px;}
.ajax {background:transparent url("img/ajax.gif") center center no-repeat;}

#clipboard {text-decoration:underline;}

pre {font-size:12px;text-align:left}