/*   
Theme Name: UN Watercourses Convention
Theme URI: http://www.unwc.org
Description: This is just a WordPress Theme for UN Watercourses Convention. All Rights Reserved.
Author: zenelements
Author URI: http://www.zenelements.com
Version: 1
*/

/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126  License: none (public domain) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit;vertical-align:baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} table {border-collapse:collapse; border-spacing:0;}

body {background:#f7f5ee; font-family:'Source Sans Pro', Arial, Helvetica;}

.alignme {width:960px; margin:0 auto; position:relative;}
.clearme {clear:both; height:2px; font-size:2px;}

#header {height:112px;}
	#logo {float:left; height:112px; width:460px;}
		#logo a {display:block; margin:10px 0 0 20px; height:80px; width:420px; background:url(images/logo.png) 0 0 no-repeat; text-indent:-7777px;}
		#logo a:hover {opacity:0.8;}		
	#actions {float:right; width:460px; height:40px; padding:10px 0 0 0;}
		#catalogue {float:left; width:220px; text-align:right;}
			#catalogue #jumpme {width:210px; margin:0; padding:5px 5px 5px 5px; color:#ccc; font-size:14px;}
		#search {float:right; width:220px;}
			#si {position:relative; height:26px; width:200px; padding:0 10px 0 10px; color:#ccc; font-size:14px;}
			#ss {position:absolute; display:block; top:10px; right:0; height:30px; width:30px; background:url(images/search.png) 0 0 no-repeat; border:none; cursor:pointer; opacity:0.8;} #ss:hover {opacity:0.6;}
	#menu {float:right; width:460px; text-align:right; z-index:2000;}
		#m {margin:35px 0 0 0;}
		#m li {display:inline; position:relative;}
		#m li a {padding:0 14px; color:#594e46; font-size:15px; border-right:1px solid #594e46;}	
		#m li a:hover {color:#2d8986;}
		#m .last a {border:none;}
				
#sections {background:#1d3a4c; height:65px;}
	#s {}
	#s li {float:left; width:239px; height:65px; border-left:1px solid #324d5e; position:relative;}
	#s li a {display:block; width:219px; height:60px; padding:5px 10px 0 10px; background:url(images/m.jpg) 0 0 no-repeat; font-weight:600; font-size:20px; line-height:1.2; color:#fff;}
	#s li a small {display:block; font-size:13px; color:#8499a7; margin:2px 0 0 0;}
	#s li a:hover {background:url(images/m.jpg) 0 -65px no-repeat;}
	#s li.last a {border-right:1px solid #324d5e;}

	#drop {display:none; position:absolute; width:960px; height:270px; background:#fff; border-bottom:2px solid #1d3a4c; z-index:2100;}
	#s1:hover #drop {display:block;}
	
	#dropM {float:left; margin:20px 0 0 20px; width:340px; padding:0 0 39px 0; border-right:1px solid #2d8986;}
	#dropM li {display:inline; margin:2px 0; border:none; width:307px; height:20px; padding:0 40px 0 0;}
	#dropM li:hover {background:url(images/dropslide.jpg) right 2px no-repeat;}
	#dropM li a {display:block; background:none; width:300px; padding:0; font-size:13px; color:#999; font-weight:400;}
	#dropM li a:hover {background:none; color:#2d8985;}
	
	.dropslide {display:none; position:absolute; top:0; left:340px; height:250px;} #dropM li:hover .dropslide {display:block;}
	.dropslide ul {margin:0 0 0 20px;}
	.dropslide ul li {padding:0 0 0 20px;} .dropslide ul li:hover {background:none !important;}
	.dropslide ul li a {width:600px !important;}
	.dropslide ul li label {float:left; width:60px; cursor:pointer;}

	#dMP .dropslide {}
	#dM1 .dropslide {top:-24px;}
	#dM2 .dropslide {top:-48px;}
	#dM3 .dropslide {top:-72px;}
	#dM4 .dropslide {top:-96px;}
	#dM5 .dropslide {top:-120px;}
	#dM6 .dropslide {top:-144px;}
	#dM7 .dropslide {top:-168px;}
	#dMA .dropslide {top:-192px;}

#display {margin:0 auto; width:960px; padding:5px 0; min-height:300px; line-height:1.3; font-size:14px; color:#4a4a4a;}

#homepage h1, #homepage h2 {border-bottom:1px solid #234456; color:#2d8986;} #home_news h2, #home_fb h2 {font-size:24px; margin:0 0 10px 0;}
	#home_copy {float:left; width:660px; margin:0 0 0 10px;}
	#home_news {float:left; width:220px; margin:0 0 0 20px;}
	#home_news ul li {margin:0 0 10px 0; border-bottom:1px solid #e5e5e5; padding:0 0 10px 0;}
	#home_news ul li a {display:block; padding:0 0 0 5px;}
	#home_fb {float:right; width:220px; margin:0 10px 0 0;}

#story {display:block; margin:20px 0; border:5px solid #ebe9e2;} .clearstory {clear:both; height:30px;}
	#story .cells {z-index:500; width:950px; height:290px;}
	#story .cellcopy {z-index:1000; width:360px; height:270px; padding:20px 0 0 40px; font-family:Calibri, Arial; font-size:34px; color:#fff; text-shadow:1px 1px 0 #000;}
	
	.s_title {font-size:32px; font-weight:600; color:#fff;}
	.s_copy {font-size:28px; font-weight:400; color:#fff;}
	.s_link {position:absolute; bottom:20px; left:280px; font-size:18px; text-align:right;} .s_link a {color:#fff;} .s_link a:hover {color:#ccc;}
	
	#cell1 {background:url(images/s1.jpg) 0 0 no-repeat;}
	#cell2 {background:url(images/s2.jpg) 0 0 no-repeat;}
	#cell3 {background:url(images/s3.jpg) 0 0 no-repeat;}
	
	@-webkit-keyframes fadeIn { from {opacity:0;} to {opacity:1;} }
	@-moz-keyframes fadeIn { from {opacity:0;} to {opacity:1;} }
	@keyframes fadeIn { from {opacity:0;} to {opacity:1;} }

#copy {float:right; margin:10px 10px 0 0; width:700px; padding:0 0 50px 0; color:#4a4a4a;}

.layout {width:700px; margin:0 0 40px 0;}
.layout tr td {width:330px; padding:20px 0 0 20px; vertical-align:top;}
.layout tr td em {font-size:10px; color:#999; font-style:normal; vertical-align:top;}
.layout blockquote {margin:15px 0 0 0; background:url(images/bg-blockquote.jpg) 0 0 no-repeat; padding:5px 0 0 0; font-size:10px;} .layout blockquote p {color:#999;}
h3 em {font-size:10px; color:#999; font-style:normal; vertical-align:top;}

.media {}
.media tr td {padding:5px 10px; width:auto; font-size:12px;}
.media tr td strong {display:block;}
.media a img {border:2px solid #2d8986;} .media a img:hover {opacity:0.7;}

.lb-details .lb-number {display:none !important;}

#sidebar {float:left; margin:10px 0 0 10px; width:220px; padding:0 0 50px 0;}

#navigation {}
#n {}
#n li {padding:10px 0 10px 0;}
#n li a {display:block;}
#n li a strong {display:block; font-weight:400;}
#n li a label:hover {cursor:pointer;}

#n li ul li {padding:0;}
#n li ul li a {font-size:12px; color:#999; display:inline;}
#n li ul li a label {float:left; width:35px; padding:2px 0 0 0;}
#n li ul li a:hover {color:#333;}

#h20 {width:100%; border-top:1px solid #d4d2cc; background:#ebe9e2;}
#h20 .alignme {background:url(images/bg-h20.jpg) 0 0 no-repeat;}
#h20 h4 {border-bottom:1px solid #cdcdcc;}
#facts {float:left; width:460px; height:220px; padding:10px 0 20px 0; position:relative;}
	#facts h4 {font-size:32px; padding:0 0 5px 0; margin:0 0 10px 0;}
    .actions {position:absolute; display:block; width:10px; height:20px; cursor:pointer; text-indent:-7777px; z-index:1000;}
    #aP {top:15px; right:30px; background:transparent url(images/aP.png) no-repeat -10px 0;} #aP:hover {background-position:0 0;}
    #aN {top:15px; right:0px;background:transparent url(images/aN.png) no-repeat 0 0;} #aN:hover {background-position:-10px 0;}
#connect {float:right; margin:0 0 0 20px; width:220px; padding:20px 0 0 0;} #connect h4 {font-size:22px; padding:0 0 5px 0;} #connect a {margin:5px 10px 0 0;}
#support {float:right; width:220px; padding:20px 0 0 0;} #support h4 {font-size:22px; padding:0 0 5px 0;} #support a {display:block; width:100px; float:left; margin:5px 10px 10px 0;}

#footer {clear:both; padding:10px 0; background:#1d3a4c; font-size:10px; color:#b9b9b9; border-top:0f1e28;} #footer p {margin:7px 0;}
#copyright {float:left; width:700px;}
	#copyright p {color:#b9b9b9;}
	#copyright a {color:#e4e3e3; margin:0 3px;} #copyright a:hover {color:#8ab4ce;}
#credit {float:right; width:220px; text-align:right;} #credit p {color:#5a88a4;} #credit a {color:#5a88a4; margin:0 3px;} #credit a:hover {color:#8ab4ce;}

h1, h2, h3, h4 {}
h1 {font-size:24px; padding:0; color:#2d8986; font-weight:600;} h1 span {float:right; font-size:12px; padding:10px 0 0 0;}
h2 {font-size:20px; padding:0; color:#4a4a4a; font-weight:400;} .entry h2 {color:#2d8986;} h2 span {font-size:10px; vertical-align:top; color:#999;} h2 span {float:right; font-size:12px; padding:10px 0 0 0;}
h3 {font-size:16px; padding:5px 0; color:#2d8986; font-weight:400;}
h4 {font-size:14px; padding:5px 0; color:#2d8986; font-weight:400;}

hr {border:none; border-top:1px solid #1d3a4c;}

p {margin:10px 0; color:#4a4a4a;}

a {color:#2d8986; text-decoration:none;}
a:hover {color:#000;} a img:hover {opacity:0.9;}

strong {color:#333; font-weight:bold;}
em {font-style:italic;}

blockquote {padding:20px 40px; font-size:26px; font-style:italic;} blockquote p {color:#8fa1ac;} blockquote em {font-size:16px; float:right; color:#afc0ca;  font-style:normal;}

.entry ul, .entry ol {margin:0 0 0 20px;}
.entry ul li {padding:0 0 10px 5px; list-style:circle;} .entry ul li ul {margin:10px 0 0 20px;}
.entry ol li {padding:0 0 10px 5px; list-style:decimal;} .entry ol li ol {margin:10px 0 0 20px;}
ol.lowerlatin li {list-style:lower-latin;}

.nudgetext {padding:10px 20px 10px 20px;}

.imageright {float:right; margin:0 0 20px 40px; border:1px solid #666; padding:4px; box-shadow:2px 1px 5px #CCC;}
.imageleft {float:left; margin:0 40px 20px 0; border:1px solid #666; padding:4px; box-shadow:2px 1px 5px #CCC;}

.alignright {float:right; margin:0 0 20px 40px; border:1px solid #666; padding:4px; box-shadow:2px 1px 5px #CCC;}
.alignleft {float:left; margin:0 40px 20px 0; border:1px solid #666; padding:4px; box-shadow:2px 1px 5px #CCC;}

a.link_pdf {background:url(images/icon_pdf.png) 0 0 no-repeat; padding:0 0 0 25px; font-size:13px;}

#newsnav {text-align:right; margin:0 0 20px 0;} 
#newsnav .pages {display:none;}

#map {margin:20px 0 0 0; width:698px; height:458px; border:1px solid #2d8986;}

#f {margin:30px 70px; padding:20px 40px 60px 40px; border:1px solid #ccc; box-shadow:3px 3px 6px #CCC;}
#f label {float:left; width:100px; padding:4px 0 0 0;} #f .hideme {color:#fff;} #f .nudgeme {padding:0 0 0 100px;}
#f input {color:#666; padding:4px 7px; width:346px;} #f textarea {width:358px;}
#fS {float:right; margin:0 15px 0 0; width:160px !important; padding:7px 25px !important; background:#2d8986; color:#fff !important; border:none; font-family: 'Source Sans Pro', sans-serif; font-size:16px; border-radius:4px;}
#fS:hover {background:#4a4a4a; cursor:pointer;}

.postmetadata hr {margin:50px 0 0 0;  border-top:1px solid #d5d0be;}

#postShare {margin:40px 0 20px 0; width:700px; border-top:1px solid #1d3a4c; border-bottom:1px solid #1d3a4c;}
#postShare tr td {height:20px; line-height:20px; padding:10px 20px;}
#pS1 {width:320px;}
#pS2 {width:140px;}
#pS3 {width:140px;}
#postShare tr td strong {font-size:18px; padding:0; color:#2d8986; font-weight:600;}

#comments {margin:40px 0 0 0;} #comments h2 {margin:0 0 10px 0;}
#commentform {margin:20px 20px; width:500px; padding:20px 40px 60px 40px; border:1px solid #ccc; box-shadow:3px 3px 6px #CCC;}
#commentform label {color:#666; font-size:14px;}
#commentform #fS {margin-top:10px;}

p label {padding:0 10px 0 0;}


#tQuiz {width:600px; margin:0 0 0 50px;}
#tQuiz tr td {padding:5px 10px;}
#tQuiz td.space {width:50px;}
#tQuiz td.answers {width:225px; text-align:center;}
#tQuiz td.results {border-bottom:1px solid #555;}
#tQuiz input {padding:5px 20px;}

#tQuiz blockquote {padding:10px 20px; font-size:14px; color:#333; font-weight:normal;}
#tQuiz blockquote p {font-size:14px; color:#333; font-weight:normal;}
#tQuiz blockquote em {float:none; font-size:14px; color:#333; font-style:italic;}
#tQuiz blockquote strong {font-weight:bold;}

.answer {display:none;}
.correct {text-align:center; font-size:18px; color:#090;}
.incorrect {text-align:center; font-size:18px; color:#900;}