/* 	
	CSS document for Plan International: Universal Birth Registration campaign homepage 
 	Author: 9web.co.uk / fry-it.com
*/

/*  (do not remove this :) */
/*  (not this either :) */

div#portal-column-content{width:976px; margin-top:10px;}
div#portal-breadcrumbs, div#socialbookmarks {display:none;}

#homepage {float:left;}
#homepage h2 {margin:10px 0; line-height:1.2; font-weight:bold;}
#homepage h2 a:hover {text-decoration:none;}
.hasjs div#homepage h2 {font-size:1.67em;} /* for cufon */
#homepage h5.morelink {font-size:1em; font-weight:normal;}
#homepage h5.morelink a, #home-page h5.morelink a:visited {}

/* left */
div#homeleft {float:left; display:inline; font-size:1.1em; width:636px; margin:0 18px 0 0;}
/* top left */
div#introblock {display:inline; float:left; background:#DAE1BC; height:auto; margin:0; min-height:224px; padding:0 16px 0 0; width:620px;}
div#introblock #introimages {float:left; margin:0 20px 0 0; height:285px;}
div#introblock #introtext {float:right; width:282px;}
div#introblock h2 {font-size:1.42em; line-height:1.2; margin:10px 0 2px 0; font-weight:bold;}
.hasjs div#introblock h2 {font-size:1.67em; margin-top:6px; line-height:1.1;}
div#introblock p {margin:10px 0 6px 0; line-height:1.2;}
div#introblock ul {margin:0 0 4px 1.1em; list-style:square;}
div#introblock ul li {line-height:1.2; padding:1px 0;}
/* bottom left */
div#lowerblock {float:left; background:#F7EFDA; margin:18px 0 0 0; width:636px; min-height:110px;}
/* latest resources block */
div#resources {float:left; margin:16px 0 0; padding:0 18px; width:317px; w\idth:281px; border-right:1px solid #E0D7BD;}
div#resources h2 {margin:-2px 0 6px 0; line-height:1; font-weight:bold; font-size:1.33em;}
.hasjs div#resources h2 {font-size:1.58em; margin-top:-6px; line-height:1.1;}
div#resources ul {float:left; list-style-type:none; margin:0 0 10px;}
div#resources li {line-height:1.2; border-bottom:1px solid #E0D7BD;}
div#resources li.last, div#resources li:last-child {border-bottom:none;}
div#lowerblock  div#resources li a {display:block; padding:6px 0 6px 18px;}
div#resources li.Story a {background-image:url(http://plan-international.org/birthregistration/bullets/story.png); background-repeat:no-repeat; background-position:0 7px;}
div#resources li.Video a {background-image:url(http://plan-international.org/birthregistration/bullets/video.png); background-repeat:no-repeat; background-position:0 7px;}
div#resources li.Publication a {background-image:url(http://plan-international.org/birthregistration/bullets/publication.png); background-repeat:no-repeat; background-position:0 7px;}
/* quote block */
div#quote {float:left; display:inline; padding:0 18px 10px 18px; width:318px; w\idth:282px; min-height:100px;}
div#quote blockquote {float:left; margin:5px 0 0 0; background:url(http://plan-international.org/birthregistration/assets/quote-right.png) no-repeat bottom right; line-height:1.4; width:282px;}
div#quote blockquote p {background:url(http://plan-international.org/birthregistration/assets/quote-left.png) no-repeat top left; padding:10px 24px 0 36px;}
div#quote cite {float:left; font-weight:600; font-style:normal; line-height:1.3; margin:0 0 0 36px;}
div#quote h2 {padding:6px 0 4px 36px; background:url(http://plan-international.org/birthregistration/assets/fact.png) no-repeat 0 4px; margin:8px 0 6px 0; line-height:1; font-weight:bold; font-size:1.33em;}
.hasjs div#quote h2 {font-size:1.58em; margin-top:4px; line-height:1.1;}
div#quote p.fact {padding:0 0 0 38px; margin:-4px 0 0 0;}

/* right */
div#homeright{font-size:1.1em; float:left; margin:0; padding:0; width:300px;}
.hasjs div#homeright h2 {font-size:1.58em; margin-top:6px; line-height:1.1;}
/* latest story block */
div#latest {float:left; background:#E5EAD0; margin:0 0 18px 0; padding:0 16px; width:302px; w\idth:270px; min-height:202px;}
div#latest h2 {margin:10px 0 10px 0; font-weight:bold; line-height:1.2; font-size:1.33em;}
/* birthday action block */
div#action {float:left; background:url(http://plan-international.org/birthregistration/home/birthday-action-child.jpg) bottom right no-repeat #F7EFDA; margin:0; padding:0 16px; width:302px; w\idth:270px; min-height:194px;}
div#action h2 {margin:10px 0 10px 0; font-weight:bold; line-height:1.2; font-size:1.33em;}
div#action h3 {margin:10px 0 4px 0; font-weight:bold; line-height:1.2; font-size:1.08em; color:#484848;}
div#action h3, div#action p {padding:0 120px 0 0;}

/*  */
