/*
     FILE ARCHIVED ON 18:11:11 Apr 30, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 2:20:21 Mar 24, 2015.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
html {
	margin: 0;
	padding: 0;
	}
	
body {
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 81%;
	color: #333;
	 background: #F4F1EA;
	/* background: #bcd8e7; /* for non-css3 browsers */
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bad6e7', endColorstr='#88c4eb'); /* for IE */
	/* background: -webkit-gradient(linear, left top, left bottom, from(#bad6e7), to(#88c4eb)); /* for webkit browsers */
	/* background: -moz-linear-gradient(top,  #bad6e7,  #88c4eb); /* for firefox 3.6+ */

	}


/* structure */

#wrapper {
	position:relative;
	width: 840px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	padding: 0;
	background-color:#fff;
	border: 10px solid #fff;
	}

#masthead {
	width:840px;
	}

#topnav {
	width:auto;
	margin:0;
	padding: 4px 0; /* vertical padding must match topbutt style */
	background: #F4F1EA;
	}
	
#content {
	float:left;
	width:820px;
	padding:10px;
	margin:0;
	display: inline;
	}

#content2 {
	float:left;
	padding: 10px;
	background-color: #fff;
	width:540px;
	}
	
#rightbar {
	float:right;
	padding: 10px;
	width:260px;
	background:#f7f7f7;
	font-size: 0.9em;
	}
	
#rightbar p {
	line-height: 1.5em;
	margin: 0 0 1.1em 0;
	}
	
#rightbar h3 {
	line-height: 1.1em;
	margin: 0 0 .5em 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
#rightbar li {
	line-height: 1.1em;
	margin: 0 0 1.1em 0;
    list-style:none;
	}
	
 #twitter_div ul {
    float:left;
    margin:0;
    padding:0;
    margin-left:0;
	}

#twitter_div ul li {
    margin-left: 0;
	margin-bottom: 1.1em;
    list-style:none;
	}
	
#frontbox {
	width:260px;
	height:380px;
	padding:10px;
	float:left;
	margin: 0;
	background:#f7f7f7;
	}

#contentBlog {
	float:left;
	width:500px;
	padding:10px;
	margin:0;
	display: inline;
	}
	
#menu {
	float:right;
	width:260px;
	padding:10px;
	margin:0;
	display: inline;
	background:#f7f7f7;
	}
	
#menu ul {
	list-style: none;
	padding:0;
	margin:0;
	}
	
#menu ul li {
	list-style: none;
	line-height:1.2em;
	padding:0;
	margin:.75em 0 0 0;
	}
	
/* #bottomnav {
	clear: both;
	height:20px;
	font-size:0.9em;
	padding: 2px 12px;
	border-top: 1px solid #ccc;
	}
*/
	
#footer {
	clear: both;
	width:840px;
	height:100px;
	background-image:url(../images/rce_masthead840_04.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
.featurebox {
	float: left;
	width: 160px;
	height: 60px;
	border:1px solid #e3e3e3;
	background:#F4F1EA;
	margin: 0 10px 10px 0;
	padding: 5px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	/*box-shadow: 3px 3px 5px #ccc;
	-moz-box-shadow: 3px 3px 5px #ccc;
	-o-box-shadow: 3px 3px 5px #ccc;
	-webkit-box-shadow: 3px 3px 5px #ccc; */
	}

.featurebox h3 {
	font-size:1.2em;
	line-height:1.2em;
	margin: 0;
	text-align:center;
	}
	
.featurebox p {
	font-size:.9em;
	}
	
.featurebox ul { padding:0 8px; margin-left:0;  }
.featurebox li { list-style-type: none; margin-bottom:6px; font-size: .9em; }


/* text */

p { font-size: 1.0em; line-height: 1.6em; margin: .5em 0 1.3em 0; }
	
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#c93; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

h1 { font-size: 1.8em; margin: 0;}
h2 { font-size: 1.6em; margin: 1.0em 0 0 0;}
h3 { font-size: 1.4em; margin: 1.0em 0 0 0;}
h4 { font-size: 1.2em; margin: 1.0em 0 0 0;}
h5 { font-size: 1.0em; }
h6 { font-size: 0.8em; }

ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.6em;
	margin-bottom: 1.4em; 
	}

