/*
* Author: James C. Palmer
* Alliance for Climate Protection
*/ 

/* ------ Global Styles ------ */
body { 
	background:#0b0b0b; 
	color: #d8d8c6; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 100%;
	margin-top: 0px; 
}
/* hide from ie on mac \*/
html { height: 100%; overflow: hidden; }
/* end hide */
a, a:link, a:visited { color: #333; }
a:hover { color: #999; }
h1 { text-transform: uppercase; }
sub { vertical-align: middle !important; }
strong { font-weight: bold; }

/* ------ Custom Global Styles ------ */
.padding { padding: 12px 18px; }
.home a.home, .about a.aboutus, .share a.share, .facts a.acpfacts, .action a.involved, .left li a.active { color: #f2c108 !important; }
.prevactionY, .prevactionN { display: none; }
::-moz-selection {
	background-color: #fff;
	color: #000;
}
::selection {
	background-color: #fff;
	color: #000;
}

/* ------ Default Layout ------ */
/* Wrapper */
#wrapper {
	/* background: url(/page/-/reality/WebGrad_v1c.jpg) no-repeat center top #0b0b0b; */
	height: 100%;
	margin: 0 auto; 
	overflow: auto;
	overflow-x: hidden;
	width: 100%; 
}

/* Header */
#wrapper #header { 
	border-bottom: 1px solid #383838;
	margin: 20px auto 23px auto; 
	overflow: hidden; 
	width: 810px; 
}
	#wrapper #header img.logo { 
		float: right; 
		margin-right: 6px; 
		padding-bottom: 11px; 
	} 

/* Content */
#wrapper #content {
	margin: 0 auto;
	padding-bottom: 45px; 
	width: 810px; 
}
	#wrapper #content h1 {
		color: #f2c108; 
		float: none; 
		font-size: 30px;  
		letter-spacing: 0.6px; 
		line-height: 1em;
		margin-bottom: 25px; 
		padding-top: 10px;
		text-align: left;  
		text-indent: 0px;
	}
	#wrapper #content h2 { 
		color: #f2c108; 
		font-size: 12px; 
		letter-spacing: 0.6px; 
		padding-bottom: 15px;
		text-transform: uppercase; 
	}
	#wrapper #content p {
		color: #d8d8c6; 
		font-size: 13px; 
		line-height: 1.5em;
		margin: 15px 0px;
	}
	#wrapper #content a, #wrapper #content a:link, #wrapper #content a:visited {
		color: #d8d8c6;
		font-size: 13px;
		text-decoration: underline;
	}
	#wrapper #content p a:hover { color: #999; } 
	#wrapper #content ul li { 
		background: url(/page/-/reality/arrow.gif) 0 2px no-repeat;
		font-size: 13px;
		margin-bottom: 7px;  
		padding-left: 25px;
	}	
	/* DIV.left */
	#wrapper #content div.left {
		border-right: 1px solid #333; 
		float: left; 
		line-height: 1.2em;
		min-height: 460px;
		overflow: hidden;
		padding-right: 25px; 
		/* text-align: justify; */
		width: 541px;  
	}
	#wrapper #content div.right { 
		color: #d8d8c6;
		float: right;
		font-size: 13px;
		line-height: 1.5em;
		margin-top: 7px;
		overflow: hidden;
		width: 218px;
	}
	
	/* DIV.right */
	#wrapper #content div.right div.box { background-color: #2A2A2A; }
	#wrapper #content div.right div.box h2 {
  		font-size: 17px;
		padding-bottom: 0 !important;
	}
	#wrapper #content div.right div.box ul li { background: url(/page/-/reality/arrowbox.gif) 0 2px no-repeat; }

/* ------ The Facts ------ */
div.facts #content { }
	div.facts #content div.left dl { 
		font-size: 12px; 
		letter-spacing: 1px;
	}
	div.facts #content div.left dl dt { 
		background-image: url(/page/-/reality/facts.dt.gif); 
		background-position: 0 0; 
		background-repeat: no-repeat;
		color: #f2c108; 
		font-weight: bold; 
		font-size: 10px; 
		line-height: 15px; 
		padding: 13px 0 45px 0;
		text-align: right;  
	}
	div.facts #content div.left dl dd { 
		background-color: #202020;
		color: #d9d8c6;
		line-height: 20px; 
		font-weight: bold; 
		padding: 25px 20px;
	}
	div.facts #content div.left dl a,
	div.facts #content div.left dl dt a { 
		color: #f2c108 !important; 
		text-decoration: none !important;  
		font-size: 10px !important;
	}

	/* The Details */
	div.facts #content div.block {
		margin-bottom: 45px; 
		line-height: 1.3em;
	}
	div.facts #content div.block h2 { padding-bottom: 5px !important; }
	div.facts #content img.graph { margin: 0 0 45px 25%; }

