/*
Title: Climate Change Splashpage CSS
Author: Jason Bickley
Date: November 2009
*/

/* GENERAL
====================================================================*/
*     {font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
body  {text-align: center; background: #d3dbe3; font-size: 13px;}
a     {color: #92b6e5; font-weight: bold; text-decoration: none; overflow: hidden;}
a:hover {text-decoration: underline;}
a img {border: 0;}
p     {margin: 0 0 1em 0;}
hr    {display: none;}
li    {list-style: none;}
.clear      {clear: both;}
.more       {font-weight: normal; color: #999; margin: 5px 0 0 0; text-align: right;}
.more:hover {color: #333;}
.element {margin: 0 0 15px 0; clear: both;}

/* STRUCTURE
====================================================================*/
#wrapper {width: 1000px; margin: 0 auto; padding: 0; text-align: left; background: #efefef url(../images/bkgrd_wrapper.gif) 0 50% repeat-y;}
#inner   {margin: 0 10px;}
#upper   {height: 240px; background: url(../images/bkgrd_upper.jpg) no-repeat; position: relative; font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif;}
#upper h1.logo a    {text-indent: -5000px; position: absolute; bottom: 0; left: 30px; width: 180px; height: 35px; background: url(../images/logo_EWEA.gif) 0 0 no-repeat;}
#upper h2.primary   {color: #fff; font-size: 30px; position: absolute; top: 60px; left: 50px;}
#upper h2.secondary {color: #005596; font-size: 20px; position: absolute; top: 95px; left: 50px;}
#upper #co2_ticker  {position: absolute; top: 80px; right: 20px; color: #005596; font-size: 12px; width: 215px;}
#upper #co2_ticker a {color: #005596; font-size: 12px; text-decoration: none; display: block; font-family: Arial, Helvetica, sans-serif; margin-top: -5px; font-weight: bold;}
#upper #co2_ticker a:hover {text-decoration: underline;}
#upper #co2_ticker img {margin: 10px 0 0 0;}
#upper #co2_ticker h4  {color: #000; text-align: right;}
#upper #co2_ticker p   {text-align: right;}
#maincontent   {background: #fff;}
#photo_grid {margin: 0 0 20px 0;}

/* COLUMNS
====================================================================*/
.column    {float: left;}
.column h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 150%; color: #83a13a; margin: 0 0 20px 0;}
.column h4 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 115%; color: #005596; margin: 0 0 15px 0; border-bottom: 1px dotted #dbe7ff; padding-bottom: 3px;}

#col1    {width: 400px; margin: 0 20px 0 20px; padding: 30px 0 0 0;}
#col2    {width: 535px; float: right;}
#col2-1  {width: 250px; float: left; padding: 30px 0 0 0; margin: 0 0 30px 0;}
#col2-2  {width: 250px; float: right; background: #f5f5f5 url(../images/bkgrd_campaign.gif) 100% 100% no-repeat; padding: 30px 0 0 0;}
#col2-3  {width: 520px; float: left; clear: both;}

/* NEWS 
====================================================================*/
#news code  {font-family: Georgia, "Times New Roman", Times, serif; font-size: 110%; margin: 0 0 15px 0;}
#news table {margin: 0 0 15px 0;}
#news td    {vertical-align: top;}
#news .date {width: 70px; text-align: right; font-size: 90%; color: #666; font-family: Georgia, "Times New Roman", Times, serif;}
#news .date p {padding: 0; margin: 0; font-family: Georgia, "Times New Roman", Times, serif;}
#news .pr   {padding: 0 0 0 10px;}
#news .pr p {padding: 0; margin: 0;}
#news img {border: 1px solid #92B6E5; padding: 1px;}

#col1 dl {clear: left; display: block; margin: 0 0 10px 0; float: left;}
#col1 dt {float: left; clear: left; width: 110px;}
#col1 dd {float: right; width: 280px;}

#quotes dl {clear: left; display: block; margin: 0 0 10px 0; float: left;}
#quotes dt {float: left; clear: left; width: 110px;}
#quotes dd {float: right; width: 265px;}
#quotes dd    {background: url(../images/quote_left.png) 0 0 no-repeat; padding: 0 0 0 15px;}
#quotes dd h5 {font-size: 13px; color: #92b6e5; background: url(../images/quote_right.png) 100% 100% no-repeat; display: inline; padding: 0 15px 0 0;}
#quotes .csc-textpic-text {background: url(../images/quote_left.png) 0 0 no-repeat; padding: 0 0 0 15px;}
#quotes .csc-textpic-text h5 {font-size: 13px; color: #92b6e5; background: url(../images/quote_right.png) 100% 100% no-repeat; display: inline; padding: 0 15px 0 0;}
#quotes .csc-textpic-text p {margin: 10px 0 0 0;}
#quotes .csc-textpic-intext-left-nowrap {padding: 0 0 15px 0;}
#quotes img {border: 1px solid #92B6E5; padding: 1px;}
#story {margin-bottom: 20px;}

/* PUBLICATIONS
====================================================================*/
#col2-1 .button {display: block; margin: 0 auto; background: url(../images/morewindr.jpg) 50% 0 no-repeat; width: 149px; height: 193px;}
#col2-1 .button a {display: block; text-indent: -5000px; margin: 0 auto; background: url(../images/morewind.jpg) 50% 0 no-repeat; width: 149px; height: 193px;}
#col2-1 .button a:hover {background: none;}
#col2-1 li a  {font-weight: normal; color: #005596; padding:0 0 0 20px;}
#col2-1 a.pdf {background: url(http://www.ewea.org/offshore/images/icon_PDF.gif) 0 0 no-repeat;}
#col2-1 a.ppt {background: url(http://www.ewea.org/offshore/images/icon_PPT.gif) 0 0 no-repeat;}
#col2-1 a.doc {}

/* CAMPAIGN BUTTONS
====================================================================*/
#col2-2 h3 {padding: 0 0 0 10px;}
#campaignButtons li,
#campaignButtons li a {display: block; width: 228px; height: 58px; margin: 0 auto 10px auto;}
#campaignButtons li a {text-indent: -5000px;}
#campaignButtons .button01,
#campaignButtons .button01 a {height: 98px;}

.button01 {background: url(../images/campaign/campaign_01r.gif) 0 0 no-repeat;}
.button02 {background: url(../images/campaign/campaign_02r.gif) 0 0 no-repeat;}
.button03 {background: url(../images/campaign/campaign_03r.gif) 0 0 no-repeat;}
.button04 {background: url(../images/campaign/campaign_04r.gif) 0 0 no-repeat;}
.button05 {background: url(../images/campaign/campaign_05r.gif) 0 0 no-repeat;}
.button06 {background: url(../images/campaign/campaign_06r.gif) 0 0 no-repeat;}
.button07 {background: url(../images/campaign/campaign_07r.gif) 0 0 no-repeat;}
.button08 {background: url(../images/campaign/campaign_08r.gif) 0 0 no-repeat;}

.button01 a {background: url(../images/campaign/campaign_01.gif) 0 0 no-repeat;}
.button02 a {background: url(../images/campaign/campaign_02.gif) 0 0 no-repeat;}
.button03 a {background: url(../images/campaign/campaign_03.gif) 0 0 no-repeat;}
.button04 a {background: url(../images/campaign/campaign_04.gif) 0 0 no-repeat;}
.button05 a {background: url(../images/campaign/campaign_05.gif) 0 0 no-repeat;}
.button06 a {background: url(../images/campaign/campaign_06.gif) 0 0 no-repeat;}
.button07 a {background: url(../images/campaign/campaign_07.gif) 0 0 no-repeat;}
.button08 a {background: url(../images/campaign/campaign_08.gif) 0 0 no-repeat;}

.button01 a:hover {background: none;}
.button02 a:hover {background: none;}
.button03 a:hover {background: none;}
.button04 a:hover {background: none;}
.button05 a:hover {background: none;}
.button06 a:hover {background: none;}
.button07 a:hover {background: none;}
.button08 a:hover {background: none;}

/* FOOTER
====================================================================*/
#footer    {clear: both; padding: 40px 20px 0 20px; background: url(../images/bkgrd_footer.gif) 0 0 repeat-x;}
#footer address   {font-size: 12px; font-style: normal; display: block; border-top: 1px dotted #393939; padding: 10px 0 15px 0;}
#footer address a {text-decoration: none; color: #000; background: none; font-weight: normal;}
#footer address a:hover {text-decoration: underline;}


/* Global Navigation
====================================================================*/
#EWEA_GlobalNav *    {margin: 0; padding: 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
#EWEA_GlobalNav br   {clear: both;}
#EWEA_GlobalNav ul   {float: left; width: 100%; padding: 0 0 0 0; background: #eee; border-top: 1px #fff solid; border-bottom: 1px #ccc solid;}
#EWEA_GlobalNav li   {float: left; list-style: none; padding: 0 15px 0 20px;}
#EWEA_GlobalNav li a {text-decoration: none; line-height: 18px; padding: 0 0 0 0; display: block; color: #005596; font-weight: bold;}
#EWEA_GlobalNav li a:hover {text-decoration: underline;}
#EWEA_GlobalNav #global_ewea    {background: url('http://www.ewea.org/fileadmin/globalnav/EWEA.png') 0 1px no-repeat; margin: 0 0 0 10px;}
#EWEA_GlobalNav #global_eow09   {background: url('http://www.ewea.org/fileadmin/globalnav/EOW09.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_eow11   {background: url('http://www.ewea.org/fileadmin/globalnav/EOW11.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_ewec10  {background: url('http://www.ewea.org/fileadmin/globalnav/EWEC.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_ewec11  {background: url('http://www.ewea.org/fileadmin/globalnav/EWEC.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_jobs    {background: url('http://www.ewea.org/fileadmin/globalnav/EWEA.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_gwd     {background: url('http://www.ewea.org/fileadmin/globalnav/GWD.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_nofuel  {background: url('http://www.ewea.org/fileadmin/globalnav/NoFuel.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_wetf    {background: url('http://www.ewea.org/fileadmin/globalnav/WETF.png') 0 1px no-repeat;}
#EWEA_GlobalNav #global_members {background: url('http://www.ewea.org/fileadmin/globalnav/member.png') 0 2px no-repeat; float: right;}


/* SOCIAL MEDIA
====================================================================*/
#social td {padding:0 0 0 10px; text-align: center; vertical-align: middle;}
#social td a img {margin: 0 0 -10px 0;}
#social td p.bodytext {text-align: center; vertical-align: middle;}