/*

Theme Name: Reskin 200812

Theme URI: http://blogs.dfid.gov.uk/

Description: A custom WordPress theme commissioned by the <a href="http://www.dfid.gov.uk">Department for International Development</a>.

Version: 2.0

Author: Simon Dickson

Author URI: http://puffbox.com/



Bloggers site initially designed by Tony Parsons (http://www.tonyparsons.com), a variation on the main DFID site by cogdesign.com

Produced and coded by Simon Dickson (http://puffbox.com)

Bespoke WordPress plugins by Simon Wheatley (http://www.simonwheatley.co.uk/);

	see http://wordpress.org/extend/plugins/profile/simonwheatley

*/



/* over-riding sitewide settings */

html, body {  }

div#header { margin:0 0 0 0; } /* lose margin-bottom to allow for our tab bar */

hr { display:none; }

a.more-link { text-decoration:none; }

#footer {  }



.b-body, .b-sidebar { padding-bottom:12em; }



/* login strip */

#loginstrip { position:fixed; width:100%; z-index:999999; top:0; left:0; background:#06c; border-bottom:1px solid #cadb2a; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; padding:5px; color:#fff; font-weight:bold; }

#loginstrip a { color:#ff0; }



.nowrap { white-space:nowrap; }

.smallprint { font-size:0.9em; }

.wp-caption-text { text-align:center; font-size:0.9em; }

.wp-smiley { display:inline; }



.navigation { font-size:1.1em; font-weight:bold; margin:1em 0 2em 0; }

.navigation a { text-decoration:none; }

.alignleft { float:left; margin-right:2em; }

.alignright { float:right; margin-left:2em; }







h2#bloggerslogo { position:absolute; display:block; /* top:2.5em; */ top:27px; left:235px; width:236px; height:63px; background-image:url(images/bloggers/dfidbloggerstext.png); background-repeat: no-repeat; background-position: left center; z-index:3000; text-indent: -90000px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bloggers/dfidbloggerstext.png', sizingMethod='crop'); }

#polaroids { position:absolute; display:block; /* top:7.6em; */ top:73px; left:650px; width:260px; height:200px; background-image:url(images/bloggers/polaroids.png); background-repeat: no-repeat; background-position: left top; z-index:2999; }

#polatext { margin:147px 32px 0 18px; font-weight:bold; }



#logo_secondary { position:absolute; top:24px; left:816px; }



