/* earthhour.org ---------------------------- substance.com.au */
* {	margin:0;	padding:0;}
html {	font-size:100%;	}
body {	background:#00455e url(../images/bg-body.jpg) top repeat-x;	background-attachment: fixed;	font:0.8125em/1.2 Arial, Helvetica, Verdana, sans-serif;	color:#fff;}
#page {	width:980px;	margin:0 auto;	padding:0 10px;	background:#005878 url(../images/bg-theme.png) 0 -1235px repeat-x;}
.clear {	clear:both;	}
#page:after,#header:after,#nav:after,#content:after,#primary:after,#secondary:after,.post:after,.item:after,#action:after,#footer:after {	content:"."; 	display:block; 	height:0; 	clear:both; 	visibility:hidden;}
#header ul,#nav,#footer ul {	position: relative;	list-style:none;}
#skip {	position:absolute;	left:-999px;}
table {	font-size: 100%;}
img {	border:none;}
a:link,a:visited {	color:#007dab;	text-decoration:none; outline: none;}
a:hover,a:active {	color:#007dab;	text-decoration:underline; outline: none;}
.button {	display:block;	height:12px;	width:150px;	padding:14px 0;	color:#fff !important;	font-weight:bold;	font-size:12px;	line-height:1;	text-align:center;	text-transform:uppercase;}
.button:hover {	text-decoration:none;	color:#000 !important;}
.button.orange {	background:url(../images/bg-theme.png) 0 -330px no-repeat;}
.button.orange:hover {	background-position:-149px -330px;}
.button.blue {	background:url(../images/bg-theme.png) 0 -380px no-repeat;}
.button.blue:hover {	background-position:-149px -380px;}

/* Header ---------------------------------------------------- */
#header {	position:relative;	height:136px;	background:url(../images/bg-header.jpg) 0 bottom no-repeat;	}
#header-logo {	position:absolute;	top:0px;	right:10px;	height:124px;	width:140px;	background:url(../images/bg-theme.jpg) no-repeat;	text-indent:-9999px;}
#header-wwf {	position:absolute;	top:0;	left:5px;		height:124px;	width:140px;	background:url(../images/panda_kerettel.png) no-repeat;	text-indent:-9999px;}
#header-date {	position:absolute;	bottom:70px;	left:160px;	font-size:1.3em;}
#header-dateuj {	float:left;	margin-right:5px; margin-top:10px; font-size:1.2em; color: #1F5979; }
#location {	position:absolute;	bottom:12px;	left:165px;	color:#222;}
#header h2 {    float:left;	font-size:1.2em;	font-weight:normal;}
#location p {	float:left;    margin-left: 55px;     display: inline;	}
#location p a {	padding:2px;	}
#location .change {	margin-left:20px;	background:#D6ECF4;}
#location a:hover,#location a:active {	color:#000;	text-decoration:none;}
#location .change a:link,#location .change a:visited {	color:#e56b00;}
#location .change a:hover,#location .change a:active {	color:#000;}
#toolbox {	position:absolute;	right:230px;	bottom:11px;}
#eh09-countdown {	float:left;}
#header-signup {	float:left;	margin-left:10px;	font-size:14px;}
/* Primary Nav ----------------------------------------------- */
#nav {	width:100%;		background:#006b8f url(../images/bg-theme.png) 0 0 repeat-x;	font-size:14px;	font-weight: bold;}
#nav li {	display:inline;	float:left;	margin-left: 10px;	padding: 7px 3px 7px 4px; /*padding-right:4px; csoki */	border-bottom:1px solid #006b8f;}
#nav li a{	color: white;	}
/* Content --------------------------------------------------- */
#content {	clear:both;	width:100%;	background:#ddd;	color:#666;	line-height:1.5;}
#primary {	float:left;	width:680px;}
#secondary {	float:right;	width:300px;}
#fullwidth {	clear:both;}
#primary .containerhead {	clear:both;	height:15px;	margin:10px 10px 0;	background:url(../images/bg-container.png) 0 -3985px no-repeat;}
#primary .containerbody {	margin:0 10px;	padding:0 9px 3px;	border-left:1px solid #ccc;	border-right:1px solid #ccc;	background:url(../images/bg-container.png) 0 -8px repeat-x;}
#primary .item {	padding:10px 20px;	background:#fff;	border-bottom:1px solid #ddd;}
#primary .post {	padding:10px 20px;	background:#fff url(../images/bg-post.png) 0 bottom repeat-x;}
#primary .signup {	padding:10px;	background:#fff url(../images/bg-post.png) 0 bottom repeat-x;}
#primary .containerfoot {	height:8px;	margin:0 10px 10px;	background:url(../images/bg-container.png) 0 0 no-repeat;}
#secondary .containerhead {	clear:both;	height:15px;	margin:10px 10px 0;	background:url(../images/bg-container.png)  -680px -3985px no-repeat;}
#secondary .containerbody {	margin:0 10px;	padding:0 9px;	border-left:1px solid #ccc;	border-right:1px solid #ccc;	background:url(../images/bg-container.png) 0 -8px repeat-x;}
#secondary .item {	padding:5px 10px 5px;	background:#fff;	border-bottom:1px solid #ddd;}
#secondary .post {	padding:5px 10px 10px;	background:#fff url(../images/bg-post.png) -640px bottom repeat-x;}
#secondary .feature {	padding:5px 10px;	background:#fff url(../images/bg-post.png) -900px bottom repeat-x;}
#secondary .containerfoot {	height:8px;	margin:0 10px 10px;	background:url(../images/bg-container.png) -680px 0 no-repeat;}
#fullwidth .containerhead {	clear:both;	height:15px;	margin:10px 10px 0;	background:url(../images/bg-fullwidth.png)  0 -1985px no-repeat;}
#fullwidth .containerbody {	margin:0 10px;	padding:0 9px 1px;	border-left:1px solid #ccc;	border-right:1px solid #ccc;	background:url(../images/bg-fullwidth.png) 0 -8px repeat-x;}
#fullwidth .item {	padding:5px 10px 10px;	background:#fff;}
#fullwidth .containerfoot {	height:8px;	margin:0 10px 10px; background:url(../images/bg-fullwidth.png) 0 0 no-repeat;}

.esemeny_lista { border-bottom: 1px dotted #CACACA; margin-bottom: 20px; }
#esemeny_kibont span { font-weight: bold; }

/* ----- lapozo ----- */
#lapozo { width: 600px; margin-bottom: 18px; }
#lapozo p span { float: right; }


/* Sidebar content -------------------------------------------------- */
.countrymap {	margin:10px;	padding:0;}
.videocontainer {	margin:10px;	padding:0;}
#friendfeed-block {	margin:0 ;	padding:0;}
#friendfeed-block .friendfeed.widget{	border: none;}
#friendfeed-block .friendfeed.widget .feed {	margin:0; padding:0;	font-size: 0.9em;}
#friendfeed-block .friendfeed.widget, div.friendfeed.widget div, div.friendfeed.widget span, div.friendfeed.widget img, div.friendfeed.widget table, div.friendfeed.widget tr, div.friendfeed.widget td {	color:#666 !important;}
#friendfeed-block a:link,#friendfeed-block a:visited {	color:#007dab !important;	text-decoration:none !important;}
#friendfeed-block a:hover,#friendfeed-block a:active {	color:#007dab !important;	text-decoration:underline !important;}
/* Map -------------------------------------------------- */
#map {	clear:both;	height:420px;	border:1px solid #ddd;	background:#99B3CC !important;	color:#002E3E;	font-size:1em;}
#location-block {	margin: 10px;}
#find-out {	width: 250px;	float:left;}
#location-form {	margin-top: 10px;	float: left;}
.eh {	float:left;	margin:0 20px 0 0;}
.intro,.article {	margin:0 0 2em;	padding:0 0 20px;	border-bottom:1px solid #ddd;	}
#content h1,#content h2,h3 {	margin:0 0 5px;	font-size:1.25em;	font-weight:normal;	color:#00a3dd;}
h4 {	margin:10px 0 5px;	font-size:1em;	font-weight:bold;	color:#007dab;}
#content p,#content ul,#content ol,#content dl {	margin:0.4em 0 0.5em;}
#content li,#content dt,#content dd {	margin-left:2em;}
.date {	color:#666;}
/* Homepage -------------------------------------------------- */
#globalintro {	margin:10px 10px 0;	display:block;}
#globalnews .newslatest {	float:left;    width:290px;	margin-right:20px;	padding-right:20px;	border-right:1px solid #ddd;}
#globalnews .newslist {	float:left;	width:240px;}

/* Action ---------------------------------------------------- */
#action {	clear:both;	width:100%;	background:#003245;	color:#fff;	line-height:1.5;}
#takeaction {	display:inline;	float:left;	width:180px;	height:130px;	margin-left:20px;padding:10px 120px 10px 10px;	background:url(../images/bg-theme.png) 0 -430px no-repeat;}
#supporters {	display:inline;	float:left;	width:186px;	height:130px;	margin-left:25px;	padding:10px 10px 10px 114px;	background:url(../images/bg-theme.png) 0 -590px no-repeat;	text-align:right;}
#takeaction p,#supporters p,#online p {	margin:10px 0;}
#supporters .button {	float:right;}
#online {	display:inline;	float:left;	width:260px;	height:130px;	margin-left:25px;	padding:10px;	background:url(../images/bg-theme.png) 0 -750px no-repeat;}
#online ul {	display:inline;	float:left;	width:50%;	line-height:1;	list-style:none;}
#online li {	height:20px;	margin:0 0 5px;	background:url(../images/bg-icons.png) 0 50px no-repeat;}
#online li.facebook, #online li.facebook-fans  {	background-position:0 0;}
#online li.myspace {	background-position:0  -25px;}
#online li.flickr, #online li.flikr-pstream {	background-position:0 -75px;}
#online li.youtube {	background-position: 0 -105px;}
#online li.twitter {	background-position: 0 -130px;}
#online a {	display:block;	padding:4px 0 0 25px;	color:#fff;}
/* Footer ---------------------------------------------------- */
#footer {	clear:both;	position:relative;	height:15px;	background:#00202b;	padding:15px 20px;	border-top:1px solid #00455e;	color:#fff;	font-size:0.9em;}
#footer p,#footer li {	float:left;}
#footer ul {	float:right;	}
#footer li.home {	padding:0 0 0 14px;	}
#footer li a {	padding:0 10px;	border-left:1px solid #00455e;	color:#fff;	}
#footer li.home a {	border:none;	}

/* Sign Up --------------------------------------------------- */
#form-signup {	color:#333;}
#button-ind,#button-org {	float:left;	display:block;	width:240px;	height:25px;	padding:50px 10px 0 60px;background:url(../images/bg-theme.png) 0 -910px no-repeat;	font-size:11px;	font-weight:bold;	line-height:1;	color:#fff;	text-decoration:none;	text-transform:uppercase;}
#button-org {	width:290px;	padding:50px 10px 0 10px;	background:url(../images/bg-theme.png) 0 -990px no-repeat;}
#button-ind:hover,#button-ind.selected {	background-position:0 -1070px;	color:#333;}
#button-org:hover,#button-org.selected {	background-position:0 -1150px;	color:#333;}
#form-signup fieldset {	padding:10px;	border:1px solid #ddd;	background:#eee;}
#form-signup fieldset.radio {	clear:both;	padding:10px 0 0 5px;	border:none;}
#form-signup div:after {	content:"."; 	display:block; 	height:0; 	clear:both; 	visibility:hidden;	}
#form-signup div.long {	float:left;	width:200px;	margin:0 0 10px;	border:none;}
#form-signup div.short {	float:left;	width:120px;margin:0 0 10px;	border:none;}
#form-signup .check {	clear:both;	padding:10px 0 0 5px;}
#form-signup label {	display:block;	margin:0 0 5px;}
#form-signup input {	border:1px solid #bbb;	padding:2px 5px;}
#form-signup .check input,#form-signup .radio input {	border:none;}
#form-signup input.long {	width:175px;}
#form-signup input.short {	width:90px;}
#form-signup #ind-header {	margin:0;	padding:10px;	border:1px solid #ddd;	background:#eee;                }
#form-signup input.button.orange {	height:40px;	border:none;	cursor:pointer;}
#form-signup input.submit:hover {	background-position:-149px -330px;	text-decoration:none;	color:#000 !important;}
#form-signup input.error, select.error {	border: 2px solid red;}

/* supports list --------------------------------------------------- */
#list-title ul {display: block; height: 18px; margin: 0 0 10px 0; padding: 10px 0 0 0;  list-style: none; }
#list-title ul li {display: block; float: left; width: 18px; height: 17px;  background: url("../images/bg_alpha_divider.gif") 100% 50% no-repeat; padding: 0 2px 0 0; margin: 0 2px 0 0;}
#list-title ul a {display: block; float: left; width: 18px; height: 17px; text-align: center; text-transform:capitalize; color: #006b91; text-decoration: none; font-size: 14px;}
#list-title ul a:hover {color: #FFF; background:url("../images/bg_alpha.gif") no-repeat;}
#list-title ul a.current {color: #FFF; background:url("../images/bg_alpha.gif") no-repeat;}


/* Media Centre --------------------------------------------------- */

#media-assets div.block {	width: 200px;	float: left;	margin-right: 10px;}
#media-assets div.last {	margin-right: 0;}
#feedlink-block {	float: right;}
#feedlink {	margin-left: 3px;	padding: 0 0 0 19px;	background: url("../images/feed-icon-14x14.png") no-repeat 0 50%;}
#cse-search-results iframe {	width: 600px;}
#downloads-table {	width: 100%;	margin: 1em 0;}
#downloads-table td {	text-align: center;}
#giversign-logo {	margin: 0 0 1em 1em;	float: right;}


/* jobb oldal szövege --------------------------------------------------- */


div#righttextcontainer { width: 280px; height: 150px; overflow: hidden; background: url("../images/bg_szoveg.jpg") no-repeat left top; margin: 10px; padding: 0; color: #FFF; cursor: pointer; }
div#righttextcontainer p { padding: 10px 20px; text-align: center; font-weight: bold; }
div#righttextcontainer p.valassz { color: #ef9401; background: url("../images/bg_valassz.gif") no-repeat 45px center; }

div.kepeslap { width: 280px; height: 210px; margin: 10px; padding: 0; float: left; text-align: center; display: inline; overflow: hidden; }
#content div.kepeslap p {  margin: 0; padding: 0;  height: 210px; line-height: 210px; }
#content div.kepeslap p a { margin: 0; padding: 0; text-decoration: none; }
#content div.kepeslap p a img { margin: 0; padding: 0; border: none; vertical-align: middle; }
#content form { margin: 0; padding: 0; }
#content form dl{ margin: 15px ; padding: 0;}

#content form dt{ margin: 0 5px 0 0; padding: 5px 4px; width: 250px; float: left; clear: both; text-align: right; }
#content form dd{ margin: 0; padding: 5px 4px; }
#content form dd input.input { width: 300px; background-color: #FFF; border: 1px solid #A0A0A0; }
#content form dd select.input { width: 300px; background-color: #FFF; border: 1px solid #A0A0A0; }
#content form dd input.gomb { background-color: #429CBE; color: #FFF; border: 1px solid #A0A0A0; }
#content form dd textarea { width: 300px; height: 150px; background-color: #FFF; border: 1px solid #A0A0A0; }

#content form ul { list-style: none; background-color: #e3e4e6; padding: 5px 0; margin: 0; }
#content form ul li { margin-bottom: 5px; text-align: center; }
#content form ul li input.input { width: 170px; border: 1px solid #c6cad1; }
#content form ul li textarea { width: 530px; height: 200px; border: 1px solid #c6cad1; }
#content form ul li input.gomb { background-color: #c0c0c0; color: #000; }

div.tamogatok { border-bottom: 1px dotted #CACACA;}
div.tamogatok p { padding: 15px ; margin: 0; display: inline-table; }
div.tamogatok p span { width: 320px; display: table-cell; }
div.tamogatok p a img { vertical-align: middle; }

div.tamogatok dl{ }
div.tamogatok dt.logo {width: 320px; float: left; height: 130px; display: block; line-height: 130px;}
div.tamogatok dd.tamogato {position: relative; width: 300px; color: #AAA; padding-left: 340px; height: 80px; padding-top: 50px;}