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

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

/* layout */
.no #portal-column-content {width:auto;}
div#portal-breadcrumbs {display:none;}
#frontpage {width:956px; float:left; clear:left; margin-top:10px}

div#hometop {float:left; width:956px;}
div#homebottom {float:left; margin:10px 0 0 0; padding:0 0 20px 0; width:956px;}
* html div#homebottom {padding:0 0 16px 0;}

div#main {float:left; width:636px; background:#F7EFDA; margin:0 18px 0 0; display:inline; min-height:224px; height:auto !important; height:224px;}
div#mainimage {float:left; width:318px; position:relative;}
div#mainimage h2 {font-size:1.3em; font-weight:bold; position:absolute; top:0px; left:0px; z-index:3; background:#007CC3; color:#fff; padding:4px 6px 2px 6px; margin:0;}
div#mainimage h2 a {color:#fff;}
/* div#mainimage img {position:absolute; top:0px; left:0px;} */
div#mainimage img {display:block;}

/* main images rotator  */
div#mainimage ul {width:318px; list-style-type:none; position:absolute; left:0; top:0; z-index:10; margin:0;}
div#mainimage ul li {position:absolute;}
/* action layer visibility controls */
div#mainimage ul li.ontop {z-index:3;}
div#mainimage ul li.ontwo {z-index:2;}
div#mainimage h2 {z-index:11;}

div#mainintro {float:right; padding:0 20px; width:318px; w\idth:278px;}
div#mainintro h2 {margin:10px 0 4px 0; color:#73AE39;}
div#mainintro h2 a {color:#73AE39;}
div#mainintro p {margin:0 0 8px 0;}
div#mainintro h5 {font-size:1em; margin-top:0; padding:6px 0 0 0; border-top:1px solid #DDDCD8;}

div.feature {float:left; width:200px; margin:0 18px 0 0;}
div.feature h2 {margin:0 0 4px 0; color:#73AE39;}
div.feature h2 a {color:#73AE39;}
div.feature img {float:left; padding:0 0 4px 0; background:#F7EFDA;}
div.feature object {float:left; margin:0 0 0 0;}
div.feature p {float:left; background:#F7EFDA; margin:0; padding:6px 8px; width:200px; w\idth:184px;}

/* tabbed menu block */
div#whatmenu {width:636px; margin:0 0 0 0; position:relative; background:url(http://plan-espana.org/++resource++plan.plonetheme.images/frontpage-grey-shadow.png) repeat-y 436px 0 #ECECEC; min-height:224px; height:auto !important; height:224px;}
/* tabbed menus */
div#whatmenu ul {width:215px; list-style-type:none; position:absolute; right:0; top:0; z-index:10;}
div#whatmenu li {font-weight:bold;}
div#whatmenu li a {color:#fff; background:url(http://plan-espana.org/++resource++plan.plonetheme.images/frontpage-blue-tab-shadow.png) repeat-y top left #6AADD3; display:block; padding:7px 9px 7px 11px; width:200px; w\idth:180px; margin:0 0 0 15px; border-bottom:2px solid #fff;}
div#whatmenu li:last-child a, div#whatmenu li.last a {border-bottom:none;}
div#whatmenu li a:hover {color:#484848; text-decoration:none;}
div#whatmenu li.active {background:url(http://plan-espana.org/++resource++plan.plonetheme.images/frontpage-active-tab) no-repeat top right;}
* html div#whatmenu li.active {background:none;}
div#whatmenu li.active a {color:#484848; background:url(http://plan-espana.org/++resource++plan.plonetheme.images/frontpage-active-tab) no-repeat top right;}
div#whatmenu 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 4px 6px;}
div#whatmenu div.action h3.appeal {background:#00518E;}
div.action h3 a {color:#fff;}

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

/* news index */
div#news {float:left; width:302px; margin:-4px 0 0 0; padding:0; border-top:none;}
div#news h2 {margin:0 0 4px 0;}
div#news h2 a, div#news h2 a:visited {color:#73AE39;}
div#news ul {list-style-type:none; margin:-2px 0 0 0; min-height:110px; height:auto !important; height:110px;}
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-espana.org/++resource++plan.plonetheme.images/bullets-blog.png);}
div#news li.planNews a {background-image:url(http://plan-espana.org/++resource++plan.plonetheme.images/bullets-chevron.png);}
div#news li.planCampaign a {background-image:url(http://plan-espana.org/++resource++plan.plonetheme.images/bullets-chevron.png); }
div#news li.planCasestudy a {background-image:url(http://plan-espana.org/casestudy-icon.png);}
div#news li.planVideo a {background-image:url(http://plan-espana.org/++resource++plan.plonetheme.images/bullets-video.png);}
div#news li.planAudio a {background-image:url(http://plan-espana.org/++resource++plan.plonetheme.images/bullets-audio.png);}
div#news li.planPublication a {background-image:url(http://plan-espana.org/++resource++plan.plonetheme.images/bullets-report.png);}
div#news p {margin:8px 0 0 0; padding:0 0 0 0; border-bottom:none;}
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-espana.org/rss.gif) no-repeat center left;}

/* email signup */
div#news div#emailsignup {width:302px; w\idth:282px; padding:0 10px 8px 10px; margin-top:9px;}
div#news div#emailsignup label {margin:4px 0 0 2px; font-size:.92em; font-weight:bold; width:280px; display:inline;}
div#news div#emailsignup input {clear:left; width:200px;}
* html div#news div#emailsignup input {width:200px;}
div#news div#emailsignup input.button {clear:none; float:left; margin:0 0 0 10px; width:53px;}

/* campaign link */
div#campaigns {float:left; width:302px; margin:0 0 -20px 0; padding:0; border-top:none;}
div#campaigns h2 {margin:0 0 4px 0; color:#73AE39;}
* html div#campaigns h2 {margin:0 0 0 0;}
div#campaigns h2 a, div#campaigns h2 a:visited {color:#73AE39;}
div#campaigns img {float:left; margin:0 0 20px 0;}

/* social links */
#homebottom ul#home-social {padding: 10px 0 0; clear: both; margin: 0;}
#homebottom ul#home-social li {width: 16px; float: left; margin-right: 5px; list-style-type: none;}
#homebottom ul#home-social li a {display: block;width: 16px; height: 16px; text-indent: -9999em; }
#homebottom ul#home-social li a.facebook {background: url(++resource++plan.plonetheme.images/facebook.png) no-repeat; }
#homebottom ul#home-social li a.twitter {background: url(++resource++plan.plonetheme.images/twitter.png) no-repeat; }
#homebottom ul#home-social li a.youtube {background: url(++resource++plan.plonetheme.images/youtube.png) no-repeat; }
#homebottom ul#home-social li a.myspace {background: url(++resource++plan.plonetheme.images/myspace.png) no-repeat; }
#homebottom ul#home-social li a.linkedin {background: url(++resource++plan.plonetheme.images/bookmarks/linkedin.png) no-repeat; }
body div#homebottom {padding:0 0 10px 0;}

/*  */