.b-tabs { margin:0; padding:0; border:0; height:41px; background:#8ABA40 url(images/bloggers/pattern.gif); overflow:hidden; }

.b-tabs ul { margin:0; padding:0 0 5px 20px; width:645px; height:36px; background:url(images/bloggers/tabcorner.gif) bottom left no-repeat; }

.b-tabs li { float:left; width:110px; text-align:center; background:url(images/bloggers/coldtab.gif) top center no-repeat; padding:6px 0 10px 0; margin:6px 0 0 0; text-transform: uppercase; font-size: 0.85em; font-weight:bold; }

	.b-tabs li.active, .b-tabs li:hover, .b-tabs .current_page_item { background:url(images/bloggers/hottab.gif) top center no-repeat; }

.b-tabs a { text-decoration:none; padding:0; color:#fff; display:block; height:36px; }

	.b-tabs li.current_page_item a { color:#07b; }



#navigation_utilities_gap { display:block; height:43px; }



.b-roughbottom { background:url(images/bloggers/roughbottom.gif) top left no-repeat; padding-top:40px; border-bottom:1px solid #fff; /*IE again?! */ }



.b-body { float:left; }

	.b-body h3 { margin:0; font-family:Georgia,Times New Roman,serif; font-size:2em; font-weight:normal; color:#999; }

.b-bodyedge { background:url(images/bloggers/bodyback.gif) top left repeat-y; width:600px; padding:5px 15px 10px 30px; }



.b-sidebar { float:left; margin-left:29px; width:310px; padding-top:125px; overflow:visible; }

.b-sidebar p {font-size:0.85em; margin:0; padding:0; }

	.b-sidebar #feeds ul { margin-top:0.3em; }

.b-sidebar a { font-weight:bold; text-decoration:none; }

	.b-sidebar h3, .b-sidebar .widget h2 { font-weight:bold; text-transform:uppercase; color:#07b; }

		.b-sidebar h3 { font-size:1.1em; }

		.b-sidebar .widget h2 { font-size:0.85em; }

	.b-sidebar .widget { padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #bcb; }

	.b-sidebar ul { margin:0; padding:0; }

	.b-sidebar li { padding:0; background:none; margin:0; border-bottom:1px solid #fff; }

		.b-sidebar li li { font-size:0.85em; line-height:1.3em; margin-bottom:0.5em; }

	.b-sidebar .ma-credit { display:block; clear:left; }

.b-sidebar #archives ul { height:90px; overflow:auto; }

	.b-sidebar #archives li { margin:0; padding:3px 0; }

	.b-sidebar #archives li.alt { background:#f4f4f4; }

.b-sidebar #feeds li { background: url(images/bloggers/rss.gif) center left no-repeat; min-height:12px; padding:0 0 0 20px; }

 P.copyright {
	PADDING-LEFT: 21px; FONT-SIZE: 0.8em; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 

15px 0px 0px; TEXT-TRANSFORM: uppercase; COLOR: #999999; PADDING-TOP: 10px
}
 P.copyright A {
	COLOR: #999999
}

div#search_box { width:31em; margin-bottom:21px; }

div#search_box fieldset input { !padding:0 0.2em 0em 0.2em; }

.b-search form { padding:0 0 0.5em 0; }

.b-search h3 { padding:0 0 0 0.5em; margin:0; }



.b-sidebar ul#wpsidebar { !margin-top:-115px; } /* unforeseen IE issue when we activated, probably a margin/padding clash */



.index .item { background:url(images/bloggers/picframe.40.gif) top left no-repeat; margin:1em 0; padding:0 0 1em 0; border-top:1px solid #fff; /* IE needs this?! */ border-bottom:4px dotted #ccc; }

.index .item .thepic { float:left; width:60px; height:60px; margin:0; padding:7px 0 0 8px; }

.index .item img {  }

.index .item .theheading { float:left; margin-left:0px; min-height:60px; width:525px; }

.index .item .meta { padding:0; font-size:1.1em; }

	.index .item .date { margin-bottom:4px; }

.index .item h4 { font-family:Georgia,Times New Roman,serif; font-size:1.8em; font-weight:normal; margin:3px 0; padding:0; line-height:1.2em; }

.index .item h4 a { text-decoration:none; color:#f60; }

.index .item h4 a:hover { text-decoration:underline; }

.index .item .byline .name { font-weight:bold; }

.index .item .theexcerpt, .item .readon { clear:left; font-size:1.1em; }

.index .item .theexcerpt { margin:0.6em 0; !margin:0 0 0.6em 0; }

.readon a, .readon a:visited { font-weight:bold; color:#004E61; text-decoration:none; }

.readon a:hover { text-decoration:underline; }



.author .b-body .vcard, .category .b-body .vcard { background:url(images/bloggers/shadowedge.gif) bottom left repeat-x; margin:0 -10px 0 -10px; padding:0 0 0 10px; overflow:auto; }

	.author .b-body .vcard { padding:0 0 10px 10px; }

.author .b-body .vcard h3, .category .b-body .vcard h3 { font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; color:#454545; margin:0; }

.author .b-body .vcard .thepic, .category .b-body .vcard .thepic { float:left; margin:0; padding:10px 0 0 10px; background:url(images/bloggers/picframe.80.gif) top left no-repeat; width:105px; height:105px; }

.author .b-body .vcard .thetext, .category .b-body .vcard .thetext { margin:0; padding:0 10px 10px 0px; height:100px; min-height:100px; }

.author .b-body .vcard .note, .category .b-body .vcard .note { font-size:1.1em; }



.category .facelist { margin-left:115px; padding:0 0 20px 0; overflow:auto; }

.category .facelist .face { float:left; margin:0 5px 0 0; text-align:center; }

.category .facelist .face img { border:1px solid #ddd; padding:2px; }

	.category .facelist .face img:hover { border:1px solid #BAD762; }

.category .facelist .face .name { font-weight:bold; }



.category .latest .meta { overflow:auto; background:url(images/bloggers/picframe.40.gif) top left no-repeat; padding:0; border-top:1px solid #fff; /* IE needs this?! */ font-size:1.1em; }

.category .latest .meta .thepic { float:left; width:60px; height:50px; margin:0; padding:7px 0 0 8px; overflow:auto; }

.category .latest .meta .name { font-weight:bold; }

	.category .latest .meta a { text-decoration:none; }

.category .latest .meta .data { float:left; margin-left:0px; min-height:50px; padding:5px 0 0 0; }



.author .latest, .category .latest { margin:1em 10px 0 10px; padding:0 0 1em 0; border-bottom:1px dashed #ccc; }

.author .latest .date { text-transform:uppercase; }

.author .latest .theexcerpt, .category .latest .theexcerpt { margin:10px 0 5px 0; clear:left; }

.author .latest .readon, .category .latest .readon { clear:left; font-size:1.1em; }



.author ul.recent, .category ul.recent { margin:0; padding:0; clear:left; }

.author ul.recent li, .category ul.recent li { padding:0.4em 0; background:none; margin:0 10px; border-bottom:1px dashed #ccc; }

.author .recent a, .category .recent a { font-weight:bold; text-decoration:none; }

	.author .recent a:hover, .category .recent a:hover { text-decoration:underline; }

.author .recent .meta, .category .recent .meta { font-size:0.85em; }



.author h4, .category h4 { font-family:Georgia,Times New Roman,serif; font-size:2em; font-weight:normal; margin:0; padding:0; }

.author h4 a, .category h4 a { text-decoration:none; color:#f60; }



.single .b-body .vcard {  }

.single .b-body .vcard h4 { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:2em; font-weight:bold; color:#454545; margin:0; }

.single .b-body .vcard .thepic { float:left; margin:0; padding:7px 0 0 8px; background:url(images/bloggers/picframe.40.gif) top left no-repeat; width:60px; height:60px; }

.single .b-body .vcard .thetext { padding:5px 10px 0 0; }

.single .b-body h3, .page .b-body h3 { font-size:2.5em; color:#f60; }

	.page .b-body h3 { margin-bottom:10px; }

.single .b-body li { list-style-type:square; }



.single .thearticle { clear:left; }

.single .thearticle .meta { font-weight:bold; margin:0 0 1em 0; }

	.single .thearticle .meta .date { font-weight:normal; text-transform:uppercase; }

.single .thearticle .thetags { clear:both; font-size:1.1em; border-top:1px dashed #ccc; margin:0; padding:1em 0; }

.single .thearticle .thetags a { text-decoration:none; font-weight:bold; }

	.single .thearticle .thetags a:hover { text-decoration:underline; }

.moreposts { clear:both; display:block; font-size:1.1em; margin:0 0 1em 0; padding:0 0 1em 0; border-bottom:1px dashed #ccc; }

.moreposts a {  text-decoration:none; font-weight:bold; }



.commentslist { margin:0 0 1em 0; }

.eachcomment { margin:0; padding:1em 0 0 0; border-bottom: 1px dotted #ccc; clear:both; overflow:auto; }

.eachcomment .meta { font-size:1em; }

.who { float:left; font-weight:bold; margin-right:1em; }

.when { float:left; color:#7c7c7c; white-space:nowrap; }

.thecomment { clear:left; }

.thecomment p { margin:0 0 1em 0; padding:0 1em 0 0; font-size:1em; }



.comments h4.h4comments { padding:0; }

.comments .eachcomment { background-color:#f4f4f4; }

.comments .alt { background-color:#fff; }

.comments .official { background-color:#eeb; }



.comments form { float:none; }

.comments label, .comments input { clear:left; }

.comments label { font-weight:bold; }

.comments form .meta, .comments form input#submit { margin:0.5em 0; }

.comments form input#submit { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1.1em; display:block; }

.comments textarea { width:450px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1em; }

.subscribe-to-comments, .solo-subscribe-to-comments { font-size:1em; }

	.subscribe-to-comments { margin-top:0.5em; }

	.solo-subscribe-to-comments { border-top:1px dashed #ccc; margin-top:1em; padding-top:1em; }

	.solo-subscribe-to-comments input { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.93em; }



.home .message { border:1px solid #ccc; background:#eeb; padding:10px 10px 0 10px; margin-bottom:1em; font-size:0.85em; }



.home .item { clear:left; _height:150px; min-height:150px; margin:1em 0 0 0; padding:10px 0 0 10px; background:url(images/bloggers/picframe.80.gif) top left no-repeat; border-bottom:4px dotted #ccc; }

.home .item a { text-decoration:none; }

	.home .item a:hover { text-decoration:underline; }

.home .item .thepic { float:left; height:90px; }

.home .item .thebyline { clear:left; float:left; width:120px; margin-top:10px; }

	.home .item .thebyline .name { font-weight:bold; }

.home .item .thetext { margin-left:130px; }

	.home .item .date { text-transform:uppercase; }

.home .item h4 { margin:-5px 0 0 0; font-family:Georgia,Times New Roman,serif; font-size:1.8em; font-weight:normal; line-height:1.2em; }

	.home .item h4 a { color:#f60; }

.home .item .theexcerpt { margin:3px 0 1.5em 0; font-size:1.1em; text-align:justify; }

.home .item .grouplink { margin:-0.5em 0 1.5em 0; text-transform:uppercase; }



/* are we using these post-launch? */

.home .archived { margin:1em 0 0 0; background:#f4f4f4; !height:1%; overflow:auto; padding:5px; } /* sorry for the IE thing */

.home .archived h5 { height:100%; }

.home .archived ul { margin:0; padding:0; }

.home .archived li { margin:0 0 1em 0; padding:0; background:none; font-size:0.8em; line-height:1.2em; width:185px; float:left; }

.home .archived a { text-decoration:none; font-weight:bold; }

	.home .archived a:hover { text-decoration:underline; }

.home .archived div.list { height:100px; overflow:auto; }



.home .inactive h3 { margin:1em 0 0.4em 0; }

.home .inactive div.list { padding:10px; background:#f4f4f4; max-height:100px; overflow:auto; }

.home .inactive a { text-decoration:none; font-weight:bold; }

	.home .inactive a:hover { text-decoration:underline; }

.home .inactive table td {  }





.vcard a, .byline a, .widget a { text-decoration:none; }



/* direct filetype links - classes added by JQuery */

.thearticle a.pdf { padding-right:17px; background:url(images/filetypes/pdf.png) right center no-repeat; }

.thearticle a.doc { padding-right:17px; background:url(images/filetypes/doc.png) right center no-repeat; }

.thearticle a.xls { padding-right:17px; background:url(images/filetypes/xls.png) right center no-repeat; }

.thearticle a.ppt { padding-right:17px; background:url(images/filetypes/ppt.png) right center no-repeat; }



/* Handling the formatting of the Google Map and associated data via Simon Wheatley's plugin */

.authorInfoHtml { width:320px; }

.authorInfoHtml .photo { float:left; margin:0 10px 10px 0; }

.authorInfoHtml .fn { font-size:1.2em; font-weight:bold; }

.authorInfoHtml .latest { clear:left; }

.authorInfoHtml .date { font-size:0.8em; color:#999; }

.mapdata .fn { font-weight:bold; }



/* image galleries: need to override the overrides! */

.gallery dl { clear:none; }

.gallery-item { width:120px; height:100px; }

.gallery-icon a { display:block; height:66px; }

.gallery-icon img { width:80px; margin:0 auto; }

.gallery-caption { font-size:85%; }



/* Trying to fit the May09 design tweak */

ul#footerlinks li a { font-size:1.1em; }

div#footer p { margin:0; padding-bottom:5px; line-height:1.4em; }

div#footer div.relatedsites { width: 686px; float: right; border-top-width: 1px; border-top-style: solid; border-top-color: #d2d5d7; }

div#footer div.onweb { float: left; width: 236px; border-top-width: 1px; border-top-style: solid; border-top-color: #d2d5d7; }

div#footer ul li { padding:0 0 0 0; }

div#footer .relatedsites li { padding:0 0 0 21px; }

div#footer .relatedsites li.first { padding:0 0 0 0; }

div#footer .onweb ul li { padding:0 0 0 15px !important; }

div#footer .onweb ul li.first { padding:0 0 0 0 !important; }

div#footer div.relatedsites p, div#footer div.onweb p { padding-left: 18px; color: #6a737b; padding-top: 12px; }

div#footer div.relatedsites p { padding-left: 21px; }

div#footer div.flinks { padding-top: 15px; padding-right: 0pt; padding-bottom: 10px; padding-left: 21px; }

div#footer p.copyright { margin-top:7px; }
div#footer p.copyright a {color: #666666; text-decoration:none;}