@CHARSET "UTF-8";

/* -------------------------------------
CLIMATE CHANGE STYLES
------------------------------------- */

/* background image */
body {background:url(../img/background_get_involved.jpg) no-repeat black;}

/* content */
h1#page_header {background:url(../img/titles/take_action.png) no-repeat; width:600px; height:52px;}
h3#column{color: #20a4bc; font-weight: 600; font-size: 1.3em;margin: 0 0 10px 0;}
h4{margin:0px 0px 25px 20px; font-weight:bold;}
h5#additional_info_toggle {cursor:pointer;}
h5.collapse {background:url(../img/climatechange-collapse_icon.gif) no-repeat 0px 5px;padding-left: 10px;}
h5.expand {background:url(../img/climatechange-expand_icon.gif) no-repeat 0px 5px;padding-left: 10px;}
a#get_involved {display:block;width:144px;height:13px;background:url(../img/climatechange_get_involved.gif) top left no-repeat;}
a#get_involved:hover {background-position:0 -13px;}
#alert_tips img, #alert_tips a img{display:inline;float:left;}
#alert_tips{clear:both;height:49px;}
#top_content .description{clear:both;margin:1.5em 0px;width:857px;}
span#catastrophic_consequences {display:block;float:left;width:745px;height:49px;background:url(../img/climatechange_catastrophic_consequences.gif);}


/* typography */
div#top_content {color:#474747;width:874px;padding:0px;margin:0px;}
div#column {background-color: #f2db9a; padding:10px 15px; margin:0 0 10px 0;float:left;}

div#footnotes ul {font-size:.8em;}

img#column{z-index: -1;float:left;margin-bottom: -6px;  }
img#column_triangle{z-index:1;margin-bottom: -5px;width:400px;}

span#video_head{font-size: 1.2em;color:#20a4bc; line-height: 1em; margin: 5px 0px 10px 0px;}
span#ul_oceans{color:#474747}
span#highlight{color:#13656d;font-weight: bold;}

div.categories {margin:1.5em 0em 1.5em 0;}
div#left {width:250px;float:left;}
div#right {width:250px;float:right;}

div#left_column {width:505px; float:left;padding-right:25px;margin-bottom: 20px; }
div#right_column {width:230px; margin:20px 0px 0px 0px; padding:0px 0px 0px 30px; float:right; border-left:solid 1px #8ED1DD; }
div#description a {font-weight:bold;}

div#top_content #wrapImage{display:inline;float:left;width:700px;margin-right:24px;}
div#tips{padding:20px 0px 0px 0px;}

div#video_placeholder {background-color: #20a4bc; width: 290px; height:160px; margin: 10px 0 20px 0 }

ul.oceans{margin-left: 0px;color:#20a4bc}
ul.oceans li{padding-bottom: 10px;}

div#box{border:solid 1px #8ED1DD; padding:25px;}

div.clear{clear:both;}


div.pledgeBox
{
    width: 475px;
    margin: 10px 0px 20px 22px;
    font-size: 1.1em;
}


div.pledgeHeader
{
    background-image: url(../img/column_triangle_520.png);
    height: 6px;
}

div.pledgeBody
{
    background-color:#F2DB9A;
    padding: 9px 15px 15px 15px;
}


input[type=text]
{
	margin: 6px 10px 4px 0px;
	width: 200px;
	border: 1px grey solid;
}

input[type=checkbox]
{
	border: 1px grey solid;
        float: left;
        margin: 0px 5px 0px 0px;

}

input[type=image]
{
	margin: 6px 0px 20px 0px;
}

select
{
	width: 260px;
}


div#left_column label
{
    margin: 0px 0px 0px 0px;
    font-weight:bold;
    font-size: 1.1em;
}

label{
    margin:0px;
    font-weight:normal;
    padding:0px;
    margin:0px 0px 0px 17px;
    line-height:1.1em;
    display: block;
}

.error_border,
input[type=text].error_border
{
	border: 1px #FBC2C4 solid;
}
div.separator
{
    height: 30px;
}
div.thanks_column
{
    float:left;
    width: 290px;
    margin: 0px 60px 0px 25px;
}

div.thanks_column h4{margin: 0px;}
div.action_column h4{margin: 0px;}
div.share_column h4{margin: 0px;}
div.action_column
{
    float:left;
    width:250px;
    margin: 0px 60px 0px 0px;
}

div#share_column .twiterLink
{
    margin-right: 3px;
}

div#share_column
{
    float:left;
}