/* 	
	CSS document for Plan International - frontpage
 	Author: 9web.co.uk / fry-it.com
*/

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

/* layout */
#portal-column-content {width:auto;}
#frontpage {width:956px; float:left; clear:left; margin-top:10px}
#frontpage ul{padding-left:0;}

div#homeleft {float:left; margin:0 18px 0 0; width:476px;}
div#homeright {float:left; margin:0; width:460px;}

/* news index */
div#news {float:left; width:248px; margin:6px 0 0 0; padding:10px 20px 0 0; border-top:1px solid #DEDEDE;}
div#news h3 {font-size:1.5em; margin:0 0 6px 0;}
div#news h3 a, div#news h3 a:visited {color:#F4911E;}
div#news ul {list-style-type:none; list-style-image:none; margin:-2px 0 0 0; min-height:164px; height:auto !important; height:164px;}
div#news li {line-height:1.2; border-bottom:1px solid #ECECEC; margin:0; padding:0; background-image:none;}
div#news li a {display:block; padding:6px 0 6px 18px; background-position:0 7px; background-repeat:no-repeat;}
div#news li.blog a {background-image:url(http://plan-international.org/++resource++plan.plonetheme.images/bullets-blog.png); }
div#news li.planNews a {background-image:url(http://plan-international.org/++resource++plan.plonetheme.images/bullets-chevron.png); }
div#news li.planVideo a {background-image:url(http://plan-international.org/++resource++plan.plonetheme.images/bullets-video.png);}
div#news li.planAudio a {background-image:url(http://plan-international.org/++resource++plan.plonetheme.images/bullets-audio.png);}
div#news li.planPublication a {background-image:url(http://plan-international.org/++resource++plan.plonetheme.images/bullets-report.png);}
div#news p {font-weight:bold; margin:8px 0 0 0; padding:0 0 6px 0; border-bottom:1px solid #ECECEC;}
div#news p a {padding:2px 0}
div#news p.feed {float:right;}
div#news p.feed a {padding:2px 0 2px 24px; background:url(http://plan-international.org/rss.gif) no-repeat center left;}
div#news p.feed a.twitter-home {padding: 0 0 0 20px; margin-right: 15px; background:url(http://plan-international.org/bg-twitter-home.png) no-repeat center left; height: 17px; display: block; float: left;}

/* campaigns links */
div#campaigns {float:left; width:208px; margin:6px 0 0 0; padding:10px 0 0 0; border-top:1px solid #DEDEDE;}
div#campaigns h3 {font-size:1.5em; margin:0 0 -6px 0;}
div#campaigns ul {list-style-type:none; list-style-image:none; margin:0;}
div#campaigns li {float:left; margin:16px 0 0 0;}
div#campaigns li img {float:left;}

/* blogs links */
div#blogs {float:left; width:208px; margin:6px 0 0 0; padding:10px 0 0 0; border-top:1px solid #DEDEDE;}
div#blogs h3 {font-size:1.5em; margin:0;}
div#blogs h3 a, div#blogs h3 a:visited {color:#F4911E;}
div#blogs h4 {font-size:1.2em; line-height:1.2em; margin:6px 0; border: none;}
div#blogs p  {margin-bottom: 0px;}
div#blogs img {float:left; margin-right: 6px;}

/* right hand menu blocks */
div#whatmenu, div#wheremenu {width:460px; margin:0 0 20px 0; position:relative; min-height:242px; height:auto !important; height:242px; background:url(++resource++plan.plonetheme.images/frontpage-grey-shadow.png) repeat-y 291px 0 #ECECEC;}
  
/* tabbed menus */
div#whatmenu  img {vertical-align:top;}
div#whatmenu ul, div#wheremenu ul {width:183px; line-height:1.5; list-style-type:none; list-style-image:none; margin:0; position:absolute; right:0; top:0; z-index:10;}
div#whatmenu li, div#wheremenu ul li {font-weight:bold; margin:0;}
div#whatmenu li a, div#wheremenu li a {color:#fff; display:block; padding:7px 9px 7px 11px; width:168px; w\idth:148px; margin:0 0 0 15px; border-bottom:2px solid #ffffff; background:url(http://plan-international.org/++resource++plan.plonetheme.images/frontpage-blue-tab-shadow.png) repeat-y top left #6AADD3;}
div#wheremenu li a {background:url(http://plan-international.org/++resource++plan.plonetheme.images/frontpage-green-tab-shadow.png) repeat-y top left #99BB7D;}
div#whatmenu li:last-child a, div#whatmenu li.last a, div#wheremenu li:last-child a, div#wheremenu li.last a {border-bottom:none;}
div#whatmenu li a:hover, div#wheremenu li a:hover {color:#484848; text-decoration:none;}
div#whatmenu li.active, div#wheremenu li.active {background:url(http://plan-international.org/++resource++plan.plonetheme.images/frontpage-active-tab.png) no-repeat top right;}
* html div#whatmenu li.active, * html div#wheremenu li.active {background:none;}
div#whatmenu li.active a, div#wheremenu li.active a {color:#484848; background:url(http://plan-international.org/++resource++plan.plonetheme.images/frontpage-active-tab.png) no-repeat top right;}
div#whatmenu li.active a:hover, div#wheremenu li.active a:hover {color:#484848; cursor:pointer;}