/* ------ Menu ------ */
#wrapper div.menu { 
	background-color: #121212;
	bottom: 0px; 
	height: 36px; 
	position: absolute; 
	overflow: hidden;
	width: 100%;
	z-index: 9999999;    
}
	#wrapper div.menu ol.left { 
		float: left; 
		margin: 14px 0 0 20px;
		width: auto;
	}
	#wrapper div.menu ol.left li { 
		color: #3d3d3d;
		float: left; 
		font-size: 10px;
		margin: 0 5px;
		text-transform: uppercase;
	}
	#wrapper div.menu ol.left li a { 
		color: #ccc;
		margin-right: 8px; 
		text-decoration: none; 
	} 
	#wrapper div.menu ol.left li a:hover, #wrapper div.menu ol.left li a.active { color:#f2c108; }
	#wrapper div.menu ol.right { 
		background-image: url(http://www.thisisreality.org/img/signup-bg.png); 
		background-repeat: no-repeat; 
		background-position: 0 5px;
		height: 36px;
		margin-right: 0px; 
		position: absolute; 
		right: -10px;
		width: 300px; 
	}
	#wrapper div.menu ol.right fieldset h3 { 
		color:#121212; 
		bottom: 11px; 
		display: block;
		font-size: 10px; 
		font-weight: bold; 
		left: 10px; 
		position: absolute; 

	}
	#wrapper div.menu ol.right fieldset h3.arrow { 
		background:transparent url(http://www.thisisreality.org/img/arw.invite-friend2.gif) no-repeat scroll 0 1px; 
		text-indent: 15px; 
	}
	#wrapper div.menu ol.right fieldset h3 a, #wrapper div.menu ol.right fieldset h3 a:hover { color: #000; }
	#wrapper div.menu ol.right fieldset h3 a:hover { text-decoration: none; }
	#wrapper div.menu ol.right fieldset input.email { 
		background: #202020; 
		border: 1px solid #202020;
		bottom: 7px; 
		color: #d8d8c6; 
		font-size: 10px;
		height: 12px; 
		left: 90px;
		padding-top: 2px; 
		padding-left: 3px; 
		position: absolute; 
		width: 155px; 
	}
	*:first-child+html #wrapper div.menu ol.right fieldset input.email { bottom: 6px; }
	#wrapper div.menu ol.right fieldset input.submitButton {
		background: url(http://www.thisisreality.org/img/submit.gif) 0 0 no-repeat;
		bottom: -11px; 
		color: #202020; 
		display: block;  
		height: 18px; 
		left: 257px; 
		position: relative; 
		text-indent: -9999px; 
		width: 18px;
	}
	* HTML #wrapper div.menu ol.right fieldset input.submitButton { bottom: -10px; }
	*:first-child + html #wrapper div.menu ol.right fieldset input.submitButton { bottom: -10px; }
	/* Share */
	#wrapper div.share { 
		background-color: #171717;
		bottom: -200px;  
		display: none;
		height: auto;
		left: 570px;
		position: absolute;
		padding: 5px 0;
		width: 135px; 
		z-index: 999999;
	}
	*:first-child+html #wrapper div.share { left: 579px; }
	#wrapper div.share ol { 
		display: block;
		margin-left: 5px; 
	}
	#wrapper div.share ol li { 
		height: 21px; 
		font-size: 11px;
		margin: 5px 3px 5px 3px; 
		text-indent: 26px;   
		text-transform: uppercase; 
	}
	#wrapper div.share ol li a {
                color: #75756c;
		display:block;   
		height:21px; 
		padding-top: 5px;
		text-decoration: none; 
	}
	#wrapper div.share ol li a:hover { display:block; color: #ddd; }
	#wrapper div.share ol li a.icon1 { background: url(http://www.thisisreality.org/img/icon1.gif) no-repeat; }
	#wrapper div.share ol li a.icon2 { background: url(http://www.thisisreality.org/img/icon2.gif) no-repeat; }
	#wrapper div.share ol li a.icon3 { background: url(http://www.thisisreality.org/img/icon3.gif) no-repeat; }
	#wrapper div.share ol li a.icon4 { background: url(http://www.thisisreality.org/img/icon4.gif) no-repeat; }
	#wrapper div.share ol li a.icon5 { background: url(http://www.thisisreality.org/img/icon5.gif) no-repeat; }
	#wrapper div.share ol li a.icon6 { background: url(http://www.thisisreality.org/img/icon6.gif) no-repeat; }
	#wrapper div.share ol li a.icon7 { background: url(http://www.thisisreality.org/img/icon7.gif) no-repeat; }

/* ------ Global Forms ------ */
#content td#submit input, #content div#submit, #content input#submit, #content input#submit_button, input.submit { 
	border-width: 0 !important;
	background-color: #555 !important;
	color: #d8d8c6 !important;
	font-weight: bold !important;
	padding: 5px !important; 
	cursor: pointer !important;
}
#content td#submit input:hover, #content div#submit:hover, #content input#submit:hover, #content input#submit_button:hover, input.submit:hover { 
	background-color: #777 !important;
	color: #d8d8c6 !important;
}
#content label {
	color: #f2c108; 
	font-weight: bold !important; 
	line-height: 1.7em !important; 
}
#content form label.error { 
	display: block; 
	color: red;
	font-weight: normal !important;
	font-size: 11px; 
	padding: 2px 0 0 0;
}
textarea { 
      font-size: 12px;
      font-family: arial;
      padding: 2px;
}