strong, b { font-weight: bold; }

.smalltext { font-size: 0.85em; margin: 0 0 1em 0; }
.title { font-size: 1.8em; text-align:center; }
.introtext { font-size: 1.1em; line-height: 2em; margin: .5em 0 1.3em 0; font-style:italic; }


/* links */

a { text-decoration: none; }

a:link { color:#693; text-decoration:none; }
a:visited { color:#693; text-decoration:none; }
a:hover { color: #333; text-decoration:none;}
a:active { color: #333; text-decoration:none;}

a.define { color: #060; text-decoration:none; border-bottom: thin dotted #060; cursor:help; }

a.topbutt, a.topbutt:link, a.topbutt:visited { color:#693; background: #F4F1EA; text-decoration:none; font-weight:bold; padding: 4px 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

a.topbutt:hover { color:#333; background:#e9dcc4; text-decoration:none; }

img { border:0; }



/* CSS3 attributes that automatically add external link icon and PDF icon. This works in Firefox, IE7 and Opera.

a[href*="://"]:not([href*="realclimateeconomics.org"]) {
	background-image: url(../images/icon_external.gif);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right: 16px;
	}
	
a[href*="://"]:not([href*="realclimateeconomics.org"]):hover {
	background-image: url(../images/icon_external_hover.gif);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right: 16px;
	}
	
	*/
	
a[href $='.pdf'] { 
	background-image: url(../images/icon_pdf.gif);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right: 16px;
	}

a[href $='.doc'] { 
	background-image: url(../images/icon_doc.gif);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right: 16px;
	}


/* forms */


form { position:relative; margin:0; padding:0; display:inline; }
form.other { margin:0; padding:0; display:inline; } /* for forms that need unaligned class */
/*label { display:block; float: left; width: 10em; margin-right: .5em; text-align:right; }
label input { position:absolute; left:11em; } */

fieldset { border: 1px solid #333; padding: 4px;}
legend { color: #999; background: #333; padding: 2px 6px; font-weight:bold; font-size: .9em; margin-top: 1em; }

input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em; }

input.button {
   color:#693;
   background-color:#e5e5e5;
   border:1px solid #ccc;
   padding:5px;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
   box-shadow: inset 0 1px 3px #fff, inset 0 -15px #ccc, 0 0 3px #ccc;
   -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #ccc, 0 0 3px #ccc;
   -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #ccc, 0 0 3px #ccc;
   -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #ccc, 0 0 3px #ccc;
   }
   
input.button:hover, input.button:focus {
   color:#fff;
   background-color:#999;
   border:1px solid #693;
   -moz-border-radius:4px;
   -webkit-border-radius:4px;
   box-shadow: inset 0 1px 3px #fff, inset 0 15px #ccc, 0 0 3px #ccc;
   -o-box-shadow: inset 0 1px 3px #fff, inset 0 15px #ccc, 0 0 3px #ccc;
   -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 15px #ccc, 0 0 3px #ccc;
   -moz-box-shadow: inset 0 1px 3px #fff, inset 0 15px #ccc, 0 0 3px #ccc;
   }
   
input, text, textfield, textarea, password, checkbox {
   color:#333;
   background-color:#e5e5e5;
   border: 1px solid #ccc;
   }
 
input:focus, text:focus, textarea:focus, textfield:focus, password:focus, checkbox:focus {
	color:#333;
	background-color:#ccc;
	border: 1px solid #693;
	}

 
 
 /* other properties */
 
.floatleft { float: left; }
.floatright { float: right; }
.floatleftpad { float: left; margin: 0 8px 0 0;}
.floatrightpad { float: right; margin: 0 0 0 8px; }

.clearboth { clear: both; }