/* action panels */
div.action {width:292px; position:absolute; left:0; top:0;}
div.action h3 {font-size:1.3em; font-weight:bold; position:absolute; left:0; top:0; margin:0;}
div.action h4 {font-size:1em; font-weight:normal; margin-top:0; position:absolute; left:0; top:209px; margin:0;}
div.action h4 a {display:block; width:292px; w\idth:280px; padding:6px 6px 6px 6px; height:32px; he\ight:20px; color:#000; background:#ECECEC; opacity:0.8; filter:alpha(opacity=80)}
div#whatmenu div.action h3 {background:#007CC3; color:#fff; padding:4px 6px;}
div#whatmenu div.action h3.appeal {background:#00518E;}
div#wheremenu div.action h3 {color:#007CC3; padding:11px 6px 4px 16px;}
div#wheremenu div.action h3 a {color:#007CC3;}
div.action h3 a {color:#fff;}

div.action.americas p {
    width:170px;
}
div.action.americas p span { 
    border-bottom: 1px solid #91bfd6; 
    display: block; 
    margin-bottom: 8px; 
    padding-bottom: 8px;
}

/* copy block in where we work panels */
div.action p {margin:0; padding:0; position:absolute; left:16px; top:40px; overflow:hidden; width:200px; line-height:1.3;}
div.action p.wide {width:260px;}
div.action.africa p {width:180px;}
div.action.asia p {width:150px;}
div.action div.actionlinks {margin:0; padding:0; position:absolute; left:16px; top:110px; overflow:hidden; width:272px; z-index:auto;}
div.action.africa div.actionlinks {top:100px;}
div.action.americas div.actionlinks {top:130px;}
div.action.asia div.actionlinks {top:130px;}
div.action.fundraising div.actionlinks {top:70px;}

/* action layer visibility controls */
div.ontop {z-index:3;}
div.ontwo {z-index:2;}

/* sign up for email news box */
.signup div#emailsignup {visibility:hidden;}
div.action div#emailsignup {width:276px; w\idth:256px; padding:0 10px 0 20px; margin-top:0; position:absolute; left:0; top:182px; margin:0; background:none;}
div.action div#emailsignup label {margin:4px 0 0 2px; width:254px; display:inline; color:#fff; visibility:hidden;}
div.action div#emailsignup input {clear:left; width:182px;}
* html div.action div#emailsignup input {width:180px;}
div.action div#emailsignup input.button {clear:none; float:left; margin:0 0 0 10px; width:53px;}

/* impact stories */
div#homeleft div.story {margin:0 0 18px 0;}
div#content div.story ul {float:left; margin:6px 0 0 20px;}
div#content div.story li {}
div#content div.story ul.downloads, div#content ul.downloads {margin:6px 0 10px 0;}
div#content ul.downloads li {list-style-type:none; background-repeat:no-repeat; background-position:left center; padding:5px 0 5px 28px; background-image:url(++resource++plan.plonetheme.images/pdf.png);}
div#content ul.downloads li.quicktime {background-image:url(http://plan-international.org/++resource++plan.plonetheme.images/quicktime.png);}
div#content ul.downloads li.wmv {background-image:url(http://plan-international.org/++resource++plan.plonetheme.images/wmv.png);}
div#content ul.downloads li a {}

div#wheremenu div.action ul {z-index:auto; position:relative; width:90px; float:left;}
div#wheremenu div.action ul li {font-weight:normal; font-size:.92em; width:auto;}
div#wheremenu div.action ul li a {background:none; margin:0; padding:0; color:#007CC3; border:none; width:auto; display:inline;}
div#wheremenu div.action ul li a:hover {text-decoration:underline;}
div#wheremenu div.action ul li.active {background:none;}
div#wheremenu div.action ul li.active a {background:none;}

/*  */