/*
	RAN.org screen.css
*/

/* Imports
-------------------------------------------------------------- */

/* import Blueprint */
@import '/sys/lib/blueprint/screen.css';

/* import RAN sub-stylesheets */
@import '/sys/css/ran/src/header.css';


/* Standard HTML elements
-------------------------------------------------------------- */

a         { color:#693; outline:none; }
a:hover   { color:#000; }

h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration:none;}
h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #444;}

fieldset  { margin:0; padding:0; border:0; }


/* Sizes and grid specifications
-------------------------------------------------------------- */

/* Both sizes */
.primary, .primary .half, .primary .third,
.secondary, .secondary .half, .secondary .third,
.tertiary, #menu				{ float:left; margin-right:10px; }
#content						{ float:left; margin:10px 0 0 0; }
#menu							{ margin-top:10px; width:150px; }
.primary .last, .primary .half .last, .primary .third .last,
.secondary .last, .secondary .half .last, .secondary .third .last,
.tertiary .last					{ margin-right:0 !important; }

/* Default size (previously "Wide") */
body							{ background:#333 url(/sys/css/ran/img/bg_wide.jpg) center repeat-y; }
.container						{ width:950px; }
#content						{ width:790px;}
.auxiliary						{ float:right; margin:0; width:150px; }
.primary						{ width:630px; }
.primary .half					{ width:310px; }
.primary .third					{ width:190px; }
.secondary						{ width:470px; }
.secondary .half				{ width:230px; }
.secondary .third				{ width:150px; }
.tertiary						{ width:150px; }

/* Medium size */
body.medium						{ background:#333 url(/sys/css/ran/img/bg_medium.jpg) center repeat-y; }
body.medium .container			{ width:710px; }
body.medium #content			{ width:550px; }
body.medium .auxiliary			{ display:none; }
body.medium .primary			{ width:550px; margin-right:0; }
body.medium .primary .half		{ width:270px; }
body.medium .primary .third		{ width:150px; }
body.medium .secondary			{ width:390px; }
body.medium .secondary .half	{ width:190px; }
body.medium .secondary .third	{ width:110px; }
body.medium .tertiary			{ width:150px; margin-right:0; }


/* Custom elements by ID
-------------------------------------------------------------- */

#page.container  { background:#fff; }

/* Header Images */
#image_header							{ margin:0 0 10px 0; height:60px; background:#fff top left no-repeat; }
#image_header #name						{ margin:0; text-indent:-9999px; }
#globalfinance #image_header			{ background: url(/sys/css/ran/img/imageheaders/gf.png); }
#freedomfromoil #image_header			{ background: url(/sys/css/ran/img/imageheaders/ffo.png); }
#rainforestagribusiness #image_header	{ background: url(/sys/css/ran/img/imageheaders/rag.png); }
#oldgrowth #image_header				{ background: url(/sys/css/ran/img/imageheaders/old_growth.png); }
#sustainableeconomies #image_header		{ background: url(/sys/css/ran/img/imageheaders/sustainable_econ.png); }
#globalwarming #image_header			{ background: url(/sys/css/ran/img/imageheaders/global_warming.png); }
#forests #image_header					{ background: url(/sys/css/ran/img/imageheaders/forests.png); }
#humanrights #image_header				{ background: url(/sys/css/ran/img/imageheaders/human_rights.png); }
#energy #image_header					{ background: url(/sys/css/ran/img/imageheaders/energy.png); }
#donate #image_header					{ background: url(/sys/css/ran/img/imageheaders/donate.png); }
#mediacenter #image_header				{ background: url(/sys/css/ran/img/imageheaders/media_center.png); }
#grassroots #image_header				{ background: url(/sys/css/ran/img/imageheaders/get_involved.png); }
#actiontank #image_header				{ background: url(/sys/css/ran/img/imageheaders/actiontank.png); }
#climateactionfund #image_header		{ background: url(/sys/css/ran/img/imageheaders/caf.jpg); }
#protectanacre #image_header			{ background: url(/sys/css/ran/img/imageheaders/paa.jpg); }

#menu					{ list-style:none; }
#menu a					{ text-decoration:none; }
#menu li 			    { margin:0; border-top:1px solid #693; }
#menu ul li		        { border-top:1px solid #fff; }
#menu li a:link,
#menu li a:visited	  	{ display:block; padding:5px; color:#333; }
#menu li a:hover	    { display:block; padding:5px; color:#333; background:#ff0; text-decoration:none; }
#menu ul,
#menu ul ul,
#menu ul ul ul		    { margin:0; font-size:10px; list-style:inherit; }
#menu ul li		        { background:#9c6; text-transform: none; }
#menu ul ul li		    { background:#cf9; text-transform: none; }
#menu ul ul ul li		{ background:#ffc; text-transform: none; }
#menu ul ul ul ul li	{ background:#ffe; text-transform: none; }
#menu .act			    { font-weight:bold; text-transform:uppercase; }

#modalOverlay {background-color:#000; cursor:wait;}
#modalContainer {height:400px; width:600px; left:50%; top:15%; margin-left:-300px; background-color:#fff; border:3px solid #ccc;}
#modalContainer a.modalCloseImg {background:url(/sys/lib/blueprint/plugins/buttons/icons/cross.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}

#paa_donate_bar {
	width: 490px;
	height: 71px;
	display: block;
	text-indent: -9999px;
	background: url('/sys/css/ran/img/paa_donate_banner.png') no-repeat;
	margin-bottom: 15px;
}

/* Custom elements by Class
-------------------------------------------------------------- */

hr.clear { clear:both; color: transparent; background-color: transparent; border: none;}

.centered { text-align:center; }

.understorylink { margin: 0 auto 20px auto; display: block; width: 200px; height: 100px; text-indent: -9999px; border: 0; background-image: url(/sys/css/ran/img/logos/understory_logo_01.png);}
a.feed_link     { margin: 0; height:14px; padding: 0; clear:none;}
img.feed_icon   { clear: none; padding:0; margin: 0;}

.button,
a.button        { color:#fff; text-decoration:none; background:#693; text-align:center;}
.button:hover,
a.button:hover  { color:#333; background:#ff0; cursor:pointer; }
.button a       { color:#fff; text-decoration:none; }
.button:hover a { color:#333; }
a.button,
input.button    { display:block; }

.red {background-color: #cd0000;}

.box          { background:#999; }
.box .box     { background:#eee; }
.box.dark,
.box.dark h2,
.box.dark h3,
.box.dark h4  { background:#222 url(/sys/css/ran/img/bg_greygrunge.jpg) center; color:#eee; }
.box a        { color:#eee; }

ul.horizontal li { float:left; margin:10px; list-style:none; }


/* Teaser
-------------------------------------------------------------- */
#content .primary .teaser		{ clear:both; min-height:150px; }
#content .primary .teaser h3	{ margin-left:160px; clear:right; }
#content .primary .teaser p		{ margin-left:160px; text-align:left; }
#content .primary .teaser img	{ float:left; margin:0 10px 18px 0; padding:5px; background:#fff; border:1px solid #ccc; border-bottom-width:3px;}


/* Auxiliary Section
-------------------------------------------------------------- */

.auxiliary h3   { color:#666; font-weight:normal; }
.auxiliary img  { width:100px; padding:5px; background:#fff; border:1px solid #666; border-bottom-width:3px; }

.auxiliary .donorprofile p.quote  { color:#eee; }
.auxiliary .donorprofile p.name   { text-align:right; }
.auxiliary .donorprofile img      { height:100px; }
.auxiliary .donorprofile a.button { display:block; padding:10px; }

.auxiliary .teaser img    { height:50px; }
.auxiliary .teaser .more  { display:none; }

.auxiliary input          { margin-bottom:5px; font-size:10px; width:110px; text-align:center; border:1px solid #666; }
.auxiliary input.submit   { margin-bottom:18px; font-size:12px; border:0; }

/* CMS Forms
-------------------------------------------------------------- */
#mailform {
	padding: 10px;
}

#mailform label, #mailform div, #mailform fieldset {
	float: left;
	clear: both;
}
#mailform input {
	float:left;
	clear: both;
}

/* GA Conflict fixes */
body.ga_wrapper td, body.ga_wrapper th {padding: 0 0 0 0; font-family: Helvetica; font-size:13px; margin: 0 0 0 0;}
body.ga_wrapper .titlebold15px {font-size: 16px;}

/* GA CSS Donate button 
body .ga-donationSubmit input {
	width: 200px;
	height: 50px;
	text-indent: -9999px;
	background: #fff url(https://admin5.getactive.com/img/gv2/custom_images/ran/ga_donate_bg.gif);
	border: none;
	padding: 0;
	cursor: pointer;
	cursor: hand;
	margin-bottom: 10px;
}
*/