@import "reset.css";

/*
Theme Name: IATI Default theme
Theme URI: http://www.aidtransparency.net
Description: The IATI default theme which has been built on top of the theme "Defusion" By webdemar - http://webdemar.com
Version: 1.0
Author: Shane Griffiths
Author URI: http://www.devinit.org
Tags: black, dark, white, two-columns, fixed-width, right-sidebar, threaded-comments, sticky-post
*/

/*
	- TOOLS
	- GENERAL
	- BASIC LAYOUT
	- HEADINGS
	- HEADER
	- CONTENT
		+ CONTENT LEFT
		+ CONTENT RIGHT
	- COMMENTS
	- SEARCHFORM
	- FOOTER
	- WORDPRESS CSS

/*	##################################
   	USEFUL
	################################## */
	
.clear 								{ clear: both;}

.clearfix:after 					{ content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
#faq #accordion div					{ clear: both;}

.clearfix 							{ display: inline-block;}

/*html[xmlns] .clearfix 				{ display: block;}*/

* html .clearfix 					{ height: 1%;}

.wrapper-end						{ margin: 0 auto; width:991px;}

/*	##################################
   	GENERAL
	################################## */
	
body 								{ margin: 0px; padding: 0px; background: #cdda90; color: #221e1f; font-family:arial, sans-serif; font-size:62.5%;}

a									{ text-decoration:none; border:none;}

p 									{ margin: 0 0 15px 0;}

ul, ol 								{ margin-bottom: 20px;}

em									{font-style:normal; font-weight:bold; color:#26237b;}

/*	##################################
   	TYPOGRAPHY, LINKS AND LISTS
	################################## */

#top-nav li a,
#footer-nav li a					{ font-size:11px; text-transform:uppercase; color:#6d6e71; text-decoration:none; border-bottom:none;}

#footer-nav li a					{ font-size:1.1em;}

#footer-meta li a					{ font-size:1em; text-transform:uppercase; color:#6D6E71; text-decoration:none; border:none;}

#menu #nav li a, 
#menu #nav li a:active,
#menu #nav li a:visited				{ font-size:1.4em; text-transform:uppercase; color:#96bc32; text-decoration:none; border:none; padding:1px; font-weight:bold;}

.sec-box h3 a, 
.sec-box h3 a:active,
.sec-box h3 a:visited 				{ font-size:1.4em; text-transform:uppercase; color:#009ADA; text-decoration:none; border:none; padding:1px; font-weight:normal;}

#menu #nav li a:hover				{ color:#009ada; font-weight:bold;}

#top-nav li a:hover,
#footer-nav li a:hover,
#footer-meta li a:hover				{ color:#96bc32;}

.sec-box-text-wrapper h3 a			{ color:#009ADA; font-weight:normal;}

.sec-box-text-wrapper h3 a:hover	{ color:#26237b; font-weight:normal;}

#content p,
.why-page-ordered-list li div		{ font-size: 13px; line-height:22px; text-align:justify; padding:0 15px 0 0;}

#content a:link,
#content a:active,
#content a:visited					{ color:#009ada; font-weight:normal;}

#content a:hover					{ border-bottom:2px solid #009ada; font-weight:normal;}

#faq #content a:link,
#faq #content a:active,
#faq #content a:visited					{ font-weight:normal;}

#faq #content a:hover					{ border-bottom:none; font-weight:normal;}

.sec-box p							{ margin-top:10px; font-size:1.3em; line-height:20px;}
#faq p								{font-size:11px; line-height:19px; margin:0 0 10px; padding:0; text-align:left;}

/* LISTS */

#content ul,
#content ol							{ font-size:13px; color:#009ada; padding-left:10px;}

#content #post-172 ul,
#content #post-172 ol				{ font-size:13px; color:#009ada; padding-left:0px;}

#content #post-121 ol,
#content #post-121 ul				{ padding-left:0px; margin-left:0px;}

#content ol li						{ list-style-type:decimal; margin:5px; padding-left:5px;}
#content ul li						{ list-style-type:disc; margin:5px; padding-left:5px;}

#content .about-page-ordered-list	{ font-size:13px; padding-left: 10px; color:#221E1F;  }

#content .why-page-ordered-list		{ color:#96bc32; font-size:13px; padding-left: 10px;  }

.about-page-ordered-list li,
.why-page-ordered-list li			{ list-style-type:decimal;}

.why-page-ordered-list li div		{color:#221E1F;}

#content .why-black-list			{ color:#96bc32; margin-left:5px;} /* with green bullets */

#content .why-black-list li			{ list-style-type:disc;}

#content .why-black-list li div		{ color:#221E1F;}

#content .page-icon					{color:#221E1F; list-style-type:none;}

#content .page-icon li				{ list-style-type:none; background-image:url(img/page-icon.png); background-position:0 5px; background-repeat:no-repeat; margin:0; padding:12px 0 0 25px;}

#content .contact-list				{color:#221E1F; list-style-type:none;}

#content .contact-list li			{list-style-type:none;}

/*	##################################
   	BASIC LAYOUT
	################################## */
	
#page 								{ width: 990px; background-image:url(img/bg-page-wrapper.png); background-repeat:repeat-y; margin: 0 auto; position:relative;}

#inner-page							{ margin:0px 14px 0px 14px;}

#header 							{ position: relative; height: 135px; width:100%;}

#top-image-wrapper					{ overflow:hidden; height:209px; background-image:url(img/top-image-wrapper..png); background-repeat:no-repeat; width:962px; z-index:7; position:absolute; margin-top:-15px;}

#top-image-area						{ margin-top:8px;}

#wrapper							{ margin-top:172px; height:100%;}

#sidebar							{ float:left; width:220px;}

#front-page-content-wrapper			{ background-color:#a9c02a; width:742px; float:right; min-height:850px;}

#content-wrapper					{ width:742px; float:right; margin-bottom:60px;}

#content							{ padding: 20px 0 0 0; background-color:#FFF; margin:0px 15px 0px 10px;}

#content-search-results				{ padding: 20px 0 0 0; background-color:#FFF; margin:0px 15px 0px 10px;}

#content-left 						{ float: left; width: 600px;}

#content-right 						{ float: right; width: 320px;}

#sec-content-box					{ background-image:url(img/sec-content-box.png); background-repeat:no-repeat; height: 290px; width:729px; margin:10px 0 0 0;}


/*	##################################
   	HEADINGS
	################################## */
	
h1, h1 								{ margin: 0 0 20px 0;}

h3, h4, h5, h6 						{ margin: 0 0 10px 0;}
	
#header #left-header h1 a	 		{ background:url(img/iati-logo.png) no-repeat scroll left top; text-indent:-9999px; float:left; height:122px; margin:0px 0 0 10px; width:462px;}

h2#blog-description 				{ position: absolute; bottom: 60px; left: 0px; margin: 0px; padding: 0px; font-size: 11px; font-weight: normal;}

h2.category-title 					{ margin: 0 20px 20px 20px;	padding: 0 0 10px 0; border-bottom: 1px solid #dedede; font-size: 14px;}

#content h1 						{ color:#26237B; font-family:Georgia,"Times New Roman",Times,serif; font-size:2.1em; letter-spacing:-1px; line-height:25px; font-weight:bold; margin:0 0 20px; text-transform:uppercase;}

/*#content h1.post-title			{  background-repeat:no-repeat; padding-left:0px; height:48px;}*/

#content h1.post-title a			{ font-weight:normal; color:#a7be38; font-family:Arial, Helvetica, sans-serif; font-size:19px; letter-spacing:0; line-height:30px; margin:0 0 20px; text-transform:uppercase;}

#content h1.post-title a			{ text-decoration: none; padding:1px;}

#content h1.post-title a:hover		{ color:#009ADA; font-weight:normal; text-decoration:none; border-bottom:none;}


#content h3							{ color:#a7be38; font-family:Arial, Helvetica, sans-serif; font-size:1.3em; letter-spacing:0; line-height:30px; margin:0 0 20px; text-transform:uppercase;}

#content h2 						{ color:#a7be38; font-family:Arial, Helvetica, sans-serif; font-size:1.9em; letter-spacing:0; line-height:30px; margin:0 0 20px; text-transform:uppercase;}

#faq #content h3					{ color:#a7be38; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; letter-spacing:0; line-height:15px; margin:0 0 5px; text-transform: none;}


h4.sidebar-title 					{ font-size: 12px;}

/* FRONT PAGE EDITS */

#front-page-content-wrapper #content .post-10	{ margin:5px 0 0px 20px;}

#front-page-content-wrapper .alignleft			{ margin:0 20px 0 0;}

/* SITEMAP EDITS */

#cotnent .sitemap-list				{ font-size:1.3em; margin:10px; font-weight:normal;}

#content .sitemap-list li			{ list-style-type:none;}

#content .sitemap-heading			{ margin:10px;}

/*	##################################
   	HEADER
	################################## */

#left-header						{ float:left; height:122px; margin:1px 0 0 10px; width:462px;}

#middle-header						{ position:absolute; right:308px; top:103px; width:216px;}

#right-header						{ width:300px; float:right; width:400px;}

#top-nav 							{ margin: 0px; padding: 0px; list-style: none;}

#top-nav li 						{ float: left; margin: 0px;}

#top-nav li#rss 					{ padding: 0 0 0 15px; background: url(img/rss-icon.gif) no-repeat left center;}

/*	##################################
   	SIDEBAR
	################################## */

#menu								{ margin:0px 5px 10px 15px;}

#menu li							{ margin:10px 0px 0px 0px;}

.nav-label							{ display:block; margin:10px 10px 15px 25px; color:#26237b; font-size:1.3em; }


/*	##################################
   	CONTENT
	################################## */
	
/** CONTENTN LEFT */

.box-left, .post, .page 			{ margin: 10px 0 40px 20px;}

.sticky 							{ padding: 20px; border: 1px dotted #ccc;}

.meta 								{ clear: both; padding: 10px;	background: #fff url(img/bg-meta.gif) repeat-x left top; color: #5e5e5e;}

.meta-date 							{ padding: 0 10px 0 15px; background: url(img/bg-meta-date.gif) no-repeat 0px 2px;}

.meta-categories 					{ padding: 0 10px 0 15px; background: url(img/bg-meta-categories.gif) no-repeat 0px 2px;}

.meta-comments 						{ padding: 0 10px 0 15px; background: url(img/bg-meta-comments.gif) no-repeat 0px 2px;}

p.tags 								{clear: both;}

/** CONTENT RIGHT */

.box-right 							{ margin: 0 20px 20px 0; padding: 20px;	background: #f7f7f7 url(img/bg-box-right.gif) no-repeat left top;}

.box-right ul 						{ margin: 0 0 5px 0; padding: 0px; list-style: none;}

.box-right li 						{ margin: 0px; padding: 5px; border-bottom: 1px solid #dedede;}

.box-right li a 					{ text-decoration: none;}

.box-right li ul 					{ margin: 0 0 0 20px;	list-style: square;}

.box-right li li 					{ border: none;}

/*	##################################
   	SECONDARY CONTENT
	################################## */
	
.sec-box							{height:114px; margin:15px 14px 5px 60px; width:290px;}

#box-tl								{float:left;}

#box-tr								{float:right;}

#box-bl								{float:left;}

#box-br								{float:right;}

.sec-box-image						{float:left;}

.sec-box h3							{}

.sec-box-text-wrapper				{float:right; width:160px;}

/*	##################################
   	COMMENTS
	################################## */
	
#commentform label 					{ display: block; margin: 0 0 5px 0;}

#commentform input.text, #commentform textarea {width: 90%;	margin: 0 0 10px 0;}

#commentform .text 					{ height: 22px; padding: 6px 6px 0 6px; background: #fff url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #dadada; color: #5e5e5e;}

#commentform textarea 				{ height: 150px; padding: 6px 6px 0 6px; background: #fff url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #dadada; color: #5e5e5e;}

#commentform .button 				{ width: auto; height: 30px; margin: 0px; padding: 0 20px; background: #6e7073;	border: none; color: #fff;}

.commentlist .comment 				{ height: auto; margin: 20px 0 0 0; color: #fff; width:450px;}

.commentlist .quote 				{ padding: 20px 20px 0 20px; background: #4a4f54 url(img/bg-comment-quote.gif) no-repeat right top;}

.avatar 							{ float: right;	margin: 0 0 10px 20px;}

.commentlist .cite 					{ display: block; padding: 20px 0 0 0; color: #6e7073;	background: #fff url(img/bg-comment-bubble.gif) no-repeat left top;	font-style: normal;}

/** COMMENTS IN WP 2.7 */

.commentlist li 					{ margin: 0px; padding: 20px 0 20px 20px; list-style: none;	background: #4a4f54;}

.commentlist li a   				{ color: #999;}

.commentlist li .avatar 			{ margin: 0 20px 10px 20px;}

.commentlist li p 					{ margin: 0 20px 20px 0;}

.commentlist .comment-meta 			{ margin: 0 0 20px 0;}

.commentlist .comment-author a 		{ font-weight: bold;}

.commentlist ul.children 			{ margin: 0px; padding: 0px;}

.commentlist .children li 			{ border: 1px solid #6e7073; border-right: none;}

#cancel-comment-reply 				{ margin: 10px 0;}

.commentlist li.depth-2, .commentlist li.depth-4 { background: #5a5a60;}

/*	##################################
   	SEARCHFORM
	################################## */

#searchform							{background:#DCDBDB url(img/bg-box-right.gif) no-repeat scroll left top; float:right; margin-right:0; margin-top:91px; padding:9px 8px 0; width:263px;}

#searchform #search 				{ background:#FFFFFF url(img/bg-form-text.gif) repeat-x scroll left top; border:1px solid #DADADA; color:#5E5E5E; float:left; height:15px; padding:6px 6px 0; width:192px;}

#searchform .button, 
#commentform .button				{ background:#009ADA none repeat scroll 0 0;border:medium none; color:#FFFFFF; height:23px; margin:0 0 0 5px; padding:0 5px; width:auto;}

#cse-search-results					{ width:700px; height:auto;}

iframe								{ width:700px; height:830px;}

#res table img						{display:none;}

#content .r							{font-weight:bold;}

/*	##################################
   	FOOTER
	################################## */

#footer-wrapper						{ background-image:url(img/footer-wrapper..png); background-repeat:no-repeat; height:95px; margin: 0 auto; top:0px; position:relative; width:990px; margin-bottom:20px;}

#footer 							{ }

#footer-nav							{ padding:20px 0px 0px 95px;}

#footer-meta						{ padding:0px 0px 0px 90px;}

#footer-nav	li						{ display:inline; list-style:none;}

#footer-meta li						{ display:inline; list-style:none; padding-left:5px;}

#footer p 							{ margin: 0 0 10px 0;}

#legal 								{ float: left; width: 400px;}

#webdemar 							{ float: right; width: 400px; text-align: right;}

.copyright							{font-size:1em; text-transform:uppercase; color:#6D6E71; text-decoration:none; border:none;}

.footer-misc-text, .header-misc		{font-size:1.3em; text-transform:uppercase; color:#CCC; text-decoration:none; border:none; padding:0px 10px 0px 10px;}

/*	##################################
   	WORDPRESS CSS
	################################## */

.aligncenter,div.aligncenter 		{ display: block; margin: 0 auto;}

.aligncenter 						{ margin-bottom: 20px!important;}

.alignleft 							{ float: left; margin: 0 20px 20px 0;}

.alignright 						{ float: right;	margin: 0 0 20px 20px;}

.wp-caption 						{ margin-bottom: 20px; padding-top: 4px; border: 1px solid #ccc; text-align: center; background-color: #f7f7f7;}

.wp-caption img 					{ float: none; 	margin: 0px; padding: 0px; border: none;}

.wp-caption p.wp-caption-text 		{ padding: 0px; margin: 0px;}

/** WIDGETS CSS */

#calendar_wrap table 				{ width: 100%;}

#calendar_wrap td 					{ text-align: center;}

#wp-calendar caption 				{ margin: 0 0 10px 0; background: #dedede;}

/** CSS BASIC ELEMENTS */

hr 									{clear: both; height: 1px; margin: 20px 0; background: #dedede; border: none;}

blockquote 							{ margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 5px solid #666666; font-style:italic;}

fieldset 							{ margin: 0 0 20px 0; padding: 0 20px 20px 20px; background: #f7f7f7; border: none;}

legend 								{ font-size: 14px; font-weight: bold;}

input, textarea 					{ width: 90%; height: 22px;	margin: 0 0 20px 0;	padding: 6px 6px 0 6px;	background: #fff url(img/bg-form-text.gif) repeat-x left top; border: 1px solid #dadada; color: #5e5e5e; font-size: 11px;}

textarea 							{ width: 90%; height: 100px;}

select 								{ width: auto; margin: 0 0 20px 0; padding: 6px;	background: #fff; border: 1px solid #dadada; color: #5e5e5e; font-size: 11px;}

input.radio, input.checkbox 		{ width: auto; height: auto;	margin: 0px; background: #fff;}

input.password 						{ width: auto;}

input.button 						{ width: auto; height: 30px; margin: 0px; padding: 0 20px; background: #6e7073;	border: none; color: #fff;}

table 								{ width: 100%; margin: 0 0 20px 0; border: 1px solid #dadada; border-bottom: none; border-right: none;}

th, td 								{ padding: 2px 5px;	border-bottom: 1px solid #dadada; border-right: 1px solid #dadada;}

th 									{ background: #6e7073; color: #fff;	border: none;}

pre 								{ font-family: Courier, serif;}

/** MISC **/

.globe-image						{ margin-top:4px;}

.wrapper-end						{background-image: url(img/bg-page-wrapper-bottom.png); background-repeat:no-repeat; width:991px; height:17px;}

.sub								{ font-size:xx-small; vertical-align:top; color:#009ada;}

.news-header						{margin:10px 15px;}